@charset "UTF-8";
:root {
  --fz-pc: 16;
  --fz-sp: 14;
  --rem-pc: calc(1 / var(--fz-pc) * 1rem);
  --rem-sp: calc(1 / var(--fz-sp) * 1rem);
  --inner-xs: 720;
  --inner-sm: 960;
  --inner-md: 1440;
  --inner-lg: 1600;
  --inner-xl: 1760;
  --section_pdg-sm: 80;
  --section_pdg-sm-sp: 40;
  --section_pdg-md: 120;
  --section_pdg-md-sp: 60;
  --section_pdg-lg: 160;
  --section_pdg-lg-sp: 80;
  --ltr-space-default: 0.03em;
  --line-height-default: 1.8;
  --line-height-hdr: 1.2;
  --line-height-none: 1;
  --font-default: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  --font-jp-heading: "あおとゴシック M", sans-serif;
  --font-jp-text: "あおとゴシック R", sans-serif;
  --font-en-heading: "Orbitron", sans-serif;
  --font-en-text: "Orbitron", sans-serif;
  --font-en-num: "Roboto", sans-serif;
  --font-en-display: "Barlow", sans-serif;
  --font-weight-default: 400;
  --font-weight-heading: 500;
  --font-weight-bold: 600;
  /* heading */
  --heading1: 56;
  --heading1-sp: 32;
  --heading2: 48;
  --heading2-sp: 28;
  --heading3: 40;
  --heading3-sp: 24;
  --heading4: 32;
  --heading4-sp: 20;
  --heading5: 24;
  --heading5-sp: 18;
  --heading6: 20;
  --heading6-sp: 16;
  --heading7: 36;
  --heading7-sp: 21;
  --font-size-heading1: calc(var(--heading1) * var(--rem-pc));
  --font-size-heading1-sp: calc(var(--heading1-sp) * var(--rem-sp));
  --font-size-heading2: calc(var(--heading2) * var(--rem-pc));
  --font-size-heading2-sp: calc(var(--heading2-sp) * var(--rem-sp));
  --font-size-heading3: calc(var(--heading3) * var(--rem-pc));
  --font-size-heading3-sp: calc(var(--heading3-sp) * var(--rem-sp));
  --font-size-heading4: calc(var(--heading4) * var(--rem-pc));
  --font-size-heading4-sp: calc(var(--heading4-sp) * var(--rem-sp));
  --font-size-heading5: calc(var(--heading5) * var(--rem-pc));
  --font-size-heading5-sp: calc(var(--heading5-sp) * var(--rem-sp));
  --font-size-heading6: calc(var(--heading6) * var(--rem-pc));
  --font-size-heading6-sp: calc(var(--heading6-sp) * var(--rem-sp));
  --font-size-heading7: calc(var(--heading7) * var(--rem-pc));
  --font-size-heading7-sp: calc(var(--heading7-sp) * var(--rem-sp));
  /* txt */
  --txt-lg: 18;
  --txt-lg-sp: 16;
  --txt-md: 16;
  --txt-md-sp: 14;
  --txt-sm: 14;
  --txt-sm-sp: 12;
  --font-size-txt-lg: calc(var(--txt-lg) * var(--rem-pc));
  --font-size-txt-lg-sp: calc(var(--txt-lg-sp) * var(--rem-sp));
  --font-size-txt-md: calc(var(--txt-md) * var(--rem-pc));
  --font-size-txt-md-sp: calc(var(--txt-md-sp) * var(--rem-sp));
  --font-size-txt-sm: calc(var(--txt-sm) * var(--rem-pc));
  --font-size-txt-sm-sp: calc(var(--txt-sm-sp) * var(--rem-sp));
  /* display */
  --display-lg: 160;
  --display-lg-sp: 80;
  --display-md: 120;
  --display-md-sp: 60;
  --display-sm: 80;
  --display-sm-sp: 40;
  --font-size-display-lg: calc(var(--display-lg) * var(--rem-pc));
  --font-size-display-lg-sp: calc(var(--display-lg-sp) * var(--rem-sp));
  --font-size-display-md: calc(var(--display-md) * var(--rem-pc));
  --font-size-display-md-sp: calc(var(--display-md-sp) * var(--rem-sp));
  --font-size-display-sm: calc(var(--display-sm) * var(--rem-pc));
  --font-size-display-sm-sp: calc(var(--display-sm-sp) * var(--rem-sp));
  --clr-primary-default: #22A8F0;
  --clr-primary-dark: #0F6593;
  --clr-primary-light: #00C5FF;
  --clr-secondary-default: #D12B2B;
  --clr-secondary-dark: #BB2323;
  --clr-secondary-light: #E64141;
  --clr-tertiary-default: #FF7F01;
  --clr-tertiary-dark: #E69200;
  --clr-tertiary-light: #FFC475;
  --clr-bg-01: #0A131A;
  --clr-bg-02: #0190BA;
  --clr-grid: #0190BA;
  --clr-sub-01: #51AAA6;
  --clr-sub-02: #A8BF71;
  --clr-sub-03: #D7A761;
  --clr-sub-04: #CF727C;
  --clr-sub-05: #A2689B;
  --clr-sub-06: #6790B7;
  --clr-num-blue: #081E7D;
  --clr-mono-01: #EEEEEE;
  --clr-mono-02: #CCCCCC;
  --clr-mono-03: #AAAAAA;
  --clr-mono-04: #888888;
  --clr-mono-05: #666666;
  --clr-mono-06: #444444;
  --clr-text-primary: #F5F5FA;
  --clr-text-secondary: #D9D9DF;
  --clr-text-placeholder: #BBBBC4;
  --clr-text-light: #F9F9FA;
  --clr-wht: #fff;
  --clr-blk: #091219;
  --radius-primary: 12;
  --radius-primary-sp: 8;
  --radius-secondary: 8;
  --radius-secondary-sp: 4;
  --radius-tertiary: 4;
  --radius-tertiary-sp: 2;
  --radius-max: 100vmax;
  --border-radius-primary: calc(var(--radius-primary) * var(--rem-pc));
  --border-radius-primary-sp: calc(var(--radius-primary-sp) * var(--rem-sp));
  --border-radius-secondary: calc(var(--radius-secondary) * var(--rem-pc));
  --border-radius-secondary-sp: calc(var(--radius-secondary-sp) * var(--rem-sp));
  --border-radius-tertiary: calc(var(--radius-tertiary) * var(--rem-pc));
  --border-radius-tertiary-sp: calc(var(--radius-tertiary-sp) * var(--rem-sp));
  --border-radius-max: calc(var(--radius-max) * var(--rem-pc));
  --box-shadow-default: 0px 0px 24px 0px color-mix(in srgb, var(--clr-blk) 10%, transparent);
  --backdrop-filter-default: blur(4px);
  --easing-default: ease-out;
  --duration-default: 0.4s;
  --transit-default: all var(--duration-default) var(--easing-default);
  --bleed: max(0px, calc(50dvw - 50%));
}

.recruit-bg-orange, .home_recruit {
  --recruit-mask-height: 10rem;
  --recruit-mask-step: 207.875rem;
  --recruit-mask-height: 160px;
  --recruit-mask-step: 3326px;
  --recruit-mask-fill-top: calc(var(--recruit-mask-height));
  overflow: clip;
  -webkit-mask-image: url("../images/top/recruit-mask-top.svg"), linear-gradient(#fff, #fff), url("../images/top/recruit-mask-btm.svg");
  -webkit-mask-repeat: repeat-x, no-repeat, repeat-x;
  -webkit-mask-size: var(--recruit-mask-step) var(--recruit-mask-height), 100% calc(100% - var(--recruit-mask-height) * 2), var(--recruit-mask-step) var(--recruit-mask-height);
  -webkit-mask-position: 0 top, 0 var(--recruit-mask-fill-top), 0 bottom;
  mask-image: url("../images/top/recruit-mask-top.svg"), linear-gradient(#fff, #fff), url("../images/top/recruit-mask-btm.svg");
  mask-repeat: repeat-x, no-repeat, repeat-x;
  mask-size: var(--recruit-mask-step) var(--recruit-mask-height), 100% calc(100% - var(--recruit-mask-height) * 2), var(--recruit-mask-step) var(--recruit-mask-height);
  mask-position: 0 top, 0 var(--recruit-mask-height), 0 bottom;
  animation: recruit-mask-flow 48s linear infinite;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange, .home_recruit {
    --recruit-mask-height: 8rem;
    --recruit-mask-step: 166.3rem;
    --recruit-mask-height: 112px;
    --recruit-mask-step: 2328px;
  }
}

.recruit-style .recruit-ttl {
  --recruit-mask-height: 10rem;
  --recruit-mask-step: 207.875rem;
  --recruit-mask-height: 160px;
  --recruit-mask-step: 3326px;
  --recruit-mask-fill-top: calc(var(--recruit-mask-height));
  overflow: clip;
  -webkit-mask-image: linear-gradient(#fff, #fff), url("../images/top/recruit-mask-btm.svg");
  -webkit-mask-repeat: no-repeat, repeat-x;
  -webkit-mask-size: 100% calc(100% - var(--recruit-mask-height)), var(--recruit-mask-step) var(--recruit-mask-height);
  -webkit-mask-position: 0 top, 0 bottom;
  mask-image: linear-gradient(#fff, #fff), url("../images/top/recruit-mask-btm.svg");
  mask-repeat: no-repeat, repeat-x;
  mask-size: 100% calc(100% - var(--recruit-mask-height)), var(--recruit-mask-step) var(--recruit-mask-height);
  mask-position: 0 top, 0 bottom;
  animation: recruit-mask-flow-btm 48s linear infinite;
}
@media screen and (max-width: 47.9375em) {
  .recruit-style .recruit-ttl {
    --recruit-mask-height: 8rem;
    --recruit-mask-step: 166.3rem;
    --recruit-mask-height: 112px;
    --recruit-mask-step: 2328px;
  }
}

/* ##############################################################################

		style info : リセット及びフォントサイズ

############################################################################## */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  line-height: 1;
  background: #fff;
  color: #333;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, main {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

ins {
  background-color: #ff9;
  color: #333;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #333;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #333;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*隙間消し*/
li img {
  vertical-align: bottom;
}

/* Reset input[type="search"] */
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

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

input[type=search]::-webkit-search-decoration {
  display: none;
}

/* iOS reset */
input[type=submit] {
  -webkit-appearance: none;
}

@media print, screen and (min-width: 768px) {
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  @-moz-document url-prefix() {
    * {
      font-feature-settings: "palt";
    }
  }
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  * {
    font-feature-settings: "palt";
  }
}
/* ##############################################################################

		COMMON

############################################################################## */
html {
  font-size: clamp(9px, 0.8333333333vw, 1rem);
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-padding-top: 9.375rem;
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  html {
    font-size: 0.875rem;
    overflow-y: auto;
    overflow-x: auto;
  }
}
@media screen and (max-width: 47.9375em) {
  html {
    font-size: min(3.5897435897vw, 0.875rem);
    scroll-padding-top: 4rem;
  }
}

body {
  font-family: var(--font-jp-text);
  line-height: var(--line-height-default);
  font-weight: var(--font-weight-default);
  font-feature-settings: "palt";
  color: var(--clr-text-primary);
  background: var(--clr-bg-01) url(../images/common/bg-img-grid.svg) repeat center center/120rem 2.125rem;
  height: 100%;
  word-break: break-word;
}
@media print, screen and (min-width: 48em) {
  body {
    font-size: clamp(14.1666666667px, 0.8333333333vw, 1rem);
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  body:not(.mce-content-body) {
    min-width: 1080px;
  }
}
@media screen and (max-width: 47.9375em) {
  body {
    -webkit-text-size-adjust: none;
  }
}

* {
  letter-spacing: var(--ltr-space-default);
}

ul,
ol {
  list-style: none;
}

small {
  font-size: max(12px, 0.875rem);
}
@media screen and (max-width: 47.9375em) {
  small {
    font-size: 0.9285714286rem;
  }
}

a,
a:where([href="javascript:void(0);"]):hover {
  color: var(--clr-text-primary);
  text-decoration: none;
  transition: var(--transit-default);
  outline: none;
}

a:where([href="javascript:void(0);"]),
a:where([href="javascript:void(0);"])::before {
  color: inherit;
  cursor: default;
  opacity: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus {
  text-decoration: none !important;
}

@media print, screen and (min-width: 48em) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

img {
  vertical-align: middle;
}
@media screen and (max-width: 47.9375em) {
  img {
    max-width: 100%;
    height: auto;
  }
}

address,
em,
i {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  line-height: var(--line-height-hdr);
}

svg {
  transition: var(--transit-default);
}
svg[preserveAspectRatio=none] {
  height: auto;
}

.i-block {
  display: inline-block;
}

.block {
  display: block;
}

.marker_red {
  position: relative;
}
.marker_red::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline;
  width: 100%;
  height: 0.375rem;
  background: linear-gradient(90deg, #D42A2A 0%, #561313 100%);
}

/* ltr_slide
********************************************** */
.ltr_slide .ltr-slide_wrap {
  overflow-x: clip;
}
.ltr_slide .ltr-slide_wrap:nth-child(odd) > .ltr-slide > ul {
  animation: loopLeftText 60s linear infinite;
}
.ltr_slide .ltr-slide_wrap:nth-child(even) > .ltr-slide > ul {
  animation: loopRightText 60s linear infinite;
}
.ltr_slide .ltr-slide ul {
  flex-shrink: 0;
}
.ltr_slide .ltr_item {
  line-height: 1;
  font-weight: 700;
}

/* glr_slide
********************************************** */
.glr_slide .glr-slide_wrap {
  overflow-x: clip;
}
.glr_slide .glr-slide_wrap:nth-child(odd) > .glr-slide > ul {
  animation: loopLeftGallery 60s linear infinite;
}
.glr_slide .glr-slide_wrap:nth-child(even) > .glr-slide > ul {
  animation: loopRightGallery 60s linear infinite;
}
.glr_slide .glr-slide ul {
  flex-shrink: 0;
}
.glr_slide .glr_item {
  width: 30.4375rem;
  height: 30.4375rem;
  border: 0.25rem solid var(--clr-grid);
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #FFF;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}

.gradient__wrap {
  display: block;
}
.gradient__title {
  padding-bottom: 1rem;
  animation: TitleGradation 20s ease infinite;
  background: linear-gradient(to right, #40606D, #1AA1C4, #40606D);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.bg-ptn01 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0);
  pointer-events: none;
}

.bg-ptn01::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 174, 255, 0.2);
}

.bg-ptn02 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0);
  pointer-events: none;
  mix-blend-mode: multiply;
  background: url(../images/common/bg-img-noiseptn.jpg) repeat-y top center/100% auto;
  opacity: 0.9;
}

.bg-ptn03 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0);
  pointer-events: none;
}

.bg-ptn03::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/common/bg-ptn.png) repeat-y top -50vh center/100% auto;
}

[data-bg-grad=blue] {
  background-color: hsl(195, 65%, 50%);
  background-image: radial-gradient(circle at 30% 40%, hsla(190, 70%, 48%, 0.9) 0%, transparent 70%), radial-gradient(circle at 70% 50%, hsla(200, 75%, 50%, 0.9) 0%, transparent 75%), radial-gradient(circle at 50% 85%, hsla(195, 65%, 55%, 0.85) 0%, transparent 80%), radial-gradient(circle at 85% 15%, hsla(210, 70%, 52%, 0.85) 0%, transparent 78%), radial-gradient(circle at 88% 88%, hsla(205, 80%, 50%, 0.85) 0%, transparent 45%);
}

[data-bg-grad=orange] {
  background-color: hsl(28, 85%, 68%);
  background-image: radial-gradient(circle at 30% 40%, hsla(8, 85%, 58%, 0.9) 0%, transparent 70%), radial-gradient(circle at 70% 50%, hsla(20, 95%, 60%, 0.9) 0%, transparent 75%), radial-gradient(circle at 50% 85%, hsla(25, 85%, 62%, 0.85) 0%, transparent 80%), radial-gradient(circle at 85% 15%, hsla(35, 85%, 68%, 0.85) 0%, transparent 78%), radial-gradient(circle at 88% 88%, hsla(12, 90%, 55%, 0.85) 0%, transparent 45%);
}

/* visually-hidden
********************************************** */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.floating-bnr {
  --btm: 2.8125rem;
  --rgt: 2.8125rem;
  --close-wid: 2.25rem;
  width: 28.125em;
  font-size: var(--font-size-txt-md);
  z-index: 9990;
  position: fixed;
  bottom: var(--btm);
  right: var(--rgt);
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .floating-bnr {
    --btm: 0.5714285714rem;
    --rgt: 0.5714285714rem;
    width: 65%;
  }
}
.floating-bnr a {
  display: block;
  border: 1px solid #1B8AC5;
  background: rgba(0, 0, 0, 0.6) url(../images/top/hero-cta-bg.png);
  box-shadow: 0 -1px 0.875rem 0 rgba(27, 138, 197, 0.65);
  transition: var(--transit-default);
  position: relative;
}
.floating-bnr a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: var(--transit-default);
}
.floating-bnr a:hover {
  box-shadow: 0 -1px 0 0 rgba(27, 138, 197, 0.65);
}
.floating-bnr a:hover::before {
  opacity: 1;
}

.floating-bnr__close {
  width: var(--close-wid);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(23, 128, 184, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.floating-bnr__close::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: 50%;
  aspect-ratio: 1;
  background-color: var(--clr-wht);
  transition: var(--transit-default);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/arrow_forward.svg);
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .floating-bnr__close::before {
    transform: rotate(90deg);
  }
}

body:not(:has(.header.header-sm)) .floating-bnr {
  opacity: 0;
  pointer-events: none;
}

body:has(.home_scale-impact.is-inview) .floating-bnr {
  opacity: 0;
  pointer-events: none;
}

/* txt
**************************************** */
.txt-lg {
  --max-font-size: calc(var(--txt-lg) * 1px - 2px);
  font-size: max(var(--max-font-size), var(--font-size-txt-lg));
}
@media screen and (max-width: 47.9375em) {
  .txt-lg {
    font-size: var(--font-size-txt-lg-sp);
  }
}

.txt-sm {
  --max-font-size: calc(var(--txt-sm) * 1px - 2px);
  font-size: max(var(--max-font-size), var(--font-size-txt-sm));
}
@media screen and (max-width: 47.9375em) {
  .txt-sm {
    font-size: var(--font-size-txt-sm-sp);
  }
}

.clr-primary-default,
.clr-primary-default * {
  color: var(--clr-primary-default);
}

.clr-primary-dark,
.clr-primary-dark * {
  color: var(--clr-primary-dark);
}

.clr-primary-light,
.clr-primary-light * {
  color: var(--clr-primary-light);
}

.clr-secondary-default,
.clr-secondary-default * {
  color: var(--clr-secondary-default);
}

.clr-secondary-dark,
.clr-secondary-dark * {
  color: var(--clr-secondary-dark);
}

.clr-secondary-light,
.clr-secondary-light * {
  color: var(--clr-secondary-light);
}

.clr-tertiary-default,
.clr-tertiary-default * {
  color: var(--clr-tertiary-default);
}

.clr-tertiary-dark,
.clr-tertiary-dark * {
  color: var(--clr-tertiary-dark);
}

.clr-tertiary-light,
.clr-tertiary-light * {
  color: var(--clr-tertiary-light);
}

.clr-bg-01,
.clr-bg-01 * {
  color: var(--clr-bg-01);
}

.clr-bg-02,
.clr-bg-02 * {
  color: var(--clr-bg-02);
}

.clr-grid,
.clr-grid * {
  color: var(--clr-grid);
}

.clr-sub-01,
.clr-sub-01 * {
  color: var(--clr-sub-01);
}

.clr-sub-02,
.clr-sub-02 * {
  color: var(--clr-sub-02);
}

.clr-sub-03,
.clr-sub-03 * {
  color: var(--clr-sub-03);
}

.clr-sub-04,
.clr-sub-04 * {
  color: var(--clr-sub-04);
}

.clr-sub-05,
.clr-sub-05 * {
  color: var(--clr-sub-05);
}

.clr-sub-06,
.clr-sub-06 * {
  color: var(--clr-sub-06);
}

.clr-num-blue,
.clr-num-blue * {
  color: var(--clr-num-blue);
}

.clr-mono-01,
.clr-mono-01 * {
  color: var(--clr-mono-01);
}

.clr-mono-02,
.clr-mono-02 * {
  color: var(--clr-mono-02);
}

.clr-mono-03,
.clr-mono-03 * {
  color: var(--clr-mono-03);
}

.clr-mono-04,
.clr-mono-04 * {
  color: var(--clr-mono-04);
}

.clr-mono-05,
.clr-mono-05 * {
  color: var(--clr-mono-05);
}

.clr-mono-06,
.clr-mono-06 * {
  color: var(--clr-mono-06);
}

.clr-text-primary,
.clr-text-primary * {
  color: var(--clr-text-primary);
}

.clr-text-secondary,
.clr-text-secondary * {
  color: var(--clr-text-secondary);
}

.clr-text-placeholder,
.clr-text-placeholder * {
  color: var(--clr-text-placeholder);
}

.clr-text-light,
.clr-text-light * {
  color: var(--clr-text-light);
}

.clr-wht,
.clr-wht * {
  color: var(--clr-wht);
}

.clr-blk,
.clr-blk * {
  color: var(--clr-blk);
}

.has-clr-primary-default-color,
.has-clr-primary-default-color * {
  color: var(--clr-primary-default);
}

.has-clr-primary-dark-color,
.has-clr-primary-dark-color * {
  color: var(--clr-primary-dark);
}

.has-clr-primary-light-color,
.has-clr-primary-light-color * {
  color: var(--clr-primary-light);
}

.has-clr-secondary-default-color,
.has-clr-secondary-default-color * {
  color: var(--clr-secondary-default);
}

.has-clr-secondary-dark-color,
.has-clr-secondary-dark-color * {
  color: var(--clr-secondary-dark);
}

.has-clr-secondary-light-color,
.has-clr-secondary-light-color * {
  color: var(--clr-secondary-light);
}

.has-clr-tertiary-default-color,
.has-clr-tertiary-default-color * {
  color: var(--clr-tertiary-default);
}

.has-clr-tertiary-dark-color,
.has-clr-tertiary-dark-color * {
  color: var(--clr-tertiary-dark);
}

.has-clr-tertiary-light-color,
.has-clr-tertiary-light-color * {
  color: var(--clr-tertiary-light);
}

.has-clr-bg-01-color,
.has-clr-bg-01-color * {
  color: var(--clr-bg-01);
}

.has-clr-bg-02-color,
.has-clr-bg-02-color * {
  color: var(--clr-bg-02);
}

.has-clr-grid-color,
.has-clr-grid-color * {
  color: var(--clr-grid);
}

.has-clr-sub-01-color,
.has-clr-sub-01-color * {
  color: var(--clr-sub-01);
}

.has-clr-sub-02-color,
.has-clr-sub-02-color * {
  color: var(--clr-sub-02);
}

.has-clr-sub-03-color,
.has-clr-sub-03-color * {
  color: var(--clr-sub-03);
}

.has-clr-sub-04-color,
.has-clr-sub-04-color * {
  color: var(--clr-sub-04);
}

.has-clr-sub-05-color,
.has-clr-sub-05-color * {
  color: var(--clr-sub-05);
}

.has-clr-sub-06-color,
.has-clr-sub-06-color * {
  color: var(--clr-sub-06);
}

.has-clr-num-blue-color,
.has-clr-num-blue-color * {
  color: var(--clr-num-blue);
}

.has-clr-mono-01-color,
.has-clr-mono-01-color * {
  color: var(--clr-mono-01);
}

.has-clr-mono-02-color,
.has-clr-mono-02-color * {
  color: var(--clr-mono-02);
}

.has-clr-mono-03-color,
.has-clr-mono-03-color * {
  color: var(--clr-mono-03);
}

.has-clr-mono-04-color,
.has-clr-mono-04-color * {
  color: var(--clr-mono-04);
}

.has-clr-mono-05-color,
.has-clr-mono-05-color * {
  color: var(--clr-mono-05);
}

.has-clr-mono-06-color,
.has-clr-mono-06-color * {
  color: var(--clr-mono-06);
}

.has-clr-text-primary-color,
.has-clr-text-primary-color * {
  color: var(--clr-text-primary);
}

.has-clr-text-secondary-color,
.has-clr-text-secondary-color * {
  color: var(--clr-text-secondary);
}

.has-clr-text-placeholder-color,
.has-clr-text-placeholder-color * {
  color: var(--clr-text-placeholder);
}

.has-clr-text-light-color,
.has-clr-text-light-color * {
  color: var(--clr-text-light);
}

.has-clr-wht-color,
.has-clr-wht-color * {
  color: var(--clr-wht);
}

.has-clr-blk-color,
.has-clr-blk-color * {
  color: var(--clr-blk);
}

/* --- font-size --- */
.fz8 {
  font-size: max(6px, 0.5rem);
}
@media screen and (max-width: 47.9375em) {
  .fz8 {
    font-size: 0.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp8 {
    font-size: 0.5714285714rem !important;
  }
}

.fz9 {
  font-size: max(7px, 0.5625rem);
}
@media screen and (max-width: 47.9375em) {
  .fz9 {
    font-size: 0.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp9 {
    font-size: 0.6428571429rem !important;
  }
}

.fz10 {
  font-size: max(8px, 0.625rem);
}
@media screen and (max-width: 47.9375em) {
  .fz10 {
    font-size: 0.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp10 {
    font-size: 0.7142857143rem !important;
  }
}

.fz11 {
  font-size: max(9px, 0.6875rem);
}
@media screen and (max-width: 47.9375em) {
  .fz11 {
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp11 {
    font-size: 0.7857142857rem !important;
  }
}

.fz12 {
  font-size: max(10px, 0.75rem);
}
@media screen and (max-width: 47.9375em) {
  .fz12 {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp12 {
    font-size: 0.8571428571rem !important;
  }
}

.fz13 {
  font-size: max(11px, 0.8125rem);
}
@media screen and (max-width: 47.9375em) {
  .fz13 {
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp13 {
    font-size: 0.9285714286rem !important;
  }
}

.fz14 {
  font-size: max(12px, 0.875rem);
}
@media screen and (max-width: 47.9375em) {
  .fz14 {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp14 {
    font-size: 1rem !important;
  }
}

.fz15 {
  font-size: max(13px, 0.9375rem);
}
@media screen and (max-width: 47.9375em) {
  .fz15 {
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp15 {
    font-size: 1.0714285714rem !important;
  }
}

.fz16 {
  font-size: max(14px, 1rem);
}
@media screen and (max-width: 47.9375em) {
  .fz16 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp16 {
    font-size: 1.1428571429rem !important;
  }
}

.fz17 {
  font-size: max(15px, 1.0625rem);
}
@media screen and (max-width: 47.9375em) {
  .fz17 {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp17 {
    font-size: 1.2142857143rem !important;
  }
}

.fz18 {
  font-size: max(16px, 1.125rem);
}
@media screen and (max-width: 47.9375em) {
  .fz18 {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp18 {
    font-size: 1.2857142857rem !important;
  }
}

.fz19 {
  font-size: max(17px, 1.1875rem);
}
@media screen and (max-width: 47.9375em) {
  .fz19 {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp19 {
    font-size: 1.3571428571rem !important;
  }
}

.fz20 {
  font-size: max(18px, 1.25rem);
}
@media screen and (max-width: 47.9375em) {
  .fz20 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp20 {
    font-size: 1.4285714286rem !important;
  }
}

.fz21 {
  font-size: max(19px, 1.3125rem);
}
@media screen and (max-width: 47.9375em) {
  .fz21 {
    font-size: 1.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp21 {
    font-size: 1.5rem !important;
  }
}

.fz22 {
  font-size: max(20px, 1.375rem);
}
@media screen and (max-width: 47.9375em) {
  .fz22 {
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp22 {
    font-size: 1.5714285714rem !important;
  }
}

.fz23 {
  font-size: max(21px, 1.4375rem);
}
@media screen and (max-width: 47.9375em) {
  .fz23 {
    font-size: 1.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp23 {
    font-size: 1.6428571429rem !important;
  }
}

.fz24 {
  font-size: max(22px, 1.5rem);
}
@media screen and (max-width: 47.9375em) {
  .fz24 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp24 {
    font-size: 1.7142857143rem !important;
  }
}

.fz25 {
  font-size: 1.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz25 {
    font-size: 1.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp25 {
    font-size: 1.7857142857rem !important;
  }
}

.fz26 {
  font-size: 1.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz26 {
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp26 {
    font-size: 1.8571428571rem !important;
  }
}

.fz27 {
  font-size: 1.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz27 {
    font-size: 1.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp27 {
    font-size: 1.9285714286rem !important;
  }
}

.fz28 {
  font-size: 1.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz28 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp28 {
    font-size: 2rem !important;
  }
}

.fz29 {
  font-size: 1.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz29 {
    font-size: 1.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp29 {
    font-size: 2.0714285714rem !important;
  }
}

.fz30 {
  font-size: 1.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz30 {
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp30 {
    font-size: 2.1428571429rem !important;
  }
}

.fz31 {
  font-size: 1.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz31 {
    font-size: 1.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp31 {
    font-size: 2.2142857143rem !important;
  }
}

.fz32 {
  font-size: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .fz32 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp32 {
    font-size: 2.2857142857rem !important;
  }
}

.fz33 {
  font-size: 2.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz33 {
    font-size: 2.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp33 {
    font-size: 2.3571428571rem !important;
  }
}

.fz34 {
  font-size: 2.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz34 {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp34 {
    font-size: 2.4285714286rem !important;
  }
}

.fz35 {
  font-size: 2.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz35 {
    font-size: 2.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp35 {
    font-size: 2.5rem !important;
  }
}

.fz36 {
  font-size: 2.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz36 {
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp36 {
    font-size: 2.5714285714rem !important;
  }
}

.fz37 {
  font-size: 2.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz37 {
    font-size: 2.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp37 {
    font-size: 2.6428571429rem !important;
  }
}

.fz38 {
  font-size: 2.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz38 {
    font-size: 2.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp38 {
    font-size: 2.7142857143rem !important;
  }
}

.fz39 {
  font-size: 2.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz39 {
    font-size: 2.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp39 {
    font-size: 2.7857142857rem !important;
  }
}

.fz40 {
  font-size: 2.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz40 {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp40 {
    font-size: 2.8571428571rem !important;
  }
}

.fz41 {
  font-size: 2.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz41 {
    font-size: 2.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp41 {
    font-size: 2.9285714286rem !important;
  }
}

.fz42 {
  font-size: 2.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz42 {
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp42 {
    font-size: 3rem !important;
  }
}

.fz43 {
  font-size: 2.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz43 {
    font-size: 2.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp43 {
    font-size: 3.0714285714rem !important;
  }
}

.fz44 {
  font-size: 2.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz44 {
    font-size: 2.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp44 {
    font-size: 3.1428571429rem !important;
  }
}

.fz45 {
  font-size: 2.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz45 {
    font-size: 2.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp45 {
    font-size: 3.2142857143rem !important;
  }
}

.fz46 {
  font-size: 2.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz46 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp46 {
    font-size: 3.2857142857rem !important;
  }
}

.fz47 {
  font-size: 2.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz47 {
    font-size: 2.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp47 {
    font-size: 3.3571428571rem !important;
  }
}

.fz48 {
  font-size: 3rem;
}
@media screen and (max-width: 47.9375em) {
  .fz48 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp48 {
    font-size: 3.4285714286rem !important;
  }
}

.fz49 {
  font-size: 3.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz49 {
    font-size: 3.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp49 {
    font-size: 3.5rem !important;
  }
}

.fz50 {
  font-size: 3.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz50 {
    font-size: 3.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp50 {
    font-size: 3.5714285714rem !important;
  }
}

.fz51 {
  font-size: 3.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz51 {
    font-size: 3.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp51 {
    font-size: 3.6428571429rem !important;
  }
}

.fz52 {
  font-size: 3.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz52 {
    font-size: 3.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp52 {
    font-size: 3.7142857143rem !important;
  }
}

.fz53 {
  font-size: 3.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz53 {
    font-size: 3.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp53 {
    font-size: 3.7857142857rem !important;
  }
}

.fz54 {
  font-size: 3.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz54 {
    font-size: 3.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp54 {
    font-size: 3.8571428571rem !important;
  }
}

.fz55 {
  font-size: 3.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz55 {
    font-size: 3.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp55 {
    font-size: 3.9285714286rem !important;
  }
}

.fz56 {
  font-size: 3.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz56 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp56 {
    font-size: 4rem !important;
  }
}

.fz57 {
  font-size: 3.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz57 {
    font-size: 3.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp57 {
    font-size: 4.0714285714rem !important;
  }
}

.fz58 {
  font-size: 3.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz58 {
    font-size: 3.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp58 {
    font-size: 4.1428571429rem !important;
  }
}

.fz59 {
  font-size: 3.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz59 {
    font-size: 3.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp59 {
    font-size: 4.2142857143rem !important;
  }
}

.fz60 {
  font-size: 3.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz60 {
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp60 {
    font-size: 4.2857142857rem !important;
  }
}

.fz61 {
  font-size: 3.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz61 {
    font-size: 3.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp61 {
    font-size: 4.3571428571rem !important;
  }
}

.fz62 {
  font-size: 3.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz62 {
    font-size: 3.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp62 {
    font-size: 4.4285714286rem !important;
  }
}

.fz63 {
  font-size: 3.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz63 {
    font-size: 3.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp63 {
    font-size: 4.5rem !important;
  }
}

.fz64 {
  font-size: 4rem;
}
@media screen and (max-width: 47.9375em) {
  .fz64 {
    font-size: 4rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp64 {
    font-size: 4.5714285714rem !important;
  }
}

.fz65 {
  font-size: 4.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz65 {
    font-size: 4.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp65 {
    font-size: 4.6428571429rem !important;
  }
}

.fz66 {
  font-size: 4.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz66 {
    font-size: 4.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp66 {
    font-size: 4.7142857143rem !important;
  }
}

.fz67 {
  font-size: 4.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz67 {
    font-size: 4.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp67 {
    font-size: 4.7857142857rem !important;
  }
}

.fz68 {
  font-size: 4.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz68 {
    font-size: 4.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp68 {
    font-size: 4.8571428571rem !important;
  }
}

.fz69 {
  font-size: 4.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz69 {
    font-size: 4.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp69 {
    font-size: 4.9285714286rem !important;
  }
}

.fz70 {
  font-size: 4.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz70 {
    font-size: 4.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp70 {
    font-size: 5rem !important;
  }
}

.fz71 {
  font-size: 4.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz71 {
    font-size: 4.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp71 {
    font-size: 5.0714285714rem !important;
  }
}

.fz72 {
  font-size: 4.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz72 {
    font-size: 4.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp72 {
    font-size: 5.1428571429rem !important;
  }
}

.fz73 {
  font-size: 4.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz73 {
    font-size: 4.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp73 {
    font-size: 5.2142857143rem !important;
  }
}

.fz74 {
  font-size: 4.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz74 {
    font-size: 4.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp74 {
    font-size: 5.2857142857rem !important;
  }
}

.fz75 {
  font-size: 4.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz75 {
    font-size: 4.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp75 {
    font-size: 5.3571428571rem !important;
  }
}

.fz76 {
  font-size: 4.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz76 {
    font-size: 4.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp76 {
    font-size: 5.4285714286rem !important;
  }
}

.fz77 {
  font-size: 4.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz77 {
    font-size: 4.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp77 {
    font-size: 5.5rem !important;
  }
}

.fz78 {
  font-size: 4.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz78 {
    font-size: 4.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp78 {
    font-size: 5.5714285714rem !important;
  }
}

.fz79 {
  font-size: 4.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz79 {
    font-size: 4.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp79 {
    font-size: 5.6428571429rem !important;
  }
}

.fz80 {
  font-size: 5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz80 {
    font-size: 5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp80 {
    font-size: 5.7142857143rem !important;
  }
}

.fz81 {
  font-size: 5.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz81 {
    font-size: 5.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp81 {
    font-size: 5.7857142857rem !important;
  }
}

.fz82 {
  font-size: 5.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz82 {
    font-size: 5.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp82 {
    font-size: 5.8571428571rem !important;
  }
}

.fz83 {
  font-size: 5.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz83 {
    font-size: 5.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp83 {
    font-size: 5.9285714286rem !important;
  }
}

.fz84 {
  font-size: 5.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz84 {
    font-size: 5.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp84 {
    font-size: 6rem !important;
  }
}

.fz85 {
  font-size: 5.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz85 {
    font-size: 5.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp85 {
    font-size: 6.0714285714rem !important;
  }
}

.fz86 {
  font-size: 5.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz86 {
    font-size: 5.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp86 {
    font-size: 6.1428571429rem !important;
  }
}

.fz87 {
  font-size: 5.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz87 {
    font-size: 5.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp87 {
    font-size: 6.2142857143rem !important;
  }
}

.fz88 {
  font-size: 5.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz88 {
    font-size: 5.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp88 {
    font-size: 6.2857142857rem !important;
  }
}

.fz89 {
  font-size: 5.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz89 {
    font-size: 5.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp89 {
    font-size: 6.3571428571rem !important;
  }
}

.fz90 {
  font-size: 5.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz90 {
    font-size: 5.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp90 {
    font-size: 6.4285714286rem !important;
  }
}

.fz91 {
  font-size: 5.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz91 {
    font-size: 5.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp91 {
    font-size: 6.5rem !important;
  }
}

.fz92 {
  font-size: 5.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz92 {
    font-size: 5.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp92 {
    font-size: 6.5714285714rem !important;
  }
}

.fz93 {
  font-size: 5.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz93 {
    font-size: 5.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp93 {
    font-size: 6.6428571429rem !important;
  }
}

.fz94 {
  font-size: 5.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz94 {
    font-size: 5.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp94 {
    font-size: 6.7142857143rem !important;
  }
}

.fz95 {
  font-size: 5.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz95 {
    font-size: 5.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp95 {
    font-size: 6.7857142857rem !important;
  }
}

.fz96 {
  font-size: 6rem;
}
@media screen and (max-width: 47.9375em) {
  .fz96 {
    font-size: 6rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp96 {
    font-size: 6.8571428571rem !important;
  }
}

.fz97 {
  font-size: 6.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz97 {
    font-size: 6.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp97 {
    font-size: 6.9285714286rem !important;
  }
}

.fz98 {
  font-size: 6.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz98 {
    font-size: 6.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp98 {
    font-size: 7rem !important;
  }
}

.fz99 {
  font-size: 6.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz99 {
    font-size: 6.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp99 {
    font-size: 7.0714285714rem !important;
  }
}

.fz100 {
  font-size: 6.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz100 {
    font-size: 6.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp100 {
    font-size: 7.1428571429rem !important;
  }
}

.fz101 {
  font-size: 6.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz101 {
    font-size: 6.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp101 {
    font-size: 7.2142857143rem !important;
  }
}

.fz102 {
  font-size: 6.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz102 {
    font-size: 6.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp102 {
    font-size: 7.2857142857rem !important;
  }
}

.fz103 {
  font-size: 6.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz103 {
    font-size: 6.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp103 {
    font-size: 7.3571428571rem !important;
  }
}

.fz104 {
  font-size: 6.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz104 {
    font-size: 6.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp104 {
    font-size: 7.4285714286rem !important;
  }
}

.fz105 {
  font-size: 6.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz105 {
    font-size: 6.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp105 {
    font-size: 7.5rem !important;
  }
}

.fz106 {
  font-size: 6.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz106 {
    font-size: 6.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp106 {
    font-size: 7.5714285714rem !important;
  }
}

.fz107 {
  font-size: 6.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz107 {
    font-size: 6.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp107 {
    font-size: 7.6428571429rem !important;
  }
}

.fz108 {
  font-size: 6.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz108 {
    font-size: 6.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp108 {
    font-size: 7.7142857143rem !important;
  }
}

.fz109 {
  font-size: 6.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz109 {
    font-size: 6.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp109 {
    font-size: 7.7857142857rem !important;
  }
}

.fz110 {
  font-size: 6.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz110 {
    font-size: 6.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp110 {
    font-size: 7.8571428571rem !important;
  }
}

.fz111 {
  font-size: 6.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz111 {
    font-size: 6.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp111 {
    font-size: 7.9285714286rem !important;
  }
}

.fz112 {
  font-size: 7rem;
}
@media screen and (max-width: 47.9375em) {
  .fz112 {
    font-size: 7rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp112 {
    font-size: 8rem !important;
  }
}

.fz113 {
  font-size: 7.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz113 {
    font-size: 7.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp113 {
    font-size: 8.0714285714rem !important;
  }
}

.fz114 {
  font-size: 7.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz114 {
    font-size: 7.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp114 {
    font-size: 8.1428571429rem !important;
  }
}

.fz115 {
  font-size: 7.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz115 {
    font-size: 7.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp115 {
    font-size: 8.2142857143rem !important;
  }
}

.fz116 {
  font-size: 7.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz116 {
    font-size: 7.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp116 {
    font-size: 8.2857142857rem !important;
  }
}

.fz117 {
  font-size: 7.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz117 {
    font-size: 7.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp117 {
    font-size: 8.3571428571rem !important;
  }
}

.fz118 {
  font-size: 7.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz118 {
    font-size: 7.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp118 {
    font-size: 8.4285714286rem !important;
  }
}

.fz119 {
  font-size: 7.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz119 {
    font-size: 7.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp119 {
    font-size: 8.5rem !important;
  }
}

.fz120 {
  font-size: 7.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz120 {
    font-size: 7.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp120 {
    font-size: 8.5714285714rem !important;
  }
}

.fz121 {
  font-size: 7.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz121 {
    font-size: 7.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp121 {
    font-size: 8.6428571429rem !important;
  }
}

.fz122 {
  font-size: 7.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz122 {
    font-size: 7.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp122 {
    font-size: 8.7142857143rem !important;
  }
}

.fz123 {
  font-size: 7.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz123 {
    font-size: 7.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp123 {
    font-size: 8.7857142857rem !important;
  }
}

.fz124 {
  font-size: 7.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz124 {
    font-size: 7.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp124 {
    font-size: 8.8571428571rem !important;
  }
}

.fz125 {
  font-size: 7.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz125 {
    font-size: 7.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp125 {
    font-size: 8.9285714286rem !important;
  }
}

.fz126 {
  font-size: 7.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz126 {
    font-size: 7.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp126 {
    font-size: 9rem !important;
  }
}

.fz127 {
  font-size: 7.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz127 {
    font-size: 7.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp127 {
    font-size: 9.0714285714rem !important;
  }
}

.fz128 {
  font-size: 8rem;
}
@media screen and (max-width: 47.9375em) {
  .fz128 {
    font-size: 8rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp128 {
    font-size: 9.1428571429rem !important;
  }
}

.fz129 {
  font-size: 8.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz129 {
    font-size: 8.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp129 {
    font-size: 9.2142857143rem !important;
  }
}

.fz130 {
  font-size: 8.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz130 {
    font-size: 8.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp130 {
    font-size: 9.2857142857rem !important;
  }
}

.fz131 {
  font-size: 8.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz131 {
    font-size: 8.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp131 {
    font-size: 9.3571428571rem !important;
  }
}

.fz132 {
  font-size: 8.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz132 {
    font-size: 8.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp132 {
    font-size: 9.4285714286rem !important;
  }
}

.fz133 {
  font-size: 8.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz133 {
    font-size: 8.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp133 {
    font-size: 9.5rem !important;
  }
}

.fz134 {
  font-size: 8.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz134 {
    font-size: 8.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp134 {
    font-size: 9.5714285714rem !important;
  }
}

.fz135 {
  font-size: 8.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz135 {
    font-size: 8.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp135 {
    font-size: 9.6428571429rem !important;
  }
}

.fz136 {
  font-size: 8.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz136 {
    font-size: 8.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp136 {
    font-size: 9.7142857143rem !important;
  }
}

.fz137 {
  font-size: 8.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz137 {
    font-size: 8.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp137 {
    font-size: 9.7857142857rem !important;
  }
}

.fz138 {
  font-size: 8.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz138 {
    font-size: 8.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp138 {
    font-size: 9.8571428571rem !important;
  }
}

.fz139 {
  font-size: 8.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz139 {
    font-size: 8.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp139 {
    font-size: 9.9285714286rem !important;
  }
}

.fz140 {
  font-size: 8.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz140 {
    font-size: 8.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp140 {
    font-size: 10rem !important;
  }
}

.fz141 {
  font-size: 8.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz141 {
    font-size: 8.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp141 {
    font-size: 10.0714285714rem !important;
  }
}

.fz142 {
  font-size: 8.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz142 {
    font-size: 8.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp142 {
    font-size: 10.1428571429rem !important;
  }
}

.fz143 {
  font-size: 8.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz143 {
    font-size: 8.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp143 {
    font-size: 10.2142857143rem !important;
  }
}

.fz144 {
  font-size: 9rem;
}
@media screen and (max-width: 47.9375em) {
  .fz144 {
    font-size: 9rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp144 {
    font-size: 10.2857142857rem !important;
  }
}

.fz145 {
  font-size: 9.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz145 {
    font-size: 9.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp145 {
    font-size: 10.3571428571rem !important;
  }
}

.fz146 {
  font-size: 9.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz146 {
    font-size: 9.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp146 {
    font-size: 10.4285714286rem !important;
  }
}

.fz147 {
  font-size: 9.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz147 {
    font-size: 9.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp147 {
    font-size: 10.5rem !important;
  }
}

.fz148 {
  font-size: 9.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz148 {
    font-size: 9.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp148 {
    font-size: 10.5714285714rem !important;
  }
}

.fz149 {
  font-size: 9.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz149 {
    font-size: 9.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp149 {
    font-size: 10.6428571429rem !important;
  }
}

.fz150 {
  font-size: 9.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz150 {
    font-size: 9.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp150 {
    font-size: 10.7142857143rem !important;
  }
}

.fz151 {
  font-size: 9.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz151 {
    font-size: 9.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp151 {
    font-size: 10.7857142857rem !important;
  }
}

.fz152 {
  font-size: 9.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz152 {
    font-size: 9.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp152 {
    font-size: 10.8571428571rem !important;
  }
}

.fz153 {
  font-size: 9.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz153 {
    font-size: 9.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp153 {
    font-size: 10.9285714286rem !important;
  }
}

.fz154 {
  font-size: 9.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz154 {
    font-size: 9.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp154 {
    font-size: 11rem !important;
  }
}

.fz155 {
  font-size: 9.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz155 {
    font-size: 9.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp155 {
    font-size: 11.0714285714rem !important;
  }
}

.fz156 {
  font-size: 9.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz156 {
    font-size: 9.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp156 {
    font-size: 11.1428571429rem !important;
  }
}

.fz157 {
  font-size: 9.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz157 {
    font-size: 9.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp157 {
    font-size: 11.2142857143rem !important;
  }
}

.fz158 {
  font-size: 9.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz158 {
    font-size: 9.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp158 {
    font-size: 11.2857142857rem !important;
  }
}

.fz159 {
  font-size: 9.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz159 {
    font-size: 9.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp159 {
    font-size: 11.3571428571rem !important;
  }
}

.fz160 {
  font-size: 10rem;
}
@media screen and (max-width: 47.9375em) {
  .fz160 {
    font-size: 10rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp160 {
    font-size: 11.4285714286rem !important;
  }
}

.fz161 {
  font-size: 10.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz161 {
    font-size: 10.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp161 {
    font-size: 11.5rem !important;
  }
}

.fz162 {
  font-size: 10.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz162 {
    font-size: 10.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp162 {
    font-size: 11.5714285714rem !important;
  }
}

.fz163 {
  font-size: 10.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz163 {
    font-size: 10.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp163 {
    font-size: 11.6428571429rem !important;
  }
}

.fz164 {
  font-size: 10.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz164 {
    font-size: 10.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp164 {
    font-size: 11.7142857143rem !important;
  }
}

.fz165 {
  font-size: 10.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz165 {
    font-size: 10.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp165 {
    font-size: 11.7857142857rem !important;
  }
}

.fz166 {
  font-size: 10.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz166 {
    font-size: 10.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp166 {
    font-size: 11.8571428571rem !important;
  }
}

.fz167 {
  font-size: 10.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz167 {
    font-size: 10.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp167 {
    font-size: 11.9285714286rem !important;
  }
}

.fz168 {
  font-size: 10.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz168 {
    font-size: 10.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp168 {
    font-size: 12rem !important;
  }
}

.fz169 {
  font-size: 10.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz169 {
    font-size: 10.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp169 {
    font-size: 12.0714285714rem !important;
  }
}

.fz170 {
  font-size: 10.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz170 {
    font-size: 10.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp170 {
    font-size: 12.1428571429rem !important;
  }
}

.fz171 {
  font-size: 10.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz171 {
    font-size: 10.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp171 {
    font-size: 12.2142857143rem !important;
  }
}

.fz172 {
  font-size: 10.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz172 {
    font-size: 10.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp172 {
    font-size: 12.2857142857rem !important;
  }
}

.fz173 {
  font-size: 10.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz173 {
    font-size: 10.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp173 {
    font-size: 12.3571428571rem !important;
  }
}

.fz174 {
  font-size: 10.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz174 {
    font-size: 10.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp174 {
    font-size: 12.4285714286rem !important;
  }
}

.fz175 {
  font-size: 10.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz175 {
    font-size: 10.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp175 {
    font-size: 12.5rem !important;
  }
}

.fz176 {
  font-size: 11rem;
}
@media screen and (max-width: 47.9375em) {
  .fz176 {
    font-size: 11rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp176 {
    font-size: 12.5714285714rem !important;
  }
}

.fz177 {
  font-size: 11.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz177 {
    font-size: 11.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp177 {
    font-size: 12.6428571429rem !important;
  }
}

.fz178 {
  font-size: 11.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz178 {
    font-size: 11.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp178 {
    font-size: 12.7142857143rem !important;
  }
}

.fz179 {
  font-size: 11.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz179 {
    font-size: 11.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp179 {
    font-size: 12.7857142857rem !important;
  }
}

.fz180 {
  font-size: 11.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz180 {
    font-size: 11.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp180 {
    font-size: 12.8571428571rem !important;
  }
}

.fz181 {
  font-size: 11.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz181 {
    font-size: 11.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp181 {
    font-size: 12.9285714286rem !important;
  }
}

.fz182 {
  font-size: 11.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz182 {
    font-size: 11.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp182 {
    font-size: 13rem !important;
  }
}

.fz183 {
  font-size: 11.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz183 {
    font-size: 11.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp183 {
    font-size: 13.0714285714rem !important;
  }
}

.fz184 {
  font-size: 11.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz184 {
    font-size: 11.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp184 {
    font-size: 13.1428571429rem !important;
  }
}

.fz185 {
  font-size: 11.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz185 {
    font-size: 11.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp185 {
    font-size: 13.2142857143rem !important;
  }
}

.fz186 {
  font-size: 11.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz186 {
    font-size: 11.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp186 {
    font-size: 13.2857142857rem !important;
  }
}

.fz187 {
  font-size: 11.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz187 {
    font-size: 11.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp187 {
    font-size: 13.3571428571rem !important;
  }
}

.fz188 {
  font-size: 11.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz188 {
    font-size: 11.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp188 {
    font-size: 13.4285714286rem !important;
  }
}

.fz189 {
  font-size: 11.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz189 {
    font-size: 11.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp189 {
    font-size: 13.5rem !important;
  }
}

.fz190 {
  font-size: 11.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz190 {
    font-size: 11.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp190 {
    font-size: 13.5714285714rem !important;
  }
}

.fz191 {
  font-size: 11.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz191 {
    font-size: 11.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp191 {
    font-size: 13.6428571429rem !important;
  }
}

.fz192 {
  font-size: 12rem;
}
@media screen and (max-width: 47.9375em) {
  .fz192 {
    font-size: 12rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp192 {
    font-size: 13.7142857143rem !important;
  }
}

.fz193 {
  font-size: 12.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz193 {
    font-size: 12.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp193 {
    font-size: 13.7857142857rem !important;
  }
}

.fz194 {
  font-size: 12.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz194 {
    font-size: 12.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp194 {
    font-size: 13.8571428571rem !important;
  }
}

.fz195 {
  font-size: 12.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz195 {
    font-size: 12.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp195 {
    font-size: 13.9285714286rem !important;
  }
}

.fz196 {
  font-size: 12.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz196 {
    font-size: 12.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp196 {
    font-size: 14rem !important;
  }
}

.fz197 {
  font-size: 12.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz197 {
    font-size: 12.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp197 {
    font-size: 14.0714285714rem !important;
  }
}

.fz198 {
  font-size: 12.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz198 {
    font-size: 12.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp198 {
    font-size: 14.1428571429rem !important;
  }
}

.fz199 {
  font-size: 12.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz199 {
    font-size: 12.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp199 {
    font-size: 14.2142857143rem !important;
  }
}

.fz200 {
  font-size: 12.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz200 {
    font-size: 12.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp200 {
    font-size: 14.2857142857rem !important;
  }
}

.fz201 {
  font-size: 12.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz201 {
    font-size: 12.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp201 {
    font-size: 14.3571428571rem !important;
  }
}

.fz202 {
  font-size: 12.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz202 {
    font-size: 12.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp202 {
    font-size: 14.4285714286rem !important;
  }
}

.fz203 {
  font-size: 12.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz203 {
    font-size: 12.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp203 {
    font-size: 14.5rem !important;
  }
}

.fz204 {
  font-size: 12.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz204 {
    font-size: 12.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp204 {
    font-size: 14.5714285714rem !important;
  }
}

.fz205 {
  font-size: 12.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz205 {
    font-size: 12.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp205 {
    font-size: 14.6428571429rem !important;
  }
}

.fz206 {
  font-size: 12.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz206 {
    font-size: 12.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp206 {
    font-size: 14.7142857143rem !important;
  }
}

.fz207 {
  font-size: 12.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz207 {
    font-size: 12.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp207 {
    font-size: 14.7857142857rem !important;
  }
}

.fz208 {
  font-size: 13rem;
}
@media screen and (max-width: 47.9375em) {
  .fz208 {
    font-size: 13rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp208 {
    font-size: 14.8571428571rem !important;
  }
}

.fz209 {
  font-size: 13.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz209 {
    font-size: 13.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp209 {
    font-size: 14.9285714286rem !important;
  }
}

.fz210 {
  font-size: 13.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz210 {
    font-size: 13.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp210 {
    font-size: 15rem !important;
  }
}

.fz211 {
  font-size: 13.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz211 {
    font-size: 13.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp211 {
    font-size: 15.0714285714rem !important;
  }
}

.fz212 {
  font-size: 13.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz212 {
    font-size: 13.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp212 {
    font-size: 15.1428571429rem !important;
  }
}

.fz213 {
  font-size: 13.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz213 {
    font-size: 13.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp213 {
    font-size: 15.2142857143rem !important;
  }
}

.fz214 {
  font-size: 13.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz214 {
    font-size: 13.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp214 {
    font-size: 15.2857142857rem !important;
  }
}

.fz215 {
  font-size: 13.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz215 {
    font-size: 13.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp215 {
    font-size: 15.3571428571rem !important;
  }
}

.fz216 {
  font-size: 13.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz216 {
    font-size: 13.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp216 {
    font-size: 15.4285714286rem !important;
  }
}

.fz217 {
  font-size: 13.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz217 {
    font-size: 13.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp217 {
    font-size: 15.5rem !important;
  }
}

.fz218 {
  font-size: 13.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz218 {
    font-size: 13.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp218 {
    font-size: 15.5714285714rem !important;
  }
}

.fz219 {
  font-size: 13.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz219 {
    font-size: 13.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp219 {
    font-size: 15.6428571429rem !important;
  }
}

.fz220 {
  font-size: 13.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz220 {
    font-size: 13.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp220 {
    font-size: 15.7142857143rem !important;
  }
}

.fz221 {
  font-size: 13.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz221 {
    font-size: 13.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp221 {
    font-size: 15.7857142857rem !important;
  }
}

.fz222 {
  font-size: 13.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz222 {
    font-size: 13.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp222 {
    font-size: 15.8571428571rem !important;
  }
}

.fz223 {
  font-size: 13.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz223 {
    font-size: 13.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp223 {
    font-size: 15.9285714286rem !important;
  }
}

.fz224 {
  font-size: 14rem;
}
@media screen and (max-width: 47.9375em) {
  .fz224 {
    font-size: 14rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp224 {
    font-size: 16rem !important;
  }
}

.fz225 {
  font-size: 14.0625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz225 {
    font-size: 14.0625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp225 {
    font-size: 16.0714285714rem !important;
  }
}

.fz226 {
  font-size: 14.125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz226 {
    font-size: 14.125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp226 {
    font-size: 16.1428571429rem !important;
  }
}

.fz227 {
  font-size: 14.1875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz227 {
    font-size: 14.1875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp227 {
    font-size: 16.2142857143rem !important;
  }
}

.fz228 {
  font-size: 14.25rem;
}
@media screen and (max-width: 47.9375em) {
  .fz228 {
    font-size: 14.25rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp228 {
    font-size: 16.2857142857rem !important;
  }
}

.fz229 {
  font-size: 14.3125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz229 {
    font-size: 14.3125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp229 {
    font-size: 16.3571428571rem !important;
  }
}

.fz230 {
  font-size: 14.375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz230 {
    font-size: 14.375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp230 {
    font-size: 16.4285714286rem !important;
  }
}

.fz231 {
  font-size: 14.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz231 {
    font-size: 14.4375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp231 {
    font-size: 16.5rem !important;
  }
}

.fz232 {
  font-size: 14.5rem;
}
@media screen and (max-width: 47.9375em) {
  .fz232 {
    font-size: 14.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp232 {
    font-size: 16.5714285714rem !important;
  }
}

.fz233 {
  font-size: 14.5625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz233 {
    font-size: 14.5625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp233 {
    font-size: 16.6428571429rem !important;
  }
}

.fz234 {
  font-size: 14.625rem;
}
@media screen and (max-width: 47.9375em) {
  .fz234 {
    font-size: 14.625rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp234 {
    font-size: 16.7142857143rem !important;
  }
}

.fz235 {
  font-size: 14.6875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz235 {
    font-size: 14.6875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp235 {
    font-size: 16.7857142857rem !important;
  }
}

.fz236 {
  font-size: 14.75rem;
}
@media screen and (max-width: 47.9375em) {
  .fz236 {
    font-size: 14.75rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp236 {
    font-size: 16.8571428571rem !important;
  }
}

.fz237 {
  font-size: 14.8125rem;
}
@media screen and (max-width: 47.9375em) {
  .fz237 {
    font-size: 14.8125rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp237 {
    font-size: 16.9285714286rem !important;
  }
}

.fz238 {
  font-size: 14.875rem;
}
@media screen and (max-width: 47.9375em) {
  .fz238 {
    font-size: 14.875rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp238 {
    font-size: 17rem !important;
  }
}

.fz239 {
  font-size: 14.9375rem;
}
@media screen and (max-width: 47.9375em) {
  .fz239 {
    font-size: 14.9375rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp239 {
    font-size: 17.0714285714rem !important;
  }
}

.fz240 {
  font-size: 15rem;
}
@media screen and (max-width: 47.9375em) {
  .fz240 {
    font-size: 15rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .fz-sp240 {
    font-size: 17.1428571429rem !important;
  }
}

/* --- font-family --- */
.font-jp {
  font-family: var(--font-jp-heading);
}

.font-en {
  font-family: var(--font-en-heading);
  letter-spacing: -0.05em;
}

.font-en-display {
  font-family: var(--font-en-display);
  font-weight: 500;
}

/* --- clip-txt --- */
.clip-txt1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.clip-txt2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.clip-txt3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.clip-txt4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/* txt-ctr
**************************************** */
.txt-ctr,
.txt-ctr-pc {
  text-align: center;
}

.txt-rgt,
.txt-rgt-pc {
  text-align: right;
}

@media screen and (max-width: 47.9375em) {
  .txt-ctr-pc,
  .txt-rgt-pc {
    text-align: left;
  }
  .txt-ctr-sp {
    text-align: center;
  }
}
/* txtarea
**************************************** */
.txtarea p:not([class*=mgn-btm]):not(:last-child) {
  margin-bottom: 1em;
}

/* ##############################################################################

		ブロックエディタ・クラシックエディタ共通

############################################################################## */
.bold {
  font-weight: bold;
}
.bold:not([class*=clr-]) {
  color: var(--clr-primary-default);
}

.mce-content-body {
  overflow-x: clip;
}
.mce-content-body::before, .mce-content-body::after {
  content: "";
  display: table;
}
.mce-content-body::after {
  clear: both;
}
.mce-content-body ul:where(:not([class*=ez-toc-])):not(:first-child),
.mce-content-body ol:not(:first-child) {
  margin-top: 1em;
}
.mce-content-body ul:where(:not([class*=ez-toc-])):not(:last-child),
.mce-content-body ol:not(:last-child) {
  margin-bottom: 1em;
}
.mce-content-body ul:where(:not([class*=ez-toc-])) ul,
.mce-content-body ul:where(:not([class*=ez-toc-])) ol,
.mce-content-body ol ul,
.mce-content-body ol ol {
  margin-top: 1em;
}
.mce-content-body li {
  position: relative;
  padding-block-end: 0.5em;
}
.mce-content-body ul:where(:not([class*=ez-toc-])) li {
  --list-gap: 16;
  --list-dot: 10;
  --list-padding: calc(var(--list-gap) + var(--list-dot));
  list-style: none;
  text-indent: 0;
  padding-left: calc(var(--list-padding) * var(--rem-pc));
}
.mce-content-body ul:where(:not([class*=ez-toc-])) li::before {
  content: "";
  position: absolute;
  left: 0;
  flex-shrink: 0;
  inline-size: calc(var(--list-dot) * var(--rem-pc));
  aspect-ratio: 1;
  margin-block: calc((1lh - var(--list-dot) * var(--rem-pc)) / 2);
  color: #102535;
  background-color: currentColor;
}
.mce-content-body ol {
  margin-inline-start: 1.5em;
}
.mce-content-body ol::marker {
  letter-spacing: 0.2em;
}
.mce-content-body ol:not([style]) {
  counter-reset: cnt;
}
.mce-content-body ol:not([style]) > li {
  counter-increment: cnt;
  text-indent: -1.5em;
}
.mce-content-body ol:not([style]) > li::before {
  content: counter(cnt, decimal-leading-zero) ".";
  color: var(--clr-primary-default);
  margin-right: 0.3em;
  letter-spacing: 0;
}
.mce-content-body ol:not([style]) > li ul li {
  text-indent: 0;
}
.mce-content-body ul:where([style="list-style-type: circle;"]) li::before {
  background-color: var(--clr-wht);
}
.mce-content-body ul:where(:not([style="list-style-type: square;"])) li::before {
  border-radius: 50%;
}
.mce-content-body .wp-block-image img {
  margin: 1em 0;
  max-width: 100%;
  height: auto;
}
.mce-content-body .wp-caption {
  width: fit-content;
  max-width: 100%;
}
.mce-content-body hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: none;
  border-bottom: 1px solid var(--clr-primary-default);
}
.mce-content-body a .wp-block-image img {
  transition: var(--transit-default);
}
.mce-content-body a:hover .wp-block-image img {
  opacity: 0.8;
}
.mce-content-body img {
  display: block;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body .alignright,
  .mce-content-body .alignleft {
    width: 100% !important;
    float: none;
    margin: 1em auto;
    display: block;
  }
}
.mce-content-body .alignleft {
  float: left;
  clear: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.mce-content-body .alignright {
  float: right;
  clear: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
.mce-content-body .aligncenter {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.mce-content-body .wp-block-image img.aligncenter {
  display: block;
}
.mce-content-body .alignleft:last-child,
.mce-content-body .alignright:last-child,
.mce-content-body .aligncenter:last-child {
  margin-bottom: 0;
}
.mce-content-body p:not(:last-child) {
  margin-bottom: 1em;
}
.mce-content-body b,
.mce-content-body strong {
  font-weight: bold;
}
.mce-content-body .wp-block-quote > p,
.mce-content-body blockquote:not(.wp-block-quote) {
  padding: 1rem 2.5rem;
  border-radius: 0.1875rem;
  position: relative;
  display: block;
  width: fit-content;
  font-style: oblique;
  margin-left: 0 !important;
  border-left: 0 !important;
  box-shadow: 0 !important;
  background-color: #192329;
  text-align: left;
}
.mce-content-body .wp-block-quote > p:not(:first-child),
.mce-content-body blockquote:not(.wp-block-quote):not(:first-child) {
  margin-top: 1em;
}
.mce-content-body .wp-block-quote > p:not(:last-child),
.mce-content-body blockquote:not(.wp-block-quote):not(:last-child) {
  margin-bottom: 1em;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body .wp-block-quote > p,
  .mce-content-body blockquote:not(.wp-block-quote) {
    padding: 1rem;
  }
}
.mce-content-body .wp-block-quote > p::before, .mce-content-body .wp-block-quote > p::after,
.mce-content-body blockquote:not(.wp-block-quote)::before,
.mce-content-body blockquote:not(.wp-block-quote)::after {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  opacity: 0.25;
}
.mce-content-body .wp-block-quote > p::before,
.mce-content-body blockquote:not(.wp-block-quote)::before {
  background-image: url("../images/common/icon-quote_left.svg");
  top: 0.875rem;
  left: 0.75rem;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body .wp-block-quote > p::before,
  .mce-content-body blockquote:not(.wp-block-quote)::before {
    top: 0;
    left: 0;
  }
}
.mce-content-body .wp-block-quote > p::after,
.mce-content-body blockquote:not(.wp-block-quote)::after {
  background-image: url("../images/common/icon-quote_right.svg");
  bottom: 0.875rem;
  right: 0.75rem;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body .wp-block-quote > p::after,
  .mce-content-body blockquote:not(.wp-block-quote)::after {
    bottom: 0;
    right: 0;
  }
}
.mce-content-body a {
  text-decoration: underline;
}
@media (hover: hover) {
  .mce-content-body a:hover {
    text-decoration: none;
  }
}
.mce-content-body table {
  border: none;
  height: auto !important;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body table {
    max-width: none !important;
  }
}
.mce-content-body table:not(:first-child) {
  margin-top: 1em;
}
.mce-content-body table:not(:last-child) {
  margin-bottom: 1em;
}
.mce-content-body tr,
.mce-content-body th,
.mce-content-body td {
  height: auto !important;
}
.mce-content-body th,
.mce-content-body td {
  padding: 1em;
  border: 1px solid var(--clr-mono-02);
  vertical-align: top;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body th,
  .mce-content-body td {
    padding: 0.75em;
    line-height: var(--line-height-hdr);
  }
}
.mce-content-body th {
  min-width: 7.5rem;
  text-align: left;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body th {
    font-weight: bold;
  }
}
.mce-content-body sup {
  font-size: max(10px, 0.75rem);
  color: #555;
}
.mce-content-body iframe {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  vertical-align: bottom;
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body iframe[src*="google.com/maps"] {
    aspect-ratio: 4/3;
  }
}
.mce-content-body iframe:not(:first-child) {
  margin-top: 2em;
}
.mce-content-body iframe:not(:last-child) {
  margin-bottom: 2em;
}
.mce-content-body .scroll {
  overflow-x: auto;
  margin-bottom: 1em;
  -webkit-overflow-scrolling: touch;
}
.mce-content-body .scroll table {
  margin: 0;
}
.mce-content-body .scroll--cap {
  text-align: right;
  margin: 1em 0 0 !important;
  opacity: 0.25;
  font-size: max(12px, 0.875rem);
}

.acf-field ul li::before {
  display: none;
}

.acf-button {
  text-decoration: none !important;
}

/* テーブル
********************************************** */
[class*=mce-table] th {
  font-weight: var(--font-weight-bold);
}

.mce-table01 th,
.mce-table01 td {
  position: relative;
  border: 0;
  padding: 1em 1.5em;
}
@media screen and (max-width: 47.9375em) {
  .mce-table01 th,
  .mce-table01 td {
    padding: 1em 0.25em;
  }
}
.mce-table01 th {
  color: var(--clr-primary-default);
  text-align: left;
  border-bottom: 2px solid;
  min-width: 7.5rem;
}
.mce-table01 td {
  border-bottom: 1px solid var(--clr-mono-02);
}

@media print, screen and (min-width: 48em) {
  .mce-table02 th:not(:last-child) {
    border-right: 0;
  }
  .mce-table02 td:not(:first-child) {
    border-left: 0;
  }
}
.mce-table02 th,
.mce-table02 td {
  padding: 1em;
  border: 1px solid var(--clr-mono-02);
  background: #192329;
}
.mce-table02 th {
  min-width: 7.5rem;
  text-align: left;
  background: linear-gradient(90deg, #008EBA 0%, #44CADE 25%, #008EBA 50%, #008EBA 100%);
  background-size: 200%;
}
.bg-wht .mce-table02 td {
  background-color: var(--clr-wht);
  color: var(--clr-bg-01);
}

@media screen and (max-width: 47.9375em) {
  /* テーブル */
  .table-sp-full {
    width: 100% !important;
  }
  .table-sp-full th,
  .table-sp-full td {
    flex: 1;
  }
  .table-sp-block,
  .table-sp-block th,
  .table-sp-block td {
    width: 100% !important;
  }
  .table-sp-block th,
  .table-sp-block td {
    display: block;
  }
  .mce-table01.table-sp-block th {
    padding-bottom: 0;
  }
  .mce-table01.table-sp-block th::before {
    display: none;
  }
  .mce-table02.table-sp-block th,
  .mce-table02.table-sp-block td {
    border-bottom: 0;
  }
  .mce-table02.table-sp-block tr:last-child > *:last-child {
    border-bottom: 1px solid var(--clr-mono-02);
  }
  /* table scroll */
  .table-sp-scroll {
    min-width: 38.5714285714rem;
  }
}
/* ボックス
********************************************** */
.mce-box,
.is-style-mce-box {
  padding: 2.5rem;
  background-color: #192329;
}
@media screen and (max-width: 47.9375em) {
  .mce-box,
  .is-style-mce-box {
    padding: 1.5rem;
  }
}
.mce-box:not(:first-child),
.is-style-mce-box:not(:first-child) {
  margin-top: 2em;
}
.mce-box:not(:last-child),
.is-style-mce-box:not(:last-child) {
  margin-bottom: 2em;
}
.mce-box :where(*:not([class*=clr-]):not([class*=bold]):not([class*=mce-ttl])),
.is-style-mce-box :where(*:not([class*=clr-]):not([class*=bold]):not([class*=mce-ttl])) {
  color: var(--clr-text-primary);
}

.bg-wht {
  color: var(--clr-bg-01);
}

.lps_sec.sec_bg-wht *:not(.bg-wht) .mce-box {
  background-color: var(--clr-wht);
}
.lps_sec.sec_bg-wht *:not(.bg-wht) .mce-box * {
  color: var(--clr-bg-01);
}
.lps_sec.sec_bg-wht .bg-wht .mce-box {
  background-color: var(--clr-wht);
}
.lps_sec.sec_bg-wht .bg-wht .mce-box * {
  color: var(--clr-bg-01);
}

/* リスト
********************************************** */
.mce-list-circle::before {
  background-color: transparent;
}

.mce-list-square::before {
  border-radius: 0;
}

ul.mce-check--list li,
.mce-list-check {
  --check: 10;
  --check-dot: 24;
  --check-em: calc((var(--check) / var(--fz-pc)) * 1em);
  --check-dot-em: calc((var(--check-dot) / var(--fz-pc)) * 1em);
  --check-padding: calc(var(--check-em) + var(--check-dot-em));
  padding-left: var(--check-padding);
}
ul.mce-check--list li::before, ul.mce-check--list li::after,
.mce-list-check::before,
.mce-list-check::after {
  content: "";
}
ul.mce-check--list li::before,
.mce-list-check::before {
  width: var(--check-dot-em);
  margin-block: calc((1lh - var(--check-dot-em)) / 2);
  background-color: #102535;
  border-radius: 50%;
}
ul.mce-check--list li::after,
.mce-list-check::after {
  position: absolute;
  top: 0;
  left: calc((var(--check-dot-em) - var(--check-em)) / 2);
  float: inline-start;
  width: var(--check-em);
  margin-block: calc((1lh - var(--check-em)) / 2);
  aspect-ratio: 10/7;
  border-left: 0.15em solid var(--clr-wht);
  border-bottom: 0.15em solid var(--clr-wht);
  rotate: -45deg;
}

ul.mce-check--list.grid-col2 {
  column-gap: 0.5rem;
}
ul.mce-check--list.grid-col2:last-child {
  margin-bottom: 0.5rem;
}

ul.mce-check--list li {
  color: var(--clr-bg-01);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  background-color: var(--clr-wht);
}
ul.mce-check--list li::before {
  position: relative;
  margin: auto 0.5rem auto auto;
  border-radius: 0;
  display: inline-block;
  vertical-align: middle;
}
ul.mce-check--list li::after {
  top: 0.625rem;
  left: 1.5rem;
}
ul.mce-check--list li:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* ##############################################################################

		クラシックエディタ

############################################################################## */
/* AddQuicktag
*************************************************** */
.mce-blog-ttl-01,
.mce-blog-ttl-02,
.mce-blog-ttl-03,
.mce-ttl-01,
.mce-ttl-02,
.mce-ttl-03 {
  font-family: var(--font-jp-heading);
  font-weight: var(--font-weight-heading);
}
.mce-blog-ttl-01:not(:first-child),
.mce-blog-ttl-02:not(:first-child),
.mce-blog-ttl-03:not(:first-child),
.mce-ttl-01:not(:first-child),
.mce-ttl-02:not(:first-child),
.mce-ttl-03:not(:first-child) {
  margin-top: 2em;
}
@media screen and (max-width: 47.9375em) {
  .mce-blog-ttl-01:not(:first-child),
  .mce-blog-ttl-02:not(:first-child),
  .mce-blog-ttl-03:not(:first-child),
  .mce-ttl-01:not(:first-child),
  .mce-ttl-02:not(:first-child),
  .mce-ttl-03:not(:first-child) {
    margin-top: 1.5em;
  }
}
.mce-blog-ttl-01:not(:last-child),
.mce-blog-ttl-02:not(:last-child),
.mce-blog-ttl-03:not(:last-child),
.mce-ttl-01:not(:last-child),
.mce-ttl-02:not(:last-child),
.mce-ttl-03:not(:last-child) {
  margin-bottom: 1em;
}
@media screen and (max-width: 47.9375em) {
  .mce-blog-ttl-01:not(:last-child),
  .mce-blog-ttl-02:not(:last-child),
  .mce-blog-ttl-03:not(:last-child),
  .mce-ttl-01:not(:last-child),
  .mce-ttl-02:not(:last-child),
  .mce-ttl-03:not(:last-child) {
    margin-bottom: 0.75em;
  }
}

/* 記事用見出し */
.mce-blog-ttl-01 {
  padding: 0.7em 1em;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  border-radius: 0.25rem;
  background-color: var(--clr-bg-01);
}
@media screen and (max-width: 47.9375em) {
  .mce-blog-ttl-01 {
    font-size: 1.4285714286rem;
  }
}

.mce-blog-ttl-02 {
  padding-bottom: 0.5em;
  font-size: 1.75rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--clr-primary-default);
}
@media screen and (max-width: 47.9375em) {
  .mce-blog-ttl-02 {
    font-size: 1.2857142857rem;
  }
}

.mce-blog-ttl-03 {
  padding: 0.3em 1em;
  font-size: max(18px, 1.25rem);
  line-height: 1.6;
  letter-spacing: 0.05em;
  border-left: 6px solid var(--clr-primary-default);
}
@media screen and (max-width: 47.9375em) {
  .mce-blog-ttl-03 {
    font-size: 1.1428571429rem;
  }
}

/* Loops用見出し */
.mce-ttl-01 {
  font-size: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .mce-ttl-01 {
    font-size: 1.4285714286rem;
  }
}

.mce-ttl-02 {
  font-size: max(22px, 1.5rem);
}
@media screen and (max-width: 47.9375em) {
  .mce-ttl-02 {
    font-size: 1.2857142857rem;
  }
}

.mce-ttl-03 {
  font-size: max(16px, 1.125rem);
}
@media screen and (max-width: 47.9375em) {
  .mce-ttl-03 {
    font-size: 1.1428571429rem;
  }
}

/* 注意書き */
.mce-txt-attention {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  font-size: max(12px, 0.875rem);
  opacity: 0.6;
}
@media screen and (max-width: 47.9375em) {
  .mce-txt-attention {
    font-size: 0.9285714286rem;
  }
}
.mce-txt-attention::before {
  content: "※";
}

/* 2カラムリスト */
.mce-column--list {
  column-count: 2;
}
@media screen and (max-width: 47.9375em) {
  .mce-column--list {
    column-count: 1;
  }
}
.mce-column--list li {
  break-inside: avoid;
}

/* 管理画面
*************************************************** */
/* --- スクロールバグ対策用の記述 --- */
html:has(> body#tinymce) {
  height: auto !important;
}

.wp-editor.mce-content-body {
  margin: 1rem;
  padding: 1rem;
}
.wp-editor.mce-content-body picture {
  position: relative;
  display: inline-block;
}
.wp-editor.mce-content-body picture::before {
  content: "スマホ画像あり";
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  background-color: red;
}

.sec_bg-wht a,
.sec_bg-wht a:where([href="javascript:void(0);"]):hover,
.bg-wht a,
.bg-wht a:where([href="javascript:void(0);"]):hover {
  color: var(--clr-bg-01);
}
.sec_bg-wht .ttl-03,
.bg-wht .ttl-03 {
  color: #102535;
}
.sec_bg-wht .mce-table02 th,
.bg-wht .mce-table02 th {
  color: var(--clr-wht) !important;
}
.sec_bg-wht .mce-table02 td,
.bg-wht .mce-table02 td {
  color: var(--clr-bg-01);
  background-color: var(--clr-wht);
  font-weight: var(--font-weight-bold);
}
.sec_bg-wht .mce-content-body .wp-block-quote > p,
.sec_bg-wht .mce-content-body blockquote:not(.wp-block-quote),
.bg-wht .mce-content-body .wp-block-quote > p,
.bg-wht .mce-content-body blockquote:not(.wp-block-quote) {
  color: var(--clr-text-primary);
}
.sec_bg-wht .mce-content-body .wp-block-quote > p::before, .sec_bg-wht .mce-content-body .wp-block-quote > p::after,
.sec_bg-wht .mce-content-body blockquote:not(.wp-block-quote)::before,
.sec_bg-wht .mce-content-body blockquote:not(.wp-block-quote)::after,
.bg-wht .mce-content-body .wp-block-quote > p::before,
.bg-wht .mce-content-body .wp-block-quote > p::after,
.bg-wht .mce-content-body blockquote:not(.wp-block-quote)::before,
.bg-wht .mce-content-body blockquote:not(.wp-block-quote)::after {
  background: currentColor;
  mask-image: url(../images/common/icon-quote_left.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
}

/* --- 採用用スタイル --- */
.recruit-style .bold:not([class*=clr-]) {
  --clr-primary-default: var(--clr-tertiary-default);
}
.recruit-style .mce-content-body {
  --clr-primary-default: var(--clr-tertiary-default);
}
.recruit-style .sec_bg-wht .mce-content-body .mce-table02 th {
  background-color: var(--clr-tertiary-default);
  color: var(--clr-wht);
}
.recruit-style .sec_bg-wht .mce-content-body .mce-table02 td {
  background-color: var(--clr-wht);
  color: var(--clr-bg-01);
}

/* bg
********************************************** */
.bg-primary-default {
  background-color: var(--clr-primary-default);
}

.bg-primary-dark {
  background-color: var(--clr-primary-dark);
}

.bg-primary-light {
  background-color: var(--clr-primary-light);
}

.bg-secondary-default {
  background-color: var(--clr-secondary-default);
}

.bg-secondary-dark {
  background-color: var(--clr-secondary-dark);
}

.bg-secondary-light {
  background-color: var(--clr-secondary-light);
}

.bg-tertiary-default {
  background-color: var(--clr-tertiary-default);
}

.bg-tertiary-dark {
  background-color: var(--clr-tertiary-dark);
}

.bg-tertiary-light {
  background-color: var(--clr-tertiary-light);
}

.bg-bg-01 {
  background-color: var(--clr-bg-01);
}

.bg-bg-02 {
  background-color: var(--clr-bg-02);
}

.bg-grid {
  background-color: var(--clr-grid);
}

.bg-sub-01 {
  background-color: var(--clr-sub-01);
}

.bg-sub-02 {
  background-color: var(--clr-sub-02);
}

.bg-sub-03 {
  background-color: var(--clr-sub-03);
}

.bg-sub-04 {
  background-color: var(--clr-sub-04);
}

.bg-sub-05 {
  background-color: var(--clr-sub-05);
}

.bg-sub-06 {
  background-color: var(--clr-sub-06);
}

.bg-num-blue {
  background-color: var(--clr-num-blue);
}

.bg-mono-01 {
  background-color: var(--clr-mono-01);
}

.bg-mono-02 {
  background-color: var(--clr-mono-02);
}

.bg-mono-03 {
  background-color: var(--clr-mono-03);
}

.bg-mono-04 {
  background-color: var(--clr-mono-04);
}

.bg-mono-05 {
  background-color: var(--clr-mono-05);
}

.bg-mono-06 {
  background-color: var(--clr-mono-06);
}

.bg-text-primary {
  background-color: var(--clr-text-primary);
}

.bg-text-secondary {
  background-color: var(--clr-text-secondary);
}

.bg-text-placeholder {
  background-color: var(--clr-text-placeholder);
}

.bg-text-light {
  background-color: var(--clr-text-light);
}

.bg-wht {
  background-color: var(--clr-wht);
}

.bg-blk {
  background-color: var(--clr-blk);
}

.bg-01 {
  background-color: var(--clr-bg-01);
}

.bg-02 {
  background-color: var(--clr-bg-02);
}

@media print, screen and (min-width: 48em) {
  .pc-none {
    display: none;
  }
}
@media screen and (max-width: 47.9375em) {
  .sp-none {
    display: none;
  }
}
/* img
********************************************** */
.img-ctr {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-trim {
  display: flex;
  justify-content: center;
  align-items: center;
}

.trim-widescreen {
  aspect-ratio: 3/2;
}

.trim-square {
  aspect-ratio: 1/1;
}

.trim-portrait {
  aspect-ratio: 2/3;
}

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

.img-contain {
  object-fit: contain;
}

.mgn-btm0 {
  margin-bottom: 0rem;
}

.mgn-btm2 {
  margin-bottom: 0.125rem;
}

.mgn-btm4 {
  margin-bottom: 0.25rem;
}

.mgn-btm6 {
  margin-bottom: 0.375rem;
}

.mgn-btm8 {
  margin-bottom: 0.5rem;
}

.mgn-btm10 {
  margin-bottom: 0.625rem;
}

.mgn-btm12 {
  margin-bottom: 0.75rem;
}

.mgn-btm14 {
  margin-bottom: 0.875rem;
}

.mgn-btm16 {
  margin-bottom: 1rem;
}

.mgn-btm18 {
  margin-bottom: 1.125rem;
}

.mgn-btm20 {
  margin-bottom: 1.25rem;
}

.mgn-btm22 {
  margin-bottom: 1.375rem;
}

.mgn-btm24 {
  margin-bottom: 1.5rem;
}

.mgn-btm26 {
  margin-bottom: 1.625rem;
}

.mgn-btm28 {
  margin-bottom: 1.75rem;
}

.mgn-btm30 {
  margin-bottom: 1.875rem;
}

.mgn-btm32 {
  margin-bottom: 2rem;
}

.mgn-btm34 {
  margin-bottom: 2.125rem;
}

.mgn-btm36 {
  margin-bottom: 2.25rem;
}

.mgn-btm38 {
  margin-bottom: 2.375rem;
}

.mgn-btm40 {
  margin-bottom: 2.5rem;
}

.mgn-btm42 {
  margin-bottom: 2.625rem;
}

.mgn-btm44 {
  margin-bottom: 2.75rem;
}

.mgn-btm46 {
  margin-bottom: 2.875rem;
}

.mgn-btm48 {
  margin-bottom: 3rem;
}

.mgn-btm50 {
  margin-bottom: 3.125rem;
}

.mgn-btm52 {
  margin-bottom: 3.25rem;
}

.mgn-btm54 {
  margin-bottom: 3.375rem;
}

.mgn-btm56 {
  margin-bottom: 3.5rem;
}

.mgn-btm58 {
  margin-bottom: 3.625rem;
}

.mgn-btm60 {
  margin-bottom: 3.75rem;
}

.mgn-btm62 {
  margin-bottom: 3.875rem;
}

.mgn-btm64 {
  margin-bottom: 4rem;
}

.mgn-btm66 {
  margin-bottom: 4.125rem;
}

.mgn-btm68 {
  margin-bottom: 4.25rem;
}

.mgn-btm70 {
  margin-bottom: 4.375rem;
}

.mgn-btm72 {
  margin-bottom: 4.5rem;
}

.mgn-btm74 {
  margin-bottom: 4.625rem;
}

.mgn-btm76 {
  margin-bottom: 4.75rem;
}

.mgn-btm78 {
  margin-bottom: 4.875rem;
}

.mgn-btm80 {
  margin-bottom: 5rem;
}

.mgn-btm82 {
  margin-bottom: 5.125rem;
}

.mgn-btm84 {
  margin-bottom: 5.25rem;
}

.mgn-btm86 {
  margin-bottom: 5.375rem;
}

.mgn-btm88 {
  margin-bottom: 5.5rem;
}

.mgn-btm90 {
  margin-bottom: 5.625rem;
}

.mgn-btm92 {
  margin-bottom: 5.75rem;
}

.mgn-btm94 {
  margin-bottom: 5.875rem;
}

.mgn-btm96 {
  margin-bottom: 6rem;
}

.mgn-btm98 {
  margin-bottom: 6.125rem;
}

.mgn-btm100 {
  margin-bottom: 6.25rem;
}

.mgn-btm102 {
  margin-bottom: 6.375rem;
}

.mgn-btm104 {
  margin-bottom: 6.5rem;
}

.mgn-btm106 {
  margin-bottom: 6.625rem;
}

.mgn-btm108 {
  margin-bottom: 6.75rem;
}

.mgn-btm110 {
  margin-bottom: 6.875rem;
}

.mgn-btm112 {
  margin-bottom: 7rem;
}

.mgn-btm114 {
  margin-bottom: 7.125rem;
}

.mgn-btm116 {
  margin-bottom: 7.25rem;
}

.mgn-btm118 {
  margin-bottom: 7.375rem;
}

.mgn-btm120 {
  margin-bottom: 7.5rem;
}

.mgn-btm122 {
  margin-bottom: 7.625rem;
}

.mgn-btm124 {
  margin-bottom: 7.75rem;
}

.mgn-btm126 {
  margin-bottom: 7.875rem;
}

.mgn-btm128 {
  margin-bottom: 8rem;
}

.mgn-btm130 {
  margin-bottom: 8.125rem;
}

.mgn-btm132 {
  margin-bottom: 8.25rem;
}

.mgn-btm134 {
  margin-bottom: 8.375rem;
}

.mgn-btm136 {
  margin-bottom: 8.5rem;
}

.mgn-btm138 {
  margin-bottom: 8.625rem;
}

.mgn-btm140 {
  margin-bottom: 8.75rem;
}

.mgn-btm142 {
  margin-bottom: 8.875rem;
}

.mgn-btm144 {
  margin-bottom: 9rem;
}

.mgn-btm146 {
  margin-bottom: 9.125rem;
}

.mgn-btm148 {
  margin-bottom: 9.25rem;
}

.mgn-btm150 {
  margin-bottom: 9.375rem;
}

.mgn-btm152 {
  margin-bottom: 9.5rem;
}

.mgn-btm154 {
  margin-bottom: 9.625rem;
}

.mgn-btm156 {
  margin-bottom: 9.75rem;
}

.mgn-btm158 {
  margin-bottom: 9.875rem;
}

.mgn-btm160 {
  margin-bottom: 10rem;
}

.mgn-btm162 {
  margin-bottom: 10.125rem;
}

.mgn-btm164 {
  margin-bottom: 10.25rem;
}

.mgn-btm166 {
  margin-bottom: 10.375rem;
}

.mgn-btm168 {
  margin-bottom: 10.5rem;
}

.mgn-btm170 {
  margin-bottom: 10.625rem;
}

.mgn-btm172 {
  margin-bottom: 10.75rem;
}

.mgn-btm174 {
  margin-bottom: 10.875rem;
}

.mgn-btm176 {
  margin-bottom: 11rem;
}

.mgn-btm178 {
  margin-bottom: 11.125rem;
}

.mgn-btm180 {
  margin-bottom: 11.25rem;
}

@media screen and (max-width: 47.9375em) {
  .mgn-btm0 {
    margin-bottom: 0rem;
  }
  .mgn-btm-sp0 {
    margin-bottom: 0rem !important;
  }
  .mgn-btm2 {
    margin-bottom: 0.0714285714rem;
  }
  .mgn-btm-sp2 {
    margin-bottom: 0.1428571429rem !important;
  }
  .mgn-btm4 {
    margin-bottom: 0.1428571429rem;
  }
  .mgn-btm-sp4 {
    margin-bottom: 0.2857142857rem !important;
  }
  .mgn-btm6 {
    margin-bottom: 0.2142857143rem;
  }
  .mgn-btm-sp6 {
    margin-bottom: 0.4285714286rem !important;
  }
  .mgn-btm8 {
    margin-bottom: 0.2857142857rem;
  }
  .mgn-btm-sp8 {
    margin-bottom: 0.5714285714rem !important;
  }
  .mgn-btm10 {
    margin-bottom: 0.3571428571rem;
  }
  .mgn-btm-sp10 {
    margin-bottom: 0.7142857143rem !important;
  }
  .mgn-btm12 {
    margin-bottom: 0.4285714286rem;
  }
  .mgn-btm-sp12 {
    margin-bottom: 0.8571428571rem !important;
  }
  .mgn-btm14 {
    margin-bottom: 0.5rem;
  }
  .mgn-btm-sp14 {
    margin-bottom: 1rem !important;
  }
  .mgn-btm16 {
    margin-bottom: 0.5714285714rem;
  }
  .mgn-btm-sp16 {
    margin-bottom: 1.1428571429rem !important;
  }
  .mgn-btm18 {
    margin-bottom: 0.6428571429rem;
  }
  .mgn-btm-sp18 {
    margin-bottom: 1.2857142857rem !important;
  }
  .mgn-btm20 {
    margin-bottom: 0.7142857143rem;
  }
  .mgn-btm-sp20 {
    margin-bottom: 1.4285714286rem !important;
  }
  .mgn-btm22 {
    margin-bottom: 0.7857142857rem;
  }
  .mgn-btm-sp22 {
    margin-bottom: 1.5714285714rem !important;
  }
  .mgn-btm24 {
    margin-bottom: 0.8571428571rem;
  }
  .mgn-btm-sp24 {
    margin-bottom: 1.7142857143rem !important;
  }
  .mgn-btm26 {
    margin-bottom: 0.9285714286rem;
  }
  .mgn-btm-sp26 {
    margin-bottom: 1.8571428571rem !important;
  }
  .mgn-btm28 {
    margin-bottom: 1rem;
  }
  .mgn-btm-sp28 {
    margin-bottom: 2rem !important;
  }
  .mgn-btm30 {
    margin-bottom: 1.0714285714rem;
  }
  .mgn-btm-sp30 {
    margin-bottom: 2.1428571429rem !important;
  }
  .mgn-btm32 {
    margin-bottom: 1.1428571429rem;
  }
  .mgn-btm-sp32 {
    margin-bottom: 2.2857142857rem !important;
  }
  .mgn-btm34 {
    margin-bottom: 1.2142857143rem;
  }
  .mgn-btm-sp34 {
    margin-bottom: 2.4285714286rem !important;
  }
  .mgn-btm36 {
    margin-bottom: 1.2857142857rem;
  }
  .mgn-btm-sp36 {
    margin-bottom: 2.5714285714rem !important;
  }
  .mgn-btm38 {
    margin-bottom: 1.3571428571rem;
  }
  .mgn-btm-sp38 {
    margin-bottom: 2.7142857143rem !important;
  }
  .mgn-btm40 {
    margin-bottom: 1.4285714286rem;
  }
  .mgn-btm-sp40 {
    margin-bottom: 2.8571428571rem !important;
  }
  .mgn-btm42 {
    margin-bottom: 1.5rem;
  }
  .mgn-btm-sp42 {
    margin-bottom: 3rem !important;
  }
  .mgn-btm44 {
    margin-bottom: 1.5714285714rem;
  }
  .mgn-btm-sp44 {
    margin-bottom: 3.1428571429rem !important;
  }
  .mgn-btm46 {
    margin-bottom: 1.6428571429rem;
  }
  .mgn-btm-sp46 {
    margin-bottom: 3.2857142857rem !important;
  }
  .mgn-btm48 {
    margin-bottom: 1.7142857143rem;
  }
  .mgn-btm-sp48 {
    margin-bottom: 3.4285714286rem !important;
  }
  .mgn-btm50 {
    margin-bottom: 1.7857142857rem;
  }
  .mgn-btm-sp50 {
    margin-bottom: 3.5714285714rem !important;
  }
  .mgn-btm52 {
    margin-bottom: 1.8571428571rem;
  }
  .mgn-btm-sp52 {
    margin-bottom: 3.7142857143rem !important;
  }
  .mgn-btm54 {
    margin-bottom: 1.9285714286rem;
  }
  .mgn-btm-sp54 {
    margin-bottom: 3.8571428571rem !important;
  }
  .mgn-btm56 {
    margin-bottom: 2rem;
  }
  .mgn-btm-sp56 {
    margin-bottom: 4rem !important;
  }
  .mgn-btm58 {
    margin-bottom: 2.0714285714rem;
  }
  .mgn-btm-sp58 {
    margin-bottom: 4.1428571429rem !important;
  }
  .mgn-btm60 {
    margin-bottom: 2.1428571429rem;
  }
  .mgn-btm-sp60 {
    margin-bottom: 4.2857142857rem !important;
  }
  .mgn-btm62 {
    margin-bottom: 2.2142857143rem;
  }
  .mgn-btm-sp62 {
    margin-bottom: 4.4285714286rem !important;
  }
  .mgn-btm64 {
    margin-bottom: 2.2857142857rem;
  }
  .mgn-btm-sp64 {
    margin-bottom: 4.5714285714rem !important;
  }
  .mgn-btm66 {
    margin-bottom: 2.3571428571rem;
  }
  .mgn-btm-sp66 {
    margin-bottom: 4.7142857143rem !important;
  }
  .mgn-btm68 {
    margin-bottom: 2.4285714286rem;
  }
  .mgn-btm-sp68 {
    margin-bottom: 4.8571428571rem !important;
  }
  .mgn-btm70 {
    margin-bottom: 2.5rem;
  }
  .mgn-btm-sp70 {
    margin-bottom: 5rem !important;
  }
  .mgn-btm72 {
    margin-bottom: 2.5714285714rem;
  }
  .mgn-btm-sp72 {
    margin-bottom: 5.1428571429rem !important;
  }
  .mgn-btm74 {
    margin-bottom: 2.6428571429rem;
  }
  .mgn-btm-sp74 {
    margin-bottom: 5.2857142857rem !important;
  }
  .mgn-btm76 {
    margin-bottom: 2.7142857143rem;
  }
  .mgn-btm-sp76 {
    margin-bottom: 5.4285714286rem !important;
  }
  .mgn-btm78 {
    margin-bottom: 2.7857142857rem;
  }
  .mgn-btm-sp78 {
    margin-bottom: 5.5714285714rem !important;
  }
  .mgn-btm80 {
    margin-bottom: 2.8571428571rem;
  }
  .mgn-btm-sp80 {
    margin-bottom: 5.7142857143rem !important;
  }
  .mgn-btm82 {
    margin-bottom: 2.9285714286rem;
  }
  .mgn-btm-sp82 {
    margin-bottom: 5.8571428571rem !important;
  }
  .mgn-btm84 {
    margin-bottom: 3rem;
  }
  .mgn-btm-sp84 {
    margin-bottom: 6rem !important;
  }
  .mgn-btm86 {
    margin-bottom: 3.0714285714rem;
  }
  .mgn-btm-sp86 {
    margin-bottom: 6.1428571429rem !important;
  }
  .mgn-btm88 {
    margin-bottom: 3.1428571429rem;
  }
  .mgn-btm-sp88 {
    margin-bottom: 6.2857142857rem !important;
  }
  .mgn-btm90 {
    margin-bottom: 3.2142857143rem;
  }
  .mgn-btm-sp90 {
    margin-bottom: 6.4285714286rem !important;
  }
  .mgn-btm92 {
    margin-bottom: 3.2857142857rem;
  }
  .mgn-btm-sp92 {
    margin-bottom: 6.5714285714rem !important;
  }
  .mgn-btm94 {
    margin-bottom: 3.3571428571rem;
  }
  .mgn-btm-sp94 {
    margin-bottom: 6.7142857143rem !important;
  }
  .mgn-btm96 {
    margin-bottom: 3.4285714286rem;
  }
  .mgn-btm-sp96 {
    margin-bottom: 6.8571428571rem !important;
  }
  .mgn-btm98 {
    margin-bottom: 3.5rem;
  }
  .mgn-btm-sp98 {
    margin-bottom: 7rem !important;
  }
  .mgn-btm100 {
    margin-bottom: 3.5714285714rem;
  }
  .mgn-btm-sp100 {
    margin-bottom: 7.1428571429rem !important;
  }
  .mgn-btm102 {
    margin-bottom: 3.6428571429rem;
  }
  .mgn-btm-sp102 {
    margin-bottom: 7.2857142857rem !important;
  }
  .mgn-btm104 {
    margin-bottom: 3.7142857143rem;
  }
  .mgn-btm-sp104 {
    margin-bottom: 7.4285714286rem !important;
  }
  .mgn-btm106 {
    margin-bottom: 3.7857142857rem;
  }
  .mgn-btm-sp106 {
    margin-bottom: 7.5714285714rem !important;
  }
  .mgn-btm108 {
    margin-bottom: 3.8571428571rem;
  }
  .mgn-btm-sp108 {
    margin-bottom: 7.7142857143rem !important;
  }
  .mgn-btm110 {
    margin-bottom: 3.9285714286rem;
  }
  .mgn-btm-sp110 {
    margin-bottom: 7.8571428571rem !important;
  }
  .mgn-btm112 {
    margin-bottom: 4rem;
  }
  .mgn-btm-sp112 {
    margin-bottom: 8rem !important;
  }
  .mgn-btm114 {
    margin-bottom: 4.0714285714rem;
  }
  .mgn-btm-sp114 {
    margin-bottom: 8.1428571429rem !important;
  }
  .mgn-btm116 {
    margin-bottom: 4.1428571429rem;
  }
  .mgn-btm-sp116 {
    margin-bottom: 8.2857142857rem !important;
  }
  .mgn-btm118 {
    margin-bottom: 4.2142857143rem;
  }
  .mgn-btm-sp118 {
    margin-bottom: 8.4285714286rem !important;
  }
  .mgn-btm120 {
    margin-bottom: 4.2857142857rem;
  }
  .mgn-btm-sp120 {
    margin-bottom: 8.5714285714rem !important;
  }
  .mgn-btm122 {
    margin-bottom: 4.3571428571rem;
  }
  .mgn-btm-sp122 {
    margin-bottom: 8.7142857143rem !important;
  }
  .mgn-btm124 {
    margin-bottom: 4.4285714286rem;
  }
  .mgn-btm-sp124 {
    margin-bottom: 8.8571428571rem !important;
  }
  .mgn-btm126 {
    margin-bottom: 4.5rem;
  }
  .mgn-btm-sp126 {
    margin-bottom: 9rem !important;
  }
  .mgn-btm128 {
    margin-bottom: 4.5714285714rem;
  }
  .mgn-btm-sp128 {
    margin-bottom: 9.1428571429rem !important;
  }
  .mgn-btm130 {
    margin-bottom: 4.6428571429rem;
  }
  .mgn-btm-sp130 {
    margin-bottom: 9.2857142857rem !important;
  }
  .mgn-btm132 {
    margin-bottom: 4.7142857143rem;
  }
  .mgn-btm-sp132 {
    margin-bottom: 9.4285714286rem !important;
  }
  .mgn-btm134 {
    margin-bottom: 4.7857142857rem;
  }
  .mgn-btm-sp134 {
    margin-bottom: 9.5714285714rem !important;
  }
  .mgn-btm136 {
    margin-bottom: 4.8571428571rem;
  }
  .mgn-btm-sp136 {
    margin-bottom: 9.7142857143rem !important;
  }
  .mgn-btm138 {
    margin-bottom: 4.9285714286rem;
  }
  .mgn-btm-sp138 {
    margin-bottom: 9.8571428571rem !important;
  }
  .mgn-btm140 {
    margin-bottom: 5rem;
  }
  .mgn-btm-sp140 {
    margin-bottom: 10rem !important;
  }
  .mgn-btm142 {
    margin-bottom: 5.0714285714rem;
  }
  .mgn-btm-sp142 {
    margin-bottom: 10.1428571429rem !important;
  }
  .mgn-btm144 {
    margin-bottom: 5.1428571429rem;
  }
  .mgn-btm-sp144 {
    margin-bottom: 10.2857142857rem !important;
  }
  .mgn-btm146 {
    margin-bottom: 5.2142857143rem;
  }
  .mgn-btm-sp146 {
    margin-bottom: 10.4285714286rem !important;
  }
  .mgn-btm148 {
    margin-bottom: 5.2857142857rem;
  }
  .mgn-btm-sp148 {
    margin-bottom: 10.5714285714rem !important;
  }
  .mgn-btm150 {
    margin-bottom: 5.3571428571rem;
  }
  .mgn-btm-sp150 {
    margin-bottom: 10.7142857143rem !important;
  }
  .mgn-btm152 {
    margin-bottom: 5.4285714286rem;
  }
  .mgn-btm-sp152 {
    margin-bottom: 10.8571428571rem !important;
  }
  .mgn-btm154 {
    margin-bottom: 5.5rem;
  }
  .mgn-btm-sp154 {
    margin-bottom: 11rem !important;
  }
  .mgn-btm156 {
    margin-bottom: 5.5714285714rem;
  }
  .mgn-btm-sp156 {
    margin-bottom: 11.1428571429rem !important;
  }
  .mgn-btm158 {
    margin-bottom: 5.6428571429rem;
  }
  .mgn-btm-sp158 {
    margin-bottom: 11.2857142857rem !important;
  }
  .mgn-btm160 {
    margin-bottom: 5.7142857143rem;
  }
  .mgn-btm-sp160 {
    margin-bottom: 11.4285714286rem !important;
  }
  .mgn-btm162 {
    margin-bottom: 5.7857142857rem;
  }
  .mgn-btm-sp162 {
    margin-bottom: 11.5714285714rem !important;
  }
  .mgn-btm164 {
    margin-bottom: 5.8571428571rem;
  }
  .mgn-btm-sp164 {
    margin-bottom: 11.7142857143rem !important;
  }
  .mgn-btm166 {
    margin-bottom: 5.9285714286rem;
  }
  .mgn-btm-sp166 {
    margin-bottom: 11.8571428571rem !important;
  }
  .mgn-btm168 {
    margin-bottom: 6rem;
  }
  .mgn-btm-sp168 {
    margin-bottom: 12rem !important;
  }
  .mgn-btm170 {
    margin-bottom: 6.0714285714rem;
  }
  .mgn-btm-sp170 {
    margin-bottom: 12.1428571429rem !important;
  }
  .mgn-btm172 {
    margin-bottom: 6.1428571429rem;
  }
  .mgn-btm-sp172 {
    margin-bottom: 12.2857142857rem !important;
  }
  .mgn-btm174 {
    margin-bottom: 6.2142857143rem;
  }
  .mgn-btm-sp174 {
    margin-bottom: 12.4285714286rem !important;
  }
  .mgn-btm176 {
    margin-bottom: 6.2857142857rem;
  }
  .mgn-btm-sp176 {
    margin-bottom: 12.5714285714rem !important;
  }
  .mgn-btm178 {
    margin-bottom: 6.3571428571rem;
  }
  .mgn-btm-sp178 {
    margin-bottom: 12.7142857143rem !important;
  }
  .mgn-btm180 {
    margin-bottom: 6.4285714286rem;
  }
  .mgn-btm-sp180 {
    margin-bottom: 12.8571428571rem !important;
  }
}
.mgn0em {
  margin: 0em;
}

.mgn-btm0em {
  margin-bottom: 0em;
}

.mgn1em {
  margin: 1em;
}

.mgn-btm1em {
  margin-bottom: 1em;
}

.mgn2em {
  margin: 2em;
}

.mgn-btm2em {
  margin-bottom: 2em;
}

.mgn3em {
  margin: 3em;
}

.mgn-btm3em {
  margin-bottom: 3em;
}

.mgn4em {
  margin: 4em;
}

.mgn-btm4em {
  margin-bottom: 4em;
}

.mgn5em {
  margin: 5em;
}

.mgn-btm5em {
  margin-bottom: 5em;
}

.mgn6em {
  margin: 6em;
}

.mgn-btm6em {
  margin-bottom: 6em;
}

.mgn7em {
  margin: 7em;
}

.mgn-btm7em {
  margin-bottom: 7em;
}

.mgn8em {
  margin: 8em;
}

.mgn-btm8em {
  margin-bottom: 8em;
}

.mgn9em {
  margin: 9em;
}

.mgn-btm9em {
  margin-bottom: 9em;
}

.mgn10em {
  margin: 10em;
}

.mgn-btm10em {
  margin-bottom: 10em;
}

.mgn11em {
  margin: 11em;
}

.mgn-btm11em {
  margin-bottom: 11em;
}

.mgn12em {
  margin: 12em;
}

.mgn-btm12em {
  margin-bottom: 12em;
}

.mgn13em {
  margin: 13em;
}

.mgn-btm13em {
  margin-bottom: 13em;
}

.mgn14em {
  margin: 14em;
}

.mgn-btm14em {
  margin-bottom: 14em;
}

.mgn15em {
  margin: 15em;
}

.mgn-btm15em {
  margin-bottom: 15em;
}

/* --- position --- */
.pos-rel {
  position: relative;
}

.pos-ab {
  position: absolute;
}

.pos-fx {
  position: fixed;
}

/* breadcrumbs
**************************************** */
.breadcrumbs {
  text-align: right;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .breadcrumbs {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.breadcrumbs .inner {
  white-space: nowrap;
}
@media print, screen and (min-width: 48em) {
  .breadcrumbs .inner {
    padding-bottom: 3.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 47.9375em) {
  .breadcrumbs .inner {
    overflow: auto;
  }
}

.breadcrumbs a {
  font-family: var(--font-jp-text);
  font-size: var(--font-size-txt-sm);
  font-weight: var(--font-weight-bold);
  color: var(--clr-text-secondary);
}
@media (hover: hover) {
  .breadcrumbs a:hover {
    color: var(--clr-primary-default);
  }
}

.breadcrumbs span span {
  font-family: var(--font-jp-text);
  font-size: var(--font-size-txt-sm);
  font-weight: var(--font-weight-bold);
  color: var(--clr-primary-default);
}

.breadcrumbs span span:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  border-top: 1px solid var(--clr-text-secondary);
  border-right: 1px solid var(--clr-text-secondary);
  rotate: 45deg;
  margin: 0.15em 0.5em 0.15em 1em;
}

/* btn
********************************************** */
:where(:not(.flex):not([class*=grid-col])) > .btn:not(:last-child) {
  margin-bottom: 0.5rem;
}

.btn button {
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  transition: var(--transit-default);
  cursor: pointer;
}

.btn a,
.btn button {
  --btn-clr: var(--clr-wht);
  --btn-clr-border: rgba(1, 144, 186, 0.50);
  --btn-clr-bg: #102535;
  --btn-clr-shadow: rgba(1, 144, 186, 0.50);
  --btn-icon-wid: 3rem;
  --btn-clr-icon: var(--clr-wht);
  --btn-clr-icon-bg: rgba(23, 128, 184, 0.50);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9375rem calc(var(--btn-icon-wid) + 1.5rem) 0.9375rem 2.5rem;
  border-radius: var(--border-radius-max);
  width: fit-content;
  min-width: min(20rem, 100%);
  color: var(--btn-clr);
  font-size: var(--font-size-txt-lg);
  border: 1px solid var(--btn-clr-border);
  background: var(--btn-clr-bg);
  box-shadow: 0 0 1.5rem 0 var(--btn-clr-shadow);
  text-decoration: none;
}
@media screen and (max-width: 47.9375em) {
  .btn a,
  .btn button {
    min-width: 100%;
  }
}
.btn a:not(:has(.icon))::before, .btn a:not(:has(.icon))::after,
.btn button:not(:has(.icon))::before,
.btn button:not(:has(.icon))::after {
  content: "";
  width: var(--btn-icon-wid);
  aspect-ratio: 1;
  position: absolute;
  right: 0.5625rem;
}
.btn a:not(:has(.icon))::before,
.btn button:not(:has(.icon))::before {
  border-radius: 50%;
  background-color: var(--btn-clr-icon-bg);
  transition: var(--transit-default);
}
.btn a:not(:has(.icon))::after,
.btn button:not(:has(.icon))::after {
  background-color: var(--btn-clr-icon);
  transition: var(--transit-default);
  mask-size: 1.125rem 1.125rem;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/arrow_forward.svg);
}
.btn a:not(:has(.icon)):where([target=_blank]:not([href*="/contact/"]):not([href*="/entry/"]))::after,
.btn button:not(:has(.icon)):where([target=_blank]:not([href*="/contact/"]):not([href*="/entry/"]))::after {
  mask-image: url(../images/common/icon-new_tab.svg);
}
.btn a:not(:has(.icon))[href$=".pdf"]::after,
.btn button:not(:has(.icon))[href$=".pdf"]::after {
  mask-image: url(../images/common/icon-download.svg);
}
@media (hover: hover) {
  .btn a:hover,
  .btn button:hover {
    --btn-clr-bg: var(--clr-primary-dark);
    --btn-clr-icon-bg: var(--clr-wht);
    --btn-clr-icon: var(--clr-primary-dark);
  }
}

.btn.btn-ctr a,
.btn.btn-ctr button {
  margin-left: auto;
  margin-right: auto;
}

/* --- btn-wht --- */
.btn-wht a {
  color: var(--clr-bg-01);
  background-color: var(--clr-wht);
  border: none;
}
.btn-wht a::before {
  background-color: #2D67CF !important;
}
.btn-wht a::after {
  background-color: var(--clr-primary-default);
}
@media (hover: hover) {
  .btn-wht a:hover {
    color: var(--clr-wht);
    background-color: #2D67CF;
  }
  .btn-wht a:hover::before {
    background-color: var(--clr-wht) !important;
  }
  .btn-wht a:hover::after {
    background-color: #2D67CF;
  }
}

/* --- btn-cta --- */
.btn-cta a {
  --btn-clr-bg: linear-gradient(90deg, #008EBA 0%, #44CADE 25%, #008EBA 50%, #008EBA 100%);
  --btn-clr-icon: #0390BB;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  padding: 1.125rem 3.125rem 1.125rem 1.125rem;
  text-align: center;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.7;
  letter-spacing: 0.0311111111em;
  background: var(--btn-clr-bg);
  background-size: 200%;
  box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.25);
}
.btn-cta a .icon-mail {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  aspect-ratio: 1;
  mask: none;
  background-color: var(--clr-wht);
  position: relative;
}
.btn-cta a .icon-mail::before {
  content: "";
  width: 1rem;
  aspect-ratio: 1;
  -webkit-mask-image: url(../images/common/icon-mail2.svg);
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/icon-mail2.svg);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: var(--btn-clr-icon);
}
@media (hover: hover) {
  .btn-cta a:hover {
    background-position-x: -100%;
  }
}

/* --- btn-circle --- */
.btn-circle {
  --gnav-clr-txt: #1AAFFF;
  --gnav-clr-border: var(--clr-primary-dark);
  --gnav-clr-bg: linear-gradient(180deg, #093352 18.27%, #0A568D 63.46%);
  --gnav-clr-ball: #1AAFFF;
  --gnav-clr-line: #66939F;
  width: var(--btn-circle);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--gnav-clr-border);
  background: var(--gnav-clr-bg);
  color: var(--gnav-clr-txt);
}
.btn-circle--inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.btn-circle--inner::after {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--gnav-clr-bg-active);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: var(--transit-default);
}
@keyframes circle {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
.btn-circle--circle {
  width: var(--btn-outer-line);
  aspect-ratio: 1;
  border-radius: 50%;
  animation: circle 10s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: left top;
  transition: var(--transit-default);
}
.btn-circle--circle::before, .btn-circle--circle::after {
  content: "";
  width: var(--btn-outer-lin-ball-size);
  aspect-ratio: 1;
  background-color: var(--gnav-clr-ball);
  border-radius: 50%;
  position: absolute;
  transition: var(--transit-default);
}
.btn-circle--circle::before {
  top: calc(50% + var(--btn-outer-lin-ball-size) * 0.5 * -1);
  left: calc(var(--btn-outer-lin-ball-size) * 0.5 * -1);
}
.btn-circle--circle::after {
  bottom: calc(50% + var(--btn-outer-lin-ball-size) * 0.5 * -1);
  right: calc(var(--btn-outer-lin-ball-size) * 0.5 * -1);
}
.btn-circle--circle--line {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid var(--gnav-clr-line);
}

/* --- btn-recruit --- */
.btn-recruit-wht a {
  --btn-clr: var(--clr-bg-01);
  --btn-clr-bg: var(--clr-wht);
  --btn-clr-border: var(--clr-wht);
  --btn-clr-icon-bg: #FF743D;
  --btn-clr-shadow: rgba(#fff, 0);
}
@media (hover: hover) {
  .btn-recruit-wht a:hover {
    --btn-clr: var(--clr-wht);
    --btn-clr-bg: #FF743D;
    --btn-clr-icon: #FF743D;
    --btn-clr-icon-bg: var(--clr-wht);
  }
}

/* --- 採用用スタイル --- */
.recruit-style .btn a,
.recruit-style .btn button {
  --btn-clr: var(--clr-bg-01);
  --btn-clr-border: var(--clr-sub-03);
  --btn-clr-bg: var(--clr-wht);
  --btn-clr-shadow: rgba(#fff, 0);
  --btn-clr-icon-bg: rgba(255, 149, 0, 0.80);
}
@media (hover: hover) {
  .recruit-style .btn a:hover,
  .recruit-style .btn button:hover {
    --btn-clr: var(--clr-wht);
    --btn-clr-bg: #FF743D;
    --btn-clr-border: #FF743D;
    --btn-clr-icon: #FF743D;
    --btn-clr-icon-bg: var(--clr-wht);
  }
}
.recruit-style .btn-cta a {
  --btn-clr-bg: linear-gradient(90deg, #FF743D 0%, #FFA151 25%, #FF743D 50%, #FF743D 100%);
  --btn-clr-icon: #FF743D;
}
.recruit-style .btn-blk a {
  --btn-clr: var(--clr-wht);
  --btn-clr-border: var(--clr-bg-01);
  --btn-clr-bg: var(--clr-bg-01);
  --btn-clr-icon-bg: rgba(255, 149, 0, 0.80);
}
@media (hover: hover) {
  .recruit-style .btn-blk a:hover {
    --btn-clr: var(--clr-bg-01);
    --btn-clr-bg: var(--clr-wht);
    --btn-clr-border: var(--clr-bg-01);
    --btn-clr-icon: var(--clr-wht);
    --btn-clr-icon-bg: rgba(255, 149, 0, 0.80);
  }
}
.recruit-style .arrow {
  background-color: var(--clr-tertiary-light);
}
.recruit-style .arrow::after {
  background-color: var(--clr-bg-01);
}

/* --- 横並び --- */
.flex:not(.flex-column) > .btn:first-child {
  margin-left: auto;
}
.flex:not(.flex-column) > .btn:last-child {
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .flex:not(.flex-column) > .btn:only-child {
    width: fit-content;
    min-width: min(17.5rem, 100%);
  }
}
.flex:not(.flex-column) > .btn a {
  min-width: 100%;
  height: 100%;
}

.arrow {
  position: absolute;
  margin-block: auto;
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 9999px;
  background: rgba(23, 128, 184, 0.4);
  transition: var(--transit-default);
}
.arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: 0.875rem;
  aspect-ratio: 1;
  background-color: var(--clr-primary-light);
  transition: var(--transit-default);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/icon-arrow.svg);
}

.arrow-sm {
  position: absolute;
  right: 0.5rem;
  inset-block: 0;
  margin: auto;
  width: 0.875rem;
  height: 0.875rem;
  transition: var(--transit-default);
}
.arrow-sm::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: 0.875rem;
  aspect-ratio: 1;
  background-color: var(--clr-wht);
  transition: var(--transit-default);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/icon-arrow.svg);
}

.arrow-lg {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
  background-color: rgba(23, 128, 184, 0.5);
  border-radius: 50%;
  transition: var(--transit-default);
}
.arrow-lg::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  width: 1.5rem;
  aspect-ratio: 1;
  background-color: var(--clr-wht);
  transition: var(--transit-default);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/arrow_forward.svg);
}

/* link
********************************************** */
.link-arrow a {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  margin-inline: -1em;
  padding: 1em;
}
.link-arrow a::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  color: var(--clr-primary-default);
  transform: rotate(45deg);
  border-top: 2px solid;
  border-right: 2px solid;
}
@media (hover: hover) {
  .link-arrow a:hover {
    color: var(--clr-primary-default);
  }
}

/* ##############################################################################

	FORM

############################################################################## */
form * {
  font-family: var(--font-default) !important;
  font-weight: normal;
}

nf-field {
  display: block;
}
nf-field:not(:first-child) {
  padding-top: 1.5em;
  border-top: 1px solid var(--clr-mono-02);
}
nf-field:not(:last-child) {
  padding-bottom: 1.5em;
}
nf-field:has(input[type=submit]) {
  padding-top: 0;
  border-top: 0;
}

.nf-form-cont .nf-form-content label,
.nf-form-cont .nf-field-label .nf-label-span {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5em;
  font-size: max(16px, 1.125rem);
}
@media screen and (max-width: 47.9375em) {
  .nf-form-cont .nf-form-content label,
  .nf-form-cont .nf-field-label .nf-label-span {
    font-size: 1.0714285714rem;
    margin-bottom: 6px !important;
  }
}

.nf-form-cont .nf-form-fields-required {
  display: none !important;
}

#ninja_forms_required_items,
.nf-form-cont .nf-field-container {
  margin-bottom: 0;
}

.nf-form-cont .nf-form-content .time-wrap select,
.nf-form-cont .nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-cont .nf-form-content input:not([type=button]),
.nf-form-cont .nf-form-content textarea {
  background: var(--clr-wht);
  color: var(--clr-text-primary);
  border-radius: 0.1875rem;
  vertical-align: bottom;
  font-size: max(14px, 1rem);
  transition: var(--transit-default);
}
.nf-form-cont .nf-form-content .time-wrap select::placeholder,
.nf-form-cont .nf-form-content .list-select-wrap .nf-field-element > div::placeholder,
.nf-form-cont .nf-form-content input:not([type=button])::placeholder,
.nf-form-cont .nf-form-content textarea::placeholder {
  color: var(--clr-text-placeholder);
}

.nf-form-cont .nf-form-content .list-select-wrap .nf-field-element > div:focus,
.nf-form-cont .nf-form-content input:not([type=button]):focus,
.nf-form-cont .nf-form-content textarea:focus {
  color: var(--clr-text-primary);
}

.nf-form-content .list-checkbox-wrap .nf-field-element li label,
.nf-form-content .list-image-wrap .nf-field-element li label,
.nf-form-content .list-radio-wrap .nf-field-element li label {
  cursor: pointer;
}

.nf-form-content input[type=checkbox]:focus + label::after,
.nf-form-content input[type=radio]:focus + label::after {
  box-shadow: none;
}

.checkbox-wrap .nf-field-element label.nf-checked-label::before,
.checkbox-wrap .nf-field-label label.nf-checked-label::before,
.listcheckbox-wrap .nf-field-element label.nf-checked-label::before,
.listcheckbox-wrap .nf-field-label label.nf-checked-label::before {
  color: var(--clr-primary-default);
}

.nf-form-cont .ninja-forms-req-symbol {
  font-size: 0 !important;
}
.nf-form-cont .ninja-forms-req-symbol::before {
  content: "必須"; /* 必須 */
  background-color: #f55;
  color: var(--clr-wht);
  font-size: max(10px, 0.75rem);
  padding: 0.125rem 0.3125rem;
  border-radius: 0.1875rem;
}

.nf-form-cont .nf-form-content .submit-wrap {
  text-align: center;
}

.nf-form-cont .nf-form-content .submit-wrap input:not([type=button]) {
  min-width: min(19.375rem, 100%);
  height: auto;
  padding: 1.25em;
  font-size: max(16px, 1.125rem);
  line-height: 1;
  letter-spacing: 0.1em;
  color: var(--clr-wht);
  background-color: var(--clr-primary-default);
  border-radius: 3.125rem;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: var(--font-default) !important;
  transition: var(--transit-default);
}
@media screen and (min-width: 48em) {
  .nf-form-cont .nf-form-content .submit-wrap input:not([type=button]) {
    margin-top: 1.7142857143rem;
  }
}
@media (hover: hover) {
  .nf-form-cont .nf-form-content .submit-wrap input:not([type=button]):hover {
    opacity: 0.7;
  }
}

.nf-form-cont .nf-form-errors {
  margin-top: -1em;
  text-align: center;
}

.label-above .nf-field-label,
.nf-field-description {
  margin-bottom: 0.5em !important;
}

.nf-field-description,
.nf-after-form-content {
  line-height: var(--line-height-hdr);
}

.nf-after-form-content {
  margin-top: 2em;
}

.nf-field-container.html-container .nf-field-element {
  overflow-y: scroll;
  height: 8.75rem;
  border: solid 1px var(--clr-text-placeholder);
  font-size: max(12px, 0.875rem);
  padding: 0.5rem 1rem;
}
.nf-field-container.html-container .nf-field-element ul {
  list-style: disc;
  margin-left: 1em;
}
.nf-field-container.html-container .nf-field-element ul li {
  margin-left: 1em;
}
.nf-field-container.html-container .nf-field-element ol {
  list-style: decimal;
  margin-left: 1em;
}
.nf-field-container.html-container .nf-field-element ol li {
  margin-left: 1em;
}
.nf-field-container.html-container .nf-field-element ol li::marker {
  letter-spacing: -0.02em;
}

.nf-field-element:has(.pikaday__container) {
  display: flex;
  align-items: center;
}

.nf-form-cont input.date-and-time,
.nf-form-cont .nf-form-content .pikaday__container {
  margin-bottom: 0;
}

.nf-form-cont input.date-and-time {
  width: 140px;
}

.nf-form-cont .nf-form-content .pikaday__container {
  width: fit-content;
  margin-right: 0.25rem;
}

.nf-form-cont .nf-form-content .pikaday__container,
.nf-form-cont .nf-form-content .time-wrap {
  position: relative;
}
.nf-form-cont .nf-form-content .pikaday__container::after,
.nf-form-cont .nf-form-content .time-wrap::after {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: 0;
  height: 50px;
  line-height: 50px;
  pointer-events: none;
}
.nf-form-cont .nf-form-content .pikaday__container select,
.nf-form-cont .nf-form-content .time-wrap select {
  appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
  margin: 0;
  padding: 12px 30px 12px 12px;
  border: 1px solid #c4c4c4;
  height: 50px;
}

/* リキャプチャ・キャプション
**************************************** */
.grecaptcha-badge {
  visibility: hidden;
}

.recaptcha_policy {
  padding: 0;
  margin-top: 3rem;
  color: var(--clr-text-primary);
  font-size: max(8px, 0.625rem);
  text-align: center;
  letter-spacing: 0;
}
@media screen and (max-width: 47.9375em) {
  .recaptcha_policy {
    text-align: left;
  }
}

.recaptcha_policy a {
  color: var(--clr-primary-light) !important;
  font-size: max(10px, 0.75rem);
  text-decoration: underline;
  transition: var(--transit-default);
}
@media (any-hover: hover) {
  .recaptcha_policy a:hover {
    color: color-mix(in srgb, var(--clr-primary-light) 60%, transparent) !important;
  }
}

/* ##############################################################################

	FORMY

############################################################################## */
#formy_form table {
  width: 100%;
}

#formy_form th,
#formy_form td {
  padding: 1rem;
  vertical-align: middle;
  border-bottom: solid 1px #eee;
}
@media screen and (max-width: 47.9375em) {
  #formy_form th,
  #formy_form td {
    display: block;
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
  }
}

#formy_form th {
  font-weight: var(--font-weight-heading);
  white-space: nowrap;
  text-align: left;
}
@media print, screen and (min-width: 48em) {
  #formy_form th {
    width: 34%;
  }
}
@media screen and (max-width: 47.9375em) {
  #formy_form th {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
    white-space: normal;
    font-weight: bold;
  }
}

#formy_form table input[type=text],
#formy_form table input[type=email],
#formy_form table input[type=tel],
#formy_form table input[type=date],
#formy_form table input[type=password],
#formy_form table textarea {
  width: 100%;
  border-radius: 0.1875rem;
  vertical-align: bottom;
}

#formy_form table input[type=text],
#formy_form table input[type=email],
#formy_form table input[type=tel],
#formy_form table input[type=date],
#formy_form table input[type=password],
#formy_form select,
#formy_form textarea {
  margin: 0;
  padding: 0.3125rem 0.9375rem;
  border: 1px solid #ccc;
  color: var(--clr-bg-01);
  font-size: max(14px, 1rem);
  transition: var(--transit-default);
}

#formy_form textarea {
  height: 6.25rem;
}

#formy_form select {
  height: 2.5rem;
}

#formy_form ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#formy_form input:focus {
  outline: none;
}

#formy_form .parsley-validated {
  background-color: #eee;
}

#formy_form .parsley-error {
  background-color: #fee;
}

#formy_form .parsley-success {
  background-color: var(--clr-wht);
}

#formy_form .help_text {
  font-size: max(12px, 0.875rem);
  color: var(--clr-text-primary);
  opacity: 0.8;
}

.page-entry.recruit-style #formy_form .help_text {
  color: var(--clr-mono-05);
  opacity: 1;
}

#formy_form .hidden_help {
  display: none;
}

.formy_privacy div {
  overflow-y: scroll;
  height: 8.75rem;
  border: solid 1px #ccc;
  font-size: max(12px, 0.875rem);
  padding: 0.5rem 1rem;
}

#formy_form .requiredIcon {
  background-color: #dc3232;
  color: var(--clr-wht);
  margin: 0 0 0 1em;
  font-size: max(10px, 0.75rem);
  padding: 0.125rem 0.3125rem;
  float: right;
}

#formy_btn {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding-top: 2rem;
  text-align: center;
}

#formy_btn input {
  font-size: inherit;
  border: none;
  cursor: pointer;
  color: var(--clr-wht);
  border-radius: 0.1875rem;
  padding: 1rem 2rem;
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--font-jp-text);
  transition: var(--transit-default);
}
#formy_btn input:not(:first-child) {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 47.9375em) {
  #formy_btn input {
    width: 100%;
    background-size: contain;
    background-position: center;
  }
}

#formy_form ul li input[type=radio],
#formy_form ul li input[type=checkbox] {
  display: none !important;
}

#formy_form ul li label {
  position: relative;
  display: inline-block;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
  line-height: 1.6;
  vertical-align: top;
  cursor: pointer;
  transition: var(--transit-default);
}

@media (hover: hover) {
  #formy_form ul li label:hover {
    opacity: 0.7;
  }
}
#formy_form ul li label::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 1rem;
  width: 1rem;
  height: 1rem;
  border: 2px solid #788b93;
}

#formy_form ul li input[type=radio] + label::before {
  border-radius: 0.625rem;
}

#formy_form ul li input[type=radio]:checked + label,
#formy_form ul li input[type=checkbox]:checked + label {
  color: #e75f5f;
  font-weight: bold;
}

#formy_form ul li input[type=radio]:checked + label::before,
#formy_form ul li input[type=checkbox]:checked + label::before {
  border-color: #e75f5f;
}

#formy_form ul li input[type=radio]:checked + label::after,
#formy_form ul li input[type=checkbox]:checked + label::after {
  content: "";
  width: 0.625rem;
  height: 1.125rem;
  top: 0.25rem;
  left: 1.25rem;
  border-right: 2px solid #e75f5f;
  border-bottom: 2px solid #e75f5f;
  display: block;
  position: absolute;
  z-index: 10;
  transform: rotate(45deg);
}

.formy_confirm {
  background-color: #4dbaff;
}

.formy_submit_disabled {
  background-color: #ccc;
}

@media (hover: hover) {
  #formy_btn .formy_submit_disabled:hover {
    opacity: 1;
    cursor: default;
  }
}
#formy_btn input.autoConfirmBack {
  position: relative;
  background-color: transparent;
  color: #555;
  padding: 0.5rem 1.6875rem;
  min-width: auto;
  font-size: max(13px, 0.9375rem);
  border: 1px solid #aaa;
  border-radius: 2rem;
}

.formy_send {
  background-color: #ff6600;
}

#formy_form #total_required {
  padding: 1rem;
  color: #f55555;
  text-align: center;
}

@media print, screen and (min-width: 48em) {
  #formy_form .confirm-message {
    text-align: center;
  }
}
@media screen and (max-width: 47.9375em) {
  #formy_form td {
    padding-top: 0;
  }
  #formy_form .autoConfirmBack {
    margin-bottom: 0.5714285714rem;
  }
}
.wpcf7-not-valid-tip {
  color: #dc3232 !important;
}

.wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.wpcf7-checkbox {
  display: grid;
  gap: 0.25rem;
}

#formy_form input[type=checkbox],
#formy_form input[type=radio] {
  display: none;
}

.wpcf7-list-item label {
  padding-left: 1.75em !important;
}

.wpcf7-list-item {
  margin-left: 0;
  color: var(--clr-text-primary);
  font-size: max(14px, 1rem);
  font-weight: var(--font-weight-heading);
  position: relative;
}
.wpcf7-list-item::before, .wpcf7-list-item::after {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
}
.wpcf7-list-item::after {
  top: 0.4em;
  left: 0.2em !important;
  color: var(--clr-secondary-default) !important;
  font-size: 1.25em !important;
  width: 0.875rem;
  height: 0.625rem;
  border: 4px solid var(--clr-bg-01);
  border-width: 0 0 4px 4px;
  rotate: -45deg;
  opacity: 0;
  transition: var(--transit-default);
  transition-duration: 0.2s;
}
.wpcf7-list-item:has(input:checked)::after {
  opacity: 1;
}
.wpcf7-list-item::before {
  opacity: 1 !important;
  top: 0.25em;
  left: 0 !important;
  width: 1.25em !important;
  height: 1.25em !important;
  background: var(--clr-wht) !important;
  border: solid 1px var(--clr-mono-02) !important;
}
@media screen and (max-width: 47.9375em) {
  .wpcf7-list-item::before {
    top: 0.05em !important;
  }
}
.wpcf7-list-item:has(input[type=radio])::before {
  border-radius: 50%;
}
.wpcf7-list-item:has(input[type=radio])::after {
  width: calc(1.25em - 4px) !important;
  height: calc(1.25em - 4px) !important;
  background-color: var(--clr-bg-01);
  border: 4px solid var(--clr-wht);
  box-shadow: 0 0 0 1px var(--clr-mono-02);
  border-radius: 50%;
  top: 4px;
  left: 0 !important;
  rotate: 0deg;
}

#formy_btn {
  width: 20rem;
  margin-top: 2rem;
  padding: 0;
  margin-inline: auto;
  position: relative;
}
#formy_btn::before, #formy_btn::after {
  content: "";
  width: 2.875rem;
  height: 2.875rem;
  position: absolute;
  top: 50%;
  right: 1.125rem;
  transform: translateY(-50%);
  pointer-events: none;
}
#formy_btn::before {
  border-radius: 50%;
  background-color: rgba(23, 128, 184, 0.5);
  transition: var(--transit-default);
  z-index: 2;
}
#formy_btn::after {
  background-color: var(--clr-wht);
  transition: var(--transit-default);
  mask-size: 1.125rem 1.125rem;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/arrow_forward.svg);
  z-index: 3;
}
#formy_btn p {
  width: 100%;
}
#formy_btn input {
  width: 100%;
  padding: 0.9375rem 1.5rem 0.9375rem 2.5rem;
  text-align: left;
  color: var(--clr-wht);
  font-size: var(--font-size-txt-lg);
  line-height: inherit;
  border: 1px solid var(--clr-grid);
  background: #102535;
  box-shadow: 0 0 24px 0 rgba(1, 144, 186, 0.5);
  text-decoration: none;
  position: relative;
  z-index: 1;
  opacity: 1 !important;
}
#formy_btn .wpcf7-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (hover: hover) {
  #formy_btn:hover input {
    background-color: var(--clr-primary-dark);
  }
  #formy_btn:hover::before {
    background-color: var(--clr-wht);
  }
  #formy_btn:hover::after {
    background-color: var(--clr-primary-dark);
  }
}

#formy_form tr:has([data-class=wpcf7cf_group]:not([style*="display: block;"])) {
  display: none;
}

.formy_form--address + .formy_form--address {
  margin-top: 1em;
}

.wpcf7 form .wpcf7-response-output:empty {
  display: none;
}

/* --- 採用用スタイル --- */
.recruit-style .recaptcha_policy {
  --clr-primary-light: var(--clr-tertiary-light);
}
.recruit-style .section-contact .inner {
  width: 100%;
}
.recruit-style #formy_btn::before {
  background-color: var(--clr-wht);
}
.recruit-style #formy_btn::after {
  background-color: var(--clr-tertiary-default);
}
.recruit-style #formy_btn input {
  border-color: var(--clr-tertiary-dark);
  background-color: var(--clr-tertiary-default);
  box-shadow: 0 0 24px 0 rgba(255, 127, 1, 0.5);
}
@media (hover: hover) {
  .recruit-style #formy_btn:hover::before {
    background-color: var(--clr-tertiary-default);
  }
  .recruit-style #formy_btn:hover::after {
    background-color: var(--clr-wht);
  }
  .recruit-style #formy_btn:hover input {
    color: var(--clr-bg-01);
    background-color: var(--clr-wht);
  }
}

/* cta_tel
**************************************** */
.cta_tel a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0.75rem;
  color: var(--clr-bg-01);
  line-height: var(--line-height-hdr);
}

.cta_tel a > span {
  display: block;
}

.cta_tel .tel {
  font-size: max(18px, 1.25rem);
}

.cta_tel .num {
  font-size: 2rem;
  font-weight: 500;
}

.cta_tel .hours {
  font-size: max(12px, 0.875rem);
}

/* cta_contact
**************************************** */
.cta_contact a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  background-color: #f37200;
}
.cta_contact a::before, .cta_contact a::after {
  display: none !important;
}
@media (hover: hover) {
  .cta_contact a:hover {
    background-color: var(--clr-tertiary-dark);
  }
}

.cta_contact .micro_copy {
  position: absolute;
  top: calc(-1em - 0.625rem);
  inset-inline: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0.8125rem;
  color: var(--clr-wht);
  text-align: center;
  line-height: 1;
}
.cta_contact .micro_copy::before, .cta_contact .micro_copy::after {
  content: "";
  width: 0.125rem;
  height: 1rem;
  background-color: var(--clr-wht);
}
.cta_contact .micro_copy::before {
  transform: rotate(-45deg);
}
.cta_contact .micro_copy::after {
  transform: rotate(45deg);
}

/* common-cta
**************************************** */
.common-cta {
  display: flex;
  align-items: center;
  overflow: clip;
  min-height: 59rem;
}
.common-cta .icon-check {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--clr-primary-default);
}
.common-cta .icon-check::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto auto 0.625rem;
  float: inline-start;
  width: 0.75rem;
  aspect-ratio: 10/7;
  border-left: 0.15em solid var(--clr-wht);
  border-bottom: 0.15em solid var(--clr-wht);
  rotate: -45deg;
}
.common-cta .cta_item {
  color: var(--clr-bg-01);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  background-color: var(--clr-wht);
}
.common-cta .subtitle-md--icon .icon {
  background-color: #00F6FF;
}

.common-cta--inner {
  z-index: 1;
}
.common-cta--inner.inner {
  max-width: calc(1642 * var(--rem-pc));
}

.common-cta--list {
  display: grid;
  grid-template-columns: 30.25rem 32.25rem;
}

.common-cta--btns {
  display: grid;
  grid-template-columns: 30rem 29.3125rem;
}

.common-cta--btns--tel .tel {
  font-family: var(--font-en-num);
  font-weight: var(--font-weight-heading);
  line-height: 1.4;
}
.common-cta--btns--tel .tel .num {
  font-size: 2em;
  letter-spacing: -0.0625em;
}
.common-cta--btns--tel .hours {
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.025em;
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .common-cta--btns--tel .tel {
    font-size: calc(28 * var(--rem-pc));
  }
}

.common-cta--btns--contact a {
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  font-size: var(--font-size-heading6);
}
.common-cta--btns--contact .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  margin-top: -1.25rem;
  aspect-ratio: 1;
  background-color: var(--clr-wht);
  mask: none;
  position: absolute;
  top: 50%;
  left: 1.5rem;
}
.common-cta--btns--contact .icon::before {
  content: "";
  display: block;
  width: 1.1875rem;
  aspect-ratio: 1;
  mask-image: url(../images/common/icon-mail2.svg);
  background-color: #f37200;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
@media screen and (max-width: 47.9375em) {
  .common-cta--btns--contact a {
    font-size: var(--font-size-heading6-sp);
  }
}

.common-cta--movie {
  position: absolute;
  top: -1.25rem;
  right: 0;
  z-index: 0;
}
.common-cta--movie .saturn-ring {
  width: 95.5625rem;
  height: 37.875rem;
  position: absolute;
  top: 15.6875rem;
  left: -15.5625rem;
  opacity: 0.8;
}

.common-cta--movie--item {
  width: 64.25rem;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
.common-cta--movie--item::after {
  content: "";
  width: 100%;
  aspect-ratio: 903/274;
  background: linear-gradient(180deg, rgba(26, 130, 218, 0) 0%, #1A82DA 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.common-cta--movie--item video {
  width: 100%;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .common-cta--movie .saturn-ring {
    width: 66.89375rem;
    top: 5.125rem;
    left: -10.89375rem;
  }
  .common-cta--movie--item {
    width: 44.975rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .common-cta {
    overflow-y: clip;
    align-items: flex-start;
    min-height: auto;
  }
  .common-cta.section_pdg-lg {
    padding-block: 14.3571428571rem 4.5714285714rem;
  }
  .common-cta--inner > .fz48 {
    font-size: 2.2857142857rem !important;
  }
  .common-cta--movie {
    scale: 0.45;
    bottom: 0;
    translate: 7.5% -7.5%;
    transform-origin: top right;
  }
  .common-cta--list,
  .common-cta--btns {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .common-cta--list .cta_item {
    padding-block: 0.7142857143rem;
    padding-left: 3.25rem;
    font-size: 1.1428571429rem;
    text-indent: -2.25rem;
    line-height: 1.5;
  }
}
.common-cta-recruit {
  --recruit-mask-height: 10rem;
  --recruit-mask-step: 207.875rem;
  --recruit-mask-fill-top: calc(var(--recruit-mask-height));
  margin-top: calc(var(--recruit-mask-height) * -1);
  padding-top: 15.625rem;
  overflow: clip;
  position: relative;
  -webkit-mask-image: url("../images/top/recruit-mask-top.svg"), linear-gradient(#fff, #fff);
  -webkit-mask-repeat: repeat-x, no-repeat;
  -webkit-mask-size: var(--recruit-mask-step) var(--recruit-mask-height), 100% calc(100% - var(--recruit-mask-height));
  -webkit-mask-position: 0 top, 0 var(--recruit-mask-height);
  animation: recruit-mask-flow 48s linear infinite;
  mask-image: url("../images/top/recruit-mask-top.svg"), linear-gradient(#fff, #fff);
  mask-repeat: repeat-x, no-repeat;
  mask-size: var(--recruit-mask-step) var(--recruit-mask-height), 100% calc(100% - var(--recruit-mask-height));
  mask-position: 0 top, 0 var(--recruit-mask-height);
  animation: recruit-mask-flow 48s linear infinite;
}
.common-cta-recruit--txtarea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.6875rem;
}
.common-cta-recruit--ttl {
  display: grid;
  gap: 1.5rem;
  width: 41.25%;
}
.common-cta-recruit--ttl .font-en {
  font-size: var(--font-size-display-lg);
  line-height: 0.8;
  letter-spacing: -0.05em;
  background: linear-gradient(147deg, #F1FE62 11.64%, #B9F21D 47.39%, #E7F21D 82.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.common-cta-recruit--ttl .font-jp {
  font-size: var(--font-size-heading1);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}
.common-cta-recruit--txt {
  width: 43.5%;
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.common-cta-recruit--btns {
  margin-bottom: 1.4375rem;
  max-width: calc(1240 * var(--rem-pc)) !important;
}
.common-cta-recruit--btns .btn a {
  width: 100%;
}
.common-cta-recruit--btns .btn a:not(:has(.icon))::after {
  mask-size: 1.625rem 1.625rem;
}
.common-cta-recruit--ltr_slide {
  text-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.1);
  font-size: 18.75rem;
  font-weight: var(--font-weight-bold);
  line-height: 0.9;
  letter-spacing: -0.05em;
  mix-blend-mode: soft-light;
}
.common-cta-recruit--map {
  margin-top: -11.4583333333%;
  padding-top: 26.6145833333%;
  position: relative;
  overflow: hidden;
}
.common-cta-recruit--map.inner {
  max-width: calc(1230 * var(--rem-pc));
}
.common-cta-recruit--map img {
  position: absolute;
  top: 0;
  left: 0;
}
.common-cta-recruit--map .font-en {
  margin-top: 22.5203252033%;
  margin-left: 60.8130081301%;
  font-size: var(--font-size-txt-md);
  line-height: 1.2;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.common-cta-recruit--map--pin {
  width: 2.0625rem;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 22.7642276423%;
  margin-left: 50.243902439%;
  position: absolute;
  top: 0;
  left: 0;
}
.common-cta-recruit--map--pin::before {
  content: "";
  display: block;
  width: 2.0625rem;
  aspect-ratio: 1;
  background: #03F;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.common-cta-recruit--map--pin::after {
  content: "";
  width: calc(100% + 3.875rem);
  aspect-ratio: 1;
  background-color: rgba(0, 48, 239, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  animation: pin_scale 2s ease-out 0s infinite;
  transform-origin: center center;
}
@media screen and (min-width: 48em) {
  .common-cta-recruit--btns .btn a {
    padding-block: 2.5rem;
    padding-left: 2.5rem;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-heading4);
    line-height: 1.4;
    letter-spacing: 0.03em;
  }
  .common-cta-recruit--btns .btn a::before, .common-cta-recruit--btns .btn a::after {
    width: 4.5rem;
    right: 1.75rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .common-cta-recruit--btns .btn a {
    font-size: var(--font-size-heading4);
    padding-left: 2rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .common-cta-recruit {
    padding-top: 8.5714285714rem;
  }
  .common-cta-recruit--txtarea {
    flex-wrap: wrap;
    margin-bottom: 1.7142857143rem;
  }
  .common-cta-recruit--ttl {
    width: 100%;
    margin-bottom: 1.7142857143rem;
  }
  .common-cta-recruit--ttl .font-en {
    font-size: var(--font-size-display-lg-sp);
  }
  .common-cta-recruit--ttl .font-jp {
    font-size: var(--font-size-heading2-sp);
  }
  .common-cta-recruit--txt {
    width: 100%;
    font-size: var(--font-size-txt-lg-sp);
  }
  .common-cta-recruit--btns .btn a {
    padding-block: 1.4285714286rem;
    padding-left: 1.4285714286rem;
    font-size: var(--font-size-heading4-sp);
  }
  .common-cta-recruit--ltr_slide {
    font-size: 10rem;
  }
  .common-cta-recruit--map {
    width: 100% !important;
    margin-top: -5.7142857143rem;
    padding-top: 45%;
  }
}

/* deco
**************************************** */
/* icon
**************************************** */
.icon {
  --w: 18;
  --rotate: 0;
  --mask-color: currentColor;
  display: inline-block;
  width: calc(var(--w) * var(--rem-pc));
  aspect-ratio: 1;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: var(--transit-default);
  rotate: var(--rotate);
}
.icon:not([class*=bg-]) {
  background-color: var(--mask-color);
}
@media screen and (max-width: 47.9375em) {
  .icon {
    --w-sp: var(--w);
    width: calc(var(--w-sp) * var(--rem-sp));
  }
}

.icon-arrow {
  mask-image: url(../images/common/icon-arrow.svg);
}

.icon-mail {
  mask-image: url(../images/common/icon-mail.svg);
}

.icon-list {
  mask-image: url(../images/common/icon-list.svg);
}

.icon-new_tab {
  mask-image: url(../images/common/icon-new_tab.svg);
}

.icon-pdf {
  mask-image: url(../images/common/icon-pdf.svg);
}

.icon-x {
  mask-image: url(../images/common/icon-x.svg);
}

.icon-facebook {
  mask-image: url(../images/common/icon-facebook.svg);
}

.icon-instagram {
  mask-image: url(../images/common/icon-instagram.svg);
}

.icon-youtube {
  mask-image: url(../images/common/icon-youtube.svg);
}

/* ##############################################################################

		KEYFRAMES

############################################################################## */
/* スライダーのアニメーション */
@keyframes loopLeftText {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loopRightText {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes loopLeftGallery {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 1.5rem));
  }
}
@keyframes loopRightGallery {
  from {
    transform: translateX(calc(-100% - 1.5rem));
  }
  to {
    transform: translateX(0);
  }
}
@keyframes arrow-move {
  0% {
    transform: translate(0, -50%);
    opacity: 1;
  }
  49% {
    transform: translate(50%, -50%);
    opacity: 1;
  }
  50% {
    transform: translate(50%, -50%);
    opacity: 0;
  }
  51% {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  52% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    transform: translate(0, -50%);
    opacity: 1;
  }
}
@keyframes circlemove {
  0% {
    bottom: 4rem;
  }
  100% {
    bottom: 0;
  }
}
@keyframes cirlemovehide {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
/* 円の周りを回転するアニメーション */
@keyframes rotateAroundCircle01 {
  0% {
    transform: translateX(-50%) rotate(0deg) translateX(calc(44.125rem * var(--scale) * var(--scale-ball))) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg) translateX(calc(44.0625rem * var(--scale) * var(--scale-ball))) rotate(-360deg);
  }
}
@keyframes rotateAroundCircle02 {
  0% {
    transform: translateX(-50%) rotate(0deg) translateX(calc(50.125rem * var(--scale) * var(--scale-ball))) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg) translateX(calc(50.0625rem * var(--scale) * var(--scale-ball))) rotate(-360deg);
  }
}
@keyframes rotateAroundCircleTitle {
  0% {
    transform: translateX(-50%) rotate(0deg) translateX(43.5rem) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg) translateX(43.4375rem) rotate(-360deg);
  }
}
@keyframes TitleGradation {
  0% {
    background-position: 150% 100%;
  }
  100% {
    background-position: -50% 50%;
  }
}
@keyframes saturn-ring {
  0% {
    rotate: 0deg;
    transform-origin: center;
  }
  100% {
    rotate: 360deg;
    transform-origin: center;
  }
}
@keyframes scroll_line {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(-140%);
  }
  100% {
    transform: translateY(-140%);
  }
}
@keyframes recruit-mask-flow {
  from {
    -webkit-mask-position: 0 top, 0 var(--recruit-mask-fill-top), 0 bottom;
    mask-position: 0 top, 0 var(--recruit-mask-fill-top), 0 bottom;
  }
  to {
    -webkit-mask-position: calc(var(--recruit-mask-step) * -1) top, 0 var(--recruit-mask-fill-top), calc(var(--recruit-mask-step) * -1) bottom;
    mask-position: calc(var(--recruit-mask-step) * -1) top, 0 var(--recruit-mask-fill-top), calc(var(--recruit-mask-step) * -1) bottom;
  }
}
@keyframes recruit-mask-flow-btm {
  from {
    -webkit-mask-position: 0 top, 0 bottom;
    mask-position: 0 top, 0 bottom;
  }
  to {
    -webkit-mask-position: 0 top, calc(var(--recruit-mask-step) * -1) bottom;
    mask-position: 0 top, calc(var(--recruit-mask-step) * -1) bottom;
  }
}
@keyframes recruit-image-mask-float {
  0% {
    transform: scale(var(--recruit-image-mask-scale, 0.9)) rotate(0deg);
  }
  100% {
    transform: scale(var(--recruit-image-mask-scale, 0.9)) rotate(360deg);
  }
}
@keyframes recruit-image-mask-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes recruit-image-mask-rotate-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
/* マップピンの拡大 */
@keyframes pin_scale {
  0% {
    transform: translate(-50%, -50%) scale(0.34);
    opacity: 1;
  }
  80% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
/* accordion
**************************************** */
.accordion--cont {
  display: grid;
  grid-template-rows: 0fr;
  transition: var(--transit-default);
}

.accordion--cont > * {
  overflow: hidden;
}

.accordion.is-open .accordion--cont {
  grid-template-rows: 1fr;
}

@media screen and (max-width: 67.5em) {
  .med-accordion--cont {
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transit-default);
  }
  .med-accordion--cont > * {
    overflow: hidden;
  }
  .med-accordion.is-open .med-accordion--cont {
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 47.9375em) {
  .sp-accordion--cont {
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transit-default);
  }
  .sp-accordion--cont > * {
    overflow: hidden;
  }
  .sp-accordion.is-open .sp-accordion--cont {
    grid-template-rows: 1fr;
  }
}
/* c-circle-arrow
********************************************** */
.c-circle-arrow {
  --wid: 7.5rem;
  --bg: rgba(255, 116, 61, 0.50);
  --icon-clr: var(--clr-wht);
  --icon-wid: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .c-circle-arrow {
    --wid: 4.5714285714rem;
  }
}
.c-circle-arrow {
  width: var(--wid);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg);
  border-radius: 50%;
}
.c-circle-arrow::before {
  content: "";
  display: block;
  width: var(--icon-wid);
  aspect-ratio: 1;
  mask-image: url(../images/common/icon-arrow2.svg);
  background-color: var(--icon-clr);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

/* default
**************************************** */
.section_pdg {
  padding-block: calc(var(--section_pdg-md) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg {
    padding-block: calc(var(--section_pdg-md-sp) * var(--rem-sp));
  }
}

.section_pdg-top {
  padding-top: calc(var(--section_pdg-md) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-top {
    padding-top: calc(var(--section_pdg-md-sp) * var(--rem-sp));
  }
}

.section_pdg-btm {
  padding-bottom: calc(var(--section_pdg-md) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-btm {
    padding-bottom: calc(var(--section_pdg-md-sp) * var(--rem-sp));
  }
}

/* sm
**************************************** */
.section_pdg-sm {
  padding-block: calc(var(--section_pdg-sm) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-sm {
    padding-block: calc(var(--section_pdg-sm-sp) * var(--rem-sp));
  }
}

.section_pdg-sm-top {
  padding-top: calc(var(--section_pdg-sm) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-sm-top {
    padding-top: calc(var(--section_pdg-sm-sp) * var(--rem-sp));
  }
}

.section_pdg-sm-btm {
  padding-bottom: calc(var(--section_pdg-sm) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-sm-btm {
    padding-bottom: calc(var(--section_pdg-sm-sp) * var(--rem-sp));
  }
}

/* lg
**************************************** */
.section_pdg-lg {
  padding-block: calc(var(--section_pdg-lg) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-lg {
    padding-block: calc(var(--section_pdg-lg-sp) * var(--rem-sp));
  }
}

.section_pdg-lg-top {
  padding-top: calc(var(--section_pdg-lg) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-lg-top {
    padding-top: calc(var(--section_pdg-lg-sp) * var(--rem-sp));
  }
}

.section_pdg-lg-btm {
  padding-bottom: calc(var(--section_pdg-lg) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .section_pdg-lg-btm {
    padding-bottom: calc(var(--section_pdg-lg-sp) * var(--rem-sp));
  }
}

/* --- blc:not(:last-child) --- */
.blc:not(:last-child) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 47.9375em) {
  .blc:not(:last-child) {
    margin-bottom: 2.8571428571rem;
  }
}

.blc-sm:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 47.9375em) {
  .blc-sm:not(:last-child) {
    margin-bottom: 1.7142857143rem;
  }
}

/* ##############################################################################

		inner

############################################################################## */
.inner {
  width: 90%;
  max-width: calc(var(--inner-md) * var(--rem-pc));
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 47.9375em) {
  .inner {
    width: 86%;
  }
}

.inner-xs {
  max-width: calc(var(--inner-xs) * var(--rem-pc));
}

.inner-sm {
  max-width: calc(var(--inner-sm) * var(--rem-pc));
}

.inner-md {
  max-width: calc(var(--inner-md) * var(--rem-pc));
}

.inner-lg {
  max-width: calc(var(--inner-lg) * var(--rem-pc));
}

.inner-xl {
  max-width: calc(var(--inner-xl) * var(--rem-pc));
}

/* section-contact
********************************************** */
.section-contact .cta_tel {
  margin-top: 2rem;
  padding: 1.5rem 2.5rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.section-contact .cta_tel .tel {
  margin-bottom: 0.5em;
  font-family: var(--font-en-display);
  line-height: 1;
}
.section-contact .cta_tel p:not(.tel) {
  line-height: 1.4;
}
.section-contact .cta_tel a {
  display: inline;
  padding: 0;
  text-decoration: none;
}
@media screen and (max-width: 47.9375em) {
  .section-contact .cta_tel {
    display: block;
    padding: 1.1428571429rem;
  }
}

/* ##############################################################################

		flex

############################################################################## */
/* --- ブロック要素 --- */
.flex {
  display: flex;
}

/* --- インライン要素 --- */
.flex-inline {
  display: inline-flex;
}

/* --- 逆向き --- */
.flex-reverse {
  flex-direction: row-reverse;
}

/* --- 縦並び --- */
.flex-column {
  flex-direction: column;
}

/* --- 水平方向揃え --- */
.flex-j-start {
  justify-content: flex-start;
}

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

.flex-j-ctr {
  justify-content: center;
}

.flex-j-between {
  justify-content: space-between;
}

.flex-j-around {
  justify-content: space-around;
}

/* --- 垂直方向揃え --- */
.flex-a-start {
  align-items: flex-start;
}

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

.flex-a-ctr {
  align-items: center;
}

.flex-a-baseline {
  align-items: baseline;
}

.flex-a-stretch {
  align-items: stretch;
}

/* --- 子要素の折り返し設定 --- */
.flex-c-nowrap {
  flex-wrap: nowrap;
}

.flex-c-wrap {
  flex-wrap: wrap;
}

/* --- 子要素の複数行設定 --- */
.flex-c-reverse {
  flex-wrap: wrap-reverse;
}

.flex-c-start {
  align-content: flex-start;
}

.flex-c-start {
  align-content: flex-start;
}

.flex-c-end {
  align-content: flex-end;
}

.flex-c-ctr {
  align-content: center;
}

.flex-c-baseline {
  align-content: baseline;
}

.flex-c-stretch {
  align-content: stretch;
}

@media screen and (max-width: 47.9375em) {
  /* --- 縦並び - sp --- */
  .flex-sp-block {
    flex-direction: column;
  }
}
.flex-col1 {
  flex-wrap: wrap;
}
.flex-col1 > * {
  width: 100%;
}
.flex-col1.gap8 > * {
  width: calc(100% - 0.5rem / 1 * 0);
}
.flex-col1.gap10 > * {
  width: calc(100% - 0.625rem / 1 * 0);
}
.flex-col1.gap12 > * {
  width: calc(100% - 0.75rem / 1 * 0);
}
.flex-col1.gap14 > * {
  width: calc(100% - 0.875rem / 1 * 0);
}
.flex-col1.gap16 > * {
  width: calc(100% - 1rem / 1 * 0);
}
.flex-col1.gap18 > * {
  width: calc(100% - 1.125rem / 1 * 0);
}
.flex-col1.gap20 > * {
  width: calc(100% - 1.25rem / 1 * 0);
}
.flex-col1.gap22 > * {
  width: calc(100% - 1.375rem / 1 * 0);
}
.flex-col1.gap24 > * {
  width: calc(100% - 1.5rem / 1 * 0);
}
.flex-col1.gap26 > * {
  width: calc(100% - 1.625rem / 1 * 0);
}
.flex-col1.gap28 > * {
  width: calc(100% - 1.75rem / 1 * 0);
}
.flex-col1.gap30 > * {
  width: calc(100% - 1.875rem / 1 * 0);
}
.flex-col1.gap32 > * {
  width: calc(100% - 2rem / 1 * 0);
}
.flex-col1.gap34 > * {
  width: calc(100% - 2.125rem / 1 * 0);
}
.flex-col1.gap36 > * {
  width: calc(100% - 2.25rem / 1 * 0);
}
.flex-col1.gap38 > * {
  width: calc(100% - 2.375rem / 1 * 0);
}
.flex-col1.gap40 > * {
  width: calc(100% - 2.5rem / 1 * 0);
}
.flex-col1.gap42 > * {
  width: calc(100% - 2.625rem / 1 * 0);
}
.flex-col1.gap44 > * {
  width: calc(100% - 2.75rem / 1 * 0);
}
.flex-col1.gap46 > * {
  width: calc(100% - 2.875rem / 1 * 0);
}
.flex-col1.gap48 > * {
  width: calc(100% - 3rem / 1 * 0);
}
.flex-col1.gap50 > * {
  width: calc(100% - 3.125rem / 1 * 0);
}
.flex-col1.gap52 > * {
  width: calc(100% - 3.25rem / 1 * 0);
}
.flex-col1.gap54 > * {
  width: calc(100% - 3.375rem / 1 * 0);
}
.flex-col1.gap56 > * {
  width: calc(100% - 3.5rem / 1 * 0);
}
.flex-col1.gap58 > * {
  width: calc(100% - 3.625rem / 1 * 0);
}
.flex-col1.gap60 > * {
  width: calc(100% - 3.75rem / 1 * 0);
}
.flex-col1.gap62 > * {
  width: calc(100% - 3.875rem / 1 * 0);
}
.flex-col1.gap64 > * {
  width: calc(100% - 4rem / 1 * 0);
}
.flex-col1.gap66 > * {
  width: calc(100% - 4.125rem / 1 * 0);
}
.flex-col1.gap68 > * {
  width: calc(100% - 4.25rem / 1 * 0);
}
.flex-col1.gap70 > * {
  width: calc(100% - 4.375rem / 1 * 0);
}
.flex-col1.gap72 > * {
  width: calc(100% - 4.5rem / 1 * 0);
}
.flex-col1.gap74 > * {
  width: calc(100% - 4.625rem / 1 * 0);
}
.flex-col1.gap76 > * {
  width: calc(100% - 4.75rem / 1 * 0);
}
.flex-col1.gap78 > * {
  width: calc(100% - 4.875rem / 1 * 0);
}
.flex-col1.gap80 > * {
  width: calc(100% - 5rem / 1 * 0);
}
.flex-col1.gap82 > * {
  width: calc(100% - 5.125rem / 1 * 0);
}
.flex-col1.gap84 > * {
  width: calc(100% - 5.25rem / 1 * 0);
}
.flex-col1.gap86 > * {
  width: calc(100% - 5.375rem / 1 * 0);
}
.flex-col1.gap88 > * {
  width: calc(100% - 5.5rem / 1 * 0);
}
.flex-col1.gap90 > * {
  width: calc(100% - 5.625rem / 1 * 0);
}
.flex-col1.gap92 > * {
  width: calc(100% - 5.75rem / 1 * 0);
}
.flex-col1.gap94 > * {
  width: calc(100% - 5.875rem / 1 * 0);
}
.flex-col1.gap96 > * {
  width: calc(100% - 6rem / 1 * 0);
}
.flex-col1.gap98 > * {
  width: calc(100% - 6.125rem / 1 * 0);
}
.flex-col1.gap100 > * {
  width: calc(100% - 6.25rem / 1 * 0);
}
.flex-col1.gap102 > * {
  width: calc(100% - 6.375rem / 1 * 0);
}
.flex-col1.gap104 > * {
  width: calc(100% - 6.5rem / 1 * 0);
}
.flex-col1.gap106 > * {
  width: calc(100% - 6.625rem / 1 * 0);
}
.flex-col1.gap108 > * {
  width: calc(100% - 6.75rem / 1 * 0);
}
.flex-col1.gap110 > * {
  width: calc(100% - 6.875rem / 1 * 0);
}
.flex-col1.gap112 > * {
  width: calc(100% - 7rem / 1 * 0);
}
.flex-col1.gap114 > * {
  width: calc(100% - 7.125rem / 1 * 0);
}
.flex-col1.gap116 > * {
  width: calc(100% - 7.25rem / 1 * 0);
}
.flex-col1.gap118 > * {
  width: calc(100% - 7.375rem / 1 * 0);
}
.flex-col1.gap120 > * {
  width: calc(100% - 7.5rem / 1 * 0);
}
.flex-col1.gap122 > * {
  width: calc(100% - 7.625rem / 1 * 0);
}
.flex-col1.gap124 > * {
  width: calc(100% - 7.75rem / 1 * 0);
}
.flex-col1.gap126 > * {
  width: calc(100% - 7.875rem / 1 * 0);
}
.flex-col1.gap128 > * {
  width: calc(100% - 8rem / 1 * 0);
}
.flex-col1.gap130 > * {
  width: calc(100% - 8.125rem / 1 * 0);
}
.flex-col1.gap132 > * {
  width: calc(100% - 8.25rem / 1 * 0);
}
.flex-col1.gap134 > * {
  width: calc(100% - 8.375rem / 1 * 0);
}
.flex-col1.gap136 > * {
  width: calc(100% - 8.5rem / 1 * 0);
}
.flex-col1.gap138 > * {
  width: calc(100% - 8.625rem / 1 * 0);
}
.flex-col1.gap140 > * {
  width: calc(100% - 8.75rem / 1 * 0);
}
.flex-col1.gap142 > * {
  width: calc(100% - 8.875rem / 1 * 0);
}
.flex-col1.gap144 > * {
  width: calc(100% - 9rem / 1 * 0);
}
.flex-col1.gap146 > * {
  width: calc(100% - 9.125rem / 1 * 0);
}
.flex-col1.gap148 > * {
  width: calc(100% - 9.25rem / 1 * 0);
}
.flex-col1.gap150 > * {
  width: calc(100% - 9.375rem / 1 * 0);
}

.flex-col2 {
  flex-wrap: wrap;
}
.flex-col2 > * {
  width: 50%;
}
.flex-col2.gap8 > * {
  width: calc(50% - 0.5rem / 2 * 1);
}
.flex-col2.gap10 > * {
  width: calc(50% - 0.625rem / 2 * 1);
}
.flex-col2.gap12 > * {
  width: calc(50% - 0.75rem / 2 * 1);
}
.flex-col2.gap14 > * {
  width: calc(50% - 0.875rem / 2 * 1);
}
.flex-col2.gap16 > * {
  width: calc(50% - 1rem / 2 * 1);
}
.flex-col2.gap18 > * {
  width: calc(50% - 1.125rem / 2 * 1);
}
.flex-col2.gap20 > * {
  width: calc(50% - 1.25rem / 2 * 1);
}
.flex-col2.gap22 > * {
  width: calc(50% - 1.375rem / 2 * 1);
}
.flex-col2.gap24 > * {
  width: calc(50% - 1.5rem / 2 * 1);
}
.flex-col2.gap26 > * {
  width: calc(50% - 1.625rem / 2 * 1);
}
.flex-col2.gap28 > * {
  width: calc(50% - 1.75rem / 2 * 1);
}
.flex-col2.gap30 > * {
  width: calc(50% - 1.875rem / 2 * 1);
}
.flex-col2.gap32 > * {
  width: calc(50% - 2rem / 2 * 1);
}
.flex-col2.gap34 > * {
  width: calc(50% - 2.125rem / 2 * 1);
}
.flex-col2.gap36 > * {
  width: calc(50% - 2.25rem / 2 * 1);
}
.flex-col2.gap38 > * {
  width: calc(50% - 2.375rem / 2 * 1);
}
.flex-col2.gap40 > * {
  width: calc(50% - 2.5rem / 2 * 1);
}
.flex-col2.gap42 > * {
  width: calc(50% - 2.625rem / 2 * 1);
}
.flex-col2.gap44 > * {
  width: calc(50% - 2.75rem / 2 * 1);
}
.flex-col2.gap46 > * {
  width: calc(50% - 2.875rem / 2 * 1);
}
.flex-col2.gap48 > * {
  width: calc(50% - 3rem / 2 * 1);
}
.flex-col2.gap50 > * {
  width: calc(50% - 3.125rem / 2 * 1);
}
.flex-col2.gap52 > * {
  width: calc(50% - 3.25rem / 2 * 1);
}
.flex-col2.gap54 > * {
  width: calc(50% - 3.375rem / 2 * 1);
}
.flex-col2.gap56 > * {
  width: calc(50% - 3.5rem / 2 * 1);
}
.flex-col2.gap58 > * {
  width: calc(50% - 3.625rem / 2 * 1);
}
.flex-col2.gap60 > * {
  width: calc(50% - 3.75rem / 2 * 1);
}
.flex-col2.gap62 > * {
  width: calc(50% - 3.875rem / 2 * 1);
}
.flex-col2.gap64 > * {
  width: calc(50% - 4rem / 2 * 1);
}
.flex-col2.gap66 > * {
  width: calc(50% - 4.125rem / 2 * 1);
}
.flex-col2.gap68 > * {
  width: calc(50% - 4.25rem / 2 * 1);
}
.flex-col2.gap70 > * {
  width: calc(50% - 4.375rem / 2 * 1);
}
.flex-col2.gap72 > * {
  width: calc(50% - 4.5rem / 2 * 1);
}
.flex-col2.gap74 > * {
  width: calc(50% - 4.625rem / 2 * 1);
}
.flex-col2.gap76 > * {
  width: calc(50% - 4.75rem / 2 * 1);
}
.flex-col2.gap78 > * {
  width: calc(50% - 4.875rem / 2 * 1);
}
.flex-col2.gap80 > * {
  width: calc(50% - 5rem / 2 * 1);
}
.flex-col2.gap82 > * {
  width: calc(50% - 5.125rem / 2 * 1);
}
.flex-col2.gap84 > * {
  width: calc(50% - 5.25rem / 2 * 1);
}
.flex-col2.gap86 > * {
  width: calc(50% - 5.375rem / 2 * 1);
}
.flex-col2.gap88 > * {
  width: calc(50% - 5.5rem / 2 * 1);
}
.flex-col2.gap90 > * {
  width: calc(50% - 5.625rem / 2 * 1);
}
.flex-col2.gap92 > * {
  width: calc(50% - 5.75rem / 2 * 1);
}
.flex-col2.gap94 > * {
  width: calc(50% - 5.875rem / 2 * 1);
}
.flex-col2.gap96 > * {
  width: calc(50% - 6rem / 2 * 1);
}
.flex-col2.gap98 > * {
  width: calc(50% - 6.125rem / 2 * 1);
}
.flex-col2.gap100 > * {
  width: calc(50% - 6.25rem / 2 * 1);
}
.flex-col2.gap102 > * {
  width: calc(50% - 6.375rem / 2 * 1);
}
.flex-col2.gap104 > * {
  width: calc(50% - 6.5rem / 2 * 1);
}
.flex-col2.gap106 > * {
  width: calc(50% - 6.625rem / 2 * 1);
}
.flex-col2.gap108 > * {
  width: calc(50% - 6.75rem / 2 * 1);
}
.flex-col2.gap110 > * {
  width: calc(50% - 6.875rem / 2 * 1);
}
.flex-col2.gap112 > * {
  width: calc(50% - 7rem / 2 * 1);
}
.flex-col2.gap114 > * {
  width: calc(50% - 7.125rem / 2 * 1);
}
.flex-col2.gap116 > * {
  width: calc(50% - 7.25rem / 2 * 1);
}
.flex-col2.gap118 > * {
  width: calc(50% - 7.375rem / 2 * 1);
}
.flex-col2.gap120 > * {
  width: calc(50% - 7.5rem / 2 * 1);
}
.flex-col2.gap122 > * {
  width: calc(50% - 7.625rem / 2 * 1);
}
.flex-col2.gap124 > * {
  width: calc(50% - 7.75rem / 2 * 1);
}
.flex-col2.gap126 > * {
  width: calc(50% - 7.875rem / 2 * 1);
}
.flex-col2.gap128 > * {
  width: calc(50% - 8rem / 2 * 1);
}
.flex-col2.gap130 > * {
  width: calc(50% - 8.125rem / 2 * 1);
}
.flex-col2.gap132 > * {
  width: calc(50% - 8.25rem / 2 * 1);
}
.flex-col2.gap134 > * {
  width: calc(50% - 8.375rem / 2 * 1);
}
.flex-col2.gap136 > * {
  width: calc(50% - 8.5rem / 2 * 1);
}
.flex-col2.gap138 > * {
  width: calc(50% - 8.625rem / 2 * 1);
}
.flex-col2.gap140 > * {
  width: calc(50% - 8.75rem / 2 * 1);
}
.flex-col2.gap142 > * {
  width: calc(50% - 8.875rem / 2 * 1);
}
.flex-col2.gap144 > * {
  width: calc(50% - 9rem / 2 * 1);
}
.flex-col2.gap146 > * {
  width: calc(50% - 9.125rem / 2 * 1);
}
.flex-col2.gap148 > * {
  width: calc(50% - 9.25rem / 2 * 1);
}
.flex-col2.gap150 > * {
  width: calc(50% - 9.375rem / 2 * 1);
}

.flex-col3 {
  flex-wrap: wrap;
}
.flex-col3 > * {
  width: 33.3333333333%;
}
.flex-col3.gap8 > * {
  width: calc(33.3333333333% - 0.5rem / 3 * 2);
}
.flex-col3.gap10 > * {
  width: calc(33.3333333333% - 0.625rem / 3 * 2);
}
.flex-col3.gap12 > * {
  width: calc(33.3333333333% - 0.75rem / 3 * 2);
}
.flex-col3.gap14 > * {
  width: calc(33.3333333333% - 0.875rem / 3 * 2);
}
.flex-col3.gap16 > * {
  width: calc(33.3333333333% - 1rem / 3 * 2);
}
.flex-col3.gap18 > * {
  width: calc(33.3333333333% - 1.125rem / 3 * 2);
}
.flex-col3.gap20 > * {
  width: calc(33.3333333333% - 1.25rem / 3 * 2);
}
.flex-col3.gap22 > * {
  width: calc(33.3333333333% - 1.375rem / 3 * 2);
}
.flex-col3.gap24 > * {
  width: calc(33.3333333333% - 1.5rem / 3 * 2);
}
.flex-col3.gap26 > * {
  width: calc(33.3333333333% - 1.625rem / 3 * 2);
}
.flex-col3.gap28 > * {
  width: calc(33.3333333333% - 1.75rem / 3 * 2);
}
.flex-col3.gap30 > * {
  width: calc(33.3333333333% - 1.875rem / 3 * 2);
}
.flex-col3.gap32 > * {
  width: calc(33.3333333333% - 2rem / 3 * 2);
}
.flex-col3.gap34 > * {
  width: calc(33.3333333333% - 2.125rem / 3 * 2);
}
.flex-col3.gap36 > * {
  width: calc(33.3333333333% - 2.25rem / 3 * 2);
}
.flex-col3.gap38 > * {
  width: calc(33.3333333333% - 2.375rem / 3 * 2);
}
.flex-col3.gap40 > * {
  width: calc(33.3333333333% - 2.5rem / 3 * 2);
}
.flex-col3.gap42 > * {
  width: calc(33.3333333333% - 2.625rem / 3 * 2);
}
.flex-col3.gap44 > * {
  width: calc(33.3333333333% - 2.75rem / 3 * 2);
}
.flex-col3.gap46 > * {
  width: calc(33.3333333333% - 2.875rem / 3 * 2);
}
.flex-col3.gap48 > * {
  width: calc(33.3333333333% - 3rem / 3 * 2);
}
.flex-col3.gap50 > * {
  width: calc(33.3333333333% - 3.125rem / 3 * 2);
}
.flex-col3.gap52 > * {
  width: calc(33.3333333333% - 3.25rem / 3 * 2);
}
.flex-col3.gap54 > * {
  width: calc(33.3333333333% - 3.375rem / 3 * 2);
}
.flex-col3.gap56 > * {
  width: calc(33.3333333333% - 3.5rem / 3 * 2);
}
.flex-col3.gap58 > * {
  width: calc(33.3333333333% - 3.625rem / 3 * 2);
}
.flex-col3.gap60 > * {
  width: calc(33.3333333333% - 3.75rem / 3 * 2);
}
.flex-col3.gap62 > * {
  width: calc(33.3333333333% - 3.875rem / 3 * 2);
}
.flex-col3.gap64 > * {
  width: calc(33.3333333333% - 4rem / 3 * 2);
}
.flex-col3.gap66 > * {
  width: calc(33.3333333333% - 4.125rem / 3 * 2);
}
.flex-col3.gap68 > * {
  width: calc(33.3333333333% - 4.25rem / 3 * 2);
}
.flex-col3.gap70 > * {
  width: calc(33.3333333333% - 4.375rem / 3 * 2);
}
.flex-col3.gap72 > * {
  width: calc(33.3333333333% - 4.5rem / 3 * 2);
}
.flex-col3.gap74 > * {
  width: calc(33.3333333333% - 4.625rem / 3 * 2);
}
.flex-col3.gap76 > * {
  width: calc(33.3333333333% - 4.75rem / 3 * 2);
}
.flex-col3.gap78 > * {
  width: calc(33.3333333333% - 4.875rem / 3 * 2);
}
.flex-col3.gap80 > * {
  width: calc(33.3333333333% - 5rem / 3 * 2);
}
.flex-col3.gap82 > * {
  width: calc(33.3333333333% - 5.125rem / 3 * 2);
}
.flex-col3.gap84 > * {
  width: calc(33.3333333333% - 5.25rem / 3 * 2);
}
.flex-col3.gap86 > * {
  width: calc(33.3333333333% - 5.375rem / 3 * 2);
}
.flex-col3.gap88 > * {
  width: calc(33.3333333333% - 5.5rem / 3 * 2);
}
.flex-col3.gap90 > * {
  width: calc(33.3333333333% - 5.625rem / 3 * 2);
}
.flex-col3.gap92 > * {
  width: calc(33.3333333333% - 5.75rem / 3 * 2);
}
.flex-col3.gap94 > * {
  width: calc(33.3333333333% - 5.875rem / 3 * 2);
}
.flex-col3.gap96 > * {
  width: calc(33.3333333333% - 6rem / 3 * 2);
}
.flex-col3.gap98 > * {
  width: calc(33.3333333333% - 6.125rem / 3 * 2);
}
.flex-col3.gap100 > * {
  width: calc(33.3333333333% - 6.25rem / 3 * 2);
}
.flex-col3.gap102 > * {
  width: calc(33.3333333333% - 6.375rem / 3 * 2);
}
.flex-col3.gap104 > * {
  width: calc(33.3333333333% - 6.5rem / 3 * 2);
}
.flex-col3.gap106 > * {
  width: calc(33.3333333333% - 6.625rem / 3 * 2);
}
.flex-col3.gap108 > * {
  width: calc(33.3333333333% - 6.75rem / 3 * 2);
}
.flex-col3.gap110 > * {
  width: calc(33.3333333333% - 6.875rem / 3 * 2);
}
.flex-col3.gap112 > * {
  width: calc(33.3333333333% - 7rem / 3 * 2);
}
.flex-col3.gap114 > * {
  width: calc(33.3333333333% - 7.125rem / 3 * 2);
}
.flex-col3.gap116 > * {
  width: calc(33.3333333333% - 7.25rem / 3 * 2);
}
.flex-col3.gap118 > * {
  width: calc(33.3333333333% - 7.375rem / 3 * 2);
}
.flex-col3.gap120 > * {
  width: calc(33.3333333333% - 7.5rem / 3 * 2);
}
.flex-col3.gap122 > * {
  width: calc(33.3333333333% - 7.625rem / 3 * 2);
}
.flex-col3.gap124 > * {
  width: calc(33.3333333333% - 7.75rem / 3 * 2);
}
.flex-col3.gap126 > * {
  width: calc(33.3333333333% - 7.875rem / 3 * 2);
}
.flex-col3.gap128 > * {
  width: calc(33.3333333333% - 8rem / 3 * 2);
}
.flex-col3.gap130 > * {
  width: calc(33.3333333333% - 8.125rem / 3 * 2);
}
.flex-col3.gap132 > * {
  width: calc(33.3333333333% - 8.25rem / 3 * 2);
}
.flex-col3.gap134 > * {
  width: calc(33.3333333333% - 8.375rem / 3 * 2);
}
.flex-col3.gap136 > * {
  width: calc(33.3333333333% - 8.5rem / 3 * 2);
}
.flex-col3.gap138 > * {
  width: calc(33.3333333333% - 8.625rem / 3 * 2);
}
.flex-col3.gap140 > * {
  width: calc(33.3333333333% - 8.75rem / 3 * 2);
}
.flex-col3.gap142 > * {
  width: calc(33.3333333333% - 8.875rem / 3 * 2);
}
.flex-col3.gap144 > * {
  width: calc(33.3333333333% - 9rem / 3 * 2);
}
.flex-col3.gap146 > * {
  width: calc(33.3333333333% - 9.125rem / 3 * 2);
}
.flex-col3.gap148 > * {
  width: calc(33.3333333333% - 9.25rem / 3 * 2);
}
.flex-col3.gap150 > * {
  width: calc(33.3333333333% - 9.375rem / 3 * 2);
}

.flex-col4 {
  flex-wrap: wrap;
}
.flex-col4 > * {
  width: 25%;
}
.flex-col4.gap8 > * {
  width: calc(25% - 0.5rem / 4 * 3);
}
.flex-col4.gap10 > * {
  width: calc(25% - 0.625rem / 4 * 3);
}
.flex-col4.gap12 > * {
  width: calc(25% - 0.75rem / 4 * 3);
}
.flex-col4.gap14 > * {
  width: calc(25% - 0.875rem / 4 * 3);
}
.flex-col4.gap16 > * {
  width: calc(25% - 1rem / 4 * 3);
}
.flex-col4.gap18 > * {
  width: calc(25% - 1.125rem / 4 * 3);
}
.flex-col4.gap20 > * {
  width: calc(25% - 1.25rem / 4 * 3);
}
.flex-col4.gap22 > * {
  width: calc(25% - 1.375rem / 4 * 3);
}
.flex-col4.gap24 > * {
  width: calc(25% - 1.5rem / 4 * 3);
}
.flex-col4.gap26 > * {
  width: calc(25% - 1.625rem / 4 * 3);
}
.flex-col4.gap28 > * {
  width: calc(25% - 1.75rem / 4 * 3);
}
.flex-col4.gap30 > * {
  width: calc(25% - 1.875rem / 4 * 3);
}
.flex-col4.gap32 > * {
  width: calc(25% - 2rem / 4 * 3);
}
.flex-col4.gap34 > * {
  width: calc(25% - 2.125rem / 4 * 3);
}
.flex-col4.gap36 > * {
  width: calc(25% - 2.25rem / 4 * 3);
}
.flex-col4.gap38 > * {
  width: calc(25% - 2.375rem / 4 * 3);
}
.flex-col4.gap40 > * {
  width: calc(25% - 2.5rem / 4 * 3);
}
.flex-col4.gap42 > * {
  width: calc(25% - 2.625rem / 4 * 3);
}
.flex-col4.gap44 > * {
  width: calc(25% - 2.75rem / 4 * 3);
}
.flex-col4.gap46 > * {
  width: calc(25% - 2.875rem / 4 * 3);
}
.flex-col4.gap48 > * {
  width: calc(25% - 3rem / 4 * 3);
}
.flex-col4.gap50 > * {
  width: calc(25% - 3.125rem / 4 * 3);
}
.flex-col4.gap52 > * {
  width: calc(25% - 3.25rem / 4 * 3);
}
.flex-col4.gap54 > * {
  width: calc(25% - 3.375rem / 4 * 3);
}
.flex-col4.gap56 > * {
  width: calc(25% - 3.5rem / 4 * 3);
}
.flex-col4.gap58 > * {
  width: calc(25% - 3.625rem / 4 * 3);
}
.flex-col4.gap60 > * {
  width: calc(25% - 3.75rem / 4 * 3);
}
.flex-col4.gap62 > * {
  width: calc(25% - 3.875rem / 4 * 3);
}
.flex-col4.gap64 > * {
  width: calc(25% - 4rem / 4 * 3);
}
.flex-col4.gap66 > * {
  width: calc(25% - 4.125rem / 4 * 3);
}
.flex-col4.gap68 > * {
  width: calc(25% - 4.25rem / 4 * 3);
}
.flex-col4.gap70 > * {
  width: calc(25% - 4.375rem / 4 * 3);
}
.flex-col4.gap72 > * {
  width: calc(25% - 4.5rem / 4 * 3);
}
.flex-col4.gap74 > * {
  width: calc(25% - 4.625rem / 4 * 3);
}
.flex-col4.gap76 > * {
  width: calc(25% - 4.75rem / 4 * 3);
}
.flex-col4.gap78 > * {
  width: calc(25% - 4.875rem / 4 * 3);
}
.flex-col4.gap80 > * {
  width: calc(25% - 5rem / 4 * 3);
}
.flex-col4.gap82 > * {
  width: calc(25% - 5.125rem / 4 * 3);
}
.flex-col4.gap84 > * {
  width: calc(25% - 5.25rem / 4 * 3);
}
.flex-col4.gap86 > * {
  width: calc(25% - 5.375rem / 4 * 3);
}
.flex-col4.gap88 > * {
  width: calc(25% - 5.5rem / 4 * 3);
}
.flex-col4.gap90 > * {
  width: calc(25% - 5.625rem / 4 * 3);
}
.flex-col4.gap92 > * {
  width: calc(25% - 5.75rem / 4 * 3);
}
.flex-col4.gap94 > * {
  width: calc(25% - 5.875rem / 4 * 3);
}
.flex-col4.gap96 > * {
  width: calc(25% - 6rem / 4 * 3);
}
.flex-col4.gap98 > * {
  width: calc(25% - 6.125rem / 4 * 3);
}
.flex-col4.gap100 > * {
  width: calc(25% - 6.25rem / 4 * 3);
}
.flex-col4.gap102 > * {
  width: calc(25% - 6.375rem / 4 * 3);
}
.flex-col4.gap104 > * {
  width: calc(25% - 6.5rem / 4 * 3);
}
.flex-col4.gap106 > * {
  width: calc(25% - 6.625rem / 4 * 3);
}
.flex-col4.gap108 > * {
  width: calc(25% - 6.75rem / 4 * 3);
}
.flex-col4.gap110 > * {
  width: calc(25% - 6.875rem / 4 * 3);
}
.flex-col4.gap112 > * {
  width: calc(25% - 7rem / 4 * 3);
}
.flex-col4.gap114 > * {
  width: calc(25% - 7.125rem / 4 * 3);
}
.flex-col4.gap116 > * {
  width: calc(25% - 7.25rem / 4 * 3);
}
.flex-col4.gap118 > * {
  width: calc(25% - 7.375rem / 4 * 3);
}
.flex-col4.gap120 > * {
  width: calc(25% - 7.5rem / 4 * 3);
}
.flex-col4.gap122 > * {
  width: calc(25% - 7.625rem / 4 * 3);
}
.flex-col4.gap124 > * {
  width: calc(25% - 7.75rem / 4 * 3);
}
.flex-col4.gap126 > * {
  width: calc(25% - 7.875rem / 4 * 3);
}
.flex-col4.gap128 > * {
  width: calc(25% - 8rem / 4 * 3);
}
.flex-col4.gap130 > * {
  width: calc(25% - 8.125rem / 4 * 3);
}
.flex-col4.gap132 > * {
  width: calc(25% - 8.25rem / 4 * 3);
}
.flex-col4.gap134 > * {
  width: calc(25% - 8.375rem / 4 * 3);
}
.flex-col4.gap136 > * {
  width: calc(25% - 8.5rem / 4 * 3);
}
.flex-col4.gap138 > * {
  width: calc(25% - 8.625rem / 4 * 3);
}
.flex-col4.gap140 > * {
  width: calc(25% - 8.75rem / 4 * 3);
}
.flex-col4.gap142 > * {
  width: calc(25% - 8.875rem / 4 * 3);
}
.flex-col4.gap144 > * {
  width: calc(25% - 9rem / 4 * 3);
}
.flex-col4.gap146 > * {
  width: calc(25% - 9.125rem / 4 * 3);
}
.flex-col4.gap148 > * {
  width: calc(25% - 9.25rem / 4 * 3);
}
.flex-col4.gap150 > * {
  width: calc(25% - 9.375rem / 4 * 3);
}

.flex-col5 {
  flex-wrap: wrap;
}
.flex-col5 > * {
  width: 20%;
}
.flex-col5.gap8 > * {
  width: calc(20% - 0.5rem / 5 * 4);
}
.flex-col5.gap10 > * {
  width: calc(20% - 0.625rem / 5 * 4);
}
.flex-col5.gap12 > * {
  width: calc(20% - 0.75rem / 5 * 4);
}
.flex-col5.gap14 > * {
  width: calc(20% - 0.875rem / 5 * 4);
}
.flex-col5.gap16 > * {
  width: calc(20% - 1rem / 5 * 4);
}
.flex-col5.gap18 > * {
  width: calc(20% - 1.125rem / 5 * 4);
}
.flex-col5.gap20 > * {
  width: calc(20% - 1.25rem / 5 * 4);
}
.flex-col5.gap22 > * {
  width: calc(20% - 1.375rem / 5 * 4);
}
.flex-col5.gap24 > * {
  width: calc(20% - 1.5rem / 5 * 4);
}
.flex-col5.gap26 > * {
  width: calc(20% - 1.625rem / 5 * 4);
}
.flex-col5.gap28 > * {
  width: calc(20% - 1.75rem / 5 * 4);
}
.flex-col5.gap30 > * {
  width: calc(20% - 1.875rem / 5 * 4);
}
.flex-col5.gap32 > * {
  width: calc(20% - 2rem / 5 * 4);
}
.flex-col5.gap34 > * {
  width: calc(20% - 2.125rem / 5 * 4);
}
.flex-col5.gap36 > * {
  width: calc(20% - 2.25rem / 5 * 4);
}
.flex-col5.gap38 > * {
  width: calc(20% - 2.375rem / 5 * 4);
}
.flex-col5.gap40 > * {
  width: calc(20% - 2.5rem / 5 * 4);
}
.flex-col5.gap42 > * {
  width: calc(20% - 2.625rem / 5 * 4);
}
.flex-col5.gap44 > * {
  width: calc(20% - 2.75rem / 5 * 4);
}
.flex-col5.gap46 > * {
  width: calc(20% - 2.875rem / 5 * 4);
}
.flex-col5.gap48 > * {
  width: calc(20% - 3rem / 5 * 4);
}
.flex-col5.gap50 > * {
  width: calc(20% - 3.125rem / 5 * 4);
}
.flex-col5.gap52 > * {
  width: calc(20% - 3.25rem / 5 * 4);
}
.flex-col5.gap54 > * {
  width: calc(20% - 3.375rem / 5 * 4);
}
.flex-col5.gap56 > * {
  width: calc(20% - 3.5rem / 5 * 4);
}
.flex-col5.gap58 > * {
  width: calc(20% - 3.625rem / 5 * 4);
}
.flex-col5.gap60 > * {
  width: calc(20% - 3.75rem / 5 * 4);
}
.flex-col5.gap62 > * {
  width: calc(20% - 3.875rem / 5 * 4);
}
.flex-col5.gap64 > * {
  width: calc(20% - 4rem / 5 * 4);
}
.flex-col5.gap66 > * {
  width: calc(20% - 4.125rem / 5 * 4);
}
.flex-col5.gap68 > * {
  width: calc(20% - 4.25rem / 5 * 4);
}
.flex-col5.gap70 > * {
  width: calc(20% - 4.375rem / 5 * 4);
}
.flex-col5.gap72 > * {
  width: calc(20% - 4.5rem / 5 * 4);
}
.flex-col5.gap74 > * {
  width: calc(20% - 4.625rem / 5 * 4);
}
.flex-col5.gap76 > * {
  width: calc(20% - 4.75rem / 5 * 4);
}
.flex-col5.gap78 > * {
  width: calc(20% - 4.875rem / 5 * 4);
}
.flex-col5.gap80 > * {
  width: calc(20% - 5rem / 5 * 4);
}
.flex-col5.gap82 > * {
  width: calc(20% - 5.125rem / 5 * 4);
}
.flex-col5.gap84 > * {
  width: calc(20% - 5.25rem / 5 * 4);
}
.flex-col5.gap86 > * {
  width: calc(20% - 5.375rem / 5 * 4);
}
.flex-col5.gap88 > * {
  width: calc(20% - 5.5rem / 5 * 4);
}
.flex-col5.gap90 > * {
  width: calc(20% - 5.625rem / 5 * 4);
}
.flex-col5.gap92 > * {
  width: calc(20% - 5.75rem / 5 * 4);
}
.flex-col5.gap94 > * {
  width: calc(20% - 5.875rem / 5 * 4);
}
.flex-col5.gap96 > * {
  width: calc(20% - 6rem / 5 * 4);
}
.flex-col5.gap98 > * {
  width: calc(20% - 6.125rem / 5 * 4);
}
.flex-col5.gap100 > * {
  width: calc(20% - 6.25rem / 5 * 4);
}
.flex-col5.gap102 > * {
  width: calc(20% - 6.375rem / 5 * 4);
}
.flex-col5.gap104 > * {
  width: calc(20% - 6.5rem / 5 * 4);
}
.flex-col5.gap106 > * {
  width: calc(20% - 6.625rem / 5 * 4);
}
.flex-col5.gap108 > * {
  width: calc(20% - 6.75rem / 5 * 4);
}
.flex-col5.gap110 > * {
  width: calc(20% - 6.875rem / 5 * 4);
}
.flex-col5.gap112 > * {
  width: calc(20% - 7rem / 5 * 4);
}
.flex-col5.gap114 > * {
  width: calc(20% - 7.125rem / 5 * 4);
}
.flex-col5.gap116 > * {
  width: calc(20% - 7.25rem / 5 * 4);
}
.flex-col5.gap118 > * {
  width: calc(20% - 7.375rem / 5 * 4);
}
.flex-col5.gap120 > * {
  width: calc(20% - 7.5rem / 5 * 4);
}
.flex-col5.gap122 > * {
  width: calc(20% - 7.625rem / 5 * 4);
}
.flex-col5.gap124 > * {
  width: calc(20% - 7.75rem / 5 * 4);
}
.flex-col5.gap126 > * {
  width: calc(20% - 7.875rem / 5 * 4);
}
.flex-col5.gap128 > * {
  width: calc(20% - 8rem / 5 * 4);
}
.flex-col5.gap130 > * {
  width: calc(20% - 8.125rem / 5 * 4);
}
.flex-col5.gap132 > * {
  width: calc(20% - 8.25rem / 5 * 4);
}
.flex-col5.gap134 > * {
  width: calc(20% - 8.375rem / 5 * 4);
}
.flex-col5.gap136 > * {
  width: calc(20% - 8.5rem / 5 * 4);
}
.flex-col5.gap138 > * {
  width: calc(20% - 8.625rem / 5 * 4);
}
.flex-col5.gap140 > * {
  width: calc(20% - 8.75rem / 5 * 4);
}
.flex-col5.gap142 > * {
  width: calc(20% - 8.875rem / 5 * 4);
}
.flex-col5.gap144 > * {
  width: calc(20% - 9rem / 5 * 4);
}
.flex-col5.gap146 > * {
  width: calc(20% - 9.125rem / 5 * 4);
}
.flex-col5.gap148 > * {
  width: calc(20% - 9.25rem / 5 * 4);
}
.flex-col5.gap150 > * {
  width: calc(20% - 9.375rem / 5 * 4);
}

.flex-col6 {
  flex-wrap: wrap;
}
.flex-col6 > * {
  width: 16.6666666667%;
}
.flex-col6.gap8 > * {
  width: calc(16.6666666667% - 0.5rem / 6 * 5);
}
.flex-col6.gap10 > * {
  width: calc(16.6666666667% - 0.625rem / 6 * 5);
}
.flex-col6.gap12 > * {
  width: calc(16.6666666667% - 0.75rem / 6 * 5);
}
.flex-col6.gap14 > * {
  width: calc(16.6666666667% - 0.875rem / 6 * 5);
}
.flex-col6.gap16 > * {
  width: calc(16.6666666667% - 1rem / 6 * 5);
}
.flex-col6.gap18 > * {
  width: calc(16.6666666667% - 1.125rem / 6 * 5);
}
.flex-col6.gap20 > * {
  width: calc(16.6666666667% - 1.25rem / 6 * 5);
}
.flex-col6.gap22 > * {
  width: calc(16.6666666667% - 1.375rem / 6 * 5);
}
.flex-col6.gap24 > * {
  width: calc(16.6666666667% - 1.5rem / 6 * 5);
}
.flex-col6.gap26 > * {
  width: calc(16.6666666667% - 1.625rem / 6 * 5);
}
.flex-col6.gap28 > * {
  width: calc(16.6666666667% - 1.75rem / 6 * 5);
}
.flex-col6.gap30 > * {
  width: calc(16.6666666667% - 1.875rem / 6 * 5);
}
.flex-col6.gap32 > * {
  width: calc(16.6666666667% - 2rem / 6 * 5);
}
.flex-col6.gap34 > * {
  width: calc(16.6666666667% - 2.125rem / 6 * 5);
}
.flex-col6.gap36 > * {
  width: calc(16.6666666667% - 2.25rem / 6 * 5);
}
.flex-col6.gap38 > * {
  width: calc(16.6666666667% - 2.375rem / 6 * 5);
}
.flex-col6.gap40 > * {
  width: calc(16.6666666667% - 2.5rem / 6 * 5);
}
.flex-col6.gap42 > * {
  width: calc(16.6666666667% - 2.625rem / 6 * 5);
}
.flex-col6.gap44 > * {
  width: calc(16.6666666667% - 2.75rem / 6 * 5);
}
.flex-col6.gap46 > * {
  width: calc(16.6666666667% - 2.875rem / 6 * 5);
}
.flex-col6.gap48 > * {
  width: calc(16.6666666667% - 3rem / 6 * 5);
}
.flex-col6.gap50 > * {
  width: calc(16.6666666667% - 3.125rem / 6 * 5);
}
.flex-col6.gap52 > * {
  width: calc(16.6666666667% - 3.25rem / 6 * 5);
}
.flex-col6.gap54 > * {
  width: calc(16.6666666667% - 3.375rem / 6 * 5);
}
.flex-col6.gap56 > * {
  width: calc(16.6666666667% - 3.5rem / 6 * 5);
}
.flex-col6.gap58 > * {
  width: calc(16.6666666667% - 3.625rem / 6 * 5);
}
.flex-col6.gap60 > * {
  width: calc(16.6666666667% - 3.75rem / 6 * 5);
}
.flex-col6.gap62 > * {
  width: calc(16.6666666667% - 3.875rem / 6 * 5);
}
.flex-col6.gap64 > * {
  width: calc(16.6666666667% - 4rem / 6 * 5);
}
.flex-col6.gap66 > * {
  width: calc(16.6666666667% - 4.125rem / 6 * 5);
}
.flex-col6.gap68 > * {
  width: calc(16.6666666667% - 4.25rem / 6 * 5);
}
.flex-col6.gap70 > * {
  width: calc(16.6666666667% - 4.375rem / 6 * 5);
}
.flex-col6.gap72 > * {
  width: calc(16.6666666667% - 4.5rem / 6 * 5);
}
.flex-col6.gap74 > * {
  width: calc(16.6666666667% - 4.625rem / 6 * 5);
}
.flex-col6.gap76 > * {
  width: calc(16.6666666667% - 4.75rem / 6 * 5);
}
.flex-col6.gap78 > * {
  width: calc(16.6666666667% - 4.875rem / 6 * 5);
}
.flex-col6.gap80 > * {
  width: calc(16.6666666667% - 5rem / 6 * 5);
}
.flex-col6.gap82 > * {
  width: calc(16.6666666667% - 5.125rem / 6 * 5);
}
.flex-col6.gap84 > * {
  width: calc(16.6666666667% - 5.25rem / 6 * 5);
}
.flex-col6.gap86 > * {
  width: calc(16.6666666667% - 5.375rem / 6 * 5);
}
.flex-col6.gap88 > * {
  width: calc(16.6666666667% - 5.5rem / 6 * 5);
}
.flex-col6.gap90 > * {
  width: calc(16.6666666667% - 5.625rem / 6 * 5);
}
.flex-col6.gap92 > * {
  width: calc(16.6666666667% - 5.75rem / 6 * 5);
}
.flex-col6.gap94 > * {
  width: calc(16.6666666667% - 5.875rem / 6 * 5);
}
.flex-col6.gap96 > * {
  width: calc(16.6666666667% - 6rem / 6 * 5);
}
.flex-col6.gap98 > * {
  width: calc(16.6666666667% - 6.125rem / 6 * 5);
}
.flex-col6.gap100 > * {
  width: calc(16.6666666667% - 6.25rem / 6 * 5);
}
.flex-col6.gap102 > * {
  width: calc(16.6666666667% - 6.375rem / 6 * 5);
}
.flex-col6.gap104 > * {
  width: calc(16.6666666667% - 6.5rem / 6 * 5);
}
.flex-col6.gap106 > * {
  width: calc(16.6666666667% - 6.625rem / 6 * 5);
}
.flex-col6.gap108 > * {
  width: calc(16.6666666667% - 6.75rem / 6 * 5);
}
.flex-col6.gap110 > * {
  width: calc(16.6666666667% - 6.875rem / 6 * 5);
}
.flex-col6.gap112 > * {
  width: calc(16.6666666667% - 7rem / 6 * 5);
}
.flex-col6.gap114 > * {
  width: calc(16.6666666667% - 7.125rem / 6 * 5);
}
.flex-col6.gap116 > * {
  width: calc(16.6666666667% - 7.25rem / 6 * 5);
}
.flex-col6.gap118 > * {
  width: calc(16.6666666667% - 7.375rem / 6 * 5);
}
.flex-col6.gap120 > * {
  width: calc(16.6666666667% - 7.5rem / 6 * 5);
}
.flex-col6.gap122 > * {
  width: calc(16.6666666667% - 7.625rem / 6 * 5);
}
.flex-col6.gap124 > * {
  width: calc(16.6666666667% - 7.75rem / 6 * 5);
}
.flex-col6.gap126 > * {
  width: calc(16.6666666667% - 7.875rem / 6 * 5);
}
.flex-col6.gap128 > * {
  width: calc(16.6666666667% - 8rem / 6 * 5);
}
.flex-col6.gap130 > * {
  width: calc(16.6666666667% - 8.125rem / 6 * 5);
}
.flex-col6.gap132 > * {
  width: calc(16.6666666667% - 8.25rem / 6 * 5);
}
.flex-col6.gap134 > * {
  width: calc(16.6666666667% - 8.375rem / 6 * 5);
}
.flex-col6.gap136 > * {
  width: calc(16.6666666667% - 8.5rem / 6 * 5);
}
.flex-col6.gap138 > * {
  width: calc(16.6666666667% - 8.625rem / 6 * 5);
}
.flex-col6.gap140 > * {
  width: calc(16.6666666667% - 8.75rem / 6 * 5);
}
.flex-col6.gap142 > * {
  width: calc(16.6666666667% - 8.875rem / 6 * 5);
}
.flex-col6.gap144 > * {
  width: calc(16.6666666667% - 9rem / 6 * 5);
}
.flex-col6.gap146 > * {
  width: calc(16.6666666667% - 9.125rem / 6 * 5);
}
.flex-col6.gap148 > * {
  width: calc(16.6666666667% - 9.25rem / 6 * 5);
}
.flex-col6.gap150 > * {
  width: calc(16.6666666667% - 9.375rem / 6 * 5);
}

.flex-col7 {
  flex-wrap: wrap;
}
.flex-col7 > * {
  width: 14.2857142857%;
}
.flex-col7.gap8 > * {
  width: calc(14.2857142857% - 0.5rem / 7 * 6);
}
.flex-col7.gap10 > * {
  width: calc(14.2857142857% - 0.625rem / 7 * 6);
}
.flex-col7.gap12 > * {
  width: calc(14.2857142857% - 0.75rem / 7 * 6);
}
.flex-col7.gap14 > * {
  width: calc(14.2857142857% - 0.875rem / 7 * 6);
}
.flex-col7.gap16 > * {
  width: calc(14.2857142857% - 1rem / 7 * 6);
}
.flex-col7.gap18 > * {
  width: calc(14.2857142857% - 1.125rem / 7 * 6);
}
.flex-col7.gap20 > * {
  width: calc(14.2857142857% - 1.25rem / 7 * 6);
}
.flex-col7.gap22 > * {
  width: calc(14.2857142857% - 1.375rem / 7 * 6);
}
.flex-col7.gap24 > * {
  width: calc(14.2857142857% - 1.5rem / 7 * 6);
}
.flex-col7.gap26 > * {
  width: calc(14.2857142857% - 1.625rem / 7 * 6);
}
.flex-col7.gap28 > * {
  width: calc(14.2857142857% - 1.75rem / 7 * 6);
}
.flex-col7.gap30 > * {
  width: calc(14.2857142857% - 1.875rem / 7 * 6);
}
.flex-col7.gap32 > * {
  width: calc(14.2857142857% - 2rem / 7 * 6);
}
.flex-col7.gap34 > * {
  width: calc(14.2857142857% - 2.125rem / 7 * 6);
}
.flex-col7.gap36 > * {
  width: calc(14.2857142857% - 2.25rem / 7 * 6);
}
.flex-col7.gap38 > * {
  width: calc(14.2857142857% - 2.375rem / 7 * 6);
}
.flex-col7.gap40 > * {
  width: calc(14.2857142857% - 2.5rem / 7 * 6);
}
.flex-col7.gap42 > * {
  width: calc(14.2857142857% - 2.625rem / 7 * 6);
}
.flex-col7.gap44 > * {
  width: calc(14.2857142857% - 2.75rem / 7 * 6);
}
.flex-col7.gap46 > * {
  width: calc(14.2857142857% - 2.875rem / 7 * 6);
}
.flex-col7.gap48 > * {
  width: calc(14.2857142857% - 3rem / 7 * 6);
}
.flex-col7.gap50 > * {
  width: calc(14.2857142857% - 3.125rem / 7 * 6);
}
.flex-col7.gap52 > * {
  width: calc(14.2857142857% - 3.25rem / 7 * 6);
}
.flex-col7.gap54 > * {
  width: calc(14.2857142857% - 3.375rem / 7 * 6);
}
.flex-col7.gap56 > * {
  width: calc(14.2857142857% - 3.5rem / 7 * 6);
}
.flex-col7.gap58 > * {
  width: calc(14.2857142857% - 3.625rem / 7 * 6);
}
.flex-col7.gap60 > * {
  width: calc(14.2857142857% - 3.75rem / 7 * 6);
}
.flex-col7.gap62 > * {
  width: calc(14.2857142857% - 3.875rem / 7 * 6);
}
.flex-col7.gap64 > * {
  width: calc(14.2857142857% - 4rem / 7 * 6);
}
.flex-col7.gap66 > * {
  width: calc(14.2857142857% - 4.125rem / 7 * 6);
}
.flex-col7.gap68 > * {
  width: calc(14.2857142857% - 4.25rem / 7 * 6);
}
.flex-col7.gap70 > * {
  width: calc(14.2857142857% - 4.375rem / 7 * 6);
}
.flex-col7.gap72 > * {
  width: calc(14.2857142857% - 4.5rem / 7 * 6);
}
.flex-col7.gap74 > * {
  width: calc(14.2857142857% - 4.625rem / 7 * 6);
}
.flex-col7.gap76 > * {
  width: calc(14.2857142857% - 4.75rem / 7 * 6);
}
.flex-col7.gap78 > * {
  width: calc(14.2857142857% - 4.875rem / 7 * 6);
}
.flex-col7.gap80 > * {
  width: calc(14.2857142857% - 5rem / 7 * 6);
}
.flex-col7.gap82 > * {
  width: calc(14.2857142857% - 5.125rem / 7 * 6);
}
.flex-col7.gap84 > * {
  width: calc(14.2857142857% - 5.25rem / 7 * 6);
}
.flex-col7.gap86 > * {
  width: calc(14.2857142857% - 5.375rem / 7 * 6);
}
.flex-col7.gap88 > * {
  width: calc(14.2857142857% - 5.5rem / 7 * 6);
}
.flex-col7.gap90 > * {
  width: calc(14.2857142857% - 5.625rem / 7 * 6);
}
.flex-col7.gap92 > * {
  width: calc(14.2857142857% - 5.75rem / 7 * 6);
}
.flex-col7.gap94 > * {
  width: calc(14.2857142857% - 5.875rem / 7 * 6);
}
.flex-col7.gap96 > * {
  width: calc(14.2857142857% - 6rem / 7 * 6);
}
.flex-col7.gap98 > * {
  width: calc(14.2857142857% - 6.125rem / 7 * 6);
}
.flex-col7.gap100 > * {
  width: calc(14.2857142857% - 6.25rem / 7 * 6);
}
.flex-col7.gap102 > * {
  width: calc(14.2857142857% - 6.375rem / 7 * 6);
}
.flex-col7.gap104 > * {
  width: calc(14.2857142857% - 6.5rem / 7 * 6);
}
.flex-col7.gap106 > * {
  width: calc(14.2857142857% - 6.625rem / 7 * 6);
}
.flex-col7.gap108 > * {
  width: calc(14.2857142857% - 6.75rem / 7 * 6);
}
.flex-col7.gap110 > * {
  width: calc(14.2857142857% - 6.875rem / 7 * 6);
}
.flex-col7.gap112 > * {
  width: calc(14.2857142857% - 7rem / 7 * 6);
}
.flex-col7.gap114 > * {
  width: calc(14.2857142857% - 7.125rem / 7 * 6);
}
.flex-col7.gap116 > * {
  width: calc(14.2857142857% - 7.25rem / 7 * 6);
}
.flex-col7.gap118 > * {
  width: calc(14.2857142857% - 7.375rem / 7 * 6);
}
.flex-col7.gap120 > * {
  width: calc(14.2857142857% - 7.5rem / 7 * 6);
}
.flex-col7.gap122 > * {
  width: calc(14.2857142857% - 7.625rem / 7 * 6);
}
.flex-col7.gap124 > * {
  width: calc(14.2857142857% - 7.75rem / 7 * 6);
}
.flex-col7.gap126 > * {
  width: calc(14.2857142857% - 7.875rem / 7 * 6);
}
.flex-col7.gap128 > * {
  width: calc(14.2857142857% - 8rem / 7 * 6);
}
.flex-col7.gap130 > * {
  width: calc(14.2857142857% - 8.125rem / 7 * 6);
}
.flex-col7.gap132 > * {
  width: calc(14.2857142857% - 8.25rem / 7 * 6);
}
.flex-col7.gap134 > * {
  width: calc(14.2857142857% - 8.375rem / 7 * 6);
}
.flex-col7.gap136 > * {
  width: calc(14.2857142857% - 8.5rem / 7 * 6);
}
.flex-col7.gap138 > * {
  width: calc(14.2857142857% - 8.625rem / 7 * 6);
}
.flex-col7.gap140 > * {
  width: calc(14.2857142857% - 8.75rem / 7 * 6);
}
.flex-col7.gap142 > * {
  width: calc(14.2857142857% - 8.875rem / 7 * 6);
}
.flex-col7.gap144 > * {
  width: calc(14.2857142857% - 9rem / 7 * 6);
}
.flex-col7.gap146 > * {
  width: calc(14.2857142857% - 9.125rem / 7 * 6);
}
.flex-col7.gap148 > * {
  width: calc(14.2857142857% - 9.25rem / 7 * 6);
}
.flex-col7.gap150 > * {
  width: calc(14.2857142857% - 9.375rem / 7 * 6);
}

.flex-col8 {
  flex-wrap: wrap;
}
.flex-col8 > * {
  width: 12.5%;
}
.flex-col8.gap8 > * {
  width: calc(12.5% - 0.5rem / 8 * 7);
}
.flex-col8.gap10 > * {
  width: calc(12.5% - 0.625rem / 8 * 7);
}
.flex-col8.gap12 > * {
  width: calc(12.5% - 0.75rem / 8 * 7);
}
.flex-col8.gap14 > * {
  width: calc(12.5% - 0.875rem / 8 * 7);
}
.flex-col8.gap16 > * {
  width: calc(12.5% - 1rem / 8 * 7);
}
.flex-col8.gap18 > * {
  width: calc(12.5% - 1.125rem / 8 * 7);
}
.flex-col8.gap20 > * {
  width: calc(12.5% - 1.25rem / 8 * 7);
}
.flex-col8.gap22 > * {
  width: calc(12.5% - 1.375rem / 8 * 7);
}
.flex-col8.gap24 > * {
  width: calc(12.5% - 1.5rem / 8 * 7);
}
.flex-col8.gap26 > * {
  width: calc(12.5% - 1.625rem / 8 * 7);
}
.flex-col8.gap28 > * {
  width: calc(12.5% - 1.75rem / 8 * 7);
}
.flex-col8.gap30 > * {
  width: calc(12.5% - 1.875rem / 8 * 7);
}
.flex-col8.gap32 > * {
  width: calc(12.5% - 2rem / 8 * 7);
}
.flex-col8.gap34 > * {
  width: calc(12.5% - 2.125rem / 8 * 7);
}
.flex-col8.gap36 > * {
  width: calc(12.5% - 2.25rem / 8 * 7);
}
.flex-col8.gap38 > * {
  width: calc(12.5% - 2.375rem / 8 * 7);
}
.flex-col8.gap40 > * {
  width: calc(12.5% - 2.5rem / 8 * 7);
}
.flex-col8.gap42 > * {
  width: calc(12.5% - 2.625rem / 8 * 7);
}
.flex-col8.gap44 > * {
  width: calc(12.5% - 2.75rem / 8 * 7);
}
.flex-col8.gap46 > * {
  width: calc(12.5% - 2.875rem / 8 * 7);
}
.flex-col8.gap48 > * {
  width: calc(12.5% - 3rem / 8 * 7);
}
.flex-col8.gap50 > * {
  width: calc(12.5% - 3.125rem / 8 * 7);
}
.flex-col8.gap52 > * {
  width: calc(12.5% - 3.25rem / 8 * 7);
}
.flex-col8.gap54 > * {
  width: calc(12.5% - 3.375rem / 8 * 7);
}
.flex-col8.gap56 > * {
  width: calc(12.5% - 3.5rem / 8 * 7);
}
.flex-col8.gap58 > * {
  width: calc(12.5% - 3.625rem / 8 * 7);
}
.flex-col8.gap60 > * {
  width: calc(12.5% - 3.75rem / 8 * 7);
}
.flex-col8.gap62 > * {
  width: calc(12.5% - 3.875rem / 8 * 7);
}
.flex-col8.gap64 > * {
  width: calc(12.5% - 4rem / 8 * 7);
}
.flex-col8.gap66 > * {
  width: calc(12.5% - 4.125rem / 8 * 7);
}
.flex-col8.gap68 > * {
  width: calc(12.5% - 4.25rem / 8 * 7);
}
.flex-col8.gap70 > * {
  width: calc(12.5% - 4.375rem / 8 * 7);
}
.flex-col8.gap72 > * {
  width: calc(12.5% - 4.5rem / 8 * 7);
}
.flex-col8.gap74 > * {
  width: calc(12.5% - 4.625rem / 8 * 7);
}
.flex-col8.gap76 > * {
  width: calc(12.5% - 4.75rem / 8 * 7);
}
.flex-col8.gap78 > * {
  width: calc(12.5% - 4.875rem / 8 * 7);
}
.flex-col8.gap80 > * {
  width: calc(12.5% - 5rem / 8 * 7);
}
.flex-col8.gap82 > * {
  width: calc(12.5% - 5.125rem / 8 * 7);
}
.flex-col8.gap84 > * {
  width: calc(12.5% - 5.25rem / 8 * 7);
}
.flex-col8.gap86 > * {
  width: calc(12.5% - 5.375rem / 8 * 7);
}
.flex-col8.gap88 > * {
  width: calc(12.5% - 5.5rem / 8 * 7);
}
.flex-col8.gap90 > * {
  width: calc(12.5% - 5.625rem / 8 * 7);
}
.flex-col8.gap92 > * {
  width: calc(12.5% - 5.75rem / 8 * 7);
}
.flex-col8.gap94 > * {
  width: calc(12.5% - 5.875rem / 8 * 7);
}
.flex-col8.gap96 > * {
  width: calc(12.5% - 6rem / 8 * 7);
}
.flex-col8.gap98 > * {
  width: calc(12.5% - 6.125rem / 8 * 7);
}
.flex-col8.gap100 > * {
  width: calc(12.5% - 6.25rem / 8 * 7);
}
.flex-col8.gap102 > * {
  width: calc(12.5% - 6.375rem / 8 * 7);
}
.flex-col8.gap104 > * {
  width: calc(12.5% - 6.5rem / 8 * 7);
}
.flex-col8.gap106 > * {
  width: calc(12.5% - 6.625rem / 8 * 7);
}
.flex-col8.gap108 > * {
  width: calc(12.5% - 6.75rem / 8 * 7);
}
.flex-col8.gap110 > * {
  width: calc(12.5% - 6.875rem / 8 * 7);
}
.flex-col8.gap112 > * {
  width: calc(12.5% - 7rem / 8 * 7);
}
.flex-col8.gap114 > * {
  width: calc(12.5% - 7.125rem / 8 * 7);
}
.flex-col8.gap116 > * {
  width: calc(12.5% - 7.25rem / 8 * 7);
}
.flex-col8.gap118 > * {
  width: calc(12.5% - 7.375rem / 8 * 7);
}
.flex-col8.gap120 > * {
  width: calc(12.5% - 7.5rem / 8 * 7);
}
.flex-col8.gap122 > * {
  width: calc(12.5% - 7.625rem / 8 * 7);
}
.flex-col8.gap124 > * {
  width: calc(12.5% - 7.75rem / 8 * 7);
}
.flex-col8.gap126 > * {
  width: calc(12.5% - 7.875rem / 8 * 7);
}
.flex-col8.gap128 > * {
  width: calc(12.5% - 8rem / 8 * 7);
}
.flex-col8.gap130 > * {
  width: calc(12.5% - 8.125rem / 8 * 7);
}
.flex-col8.gap132 > * {
  width: calc(12.5% - 8.25rem / 8 * 7);
}
.flex-col8.gap134 > * {
  width: calc(12.5% - 8.375rem / 8 * 7);
}
.flex-col8.gap136 > * {
  width: calc(12.5% - 8.5rem / 8 * 7);
}
.flex-col8.gap138 > * {
  width: calc(12.5% - 8.625rem / 8 * 7);
}
.flex-col8.gap140 > * {
  width: calc(12.5% - 8.75rem / 8 * 7);
}
.flex-col8.gap142 > * {
  width: calc(12.5% - 8.875rem / 8 * 7);
}
.flex-col8.gap144 > * {
  width: calc(12.5% - 9rem / 8 * 7);
}
.flex-col8.gap146 > * {
  width: calc(12.5% - 9.125rem / 8 * 7);
}
.flex-col8.gap148 > * {
  width: calc(12.5% - 9.25rem / 8 * 7);
}
.flex-col8.gap150 > * {
  width: calc(12.5% - 9.375rem / 8 * 7);
}

@media screen and (max-width: 47.9375em) {
  .flex-sp-col1 {
    flex-wrap: wrap;
  }
  .flex-sp-col1 > * {
    width: 100%;
  }
  .flex-sp-col1.gap8 > * {
    width: calc(100% - 0.5rem / 1 * 0);
  }
  .flex-sp-col1.gap10 > * {
    width: calc(100% - 0.625rem / 1 * 0);
  }
  .flex-sp-col1.gap12 > * {
    width: calc(100% - 0.75rem / 1 * 0);
  }
  .flex-sp-col1.gap14 > * {
    width: calc(100% - 0.875rem / 1 * 0);
  }
  .flex-sp-col1.gap16 > * {
    width: calc(100% - 1rem / 1 * 0);
  }
  .flex-sp-col1.gap18 > * {
    width: calc(100% - 1.125rem / 1 * 0);
  }
  .flex-sp-col1.gap20 > * {
    width: calc(100% - 1.25rem / 1 * 0);
  }
  .flex-sp-col1.gap22 > * {
    width: calc(100% - 1.375rem / 1 * 0);
  }
  .flex-sp-col1.gap24 > * {
    width: calc(100% - 1.5rem / 1 * 0);
  }
  .flex-sp-col1.gap26 > * {
    width: calc(100% - 1.625rem / 1 * 0);
  }
  .flex-sp-col1.gap28 > * {
    width: calc(100% - 1.75rem / 1 * 0);
  }
  .flex-sp-col1.gap30 > * {
    width: calc(100% - 1.875rem / 1 * 0);
  }
  .flex-sp-col1.gap32 > * {
    width: calc(100% - 2rem / 1 * 0);
  }
  .flex-sp-col1.gap34 > * {
    width: calc(100% - 2.125rem / 1 * 0);
  }
  .flex-sp-col1.gap36 > * {
    width: calc(100% - 2.25rem / 1 * 0);
  }
  .flex-sp-col1.gap38 > * {
    width: calc(100% - 2.375rem / 1 * 0);
  }
  .flex-sp-col1.gap40 > * {
    width: calc(100% - 2.5rem / 1 * 0);
  }
  .flex-sp-col1.gap42 > * {
    width: calc(100% - 2.625rem / 1 * 0);
  }
  .flex-sp-col1.gap44 > * {
    width: calc(100% - 2.75rem / 1 * 0);
  }
  .flex-sp-col1.gap46 > * {
    width: calc(100% - 2.875rem / 1 * 0);
  }
  .flex-sp-col1.gap48 > * {
    width: calc(100% - 3rem / 1 * 0);
  }
  .flex-sp-col1.gap50 > * {
    width: calc(100% - 3.125rem / 1 * 0);
  }
  .flex-sp-col1.gap52 > * {
    width: calc(100% - 3.25rem / 1 * 0);
  }
  .flex-sp-col1.gap54 > * {
    width: calc(100% - 3.375rem / 1 * 0);
  }
  .flex-sp-col1.gap56 > * {
    width: calc(100% - 3.5rem / 1 * 0);
  }
  .flex-sp-col1.gap58 > * {
    width: calc(100% - 3.625rem / 1 * 0);
  }
  .flex-sp-col1.gap60 > * {
    width: calc(100% - 3.75rem / 1 * 0);
  }
  .flex-sp-col1.gap62 > * {
    width: calc(100% - 3.875rem / 1 * 0);
  }
  .flex-sp-col1.gap64 > * {
    width: calc(100% - 4rem / 1 * 0);
  }
  .flex-sp-col1.gap66 > * {
    width: calc(100% - 4.125rem / 1 * 0);
  }
  .flex-sp-col1.gap68 > * {
    width: calc(100% - 4.25rem / 1 * 0);
  }
  .flex-sp-col1.gap70 > * {
    width: calc(100% - 4.375rem / 1 * 0);
  }
  .flex-sp-col1.gap72 > * {
    width: calc(100% - 4.5rem / 1 * 0);
  }
  .flex-sp-col1.gap74 > * {
    width: calc(100% - 4.625rem / 1 * 0);
  }
  .flex-sp-col1.gap76 > * {
    width: calc(100% - 4.75rem / 1 * 0);
  }
  .flex-sp-col1.gap78 > * {
    width: calc(100% - 4.875rem / 1 * 0);
  }
  .flex-sp-col1.gap80 > * {
    width: calc(100% - 5rem / 1 * 0);
  }
  .flex-sp-col1.gap82 > * {
    width: calc(100% - 5.125rem / 1 * 0);
  }
  .flex-sp-col1.gap84 > * {
    width: calc(100% - 5.25rem / 1 * 0);
  }
  .flex-sp-col1.gap86 > * {
    width: calc(100% - 5.375rem / 1 * 0);
  }
  .flex-sp-col1.gap88 > * {
    width: calc(100% - 5.5rem / 1 * 0);
  }
  .flex-sp-col1.gap90 > * {
    width: calc(100% - 5.625rem / 1 * 0);
  }
  .flex-sp-col1.gap92 > * {
    width: calc(100% - 5.75rem / 1 * 0);
  }
  .flex-sp-col1.gap94 > * {
    width: calc(100% - 5.875rem / 1 * 0);
  }
  .flex-sp-col1.gap96 > * {
    width: calc(100% - 6rem / 1 * 0);
  }
  .flex-sp-col1.gap98 > * {
    width: calc(100% - 6.125rem / 1 * 0);
  }
  .flex-sp-col1.gap100 > * {
    width: calc(100% - 6.25rem / 1 * 0);
  }
  .flex-sp-col1.gap102 > * {
    width: calc(100% - 6.375rem / 1 * 0);
  }
  .flex-sp-col1.gap104 > * {
    width: calc(100% - 6.5rem / 1 * 0);
  }
  .flex-sp-col1.gap106 > * {
    width: calc(100% - 6.625rem / 1 * 0);
  }
  .flex-sp-col1.gap108 > * {
    width: calc(100% - 6.75rem / 1 * 0);
  }
  .flex-sp-col1.gap110 > * {
    width: calc(100% - 6.875rem / 1 * 0);
  }
  .flex-sp-col1.gap112 > * {
    width: calc(100% - 7rem / 1 * 0);
  }
  .flex-sp-col1.gap114 > * {
    width: calc(100% - 7.125rem / 1 * 0);
  }
  .flex-sp-col1.gap116 > * {
    width: calc(100% - 7.25rem / 1 * 0);
  }
  .flex-sp-col1.gap118 > * {
    width: calc(100% - 7.375rem / 1 * 0);
  }
  .flex-sp-col1.gap120 > * {
    width: calc(100% - 7.5rem / 1 * 0);
  }
  .flex-sp-col1.gap122 > * {
    width: calc(100% - 7.625rem / 1 * 0);
  }
  .flex-sp-col1.gap124 > * {
    width: calc(100% - 7.75rem / 1 * 0);
  }
  .flex-sp-col1.gap126 > * {
    width: calc(100% - 7.875rem / 1 * 0);
  }
  .flex-sp-col1.gap128 > * {
    width: calc(100% - 8rem / 1 * 0);
  }
  .flex-sp-col1.gap130 > * {
    width: calc(100% - 8.125rem / 1 * 0);
  }
  .flex-sp-col1.gap132 > * {
    width: calc(100% - 8.25rem / 1 * 0);
  }
  .flex-sp-col1.gap134 > * {
    width: calc(100% - 8.375rem / 1 * 0);
  }
  .flex-sp-col1.gap136 > * {
    width: calc(100% - 8.5rem / 1 * 0);
  }
  .flex-sp-col1.gap138 > * {
    width: calc(100% - 8.625rem / 1 * 0);
  }
  .flex-sp-col1.gap140 > * {
    width: calc(100% - 8.75rem / 1 * 0);
  }
  .flex-sp-col1.gap142 > * {
    width: calc(100% - 8.875rem / 1 * 0);
  }
  .flex-sp-col1.gap144 > * {
    width: calc(100% - 9rem / 1 * 0);
  }
  .flex-sp-col1.gap146 > * {
    width: calc(100% - 9.125rem / 1 * 0);
  }
  .flex-sp-col1.gap148 > * {
    width: calc(100% - 9.25rem / 1 * 0);
  }
  .flex-sp-col1.gap150 > * {
    width: calc(100% - 9.375rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp8 > * {
    width: calc(100% - 0.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp10 > * {
    width: calc(100% - 0.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp12 > * {
    width: calc(100% - 0.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp14 > * {
    width: calc(100% - 1rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp16 > * {
    width: calc(100% - 1.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp18 > * {
    width: calc(100% - 1.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp20 > * {
    width: calc(100% - 1.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp22 > * {
    width: calc(100% - 1.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp24 > * {
    width: calc(100% - 1.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp26 > * {
    width: calc(100% - 1.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp28 > * {
    width: calc(100% - 2rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp30 > * {
    width: calc(100% - 2.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp32 > * {
    width: calc(100% - 2.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp34 > * {
    width: calc(100% - 2.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp36 > * {
    width: calc(100% - 2.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp38 > * {
    width: calc(100% - 2.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp40 > * {
    width: calc(100% - 2.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp42 > * {
    width: calc(100% - 3rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp44 > * {
    width: calc(100% - 3.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp46 > * {
    width: calc(100% - 3.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp48 > * {
    width: calc(100% - 3.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp50 > * {
    width: calc(100% - 3.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp52 > * {
    width: calc(100% - 3.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp54 > * {
    width: calc(100% - 3.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp56 > * {
    width: calc(100% - 4rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp58 > * {
    width: calc(100% - 4.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp60 > * {
    width: calc(100% - 4.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp62 > * {
    width: calc(100% - 4.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp64 > * {
    width: calc(100% - 4.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp66 > * {
    width: calc(100% - 4.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp68 > * {
    width: calc(100% - 4.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp70 > * {
    width: calc(100% - 5rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp72 > * {
    width: calc(100% - 5.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp74 > * {
    width: calc(100% - 5.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp76 > * {
    width: calc(100% - 5.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp78 > * {
    width: calc(100% - 5.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp80 > * {
    width: calc(100% - 5.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp82 > * {
    width: calc(100% - 5.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp84 > * {
    width: calc(100% - 6rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp86 > * {
    width: calc(100% - 6.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp88 > * {
    width: calc(100% - 6.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp90 > * {
    width: calc(100% - 6.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp92 > * {
    width: calc(100% - 6.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp94 > * {
    width: calc(100% - 6.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp96 > * {
    width: calc(100% - 6.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp98 > * {
    width: calc(100% - 7rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp100 > * {
    width: calc(100% - 7.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp102 > * {
    width: calc(100% - 7.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp104 > * {
    width: calc(100% - 7.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp106 > * {
    width: calc(100% - 7.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp108 > * {
    width: calc(100% - 7.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp110 > * {
    width: calc(100% - 7.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp112 > * {
    width: calc(100% - 8rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp114 > * {
    width: calc(100% - 8.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp116 > * {
    width: calc(100% - 8.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp118 > * {
    width: calc(100% - 8.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp120 > * {
    width: calc(100% - 8.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp122 > * {
    width: calc(100% - 8.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp124 > * {
    width: calc(100% - 8.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp126 > * {
    width: calc(100% - 9rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp128 > * {
    width: calc(100% - 9.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp130 > * {
    width: calc(100% - 9.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp132 > * {
    width: calc(100% - 9.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp134 > * {
    width: calc(100% - 9.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp136 > * {
    width: calc(100% - 9.7142857143rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp138 > * {
    width: calc(100% - 9.8571428571rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp140 > * {
    width: calc(100% - 10rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp142 > * {
    width: calc(100% - 10.1428571429rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp144 > * {
    width: calc(100% - 10.2857142857rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp146 > * {
    width: calc(100% - 10.4285714286rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp148 > * {
    width: calc(100% - 10.5714285714rem / 1 * 0);
  }
  .flex-sp-col1.gap-sp150 > * {
    width: calc(100% - 10.7142857143rem / 1 * 0);
  }
  .flex-sp-col2 {
    flex-wrap: wrap;
  }
  .flex-sp-col2 > * {
    width: 50%;
  }
  .flex-sp-col2.gap8 > * {
    width: calc(50% - 0.5rem / 2 * 1);
  }
  .flex-sp-col2.gap10 > * {
    width: calc(50% - 0.625rem / 2 * 1);
  }
  .flex-sp-col2.gap12 > * {
    width: calc(50% - 0.75rem / 2 * 1);
  }
  .flex-sp-col2.gap14 > * {
    width: calc(50% - 0.875rem / 2 * 1);
  }
  .flex-sp-col2.gap16 > * {
    width: calc(50% - 1rem / 2 * 1);
  }
  .flex-sp-col2.gap18 > * {
    width: calc(50% - 1.125rem / 2 * 1);
  }
  .flex-sp-col2.gap20 > * {
    width: calc(50% - 1.25rem / 2 * 1);
  }
  .flex-sp-col2.gap22 > * {
    width: calc(50% - 1.375rem / 2 * 1);
  }
  .flex-sp-col2.gap24 > * {
    width: calc(50% - 1.5rem / 2 * 1);
  }
  .flex-sp-col2.gap26 > * {
    width: calc(50% - 1.625rem / 2 * 1);
  }
  .flex-sp-col2.gap28 > * {
    width: calc(50% - 1.75rem / 2 * 1);
  }
  .flex-sp-col2.gap30 > * {
    width: calc(50% - 1.875rem / 2 * 1);
  }
  .flex-sp-col2.gap32 > * {
    width: calc(50% - 2rem / 2 * 1);
  }
  .flex-sp-col2.gap34 > * {
    width: calc(50% - 2.125rem / 2 * 1);
  }
  .flex-sp-col2.gap36 > * {
    width: calc(50% - 2.25rem / 2 * 1);
  }
  .flex-sp-col2.gap38 > * {
    width: calc(50% - 2.375rem / 2 * 1);
  }
  .flex-sp-col2.gap40 > * {
    width: calc(50% - 2.5rem / 2 * 1);
  }
  .flex-sp-col2.gap42 > * {
    width: calc(50% - 2.625rem / 2 * 1);
  }
  .flex-sp-col2.gap44 > * {
    width: calc(50% - 2.75rem / 2 * 1);
  }
  .flex-sp-col2.gap46 > * {
    width: calc(50% - 2.875rem / 2 * 1);
  }
  .flex-sp-col2.gap48 > * {
    width: calc(50% - 3rem / 2 * 1);
  }
  .flex-sp-col2.gap50 > * {
    width: calc(50% - 3.125rem / 2 * 1);
  }
  .flex-sp-col2.gap52 > * {
    width: calc(50% - 3.25rem / 2 * 1);
  }
  .flex-sp-col2.gap54 > * {
    width: calc(50% - 3.375rem / 2 * 1);
  }
  .flex-sp-col2.gap56 > * {
    width: calc(50% - 3.5rem / 2 * 1);
  }
  .flex-sp-col2.gap58 > * {
    width: calc(50% - 3.625rem / 2 * 1);
  }
  .flex-sp-col2.gap60 > * {
    width: calc(50% - 3.75rem / 2 * 1);
  }
  .flex-sp-col2.gap62 > * {
    width: calc(50% - 3.875rem / 2 * 1);
  }
  .flex-sp-col2.gap64 > * {
    width: calc(50% - 4rem / 2 * 1);
  }
  .flex-sp-col2.gap66 > * {
    width: calc(50% - 4.125rem / 2 * 1);
  }
  .flex-sp-col2.gap68 > * {
    width: calc(50% - 4.25rem / 2 * 1);
  }
  .flex-sp-col2.gap70 > * {
    width: calc(50% - 4.375rem / 2 * 1);
  }
  .flex-sp-col2.gap72 > * {
    width: calc(50% - 4.5rem / 2 * 1);
  }
  .flex-sp-col2.gap74 > * {
    width: calc(50% - 4.625rem / 2 * 1);
  }
  .flex-sp-col2.gap76 > * {
    width: calc(50% - 4.75rem / 2 * 1);
  }
  .flex-sp-col2.gap78 > * {
    width: calc(50% - 4.875rem / 2 * 1);
  }
  .flex-sp-col2.gap80 > * {
    width: calc(50% - 5rem / 2 * 1);
  }
  .flex-sp-col2.gap82 > * {
    width: calc(50% - 5.125rem / 2 * 1);
  }
  .flex-sp-col2.gap84 > * {
    width: calc(50% - 5.25rem / 2 * 1);
  }
  .flex-sp-col2.gap86 > * {
    width: calc(50% - 5.375rem / 2 * 1);
  }
  .flex-sp-col2.gap88 > * {
    width: calc(50% - 5.5rem / 2 * 1);
  }
  .flex-sp-col2.gap90 > * {
    width: calc(50% - 5.625rem / 2 * 1);
  }
  .flex-sp-col2.gap92 > * {
    width: calc(50% - 5.75rem / 2 * 1);
  }
  .flex-sp-col2.gap94 > * {
    width: calc(50% - 5.875rem / 2 * 1);
  }
  .flex-sp-col2.gap96 > * {
    width: calc(50% - 6rem / 2 * 1);
  }
  .flex-sp-col2.gap98 > * {
    width: calc(50% - 6.125rem / 2 * 1);
  }
  .flex-sp-col2.gap100 > * {
    width: calc(50% - 6.25rem / 2 * 1);
  }
  .flex-sp-col2.gap102 > * {
    width: calc(50% - 6.375rem / 2 * 1);
  }
  .flex-sp-col2.gap104 > * {
    width: calc(50% - 6.5rem / 2 * 1);
  }
  .flex-sp-col2.gap106 > * {
    width: calc(50% - 6.625rem / 2 * 1);
  }
  .flex-sp-col2.gap108 > * {
    width: calc(50% - 6.75rem / 2 * 1);
  }
  .flex-sp-col2.gap110 > * {
    width: calc(50% - 6.875rem / 2 * 1);
  }
  .flex-sp-col2.gap112 > * {
    width: calc(50% - 7rem / 2 * 1);
  }
  .flex-sp-col2.gap114 > * {
    width: calc(50% - 7.125rem / 2 * 1);
  }
  .flex-sp-col2.gap116 > * {
    width: calc(50% - 7.25rem / 2 * 1);
  }
  .flex-sp-col2.gap118 > * {
    width: calc(50% - 7.375rem / 2 * 1);
  }
  .flex-sp-col2.gap120 > * {
    width: calc(50% - 7.5rem / 2 * 1);
  }
  .flex-sp-col2.gap122 > * {
    width: calc(50% - 7.625rem / 2 * 1);
  }
  .flex-sp-col2.gap124 > * {
    width: calc(50% - 7.75rem / 2 * 1);
  }
  .flex-sp-col2.gap126 > * {
    width: calc(50% - 7.875rem / 2 * 1);
  }
  .flex-sp-col2.gap128 > * {
    width: calc(50% - 8rem / 2 * 1);
  }
  .flex-sp-col2.gap130 > * {
    width: calc(50% - 8.125rem / 2 * 1);
  }
  .flex-sp-col2.gap132 > * {
    width: calc(50% - 8.25rem / 2 * 1);
  }
  .flex-sp-col2.gap134 > * {
    width: calc(50% - 8.375rem / 2 * 1);
  }
  .flex-sp-col2.gap136 > * {
    width: calc(50% - 8.5rem / 2 * 1);
  }
  .flex-sp-col2.gap138 > * {
    width: calc(50% - 8.625rem / 2 * 1);
  }
  .flex-sp-col2.gap140 > * {
    width: calc(50% - 8.75rem / 2 * 1);
  }
  .flex-sp-col2.gap142 > * {
    width: calc(50% - 8.875rem / 2 * 1);
  }
  .flex-sp-col2.gap144 > * {
    width: calc(50% - 9rem / 2 * 1);
  }
  .flex-sp-col2.gap146 > * {
    width: calc(50% - 9.125rem / 2 * 1);
  }
  .flex-sp-col2.gap148 > * {
    width: calc(50% - 9.25rem / 2 * 1);
  }
  .flex-sp-col2.gap150 > * {
    width: calc(50% - 9.375rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp8 > * {
    width: calc(50% - 0.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp10 > * {
    width: calc(50% - 0.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp12 > * {
    width: calc(50% - 0.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp14 > * {
    width: calc(50% - 1rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp16 > * {
    width: calc(50% - 1.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp18 > * {
    width: calc(50% - 1.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp20 > * {
    width: calc(50% - 1.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp22 > * {
    width: calc(50% - 1.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp24 > * {
    width: calc(50% - 1.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp26 > * {
    width: calc(50% - 1.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp28 > * {
    width: calc(50% - 2rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp30 > * {
    width: calc(50% - 2.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp32 > * {
    width: calc(50% - 2.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp34 > * {
    width: calc(50% - 2.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp36 > * {
    width: calc(50% - 2.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp38 > * {
    width: calc(50% - 2.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp40 > * {
    width: calc(50% - 2.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp42 > * {
    width: calc(50% - 3rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp44 > * {
    width: calc(50% - 3.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp46 > * {
    width: calc(50% - 3.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp48 > * {
    width: calc(50% - 3.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp50 > * {
    width: calc(50% - 3.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp52 > * {
    width: calc(50% - 3.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp54 > * {
    width: calc(50% - 3.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp56 > * {
    width: calc(50% - 4rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp58 > * {
    width: calc(50% - 4.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp60 > * {
    width: calc(50% - 4.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp62 > * {
    width: calc(50% - 4.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp64 > * {
    width: calc(50% - 4.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp66 > * {
    width: calc(50% - 4.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp68 > * {
    width: calc(50% - 4.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp70 > * {
    width: calc(50% - 5rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp72 > * {
    width: calc(50% - 5.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp74 > * {
    width: calc(50% - 5.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp76 > * {
    width: calc(50% - 5.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp78 > * {
    width: calc(50% - 5.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp80 > * {
    width: calc(50% - 5.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp82 > * {
    width: calc(50% - 5.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp84 > * {
    width: calc(50% - 6rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp86 > * {
    width: calc(50% - 6.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp88 > * {
    width: calc(50% - 6.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp90 > * {
    width: calc(50% - 6.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp92 > * {
    width: calc(50% - 6.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp94 > * {
    width: calc(50% - 6.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp96 > * {
    width: calc(50% - 6.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp98 > * {
    width: calc(50% - 7rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp100 > * {
    width: calc(50% - 7.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp102 > * {
    width: calc(50% - 7.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp104 > * {
    width: calc(50% - 7.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp106 > * {
    width: calc(50% - 7.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp108 > * {
    width: calc(50% - 7.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp110 > * {
    width: calc(50% - 7.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp112 > * {
    width: calc(50% - 8rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp114 > * {
    width: calc(50% - 8.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp116 > * {
    width: calc(50% - 8.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp118 > * {
    width: calc(50% - 8.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp120 > * {
    width: calc(50% - 8.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp122 > * {
    width: calc(50% - 8.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp124 > * {
    width: calc(50% - 8.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp126 > * {
    width: calc(50% - 9rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp128 > * {
    width: calc(50% - 9.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp130 > * {
    width: calc(50% - 9.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp132 > * {
    width: calc(50% - 9.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp134 > * {
    width: calc(50% - 9.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp136 > * {
    width: calc(50% - 9.7142857143rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp138 > * {
    width: calc(50% - 9.8571428571rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp140 > * {
    width: calc(50% - 10rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp142 > * {
    width: calc(50% - 10.1428571429rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp144 > * {
    width: calc(50% - 10.2857142857rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp146 > * {
    width: calc(50% - 10.4285714286rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp148 > * {
    width: calc(50% - 10.5714285714rem / 2 * 1);
  }
  .flex-sp-col2.gap-sp150 > * {
    width: calc(50% - 10.7142857143rem / 2 * 1);
  }
  .flex-sp-col3 {
    flex-wrap: wrap;
  }
  .flex-sp-col3 > * {
    width: 33.3333333333%;
  }
  .flex-sp-col3.gap8 > * {
    width: calc(33.3333333333% - 0.5rem / 3 * 2);
  }
  .flex-sp-col3.gap10 > * {
    width: calc(33.3333333333% - 0.625rem / 3 * 2);
  }
  .flex-sp-col3.gap12 > * {
    width: calc(33.3333333333% - 0.75rem / 3 * 2);
  }
  .flex-sp-col3.gap14 > * {
    width: calc(33.3333333333% - 0.875rem / 3 * 2);
  }
  .flex-sp-col3.gap16 > * {
    width: calc(33.3333333333% - 1rem / 3 * 2);
  }
  .flex-sp-col3.gap18 > * {
    width: calc(33.3333333333% - 1.125rem / 3 * 2);
  }
  .flex-sp-col3.gap20 > * {
    width: calc(33.3333333333% - 1.25rem / 3 * 2);
  }
  .flex-sp-col3.gap22 > * {
    width: calc(33.3333333333% - 1.375rem / 3 * 2);
  }
  .flex-sp-col3.gap24 > * {
    width: calc(33.3333333333% - 1.5rem / 3 * 2);
  }
  .flex-sp-col3.gap26 > * {
    width: calc(33.3333333333% - 1.625rem / 3 * 2);
  }
  .flex-sp-col3.gap28 > * {
    width: calc(33.3333333333% - 1.75rem / 3 * 2);
  }
  .flex-sp-col3.gap30 > * {
    width: calc(33.3333333333% - 1.875rem / 3 * 2);
  }
  .flex-sp-col3.gap32 > * {
    width: calc(33.3333333333% - 2rem / 3 * 2);
  }
  .flex-sp-col3.gap34 > * {
    width: calc(33.3333333333% - 2.125rem / 3 * 2);
  }
  .flex-sp-col3.gap36 > * {
    width: calc(33.3333333333% - 2.25rem / 3 * 2);
  }
  .flex-sp-col3.gap38 > * {
    width: calc(33.3333333333% - 2.375rem / 3 * 2);
  }
  .flex-sp-col3.gap40 > * {
    width: calc(33.3333333333% - 2.5rem / 3 * 2);
  }
  .flex-sp-col3.gap42 > * {
    width: calc(33.3333333333% - 2.625rem / 3 * 2);
  }
  .flex-sp-col3.gap44 > * {
    width: calc(33.3333333333% - 2.75rem / 3 * 2);
  }
  .flex-sp-col3.gap46 > * {
    width: calc(33.3333333333% - 2.875rem / 3 * 2);
  }
  .flex-sp-col3.gap48 > * {
    width: calc(33.3333333333% - 3rem / 3 * 2);
  }
  .flex-sp-col3.gap50 > * {
    width: calc(33.3333333333% - 3.125rem / 3 * 2);
  }
  .flex-sp-col3.gap52 > * {
    width: calc(33.3333333333% - 3.25rem / 3 * 2);
  }
  .flex-sp-col3.gap54 > * {
    width: calc(33.3333333333% - 3.375rem / 3 * 2);
  }
  .flex-sp-col3.gap56 > * {
    width: calc(33.3333333333% - 3.5rem / 3 * 2);
  }
  .flex-sp-col3.gap58 > * {
    width: calc(33.3333333333% - 3.625rem / 3 * 2);
  }
  .flex-sp-col3.gap60 > * {
    width: calc(33.3333333333% - 3.75rem / 3 * 2);
  }
  .flex-sp-col3.gap62 > * {
    width: calc(33.3333333333% - 3.875rem / 3 * 2);
  }
  .flex-sp-col3.gap64 > * {
    width: calc(33.3333333333% - 4rem / 3 * 2);
  }
  .flex-sp-col3.gap66 > * {
    width: calc(33.3333333333% - 4.125rem / 3 * 2);
  }
  .flex-sp-col3.gap68 > * {
    width: calc(33.3333333333% - 4.25rem / 3 * 2);
  }
  .flex-sp-col3.gap70 > * {
    width: calc(33.3333333333% - 4.375rem / 3 * 2);
  }
  .flex-sp-col3.gap72 > * {
    width: calc(33.3333333333% - 4.5rem / 3 * 2);
  }
  .flex-sp-col3.gap74 > * {
    width: calc(33.3333333333% - 4.625rem / 3 * 2);
  }
  .flex-sp-col3.gap76 > * {
    width: calc(33.3333333333% - 4.75rem / 3 * 2);
  }
  .flex-sp-col3.gap78 > * {
    width: calc(33.3333333333% - 4.875rem / 3 * 2);
  }
  .flex-sp-col3.gap80 > * {
    width: calc(33.3333333333% - 5rem / 3 * 2);
  }
  .flex-sp-col3.gap82 > * {
    width: calc(33.3333333333% - 5.125rem / 3 * 2);
  }
  .flex-sp-col3.gap84 > * {
    width: calc(33.3333333333% - 5.25rem / 3 * 2);
  }
  .flex-sp-col3.gap86 > * {
    width: calc(33.3333333333% - 5.375rem / 3 * 2);
  }
  .flex-sp-col3.gap88 > * {
    width: calc(33.3333333333% - 5.5rem / 3 * 2);
  }
  .flex-sp-col3.gap90 > * {
    width: calc(33.3333333333% - 5.625rem / 3 * 2);
  }
  .flex-sp-col3.gap92 > * {
    width: calc(33.3333333333% - 5.75rem / 3 * 2);
  }
  .flex-sp-col3.gap94 > * {
    width: calc(33.3333333333% - 5.875rem / 3 * 2);
  }
  .flex-sp-col3.gap96 > * {
    width: calc(33.3333333333% - 6rem / 3 * 2);
  }
  .flex-sp-col3.gap98 > * {
    width: calc(33.3333333333% - 6.125rem / 3 * 2);
  }
  .flex-sp-col3.gap100 > * {
    width: calc(33.3333333333% - 6.25rem / 3 * 2);
  }
  .flex-sp-col3.gap102 > * {
    width: calc(33.3333333333% - 6.375rem / 3 * 2);
  }
  .flex-sp-col3.gap104 > * {
    width: calc(33.3333333333% - 6.5rem / 3 * 2);
  }
  .flex-sp-col3.gap106 > * {
    width: calc(33.3333333333% - 6.625rem / 3 * 2);
  }
  .flex-sp-col3.gap108 > * {
    width: calc(33.3333333333% - 6.75rem / 3 * 2);
  }
  .flex-sp-col3.gap110 > * {
    width: calc(33.3333333333% - 6.875rem / 3 * 2);
  }
  .flex-sp-col3.gap112 > * {
    width: calc(33.3333333333% - 7rem / 3 * 2);
  }
  .flex-sp-col3.gap114 > * {
    width: calc(33.3333333333% - 7.125rem / 3 * 2);
  }
  .flex-sp-col3.gap116 > * {
    width: calc(33.3333333333% - 7.25rem / 3 * 2);
  }
  .flex-sp-col3.gap118 > * {
    width: calc(33.3333333333% - 7.375rem / 3 * 2);
  }
  .flex-sp-col3.gap120 > * {
    width: calc(33.3333333333% - 7.5rem / 3 * 2);
  }
  .flex-sp-col3.gap122 > * {
    width: calc(33.3333333333% - 7.625rem / 3 * 2);
  }
  .flex-sp-col3.gap124 > * {
    width: calc(33.3333333333% - 7.75rem / 3 * 2);
  }
  .flex-sp-col3.gap126 > * {
    width: calc(33.3333333333% - 7.875rem / 3 * 2);
  }
  .flex-sp-col3.gap128 > * {
    width: calc(33.3333333333% - 8rem / 3 * 2);
  }
  .flex-sp-col3.gap130 > * {
    width: calc(33.3333333333% - 8.125rem / 3 * 2);
  }
  .flex-sp-col3.gap132 > * {
    width: calc(33.3333333333% - 8.25rem / 3 * 2);
  }
  .flex-sp-col3.gap134 > * {
    width: calc(33.3333333333% - 8.375rem / 3 * 2);
  }
  .flex-sp-col3.gap136 > * {
    width: calc(33.3333333333% - 8.5rem / 3 * 2);
  }
  .flex-sp-col3.gap138 > * {
    width: calc(33.3333333333% - 8.625rem / 3 * 2);
  }
  .flex-sp-col3.gap140 > * {
    width: calc(33.3333333333% - 8.75rem / 3 * 2);
  }
  .flex-sp-col3.gap142 > * {
    width: calc(33.3333333333% - 8.875rem / 3 * 2);
  }
  .flex-sp-col3.gap144 > * {
    width: calc(33.3333333333% - 9rem / 3 * 2);
  }
  .flex-sp-col3.gap146 > * {
    width: calc(33.3333333333% - 9.125rem / 3 * 2);
  }
  .flex-sp-col3.gap148 > * {
    width: calc(33.3333333333% - 9.25rem / 3 * 2);
  }
  .flex-sp-col3.gap150 > * {
    width: calc(33.3333333333% - 9.375rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp8 > * {
    width: calc(33.3333333333% - 0.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp10 > * {
    width: calc(33.3333333333% - 0.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp12 > * {
    width: calc(33.3333333333% - 0.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp14 > * {
    width: calc(33.3333333333% - 1rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp16 > * {
    width: calc(33.3333333333% - 1.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp18 > * {
    width: calc(33.3333333333% - 1.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp20 > * {
    width: calc(33.3333333333% - 1.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp22 > * {
    width: calc(33.3333333333% - 1.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp24 > * {
    width: calc(33.3333333333% - 1.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp26 > * {
    width: calc(33.3333333333% - 1.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp28 > * {
    width: calc(33.3333333333% - 2rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp30 > * {
    width: calc(33.3333333333% - 2.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp32 > * {
    width: calc(33.3333333333% - 2.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp34 > * {
    width: calc(33.3333333333% - 2.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp36 > * {
    width: calc(33.3333333333% - 2.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp38 > * {
    width: calc(33.3333333333% - 2.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp40 > * {
    width: calc(33.3333333333% - 2.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp42 > * {
    width: calc(33.3333333333% - 3rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp44 > * {
    width: calc(33.3333333333% - 3.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp46 > * {
    width: calc(33.3333333333% - 3.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp48 > * {
    width: calc(33.3333333333% - 3.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp50 > * {
    width: calc(33.3333333333% - 3.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp52 > * {
    width: calc(33.3333333333% - 3.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp54 > * {
    width: calc(33.3333333333% - 3.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp56 > * {
    width: calc(33.3333333333% - 4rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp58 > * {
    width: calc(33.3333333333% - 4.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp60 > * {
    width: calc(33.3333333333% - 4.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp62 > * {
    width: calc(33.3333333333% - 4.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp64 > * {
    width: calc(33.3333333333% - 4.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp66 > * {
    width: calc(33.3333333333% - 4.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp68 > * {
    width: calc(33.3333333333% - 4.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp70 > * {
    width: calc(33.3333333333% - 5rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp72 > * {
    width: calc(33.3333333333% - 5.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp74 > * {
    width: calc(33.3333333333% - 5.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp76 > * {
    width: calc(33.3333333333% - 5.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp78 > * {
    width: calc(33.3333333333% - 5.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp80 > * {
    width: calc(33.3333333333% - 5.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp82 > * {
    width: calc(33.3333333333% - 5.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp84 > * {
    width: calc(33.3333333333% - 6rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp86 > * {
    width: calc(33.3333333333% - 6.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp88 > * {
    width: calc(33.3333333333% - 6.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp90 > * {
    width: calc(33.3333333333% - 6.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp92 > * {
    width: calc(33.3333333333% - 6.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp94 > * {
    width: calc(33.3333333333% - 6.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp96 > * {
    width: calc(33.3333333333% - 6.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp98 > * {
    width: calc(33.3333333333% - 7rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp100 > * {
    width: calc(33.3333333333% - 7.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp102 > * {
    width: calc(33.3333333333% - 7.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp104 > * {
    width: calc(33.3333333333% - 7.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp106 > * {
    width: calc(33.3333333333% - 7.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp108 > * {
    width: calc(33.3333333333% - 7.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp110 > * {
    width: calc(33.3333333333% - 7.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp112 > * {
    width: calc(33.3333333333% - 8rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp114 > * {
    width: calc(33.3333333333% - 8.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp116 > * {
    width: calc(33.3333333333% - 8.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp118 > * {
    width: calc(33.3333333333% - 8.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp120 > * {
    width: calc(33.3333333333% - 8.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp122 > * {
    width: calc(33.3333333333% - 8.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp124 > * {
    width: calc(33.3333333333% - 8.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp126 > * {
    width: calc(33.3333333333% - 9rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp128 > * {
    width: calc(33.3333333333% - 9.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp130 > * {
    width: calc(33.3333333333% - 9.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp132 > * {
    width: calc(33.3333333333% - 9.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp134 > * {
    width: calc(33.3333333333% - 9.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp136 > * {
    width: calc(33.3333333333% - 9.7142857143rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp138 > * {
    width: calc(33.3333333333% - 9.8571428571rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp140 > * {
    width: calc(33.3333333333% - 10rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp142 > * {
    width: calc(33.3333333333% - 10.1428571429rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp144 > * {
    width: calc(33.3333333333% - 10.2857142857rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp146 > * {
    width: calc(33.3333333333% - 10.4285714286rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp148 > * {
    width: calc(33.3333333333% - 10.5714285714rem / 3 * 2);
  }
  .flex-sp-col3.gap-sp150 > * {
    width: calc(33.3333333333% - 10.7142857143rem / 3 * 2);
  }
  .flex-sp-col4 {
    flex-wrap: wrap;
  }
  .flex-sp-col4 > * {
    width: 25%;
  }
  .flex-sp-col4.gap8 > * {
    width: calc(25% - 0.5rem / 4 * 3);
  }
  .flex-sp-col4.gap10 > * {
    width: calc(25% - 0.625rem / 4 * 3);
  }
  .flex-sp-col4.gap12 > * {
    width: calc(25% - 0.75rem / 4 * 3);
  }
  .flex-sp-col4.gap14 > * {
    width: calc(25% - 0.875rem / 4 * 3);
  }
  .flex-sp-col4.gap16 > * {
    width: calc(25% - 1rem / 4 * 3);
  }
  .flex-sp-col4.gap18 > * {
    width: calc(25% - 1.125rem / 4 * 3);
  }
  .flex-sp-col4.gap20 > * {
    width: calc(25% - 1.25rem / 4 * 3);
  }
  .flex-sp-col4.gap22 > * {
    width: calc(25% - 1.375rem / 4 * 3);
  }
  .flex-sp-col4.gap24 > * {
    width: calc(25% - 1.5rem / 4 * 3);
  }
  .flex-sp-col4.gap26 > * {
    width: calc(25% - 1.625rem / 4 * 3);
  }
  .flex-sp-col4.gap28 > * {
    width: calc(25% - 1.75rem / 4 * 3);
  }
  .flex-sp-col4.gap30 > * {
    width: calc(25% - 1.875rem / 4 * 3);
  }
  .flex-sp-col4.gap32 > * {
    width: calc(25% - 2rem / 4 * 3);
  }
  .flex-sp-col4.gap34 > * {
    width: calc(25% - 2.125rem / 4 * 3);
  }
  .flex-sp-col4.gap36 > * {
    width: calc(25% - 2.25rem / 4 * 3);
  }
  .flex-sp-col4.gap38 > * {
    width: calc(25% - 2.375rem / 4 * 3);
  }
  .flex-sp-col4.gap40 > * {
    width: calc(25% - 2.5rem / 4 * 3);
  }
  .flex-sp-col4.gap42 > * {
    width: calc(25% - 2.625rem / 4 * 3);
  }
  .flex-sp-col4.gap44 > * {
    width: calc(25% - 2.75rem / 4 * 3);
  }
  .flex-sp-col4.gap46 > * {
    width: calc(25% - 2.875rem / 4 * 3);
  }
  .flex-sp-col4.gap48 > * {
    width: calc(25% - 3rem / 4 * 3);
  }
  .flex-sp-col4.gap50 > * {
    width: calc(25% - 3.125rem / 4 * 3);
  }
  .flex-sp-col4.gap52 > * {
    width: calc(25% - 3.25rem / 4 * 3);
  }
  .flex-sp-col4.gap54 > * {
    width: calc(25% - 3.375rem / 4 * 3);
  }
  .flex-sp-col4.gap56 > * {
    width: calc(25% - 3.5rem / 4 * 3);
  }
  .flex-sp-col4.gap58 > * {
    width: calc(25% - 3.625rem / 4 * 3);
  }
  .flex-sp-col4.gap60 > * {
    width: calc(25% - 3.75rem / 4 * 3);
  }
  .flex-sp-col4.gap62 > * {
    width: calc(25% - 3.875rem / 4 * 3);
  }
  .flex-sp-col4.gap64 > * {
    width: calc(25% - 4rem / 4 * 3);
  }
  .flex-sp-col4.gap66 > * {
    width: calc(25% - 4.125rem / 4 * 3);
  }
  .flex-sp-col4.gap68 > * {
    width: calc(25% - 4.25rem / 4 * 3);
  }
  .flex-sp-col4.gap70 > * {
    width: calc(25% - 4.375rem / 4 * 3);
  }
  .flex-sp-col4.gap72 > * {
    width: calc(25% - 4.5rem / 4 * 3);
  }
  .flex-sp-col4.gap74 > * {
    width: calc(25% - 4.625rem / 4 * 3);
  }
  .flex-sp-col4.gap76 > * {
    width: calc(25% - 4.75rem / 4 * 3);
  }
  .flex-sp-col4.gap78 > * {
    width: calc(25% - 4.875rem / 4 * 3);
  }
  .flex-sp-col4.gap80 > * {
    width: calc(25% - 5rem / 4 * 3);
  }
  .flex-sp-col4.gap82 > * {
    width: calc(25% - 5.125rem / 4 * 3);
  }
  .flex-sp-col4.gap84 > * {
    width: calc(25% - 5.25rem / 4 * 3);
  }
  .flex-sp-col4.gap86 > * {
    width: calc(25% - 5.375rem / 4 * 3);
  }
  .flex-sp-col4.gap88 > * {
    width: calc(25% - 5.5rem / 4 * 3);
  }
  .flex-sp-col4.gap90 > * {
    width: calc(25% - 5.625rem / 4 * 3);
  }
  .flex-sp-col4.gap92 > * {
    width: calc(25% - 5.75rem / 4 * 3);
  }
  .flex-sp-col4.gap94 > * {
    width: calc(25% - 5.875rem / 4 * 3);
  }
  .flex-sp-col4.gap96 > * {
    width: calc(25% - 6rem / 4 * 3);
  }
  .flex-sp-col4.gap98 > * {
    width: calc(25% - 6.125rem / 4 * 3);
  }
  .flex-sp-col4.gap100 > * {
    width: calc(25% - 6.25rem / 4 * 3);
  }
  .flex-sp-col4.gap102 > * {
    width: calc(25% - 6.375rem / 4 * 3);
  }
  .flex-sp-col4.gap104 > * {
    width: calc(25% - 6.5rem / 4 * 3);
  }
  .flex-sp-col4.gap106 > * {
    width: calc(25% - 6.625rem / 4 * 3);
  }
  .flex-sp-col4.gap108 > * {
    width: calc(25% - 6.75rem / 4 * 3);
  }
  .flex-sp-col4.gap110 > * {
    width: calc(25% - 6.875rem / 4 * 3);
  }
  .flex-sp-col4.gap112 > * {
    width: calc(25% - 7rem / 4 * 3);
  }
  .flex-sp-col4.gap114 > * {
    width: calc(25% - 7.125rem / 4 * 3);
  }
  .flex-sp-col4.gap116 > * {
    width: calc(25% - 7.25rem / 4 * 3);
  }
  .flex-sp-col4.gap118 > * {
    width: calc(25% - 7.375rem / 4 * 3);
  }
  .flex-sp-col4.gap120 > * {
    width: calc(25% - 7.5rem / 4 * 3);
  }
  .flex-sp-col4.gap122 > * {
    width: calc(25% - 7.625rem / 4 * 3);
  }
  .flex-sp-col4.gap124 > * {
    width: calc(25% - 7.75rem / 4 * 3);
  }
  .flex-sp-col4.gap126 > * {
    width: calc(25% - 7.875rem / 4 * 3);
  }
  .flex-sp-col4.gap128 > * {
    width: calc(25% - 8rem / 4 * 3);
  }
  .flex-sp-col4.gap130 > * {
    width: calc(25% - 8.125rem / 4 * 3);
  }
  .flex-sp-col4.gap132 > * {
    width: calc(25% - 8.25rem / 4 * 3);
  }
  .flex-sp-col4.gap134 > * {
    width: calc(25% - 8.375rem / 4 * 3);
  }
  .flex-sp-col4.gap136 > * {
    width: calc(25% - 8.5rem / 4 * 3);
  }
  .flex-sp-col4.gap138 > * {
    width: calc(25% - 8.625rem / 4 * 3);
  }
  .flex-sp-col4.gap140 > * {
    width: calc(25% - 8.75rem / 4 * 3);
  }
  .flex-sp-col4.gap142 > * {
    width: calc(25% - 8.875rem / 4 * 3);
  }
  .flex-sp-col4.gap144 > * {
    width: calc(25% - 9rem / 4 * 3);
  }
  .flex-sp-col4.gap146 > * {
    width: calc(25% - 9.125rem / 4 * 3);
  }
  .flex-sp-col4.gap148 > * {
    width: calc(25% - 9.25rem / 4 * 3);
  }
  .flex-sp-col4.gap150 > * {
    width: calc(25% - 9.375rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp8 > * {
    width: calc(25% - 0.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp10 > * {
    width: calc(25% - 0.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp12 > * {
    width: calc(25% - 0.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp14 > * {
    width: calc(25% - 1rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp16 > * {
    width: calc(25% - 1.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp18 > * {
    width: calc(25% - 1.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp20 > * {
    width: calc(25% - 1.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp22 > * {
    width: calc(25% - 1.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp24 > * {
    width: calc(25% - 1.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp26 > * {
    width: calc(25% - 1.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp28 > * {
    width: calc(25% - 2rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp30 > * {
    width: calc(25% - 2.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp32 > * {
    width: calc(25% - 2.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp34 > * {
    width: calc(25% - 2.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp36 > * {
    width: calc(25% - 2.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp38 > * {
    width: calc(25% - 2.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp40 > * {
    width: calc(25% - 2.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp42 > * {
    width: calc(25% - 3rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp44 > * {
    width: calc(25% - 3.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp46 > * {
    width: calc(25% - 3.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp48 > * {
    width: calc(25% - 3.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp50 > * {
    width: calc(25% - 3.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp52 > * {
    width: calc(25% - 3.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp54 > * {
    width: calc(25% - 3.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp56 > * {
    width: calc(25% - 4rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp58 > * {
    width: calc(25% - 4.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp60 > * {
    width: calc(25% - 4.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp62 > * {
    width: calc(25% - 4.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp64 > * {
    width: calc(25% - 4.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp66 > * {
    width: calc(25% - 4.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp68 > * {
    width: calc(25% - 4.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp70 > * {
    width: calc(25% - 5rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp72 > * {
    width: calc(25% - 5.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp74 > * {
    width: calc(25% - 5.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp76 > * {
    width: calc(25% - 5.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp78 > * {
    width: calc(25% - 5.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp80 > * {
    width: calc(25% - 5.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp82 > * {
    width: calc(25% - 5.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp84 > * {
    width: calc(25% - 6rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp86 > * {
    width: calc(25% - 6.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp88 > * {
    width: calc(25% - 6.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp90 > * {
    width: calc(25% - 6.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp92 > * {
    width: calc(25% - 6.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp94 > * {
    width: calc(25% - 6.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp96 > * {
    width: calc(25% - 6.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp98 > * {
    width: calc(25% - 7rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp100 > * {
    width: calc(25% - 7.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp102 > * {
    width: calc(25% - 7.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp104 > * {
    width: calc(25% - 7.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp106 > * {
    width: calc(25% - 7.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp108 > * {
    width: calc(25% - 7.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp110 > * {
    width: calc(25% - 7.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp112 > * {
    width: calc(25% - 8rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp114 > * {
    width: calc(25% - 8.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp116 > * {
    width: calc(25% - 8.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp118 > * {
    width: calc(25% - 8.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp120 > * {
    width: calc(25% - 8.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp122 > * {
    width: calc(25% - 8.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp124 > * {
    width: calc(25% - 8.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp126 > * {
    width: calc(25% - 9rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp128 > * {
    width: calc(25% - 9.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp130 > * {
    width: calc(25% - 9.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp132 > * {
    width: calc(25% - 9.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp134 > * {
    width: calc(25% - 9.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp136 > * {
    width: calc(25% - 9.7142857143rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp138 > * {
    width: calc(25% - 9.8571428571rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp140 > * {
    width: calc(25% - 10rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp142 > * {
    width: calc(25% - 10.1428571429rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp144 > * {
    width: calc(25% - 10.2857142857rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp146 > * {
    width: calc(25% - 10.4285714286rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp148 > * {
    width: calc(25% - 10.5714285714rem / 4 * 3);
  }
  .flex-sp-col4.gap-sp150 > * {
    width: calc(25% - 10.7142857143rem / 4 * 3);
  }
  .flex-sp-col5 {
    flex-wrap: wrap;
  }
  .flex-sp-col5 > * {
    width: 20%;
  }
  .flex-sp-col5.gap8 > * {
    width: calc(20% - 0.5rem / 5 * 4);
  }
  .flex-sp-col5.gap10 > * {
    width: calc(20% - 0.625rem / 5 * 4);
  }
  .flex-sp-col5.gap12 > * {
    width: calc(20% - 0.75rem / 5 * 4);
  }
  .flex-sp-col5.gap14 > * {
    width: calc(20% - 0.875rem / 5 * 4);
  }
  .flex-sp-col5.gap16 > * {
    width: calc(20% - 1rem / 5 * 4);
  }
  .flex-sp-col5.gap18 > * {
    width: calc(20% - 1.125rem / 5 * 4);
  }
  .flex-sp-col5.gap20 > * {
    width: calc(20% - 1.25rem / 5 * 4);
  }
  .flex-sp-col5.gap22 > * {
    width: calc(20% - 1.375rem / 5 * 4);
  }
  .flex-sp-col5.gap24 > * {
    width: calc(20% - 1.5rem / 5 * 4);
  }
  .flex-sp-col5.gap26 > * {
    width: calc(20% - 1.625rem / 5 * 4);
  }
  .flex-sp-col5.gap28 > * {
    width: calc(20% - 1.75rem / 5 * 4);
  }
  .flex-sp-col5.gap30 > * {
    width: calc(20% - 1.875rem / 5 * 4);
  }
  .flex-sp-col5.gap32 > * {
    width: calc(20% - 2rem / 5 * 4);
  }
  .flex-sp-col5.gap34 > * {
    width: calc(20% - 2.125rem / 5 * 4);
  }
  .flex-sp-col5.gap36 > * {
    width: calc(20% - 2.25rem / 5 * 4);
  }
  .flex-sp-col5.gap38 > * {
    width: calc(20% - 2.375rem / 5 * 4);
  }
  .flex-sp-col5.gap40 > * {
    width: calc(20% - 2.5rem / 5 * 4);
  }
  .flex-sp-col5.gap42 > * {
    width: calc(20% - 2.625rem / 5 * 4);
  }
  .flex-sp-col5.gap44 > * {
    width: calc(20% - 2.75rem / 5 * 4);
  }
  .flex-sp-col5.gap46 > * {
    width: calc(20% - 2.875rem / 5 * 4);
  }
  .flex-sp-col5.gap48 > * {
    width: calc(20% - 3rem / 5 * 4);
  }
  .flex-sp-col5.gap50 > * {
    width: calc(20% - 3.125rem / 5 * 4);
  }
  .flex-sp-col5.gap52 > * {
    width: calc(20% - 3.25rem / 5 * 4);
  }
  .flex-sp-col5.gap54 > * {
    width: calc(20% - 3.375rem / 5 * 4);
  }
  .flex-sp-col5.gap56 > * {
    width: calc(20% - 3.5rem / 5 * 4);
  }
  .flex-sp-col5.gap58 > * {
    width: calc(20% - 3.625rem / 5 * 4);
  }
  .flex-sp-col5.gap60 > * {
    width: calc(20% - 3.75rem / 5 * 4);
  }
  .flex-sp-col5.gap62 > * {
    width: calc(20% - 3.875rem / 5 * 4);
  }
  .flex-sp-col5.gap64 > * {
    width: calc(20% - 4rem / 5 * 4);
  }
  .flex-sp-col5.gap66 > * {
    width: calc(20% - 4.125rem / 5 * 4);
  }
  .flex-sp-col5.gap68 > * {
    width: calc(20% - 4.25rem / 5 * 4);
  }
  .flex-sp-col5.gap70 > * {
    width: calc(20% - 4.375rem / 5 * 4);
  }
  .flex-sp-col5.gap72 > * {
    width: calc(20% - 4.5rem / 5 * 4);
  }
  .flex-sp-col5.gap74 > * {
    width: calc(20% - 4.625rem / 5 * 4);
  }
  .flex-sp-col5.gap76 > * {
    width: calc(20% - 4.75rem / 5 * 4);
  }
  .flex-sp-col5.gap78 > * {
    width: calc(20% - 4.875rem / 5 * 4);
  }
  .flex-sp-col5.gap80 > * {
    width: calc(20% - 5rem / 5 * 4);
  }
  .flex-sp-col5.gap82 > * {
    width: calc(20% - 5.125rem / 5 * 4);
  }
  .flex-sp-col5.gap84 > * {
    width: calc(20% - 5.25rem / 5 * 4);
  }
  .flex-sp-col5.gap86 > * {
    width: calc(20% - 5.375rem / 5 * 4);
  }
  .flex-sp-col5.gap88 > * {
    width: calc(20% - 5.5rem / 5 * 4);
  }
  .flex-sp-col5.gap90 > * {
    width: calc(20% - 5.625rem / 5 * 4);
  }
  .flex-sp-col5.gap92 > * {
    width: calc(20% - 5.75rem / 5 * 4);
  }
  .flex-sp-col5.gap94 > * {
    width: calc(20% - 5.875rem / 5 * 4);
  }
  .flex-sp-col5.gap96 > * {
    width: calc(20% - 6rem / 5 * 4);
  }
  .flex-sp-col5.gap98 > * {
    width: calc(20% - 6.125rem / 5 * 4);
  }
  .flex-sp-col5.gap100 > * {
    width: calc(20% - 6.25rem / 5 * 4);
  }
  .flex-sp-col5.gap102 > * {
    width: calc(20% - 6.375rem / 5 * 4);
  }
  .flex-sp-col5.gap104 > * {
    width: calc(20% - 6.5rem / 5 * 4);
  }
  .flex-sp-col5.gap106 > * {
    width: calc(20% - 6.625rem / 5 * 4);
  }
  .flex-sp-col5.gap108 > * {
    width: calc(20% - 6.75rem / 5 * 4);
  }
  .flex-sp-col5.gap110 > * {
    width: calc(20% - 6.875rem / 5 * 4);
  }
  .flex-sp-col5.gap112 > * {
    width: calc(20% - 7rem / 5 * 4);
  }
  .flex-sp-col5.gap114 > * {
    width: calc(20% - 7.125rem / 5 * 4);
  }
  .flex-sp-col5.gap116 > * {
    width: calc(20% - 7.25rem / 5 * 4);
  }
  .flex-sp-col5.gap118 > * {
    width: calc(20% - 7.375rem / 5 * 4);
  }
  .flex-sp-col5.gap120 > * {
    width: calc(20% - 7.5rem / 5 * 4);
  }
  .flex-sp-col5.gap122 > * {
    width: calc(20% - 7.625rem / 5 * 4);
  }
  .flex-sp-col5.gap124 > * {
    width: calc(20% - 7.75rem / 5 * 4);
  }
  .flex-sp-col5.gap126 > * {
    width: calc(20% - 7.875rem / 5 * 4);
  }
  .flex-sp-col5.gap128 > * {
    width: calc(20% - 8rem / 5 * 4);
  }
  .flex-sp-col5.gap130 > * {
    width: calc(20% - 8.125rem / 5 * 4);
  }
  .flex-sp-col5.gap132 > * {
    width: calc(20% - 8.25rem / 5 * 4);
  }
  .flex-sp-col5.gap134 > * {
    width: calc(20% - 8.375rem / 5 * 4);
  }
  .flex-sp-col5.gap136 > * {
    width: calc(20% - 8.5rem / 5 * 4);
  }
  .flex-sp-col5.gap138 > * {
    width: calc(20% - 8.625rem / 5 * 4);
  }
  .flex-sp-col5.gap140 > * {
    width: calc(20% - 8.75rem / 5 * 4);
  }
  .flex-sp-col5.gap142 > * {
    width: calc(20% - 8.875rem / 5 * 4);
  }
  .flex-sp-col5.gap144 > * {
    width: calc(20% - 9rem / 5 * 4);
  }
  .flex-sp-col5.gap146 > * {
    width: calc(20% - 9.125rem / 5 * 4);
  }
  .flex-sp-col5.gap148 > * {
    width: calc(20% - 9.25rem / 5 * 4);
  }
  .flex-sp-col5.gap150 > * {
    width: calc(20% - 9.375rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp8 > * {
    width: calc(20% - 0.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp10 > * {
    width: calc(20% - 0.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp12 > * {
    width: calc(20% - 0.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp14 > * {
    width: calc(20% - 1rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp16 > * {
    width: calc(20% - 1.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp18 > * {
    width: calc(20% - 1.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp20 > * {
    width: calc(20% - 1.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp22 > * {
    width: calc(20% - 1.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp24 > * {
    width: calc(20% - 1.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp26 > * {
    width: calc(20% - 1.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp28 > * {
    width: calc(20% - 2rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp30 > * {
    width: calc(20% - 2.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp32 > * {
    width: calc(20% - 2.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp34 > * {
    width: calc(20% - 2.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp36 > * {
    width: calc(20% - 2.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp38 > * {
    width: calc(20% - 2.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp40 > * {
    width: calc(20% - 2.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp42 > * {
    width: calc(20% - 3rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp44 > * {
    width: calc(20% - 3.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp46 > * {
    width: calc(20% - 3.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp48 > * {
    width: calc(20% - 3.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp50 > * {
    width: calc(20% - 3.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp52 > * {
    width: calc(20% - 3.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp54 > * {
    width: calc(20% - 3.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp56 > * {
    width: calc(20% - 4rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp58 > * {
    width: calc(20% - 4.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp60 > * {
    width: calc(20% - 4.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp62 > * {
    width: calc(20% - 4.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp64 > * {
    width: calc(20% - 4.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp66 > * {
    width: calc(20% - 4.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp68 > * {
    width: calc(20% - 4.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp70 > * {
    width: calc(20% - 5rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp72 > * {
    width: calc(20% - 5.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp74 > * {
    width: calc(20% - 5.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp76 > * {
    width: calc(20% - 5.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp78 > * {
    width: calc(20% - 5.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp80 > * {
    width: calc(20% - 5.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp82 > * {
    width: calc(20% - 5.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp84 > * {
    width: calc(20% - 6rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp86 > * {
    width: calc(20% - 6.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp88 > * {
    width: calc(20% - 6.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp90 > * {
    width: calc(20% - 6.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp92 > * {
    width: calc(20% - 6.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp94 > * {
    width: calc(20% - 6.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp96 > * {
    width: calc(20% - 6.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp98 > * {
    width: calc(20% - 7rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp100 > * {
    width: calc(20% - 7.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp102 > * {
    width: calc(20% - 7.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp104 > * {
    width: calc(20% - 7.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp106 > * {
    width: calc(20% - 7.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp108 > * {
    width: calc(20% - 7.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp110 > * {
    width: calc(20% - 7.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp112 > * {
    width: calc(20% - 8rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp114 > * {
    width: calc(20% - 8.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp116 > * {
    width: calc(20% - 8.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp118 > * {
    width: calc(20% - 8.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp120 > * {
    width: calc(20% - 8.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp122 > * {
    width: calc(20% - 8.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp124 > * {
    width: calc(20% - 8.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp126 > * {
    width: calc(20% - 9rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp128 > * {
    width: calc(20% - 9.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp130 > * {
    width: calc(20% - 9.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp132 > * {
    width: calc(20% - 9.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp134 > * {
    width: calc(20% - 9.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp136 > * {
    width: calc(20% - 9.7142857143rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp138 > * {
    width: calc(20% - 9.8571428571rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp140 > * {
    width: calc(20% - 10rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp142 > * {
    width: calc(20% - 10.1428571429rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp144 > * {
    width: calc(20% - 10.2857142857rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp146 > * {
    width: calc(20% - 10.4285714286rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp148 > * {
    width: calc(20% - 10.5714285714rem / 5 * 4);
  }
  .flex-sp-col5.gap-sp150 > * {
    width: calc(20% - 10.7142857143rem / 5 * 4);
  }
  .flex-sp-col6 {
    flex-wrap: wrap;
  }
  .flex-sp-col6 > * {
    width: 16.6666666667%;
  }
  .flex-sp-col6.gap8 > * {
    width: calc(16.6666666667% - 0.5rem / 6 * 5);
  }
  .flex-sp-col6.gap10 > * {
    width: calc(16.6666666667% - 0.625rem / 6 * 5);
  }
  .flex-sp-col6.gap12 > * {
    width: calc(16.6666666667% - 0.75rem / 6 * 5);
  }
  .flex-sp-col6.gap14 > * {
    width: calc(16.6666666667% - 0.875rem / 6 * 5);
  }
  .flex-sp-col6.gap16 > * {
    width: calc(16.6666666667% - 1rem / 6 * 5);
  }
  .flex-sp-col6.gap18 > * {
    width: calc(16.6666666667% - 1.125rem / 6 * 5);
  }
  .flex-sp-col6.gap20 > * {
    width: calc(16.6666666667% - 1.25rem / 6 * 5);
  }
  .flex-sp-col6.gap22 > * {
    width: calc(16.6666666667% - 1.375rem / 6 * 5);
  }
  .flex-sp-col6.gap24 > * {
    width: calc(16.6666666667% - 1.5rem / 6 * 5);
  }
  .flex-sp-col6.gap26 > * {
    width: calc(16.6666666667% - 1.625rem / 6 * 5);
  }
  .flex-sp-col6.gap28 > * {
    width: calc(16.6666666667% - 1.75rem / 6 * 5);
  }
  .flex-sp-col6.gap30 > * {
    width: calc(16.6666666667% - 1.875rem / 6 * 5);
  }
  .flex-sp-col6.gap32 > * {
    width: calc(16.6666666667% - 2rem / 6 * 5);
  }
  .flex-sp-col6.gap34 > * {
    width: calc(16.6666666667% - 2.125rem / 6 * 5);
  }
  .flex-sp-col6.gap36 > * {
    width: calc(16.6666666667% - 2.25rem / 6 * 5);
  }
  .flex-sp-col6.gap38 > * {
    width: calc(16.6666666667% - 2.375rem / 6 * 5);
  }
  .flex-sp-col6.gap40 > * {
    width: calc(16.6666666667% - 2.5rem / 6 * 5);
  }
  .flex-sp-col6.gap42 > * {
    width: calc(16.6666666667% - 2.625rem / 6 * 5);
  }
  .flex-sp-col6.gap44 > * {
    width: calc(16.6666666667% - 2.75rem / 6 * 5);
  }
  .flex-sp-col6.gap46 > * {
    width: calc(16.6666666667% - 2.875rem / 6 * 5);
  }
  .flex-sp-col6.gap48 > * {
    width: calc(16.6666666667% - 3rem / 6 * 5);
  }
  .flex-sp-col6.gap50 > * {
    width: calc(16.6666666667% - 3.125rem / 6 * 5);
  }
  .flex-sp-col6.gap52 > * {
    width: calc(16.6666666667% - 3.25rem / 6 * 5);
  }
  .flex-sp-col6.gap54 > * {
    width: calc(16.6666666667% - 3.375rem / 6 * 5);
  }
  .flex-sp-col6.gap56 > * {
    width: calc(16.6666666667% - 3.5rem / 6 * 5);
  }
  .flex-sp-col6.gap58 > * {
    width: calc(16.6666666667% - 3.625rem / 6 * 5);
  }
  .flex-sp-col6.gap60 > * {
    width: calc(16.6666666667% - 3.75rem / 6 * 5);
  }
  .flex-sp-col6.gap62 > * {
    width: calc(16.6666666667% - 3.875rem / 6 * 5);
  }
  .flex-sp-col6.gap64 > * {
    width: calc(16.6666666667% - 4rem / 6 * 5);
  }
  .flex-sp-col6.gap66 > * {
    width: calc(16.6666666667% - 4.125rem / 6 * 5);
  }
  .flex-sp-col6.gap68 > * {
    width: calc(16.6666666667% - 4.25rem / 6 * 5);
  }
  .flex-sp-col6.gap70 > * {
    width: calc(16.6666666667% - 4.375rem / 6 * 5);
  }
  .flex-sp-col6.gap72 > * {
    width: calc(16.6666666667% - 4.5rem / 6 * 5);
  }
  .flex-sp-col6.gap74 > * {
    width: calc(16.6666666667% - 4.625rem / 6 * 5);
  }
  .flex-sp-col6.gap76 > * {
    width: calc(16.6666666667% - 4.75rem / 6 * 5);
  }
  .flex-sp-col6.gap78 > * {
    width: calc(16.6666666667% - 4.875rem / 6 * 5);
  }
  .flex-sp-col6.gap80 > * {
    width: calc(16.6666666667% - 5rem / 6 * 5);
  }
  .flex-sp-col6.gap82 > * {
    width: calc(16.6666666667% - 5.125rem / 6 * 5);
  }
  .flex-sp-col6.gap84 > * {
    width: calc(16.6666666667% - 5.25rem / 6 * 5);
  }
  .flex-sp-col6.gap86 > * {
    width: calc(16.6666666667% - 5.375rem / 6 * 5);
  }
  .flex-sp-col6.gap88 > * {
    width: calc(16.6666666667% - 5.5rem / 6 * 5);
  }
  .flex-sp-col6.gap90 > * {
    width: calc(16.6666666667% - 5.625rem / 6 * 5);
  }
  .flex-sp-col6.gap92 > * {
    width: calc(16.6666666667% - 5.75rem / 6 * 5);
  }
  .flex-sp-col6.gap94 > * {
    width: calc(16.6666666667% - 5.875rem / 6 * 5);
  }
  .flex-sp-col6.gap96 > * {
    width: calc(16.6666666667% - 6rem / 6 * 5);
  }
  .flex-sp-col6.gap98 > * {
    width: calc(16.6666666667% - 6.125rem / 6 * 5);
  }
  .flex-sp-col6.gap100 > * {
    width: calc(16.6666666667% - 6.25rem / 6 * 5);
  }
  .flex-sp-col6.gap102 > * {
    width: calc(16.6666666667% - 6.375rem / 6 * 5);
  }
  .flex-sp-col6.gap104 > * {
    width: calc(16.6666666667% - 6.5rem / 6 * 5);
  }
  .flex-sp-col6.gap106 > * {
    width: calc(16.6666666667% - 6.625rem / 6 * 5);
  }
  .flex-sp-col6.gap108 > * {
    width: calc(16.6666666667% - 6.75rem / 6 * 5);
  }
  .flex-sp-col6.gap110 > * {
    width: calc(16.6666666667% - 6.875rem / 6 * 5);
  }
  .flex-sp-col6.gap112 > * {
    width: calc(16.6666666667% - 7rem / 6 * 5);
  }
  .flex-sp-col6.gap114 > * {
    width: calc(16.6666666667% - 7.125rem / 6 * 5);
  }
  .flex-sp-col6.gap116 > * {
    width: calc(16.6666666667% - 7.25rem / 6 * 5);
  }
  .flex-sp-col6.gap118 > * {
    width: calc(16.6666666667% - 7.375rem / 6 * 5);
  }
  .flex-sp-col6.gap120 > * {
    width: calc(16.6666666667% - 7.5rem / 6 * 5);
  }
  .flex-sp-col6.gap122 > * {
    width: calc(16.6666666667% - 7.625rem / 6 * 5);
  }
  .flex-sp-col6.gap124 > * {
    width: calc(16.6666666667% - 7.75rem / 6 * 5);
  }
  .flex-sp-col6.gap126 > * {
    width: calc(16.6666666667% - 7.875rem / 6 * 5);
  }
  .flex-sp-col6.gap128 > * {
    width: calc(16.6666666667% - 8rem / 6 * 5);
  }
  .flex-sp-col6.gap130 > * {
    width: calc(16.6666666667% - 8.125rem / 6 * 5);
  }
  .flex-sp-col6.gap132 > * {
    width: calc(16.6666666667% - 8.25rem / 6 * 5);
  }
  .flex-sp-col6.gap134 > * {
    width: calc(16.6666666667% - 8.375rem / 6 * 5);
  }
  .flex-sp-col6.gap136 > * {
    width: calc(16.6666666667% - 8.5rem / 6 * 5);
  }
  .flex-sp-col6.gap138 > * {
    width: calc(16.6666666667% - 8.625rem / 6 * 5);
  }
  .flex-sp-col6.gap140 > * {
    width: calc(16.6666666667% - 8.75rem / 6 * 5);
  }
  .flex-sp-col6.gap142 > * {
    width: calc(16.6666666667% - 8.875rem / 6 * 5);
  }
  .flex-sp-col6.gap144 > * {
    width: calc(16.6666666667% - 9rem / 6 * 5);
  }
  .flex-sp-col6.gap146 > * {
    width: calc(16.6666666667% - 9.125rem / 6 * 5);
  }
  .flex-sp-col6.gap148 > * {
    width: calc(16.6666666667% - 9.25rem / 6 * 5);
  }
  .flex-sp-col6.gap150 > * {
    width: calc(16.6666666667% - 9.375rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp8 > * {
    width: calc(16.6666666667% - 0.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp10 > * {
    width: calc(16.6666666667% - 0.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp12 > * {
    width: calc(16.6666666667% - 0.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp14 > * {
    width: calc(16.6666666667% - 1rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp16 > * {
    width: calc(16.6666666667% - 1.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp18 > * {
    width: calc(16.6666666667% - 1.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp20 > * {
    width: calc(16.6666666667% - 1.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp22 > * {
    width: calc(16.6666666667% - 1.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp24 > * {
    width: calc(16.6666666667% - 1.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp26 > * {
    width: calc(16.6666666667% - 1.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp28 > * {
    width: calc(16.6666666667% - 2rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp30 > * {
    width: calc(16.6666666667% - 2.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp32 > * {
    width: calc(16.6666666667% - 2.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp34 > * {
    width: calc(16.6666666667% - 2.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp36 > * {
    width: calc(16.6666666667% - 2.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp38 > * {
    width: calc(16.6666666667% - 2.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp40 > * {
    width: calc(16.6666666667% - 2.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp42 > * {
    width: calc(16.6666666667% - 3rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp44 > * {
    width: calc(16.6666666667% - 3.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp46 > * {
    width: calc(16.6666666667% - 3.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp48 > * {
    width: calc(16.6666666667% - 3.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp50 > * {
    width: calc(16.6666666667% - 3.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp52 > * {
    width: calc(16.6666666667% - 3.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp54 > * {
    width: calc(16.6666666667% - 3.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp56 > * {
    width: calc(16.6666666667% - 4rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp58 > * {
    width: calc(16.6666666667% - 4.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp60 > * {
    width: calc(16.6666666667% - 4.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp62 > * {
    width: calc(16.6666666667% - 4.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp64 > * {
    width: calc(16.6666666667% - 4.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp66 > * {
    width: calc(16.6666666667% - 4.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp68 > * {
    width: calc(16.6666666667% - 4.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp70 > * {
    width: calc(16.6666666667% - 5rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp72 > * {
    width: calc(16.6666666667% - 5.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp74 > * {
    width: calc(16.6666666667% - 5.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp76 > * {
    width: calc(16.6666666667% - 5.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp78 > * {
    width: calc(16.6666666667% - 5.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp80 > * {
    width: calc(16.6666666667% - 5.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp82 > * {
    width: calc(16.6666666667% - 5.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp84 > * {
    width: calc(16.6666666667% - 6rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp86 > * {
    width: calc(16.6666666667% - 6.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp88 > * {
    width: calc(16.6666666667% - 6.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp90 > * {
    width: calc(16.6666666667% - 6.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp92 > * {
    width: calc(16.6666666667% - 6.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp94 > * {
    width: calc(16.6666666667% - 6.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp96 > * {
    width: calc(16.6666666667% - 6.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp98 > * {
    width: calc(16.6666666667% - 7rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp100 > * {
    width: calc(16.6666666667% - 7.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp102 > * {
    width: calc(16.6666666667% - 7.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp104 > * {
    width: calc(16.6666666667% - 7.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp106 > * {
    width: calc(16.6666666667% - 7.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp108 > * {
    width: calc(16.6666666667% - 7.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp110 > * {
    width: calc(16.6666666667% - 7.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp112 > * {
    width: calc(16.6666666667% - 8rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp114 > * {
    width: calc(16.6666666667% - 8.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp116 > * {
    width: calc(16.6666666667% - 8.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp118 > * {
    width: calc(16.6666666667% - 8.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp120 > * {
    width: calc(16.6666666667% - 8.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp122 > * {
    width: calc(16.6666666667% - 8.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp124 > * {
    width: calc(16.6666666667% - 8.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp126 > * {
    width: calc(16.6666666667% - 9rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp128 > * {
    width: calc(16.6666666667% - 9.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp130 > * {
    width: calc(16.6666666667% - 9.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp132 > * {
    width: calc(16.6666666667% - 9.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp134 > * {
    width: calc(16.6666666667% - 9.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp136 > * {
    width: calc(16.6666666667% - 9.7142857143rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp138 > * {
    width: calc(16.6666666667% - 9.8571428571rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp140 > * {
    width: calc(16.6666666667% - 10rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp142 > * {
    width: calc(16.6666666667% - 10.1428571429rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp144 > * {
    width: calc(16.6666666667% - 10.2857142857rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp146 > * {
    width: calc(16.6666666667% - 10.4285714286rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp148 > * {
    width: calc(16.6666666667% - 10.5714285714rem / 6 * 5);
  }
  .flex-sp-col6.gap-sp150 > * {
    width: calc(16.6666666667% - 10.7142857143rem / 6 * 5);
  }
  .flex-sp-col7 {
    flex-wrap: wrap;
  }
  .flex-sp-col7 > * {
    width: 14.2857142857%;
  }
  .flex-sp-col7.gap8 > * {
    width: calc(14.2857142857% - 0.5rem / 7 * 6);
  }
  .flex-sp-col7.gap10 > * {
    width: calc(14.2857142857% - 0.625rem / 7 * 6);
  }
  .flex-sp-col7.gap12 > * {
    width: calc(14.2857142857% - 0.75rem / 7 * 6);
  }
  .flex-sp-col7.gap14 > * {
    width: calc(14.2857142857% - 0.875rem / 7 * 6);
  }
  .flex-sp-col7.gap16 > * {
    width: calc(14.2857142857% - 1rem / 7 * 6);
  }
  .flex-sp-col7.gap18 > * {
    width: calc(14.2857142857% - 1.125rem / 7 * 6);
  }
  .flex-sp-col7.gap20 > * {
    width: calc(14.2857142857% - 1.25rem / 7 * 6);
  }
  .flex-sp-col7.gap22 > * {
    width: calc(14.2857142857% - 1.375rem / 7 * 6);
  }
  .flex-sp-col7.gap24 > * {
    width: calc(14.2857142857% - 1.5rem / 7 * 6);
  }
  .flex-sp-col7.gap26 > * {
    width: calc(14.2857142857% - 1.625rem / 7 * 6);
  }
  .flex-sp-col7.gap28 > * {
    width: calc(14.2857142857% - 1.75rem / 7 * 6);
  }
  .flex-sp-col7.gap30 > * {
    width: calc(14.2857142857% - 1.875rem / 7 * 6);
  }
  .flex-sp-col7.gap32 > * {
    width: calc(14.2857142857% - 2rem / 7 * 6);
  }
  .flex-sp-col7.gap34 > * {
    width: calc(14.2857142857% - 2.125rem / 7 * 6);
  }
  .flex-sp-col7.gap36 > * {
    width: calc(14.2857142857% - 2.25rem / 7 * 6);
  }
  .flex-sp-col7.gap38 > * {
    width: calc(14.2857142857% - 2.375rem / 7 * 6);
  }
  .flex-sp-col7.gap40 > * {
    width: calc(14.2857142857% - 2.5rem / 7 * 6);
  }
  .flex-sp-col7.gap42 > * {
    width: calc(14.2857142857% - 2.625rem / 7 * 6);
  }
  .flex-sp-col7.gap44 > * {
    width: calc(14.2857142857% - 2.75rem / 7 * 6);
  }
  .flex-sp-col7.gap46 > * {
    width: calc(14.2857142857% - 2.875rem / 7 * 6);
  }
  .flex-sp-col7.gap48 > * {
    width: calc(14.2857142857% - 3rem / 7 * 6);
  }
  .flex-sp-col7.gap50 > * {
    width: calc(14.2857142857% - 3.125rem / 7 * 6);
  }
  .flex-sp-col7.gap52 > * {
    width: calc(14.2857142857% - 3.25rem / 7 * 6);
  }
  .flex-sp-col7.gap54 > * {
    width: calc(14.2857142857% - 3.375rem / 7 * 6);
  }
  .flex-sp-col7.gap56 > * {
    width: calc(14.2857142857% - 3.5rem / 7 * 6);
  }
  .flex-sp-col7.gap58 > * {
    width: calc(14.2857142857% - 3.625rem / 7 * 6);
  }
  .flex-sp-col7.gap60 > * {
    width: calc(14.2857142857% - 3.75rem / 7 * 6);
  }
  .flex-sp-col7.gap62 > * {
    width: calc(14.2857142857% - 3.875rem / 7 * 6);
  }
  .flex-sp-col7.gap64 > * {
    width: calc(14.2857142857% - 4rem / 7 * 6);
  }
  .flex-sp-col7.gap66 > * {
    width: calc(14.2857142857% - 4.125rem / 7 * 6);
  }
  .flex-sp-col7.gap68 > * {
    width: calc(14.2857142857% - 4.25rem / 7 * 6);
  }
  .flex-sp-col7.gap70 > * {
    width: calc(14.2857142857% - 4.375rem / 7 * 6);
  }
  .flex-sp-col7.gap72 > * {
    width: calc(14.2857142857% - 4.5rem / 7 * 6);
  }
  .flex-sp-col7.gap74 > * {
    width: calc(14.2857142857% - 4.625rem / 7 * 6);
  }
  .flex-sp-col7.gap76 > * {
    width: calc(14.2857142857% - 4.75rem / 7 * 6);
  }
  .flex-sp-col7.gap78 > * {
    width: calc(14.2857142857% - 4.875rem / 7 * 6);
  }
  .flex-sp-col7.gap80 > * {
    width: calc(14.2857142857% - 5rem / 7 * 6);
  }
  .flex-sp-col7.gap82 > * {
    width: calc(14.2857142857% - 5.125rem / 7 * 6);
  }
  .flex-sp-col7.gap84 > * {
    width: calc(14.2857142857% - 5.25rem / 7 * 6);
  }
  .flex-sp-col7.gap86 > * {
    width: calc(14.2857142857% - 5.375rem / 7 * 6);
  }
  .flex-sp-col7.gap88 > * {
    width: calc(14.2857142857% - 5.5rem / 7 * 6);
  }
  .flex-sp-col7.gap90 > * {
    width: calc(14.2857142857% - 5.625rem / 7 * 6);
  }
  .flex-sp-col7.gap92 > * {
    width: calc(14.2857142857% - 5.75rem / 7 * 6);
  }
  .flex-sp-col7.gap94 > * {
    width: calc(14.2857142857% - 5.875rem / 7 * 6);
  }
  .flex-sp-col7.gap96 > * {
    width: calc(14.2857142857% - 6rem / 7 * 6);
  }
  .flex-sp-col7.gap98 > * {
    width: calc(14.2857142857% - 6.125rem / 7 * 6);
  }
  .flex-sp-col7.gap100 > * {
    width: calc(14.2857142857% - 6.25rem / 7 * 6);
  }
  .flex-sp-col7.gap102 > * {
    width: calc(14.2857142857% - 6.375rem / 7 * 6);
  }
  .flex-sp-col7.gap104 > * {
    width: calc(14.2857142857% - 6.5rem / 7 * 6);
  }
  .flex-sp-col7.gap106 > * {
    width: calc(14.2857142857% - 6.625rem / 7 * 6);
  }
  .flex-sp-col7.gap108 > * {
    width: calc(14.2857142857% - 6.75rem / 7 * 6);
  }
  .flex-sp-col7.gap110 > * {
    width: calc(14.2857142857% - 6.875rem / 7 * 6);
  }
  .flex-sp-col7.gap112 > * {
    width: calc(14.2857142857% - 7rem / 7 * 6);
  }
  .flex-sp-col7.gap114 > * {
    width: calc(14.2857142857% - 7.125rem / 7 * 6);
  }
  .flex-sp-col7.gap116 > * {
    width: calc(14.2857142857% - 7.25rem / 7 * 6);
  }
  .flex-sp-col7.gap118 > * {
    width: calc(14.2857142857% - 7.375rem / 7 * 6);
  }
  .flex-sp-col7.gap120 > * {
    width: calc(14.2857142857% - 7.5rem / 7 * 6);
  }
  .flex-sp-col7.gap122 > * {
    width: calc(14.2857142857% - 7.625rem / 7 * 6);
  }
  .flex-sp-col7.gap124 > * {
    width: calc(14.2857142857% - 7.75rem / 7 * 6);
  }
  .flex-sp-col7.gap126 > * {
    width: calc(14.2857142857% - 7.875rem / 7 * 6);
  }
  .flex-sp-col7.gap128 > * {
    width: calc(14.2857142857% - 8rem / 7 * 6);
  }
  .flex-sp-col7.gap130 > * {
    width: calc(14.2857142857% - 8.125rem / 7 * 6);
  }
  .flex-sp-col7.gap132 > * {
    width: calc(14.2857142857% - 8.25rem / 7 * 6);
  }
  .flex-sp-col7.gap134 > * {
    width: calc(14.2857142857% - 8.375rem / 7 * 6);
  }
  .flex-sp-col7.gap136 > * {
    width: calc(14.2857142857% - 8.5rem / 7 * 6);
  }
  .flex-sp-col7.gap138 > * {
    width: calc(14.2857142857% - 8.625rem / 7 * 6);
  }
  .flex-sp-col7.gap140 > * {
    width: calc(14.2857142857% - 8.75rem / 7 * 6);
  }
  .flex-sp-col7.gap142 > * {
    width: calc(14.2857142857% - 8.875rem / 7 * 6);
  }
  .flex-sp-col7.gap144 > * {
    width: calc(14.2857142857% - 9rem / 7 * 6);
  }
  .flex-sp-col7.gap146 > * {
    width: calc(14.2857142857% - 9.125rem / 7 * 6);
  }
  .flex-sp-col7.gap148 > * {
    width: calc(14.2857142857% - 9.25rem / 7 * 6);
  }
  .flex-sp-col7.gap150 > * {
    width: calc(14.2857142857% - 9.375rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp8 > * {
    width: calc(14.2857142857% - 0.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp10 > * {
    width: calc(14.2857142857% - 0.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp12 > * {
    width: calc(14.2857142857% - 0.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp14 > * {
    width: calc(14.2857142857% - 1rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp16 > * {
    width: calc(14.2857142857% - 1.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp18 > * {
    width: calc(14.2857142857% - 1.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp20 > * {
    width: calc(14.2857142857% - 1.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp22 > * {
    width: calc(14.2857142857% - 1.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp24 > * {
    width: calc(14.2857142857% - 1.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp26 > * {
    width: calc(14.2857142857% - 1.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp28 > * {
    width: calc(14.2857142857% - 2rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp30 > * {
    width: calc(14.2857142857% - 2.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp32 > * {
    width: calc(14.2857142857% - 2.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp34 > * {
    width: calc(14.2857142857% - 2.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp36 > * {
    width: calc(14.2857142857% - 2.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp38 > * {
    width: calc(14.2857142857% - 2.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp40 > * {
    width: calc(14.2857142857% - 2.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp42 > * {
    width: calc(14.2857142857% - 3rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp44 > * {
    width: calc(14.2857142857% - 3.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp46 > * {
    width: calc(14.2857142857% - 3.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp48 > * {
    width: calc(14.2857142857% - 3.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp50 > * {
    width: calc(14.2857142857% - 3.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp52 > * {
    width: calc(14.2857142857% - 3.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp54 > * {
    width: calc(14.2857142857% - 3.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp56 > * {
    width: calc(14.2857142857% - 4rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp58 > * {
    width: calc(14.2857142857% - 4.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp60 > * {
    width: calc(14.2857142857% - 4.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp62 > * {
    width: calc(14.2857142857% - 4.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp64 > * {
    width: calc(14.2857142857% - 4.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp66 > * {
    width: calc(14.2857142857% - 4.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp68 > * {
    width: calc(14.2857142857% - 4.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp70 > * {
    width: calc(14.2857142857% - 5rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp72 > * {
    width: calc(14.2857142857% - 5.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp74 > * {
    width: calc(14.2857142857% - 5.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp76 > * {
    width: calc(14.2857142857% - 5.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp78 > * {
    width: calc(14.2857142857% - 5.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp80 > * {
    width: calc(14.2857142857% - 5.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp82 > * {
    width: calc(14.2857142857% - 5.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp84 > * {
    width: calc(14.2857142857% - 6rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp86 > * {
    width: calc(14.2857142857% - 6.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp88 > * {
    width: calc(14.2857142857% - 6.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp90 > * {
    width: calc(14.2857142857% - 6.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp92 > * {
    width: calc(14.2857142857% - 6.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp94 > * {
    width: calc(14.2857142857% - 6.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp96 > * {
    width: calc(14.2857142857% - 6.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp98 > * {
    width: calc(14.2857142857% - 7rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp100 > * {
    width: calc(14.2857142857% - 7.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp102 > * {
    width: calc(14.2857142857% - 7.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp104 > * {
    width: calc(14.2857142857% - 7.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp106 > * {
    width: calc(14.2857142857% - 7.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp108 > * {
    width: calc(14.2857142857% - 7.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp110 > * {
    width: calc(14.2857142857% - 7.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp112 > * {
    width: calc(14.2857142857% - 8rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp114 > * {
    width: calc(14.2857142857% - 8.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp116 > * {
    width: calc(14.2857142857% - 8.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp118 > * {
    width: calc(14.2857142857% - 8.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp120 > * {
    width: calc(14.2857142857% - 8.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp122 > * {
    width: calc(14.2857142857% - 8.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp124 > * {
    width: calc(14.2857142857% - 8.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp126 > * {
    width: calc(14.2857142857% - 9rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp128 > * {
    width: calc(14.2857142857% - 9.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp130 > * {
    width: calc(14.2857142857% - 9.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp132 > * {
    width: calc(14.2857142857% - 9.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp134 > * {
    width: calc(14.2857142857% - 9.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp136 > * {
    width: calc(14.2857142857% - 9.7142857143rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp138 > * {
    width: calc(14.2857142857% - 9.8571428571rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp140 > * {
    width: calc(14.2857142857% - 10rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp142 > * {
    width: calc(14.2857142857% - 10.1428571429rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp144 > * {
    width: calc(14.2857142857% - 10.2857142857rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp146 > * {
    width: calc(14.2857142857% - 10.4285714286rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp148 > * {
    width: calc(14.2857142857% - 10.5714285714rem / 7 * 6);
  }
  .flex-sp-col7.gap-sp150 > * {
    width: calc(14.2857142857% - 10.7142857143rem / 7 * 6);
  }
  .flex-sp-col8 {
    flex-wrap: wrap;
  }
  .flex-sp-col8 > * {
    width: 12.5%;
  }
  .flex-sp-col8.gap8 > * {
    width: calc(12.5% - 0.5rem / 8 * 7);
  }
  .flex-sp-col8.gap10 > * {
    width: calc(12.5% - 0.625rem / 8 * 7);
  }
  .flex-sp-col8.gap12 > * {
    width: calc(12.5% - 0.75rem / 8 * 7);
  }
  .flex-sp-col8.gap14 > * {
    width: calc(12.5% - 0.875rem / 8 * 7);
  }
  .flex-sp-col8.gap16 > * {
    width: calc(12.5% - 1rem / 8 * 7);
  }
  .flex-sp-col8.gap18 > * {
    width: calc(12.5% - 1.125rem / 8 * 7);
  }
  .flex-sp-col8.gap20 > * {
    width: calc(12.5% - 1.25rem / 8 * 7);
  }
  .flex-sp-col8.gap22 > * {
    width: calc(12.5% - 1.375rem / 8 * 7);
  }
  .flex-sp-col8.gap24 > * {
    width: calc(12.5% - 1.5rem / 8 * 7);
  }
  .flex-sp-col8.gap26 > * {
    width: calc(12.5% - 1.625rem / 8 * 7);
  }
  .flex-sp-col8.gap28 > * {
    width: calc(12.5% - 1.75rem / 8 * 7);
  }
  .flex-sp-col8.gap30 > * {
    width: calc(12.5% - 1.875rem / 8 * 7);
  }
  .flex-sp-col8.gap32 > * {
    width: calc(12.5% - 2rem / 8 * 7);
  }
  .flex-sp-col8.gap34 > * {
    width: calc(12.5% - 2.125rem / 8 * 7);
  }
  .flex-sp-col8.gap36 > * {
    width: calc(12.5% - 2.25rem / 8 * 7);
  }
  .flex-sp-col8.gap38 > * {
    width: calc(12.5% - 2.375rem / 8 * 7);
  }
  .flex-sp-col8.gap40 > * {
    width: calc(12.5% - 2.5rem / 8 * 7);
  }
  .flex-sp-col8.gap42 > * {
    width: calc(12.5% - 2.625rem / 8 * 7);
  }
  .flex-sp-col8.gap44 > * {
    width: calc(12.5% - 2.75rem / 8 * 7);
  }
  .flex-sp-col8.gap46 > * {
    width: calc(12.5% - 2.875rem / 8 * 7);
  }
  .flex-sp-col8.gap48 > * {
    width: calc(12.5% - 3rem / 8 * 7);
  }
  .flex-sp-col8.gap50 > * {
    width: calc(12.5% - 3.125rem / 8 * 7);
  }
  .flex-sp-col8.gap52 > * {
    width: calc(12.5% - 3.25rem / 8 * 7);
  }
  .flex-sp-col8.gap54 > * {
    width: calc(12.5% - 3.375rem / 8 * 7);
  }
  .flex-sp-col8.gap56 > * {
    width: calc(12.5% - 3.5rem / 8 * 7);
  }
  .flex-sp-col8.gap58 > * {
    width: calc(12.5% - 3.625rem / 8 * 7);
  }
  .flex-sp-col8.gap60 > * {
    width: calc(12.5% - 3.75rem / 8 * 7);
  }
  .flex-sp-col8.gap62 > * {
    width: calc(12.5% - 3.875rem / 8 * 7);
  }
  .flex-sp-col8.gap64 > * {
    width: calc(12.5% - 4rem / 8 * 7);
  }
  .flex-sp-col8.gap66 > * {
    width: calc(12.5% - 4.125rem / 8 * 7);
  }
  .flex-sp-col8.gap68 > * {
    width: calc(12.5% - 4.25rem / 8 * 7);
  }
  .flex-sp-col8.gap70 > * {
    width: calc(12.5% - 4.375rem / 8 * 7);
  }
  .flex-sp-col8.gap72 > * {
    width: calc(12.5% - 4.5rem / 8 * 7);
  }
  .flex-sp-col8.gap74 > * {
    width: calc(12.5% - 4.625rem / 8 * 7);
  }
  .flex-sp-col8.gap76 > * {
    width: calc(12.5% - 4.75rem / 8 * 7);
  }
  .flex-sp-col8.gap78 > * {
    width: calc(12.5% - 4.875rem / 8 * 7);
  }
  .flex-sp-col8.gap80 > * {
    width: calc(12.5% - 5rem / 8 * 7);
  }
  .flex-sp-col8.gap82 > * {
    width: calc(12.5% - 5.125rem / 8 * 7);
  }
  .flex-sp-col8.gap84 > * {
    width: calc(12.5% - 5.25rem / 8 * 7);
  }
  .flex-sp-col8.gap86 > * {
    width: calc(12.5% - 5.375rem / 8 * 7);
  }
  .flex-sp-col8.gap88 > * {
    width: calc(12.5% - 5.5rem / 8 * 7);
  }
  .flex-sp-col8.gap90 > * {
    width: calc(12.5% - 5.625rem / 8 * 7);
  }
  .flex-sp-col8.gap92 > * {
    width: calc(12.5% - 5.75rem / 8 * 7);
  }
  .flex-sp-col8.gap94 > * {
    width: calc(12.5% - 5.875rem / 8 * 7);
  }
  .flex-sp-col8.gap96 > * {
    width: calc(12.5% - 6rem / 8 * 7);
  }
  .flex-sp-col8.gap98 > * {
    width: calc(12.5% - 6.125rem / 8 * 7);
  }
  .flex-sp-col8.gap100 > * {
    width: calc(12.5% - 6.25rem / 8 * 7);
  }
  .flex-sp-col8.gap102 > * {
    width: calc(12.5% - 6.375rem / 8 * 7);
  }
  .flex-sp-col8.gap104 > * {
    width: calc(12.5% - 6.5rem / 8 * 7);
  }
  .flex-sp-col8.gap106 > * {
    width: calc(12.5% - 6.625rem / 8 * 7);
  }
  .flex-sp-col8.gap108 > * {
    width: calc(12.5% - 6.75rem / 8 * 7);
  }
  .flex-sp-col8.gap110 > * {
    width: calc(12.5% - 6.875rem / 8 * 7);
  }
  .flex-sp-col8.gap112 > * {
    width: calc(12.5% - 7rem / 8 * 7);
  }
  .flex-sp-col8.gap114 > * {
    width: calc(12.5% - 7.125rem / 8 * 7);
  }
  .flex-sp-col8.gap116 > * {
    width: calc(12.5% - 7.25rem / 8 * 7);
  }
  .flex-sp-col8.gap118 > * {
    width: calc(12.5% - 7.375rem / 8 * 7);
  }
  .flex-sp-col8.gap120 > * {
    width: calc(12.5% - 7.5rem / 8 * 7);
  }
  .flex-sp-col8.gap122 > * {
    width: calc(12.5% - 7.625rem / 8 * 7);
  }
  .flex-sp-col8.gap124 > * {
    width: calc(12.5% - 7.75rem / 8 * 7);
  }
  .flex-sp-col8.gap126 > * {
    width: calc(12.5% - 7.875rem / 8 * 7);
  }
  .flex-sp-col8.gap128 > * {
    width: calc(12.5% - 8rem / 8 * 7);
  }
  .flex-sp-col8.gap130 > * {
    width: calc(12.5% - 8.125rem / 8 * 7);
  }
  .flex-sp-col8.gap132 > * {
    width: calc(12.5% - 8.25rem / 8 * 7);
  }
  .flex-sp-col8.gap134 > * {
    width: calc(12.5% - 8.375rem / 8 * 7);
  }
  .flex-sp-col8.gap136 > * {
    width: calc(12.5% - 8.5rem / 8 * 7);
  }
  .flex-sp-col8.gap138 > * {
    width: calc(12.5% - 8.625rem / 8 * 7);
  }
  .flex-sp-col8.gap140 > * {
    width: calc(12.5% - 8.75rem / 8 * 7);
  }
  .flex-sp-col8.gap142 > * {
    width: calc(12.5% - 8.875rem / 8 * 7);
  }
  .flex-sp-col8.gap144 > * {
    width: calc(12.5% - 9rem / 8 * 7);
  }
  .flex-sp-col8.gap146 > * {
    width: calc(12.5% - 9.125rem / 8 * 7);
  }
  .flex-sp-col8.gap148 > * {
    width: calc(12.5% - 9.25rem / 8 * 7);
  }
  .flex-sp-col8.gap150 > * {
    width: calc(12.5% - 9.375rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp8 > * {
    width: calc(12.5% - 0.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp10 > * {
    width: calc(12.5% - 0.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp12 > * {
    width: calc(12.5% - 0.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp14 > * {
    width: calc(12.5% - 1rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp16 > * {
    width: calc(12.5% - 1.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp18 > * {
    width: calc(12.5% - 1.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp20 > * {
    width: calc(12.5% - 1.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp22 > * {
    width: calc(12.5% - 1.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp24 > * {
    width: calc(12.5% - 1.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp26 > * {
    width: calc(12.5% - 1.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp28 > * {
    width: calc(12.5% - 2rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp30 > * {
    width: calc(12.5% - 2.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp32 > * {
    width: calc(12.5% - 2.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp34 > * {
    width: calc(12.5% - 2.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp36 > * {
    width: calc(12.5% - 2.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp38 > * {
    width: calc(12.5% - 2.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp40 > * {
    width: calc(12.5% - 2.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp42 > * {
    width: calc(12.5% - 3rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp44 > * {
    width: calc(12.5% - 3.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp46 > * {
    width: calc(12.5% - 3.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp48 > * {
    width: calc(12.5% - 3.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp50 > * {
    width: calc(12.5% - 3.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp52 > * {
    width: calc(12.5% - 3.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp54 > * {
    width: calc(12.5% - 3.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp56 > * {
    width: calc(12.5% - 4rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp58 > * {
    width: calc(12.5% - 4.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp60 > * {
    width: calc(12.5% - 4.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp62 > * {
    width: calc(12.5% - 4.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp64 > * {
    width: calc(12.5% - 4.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp66 > * {
    width: calc(12.5% - 4.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp68 > * {
    width: calc(12.5% - 4.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp70 > * {
    width: calc(12.5% - 5rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp72 > * {
    width: calc(12.5% - 5.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp74 > * {
    width: calc(12.5% - 5.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp76 > * {
    width: calc(12.5% - 5.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp78 > * {
    width: calc(12.5% - 5.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp80 > * {
    width: calc(12.5% - 5.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp82 > * {
    width: calc(12.5% - 5.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp84 > * {
    width: calc(12.5% - 6rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp86 > * {
    width: calc(12.5% - 6.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp88 > * {
    width: calc(12.5% - 6.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp90 > * {
    width: calc(12.5% - 6.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp92 > * {
    width: calc(12.5% - 6.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp94 > * {
    width: calc(12.5% - 6.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp96 > * {
    width: calc(12.5% - 6.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp98 > * {
    width: calc(12.5% - 7rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp100 > * {
    width: calc(12.5% - 7.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp102 > * {
    width: calc(12.5% - 7.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp104 > * {
    width: calc(12.5% - 7.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp106 > * {
    width: calc(12.5% - 7.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp108 > * {
    width: calc(12.5% - 7.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp110 > * {
    width: calc(12.5% - 7.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp112 > * {
    width: calc(12.5% - 8rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp114 > * {
    width: calc(12.5% - 8.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp116 > * {
    width: calc(12.5% - 8.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp118 > * {
    width: calc(12.5% - 8.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp120 > * {
    width: calc(12.5% - 8.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp122 > * {
    width: calc(12.5% - 8.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp124 > * {
    width: calc(12.5% - 8.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp126 > * {
    width: calc(12.5% - 9rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp128 > * {
    width: calc(12.5% - 9.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp130 > * {
    width: calc(12.5% - 9.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp132 > * {
    width: calc(12.5% - 9.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp134 > * {
    width: calc(12.5% - 9.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp136 > * {
    width: calc(12.5% - 9.7142857143rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp138 > * {
    width: calc(12.5% - 9.8571428571rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp140 > * {
    width: calc(12.5% - 10rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp142 > * {
    width: calc(12.5% - 10.1428571429rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp144 > * {
    width: calc(12.5% - 10.2857142857rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp146 > * {
    width: calc(12.5% - 10.4285714286rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp148 > * {
    width: calc(12.5% - 10.5714285714rem / 8 * 7);
  }
  .flex-sp-col8.gap-sp150 > * {
    width: calc(12.5% - 10.7142857143rem / 8 * 7);
  }
  .flex-sp-block[class*=gap] {
    gap: 1.7142857143rem;
  }
  .flex-sp-block > * {
    width: 100% !important;
  }
}
/* ##############################################################################

		FOOTER

############################################################################## */
.footer {
  background-color: var(--clr-bg-01);
}

/* footer_top
********************************************** */
.footer_top {
  padding-bottom: 3.5rem;
  border-bottom: 1px solid var(--clr-mono-05);
}

/* ---fnav --- */
.fnav--link {
  display: block;
  padding: 0.5em 1em;
}
@media screen and (max-width: 47.9375em) {
  .fnav--link {
    position: relative;
    padding: 0.5em;
  }
  .fnav--link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.5em;
    margin: auto;
    width: 0.4285714286rem;
    height: 0.4285714286rem;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
  }
}

@media (hover: hover) {
  a.fnav--link:hover {
    opacity: 0.7;
  }
}

.fnav--menu > li > a,
.fnav--menu > li > span {
  font-size: var(--font-size-txt-lg);
  margin-bottom: 0.5rem;
}

.fnav--menu .sub-menu {
  line-height: 1;
}
.fnav--menu .sub-menu .fnav--link {
  padding: 0.5em 1em;
}

/* footer_mdl
********************************************** */
.footer_mdl {
  padding-top: 2rem;
}

.fnav-sub--menu > li > a {
  font-size: var(--font-size-txt-sm);
  color: var(--clr-text-light);
}

/* footer_btm
*************************************************** */
.footer_btm {
  padding: 2rem 0 2rem 1.25rem;
}

@media print, screen and (min-width: 48em) {
  .footer_btm:has(.privacy) > .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media screen and (max-width: 47.9375em) {
  .privacy {
    text-align: center;
    margin-bottom: 0.5em;
  }
}

@media (hover: hover) {
  .privacy a:hover {
    opacity: 0.7;
  }
}
.copyright {
  gap: 1em;
  opacity: 0.3;
}
@media screen and (max-width: 47.9375em) {
  .copyright {
    gap: 0.5em;
  }
}

.pbl a,
.pbl img {
  display: block;
}

.pbl a {
  opacity: 0.5;
}
@media (hover: hover) {
  .pbl a:hover {
    opacity: 1;
  }
}

/* ##############################################################################

		パッケージ用

############################################################################## */
/* footer-simple
*************************************************** */
.footer-simple {
  padding: 0.5rem 0;
}

@media print, screen and (min-width: 48em) {
  .footer-simple:has(.privacy) > .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media print, screen and (min-width: 48em) {
  .footer--cta {
    height: fit-content;
    width: fit-content;
    margin-inline: auto;
  }
  .footer--cta .cta_contact {
    margin-bottom: 0;
  }
  .footer--cta .cta_contact a {
    height: 100%;
  }
}

.footer--cta .cta_tel a {
  margin-inline: auto;
  width: 100%;
}
@media screen and (max-width: 47.9375em) {
  .footer--cta .cta_tel a {
    margin-bottom: 2.2857142857rem;
  }
}

/* ##############################################################################

		sns_area

############################################################################## */
/* 共通設定
********************************************** */
.sns_area a {
  padding: 0.5rem;
  font-family: var(--font-en-text);
}
@media (hover: hover) {
  .sns_area a:hover {
    opacity: 0.7;
  }
}

.sns_area .icon {
  width: 1.75rem;
  display: none;
}

[class*=grid-] {
  display: grid;
}

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

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

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

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

.grid-rgt100 {
  grid-template-columns: minmax(0, 1fr) 6.25rem;
}

.grid-rgt102 {
  grid-template-columns: minmax(0, 1fr) 6.375rem;
}

.grid-rgt104 {
  grid-template-columns: minmax(0, 1fr) 6.5rem;
}

.grid-rgt106 {
  grid-template-columns: minmax(0, 1fr) 6.625rem;
}

.grid-rgt108 {
  grid-template-columns: minmax(0, 1fr) 6.75rem;
}

.grid-rgt110 {
  grid-template-columns: minmax(0, 1fr) 6.875rem;
}

.grid-rgt112 {
  grid-template-columns: minmax(0, 1fr) 7rem;
}

.grid-rgt114 {
  grid-template-columns: minmax(0, 1fr) 7.125rem;
}

.grid-rgt116 {
  grid-template-columns: minmax(0, 1fr) 7.25rem;
}

.grid-rgt118 {
  grid-template-columns: minmax(0, 1fr) 7.375rem;
}

.grid-rgt120 {
  grid-template-columns: minmax(0, 1fr) 7.5rem;
}

.grid-rgt122 {
  grid-template-columns: minmax(0, 1fr) 7.625rem;
}

.grid-rgt124 {
  grid-template-columns: minmax(0, 1fr) 7.75rem;
}

.grid-rgt126 {
  grid-template-columns: minmax(0, 1fr) 7.875rem;
}

.grid-rgt128 {
  grid-template-columns: minmax(0, 1fr) 8rem;
}

.grid-rgt130 {
  grid-template-columns: minmax(0, 1fr) 8.125rem;
}

.grid-rgt132 {
  grid-template-columns: minmax(0, 1fr) 8.25rem;
}

.grid-rgt134 {
  grid-template-columns: minmax(0, 1fr) 8.375rem;
}

.grid-rgt136 {
  grid-template-columns: minmax(0, 1fr) 8.5rem;
}

.grid-rgt138 {
  grid-template-columns: minmax(0, 1fr) 8.625rem;
}

.grid-rgt140 {
  grid-template-columns: minmax(0, 1fr) 8.75rem;
}

.grid-rgt142 {
  grid-template-columns: minmax(0, 1fr) 8.875rem;
}

.grid-rgt144 {
  grid-template-columns: minmax(0, 1fr) 9rem;
}

.grid-rgt146 {
  grid-template-columns: minmax(0, 1fr) 9.125rem;
}

.grid-rgt148 {
  grid-template-columns: minmax(0, 1fr) 9.25rem;
}

.grid-rgt150 {
  grid-template-columns: minmax(0, 1fr) 9.375rem;
}

.grid-rgt152 {
  grid-template-columns: minmax(0, 1fr) 9.5rem;
}

.grid-rgt154 {
  grid-template-columns: minmax(0, 1fr) 9.625rem;
}

.grid-rgt156 {
  grid-template-columns: minmax(0, 1fr) 9.75rem;
}

.grid-rgt158 {
  grid-template-columns: minmax(0, 1fr) 9.875rem;
}

.grid-rgt160 {
  grid-template-columns: minmax(0, 1fr) 10rem;
}

.grid-rgt162 {
  grid-template-columns: minmax(0, 1fr) 10.125rem;
}

.grid-rgt164 {
  grid-template-columns: minmax(0, 1fr) 10.25rem;
}

.grid-rgt166 {
  grid-template-columns: minmax(0, 1fr) 10.375rem;
}

.grid-rgt168 {
  grid-template-columns: minmax(0, 1fr) 10.5rem;
}

.grid-rgt170 {
  grid-template-columns: minmax(0, 1fr) 10.625rem;
}

.grid-rgt172 {
  grid-template-columns: minmax(0, 1fr) 10.75rem;
}

.grid-rgt174 {
  grid-template-columns: minmax(0, 1fr) 10.875rem;
}

.grid-rgt176 {
  grid-template-columns: minmax(0, 1fr) 11rem;
}

.grid-rgt178 {
  grid-template-columns: minmax(0, 1fr) 11.125rem;
}

.grid-rgt180 {
  grid-template-columns: minmax(0, 1fr) 11.25rem;
}

.grid-rgt182 {
  grid-template-columns: minmax(0, 1fr) 11.375rem;
}

.grid-rgt184 {
  grid-template-columns: minmax(0, 1fr) 11.5rem;
}

.grid-rgt186 {
  grid-template-columns: minmax(0, 1fr) 11.625rem;
}

.grid-rgt188 {
  grid-template-columns: minmax(0, 1fr) 11.75rem;
}

.grid-rgt190 {
  grid-template-columns: minmax(0, 1fr) 11.875rem;
}

.grid-rgt192 {
  grid-template-columns: minmax(0, 1fr) 12rem;
}

.grid-rgt194 {
  grid-template-columns: minmax(0, 1fr) 12.125rem;
}

.grid-rgt196 {
  grid-template-columns: minmax(0, 1fr) 12.25rem;
}

.grid-rgt198 {
  grid-template-columns: minmax(0, 1fr) 12.375rem;
}

.grid-rgt200 {
  grid-template-columns: minmax(0, 1fr) 12.5rem;
}

.grid-lft100 {
  grid-template-columns: 6.25rem minmax(0, 1fr);
}

.grid-lft102 {
  grid-template-columns: 6.375rem minmax(0, 1fr);
}

.grid-lft104 {
  grid-template-columns: 6.5rem minmax(0, 1fr);
}

.grid-lft106 {
  grid-template-columns: 6.625rem minmax(0, 1fr);
}

.grid-lft108 {
  grid-template-columns: 6.75rem minmax(0, 1fr);
}

.grid-lft110 {
  grid-template-columns: 6.875rem minmax(0, 1fr);
}

.grid-lft112 {
  grid-template-columns: 7rem minmax(0, 1fr);
}

.grid-lft114 {
  grid-template-columns: 7.125rem minmax(0, 1fr);
}

.grid-lft116 {
  grid-template-columns: 7.25rem minmax(0, 1fr);
}

.grid-lft118 {
  grid-template-columns: 7.375rem minmax(0, 1fr);
}

.grid-lft120 {
  grid-template-columns: 7.5rem minmax(0, 1fr);
}

.grid-lft122 {
  grid-template-columns: 7.625rem minmax(0, 1fr);
}

.grid-lft124 {
  grid-template-columns: 7.75rem minmax(0, 1fr);
}

.grid-lft126 {
  grid-template-columns: 7.875rem minmax(0, 1fr);
}

.grid-lft128 {
  grid-template-columns: 8rem minmax(0, 1fr);
}

.grid-lft130 {
  grid-template-columns: 8.125rem minmax(0, 1fr);
}

.grid-lft132 {
  grid-template-columns: 8.25rem minmax(0, 1fr);
}

.grid-lft134 {
  grid-template-columns: 8.375rem minmax(0, 1fr);
}

.grid-lft136 {
  grid-template-columns: 8.5rem minmax(0, 1fr);
}

.grid-lft138 {
  grid-template-columns: 8.625rem minmax(0, 1fr);
}

.grid-lft140 {
  grid-template-columns: 8.75rem minmax(0, 1fr);
}

.grid-lft142 {
  grid-template-columns: 8.875rem minmax(0, 1fr);
}

.grid-lft144 {
  grid-template-columns: 9rem minmax(0, 1fr);
}

.grid-lft146 {
  grid-template-columns: 9.125rem minmax(0, 1fr);
}

.grid-lft148 {
  grid-template-columns: 9.25rem minmax(0, 1fr);
}

.grid-lft150 {
  grid-template-columns: 9.375rem minmax(0, 1fr);
}

.grid-lft152 {
  grid-template-columns: 9.5rem minmax(0, 1fr);
}

.grid-lft154 {
  grid-template-columns: 9.625rem minmax(0, 1fr);
}

.grid-lft156 {
  grid-template-columns: 9.75rem minmax(0, 1fr);
}

.grid-lft158 {
  grid-template-columns: 9.875rem minmax(0, 1fr);
}

.grid-lft160 {
  grid-template-columns: 10rem minmax(0, 1fr);
}

.grid-lft162 {
  grid-template-columns: 10.125rem minmax(0, 1fr);
}

.grid-lft164 {
  grid-template-columns: 10.25rem minmax(0, 1fr);
}

.grid-lft166 {
  grid-template-columns: 10.375rem minmax(0, 1fr);
}

.grid-lft168 {
  grid-template-columns: 10.5rem minmax(0, 1fr);
}

.grid-lft170 {
  grid-template-columns: 10.625rem minmax(0, 1fr);
}

.grid-lft172 {
  grid-template-columns: 10.75rem minmax(0, 1fr);
}

.grid-lft174 {
  grid-template-columns: 10.875rem minmax(0, 1fr);
}

.grid-lft176 {
  grid-template-columns: 11rem minmax(0, 1fr);
}

.grid-lft178 {
  grid-template-columns: 11.125rem minmax(0, 1fr);
}

.grid-lft180 {
  grid-template-columns: 11.25rem minmax(0, 1fr);
}

.grid-lft182 {
  grid-template-columns: 11.375rem minmax(0, 1fr);
}

.grid-lft184 {
  grid-template-columns: 11.5rem minmax(0, 1fr);
}

.grid-lft186 {
  grid-template-columns: 11.625rem minmax(0, 1fr);
}

.grid-lft188 {
  grid-template-columns: 11.75rem minmax(0, 1fr);
}

.grid-lft190 {
  grid-template-columns: 11.875rem minmax(0, 1fr);
}

.grid-lft192 {
  grid-template-columns: 12rem minmax(0, 1fr);
}

.grid-lft194 {
  grid-template-columns: 12.125rem minmax(0, 1fr);
}

.grid-lft196 {
  grid-template-columns: 12.25rem minmax(0, 1fr);
}

.grid-lft198 {
  grid-template-columns: 12.375rem minmax(0, 1fr);
}

.grid-lft200 {
  grid-template-columns: 12.5rem minmax(0, 1fr);
}

.gap4 {
  gap: 0.25rem;
}

.gap-blc4 {
  row-gap: 0.25rem;
}

.gap6 {
  gap: 0.375rem;
}

.gap-blc6 {
  row-gap: 0.375rem;
}

.gap8 {
  gap: 0.5rem;
}

.gap-blc8 {
  row-gap: 0.5rem;
}

.gap10 {
  gap: 0.625rem;
}

.gap-blc10 {
  row-gap: 0.625rem;
}

.gap12 {
  gap: 0.75rem;
}

.gap-blc12 {
  row-gap: 0.75rem;
}

.gap14 {
  gap: 0.875rem;
}

.gap-blc14 {
  row-gap: 0.875rem;
}

.gap16 {
  gap: 1rem;
}

.gap-blc16 {
  row-gap: 1rem;
}

.gap18 {
  gap: 1.125rem;
}

.gap-blc18 {
  row-gap: 1.125rem;
}

.gap20 {
  gap: 1.25rem;
}

.gap-blc20 {
  row-gap: 1.25rem;
}

.gap22 {
  gap: 1.375rem;
}

.gap-blc22 {
  row-gap: 1.375rem;
}

.gap24 {
  gap: 1.5rem;
}

.gap-blc24 {
  row-gap: 1.5rem;
}

.gap26 {
  gap: 1.625rem;
}

.gap-blc26 {
  row-gap: 1.625rem;
}

.gap28 {
  gap: 1.75rem;
}

.gap-blc28 {
  row-gap: 1.75rem;
}

.gap30 {
  gap: 1.875rem;
}

.gap-blc30 {
  row-gap: 1.875rem;
}

.gap32 {
  gap: 2rem;
}

.gap-blc32 {
  row-gap: 2rem;
}

.gap34 {
  gap: 2.125rem;
}

.gap-blc34 {
  row-gap: 2.125rem;
}

.gap36 {
  gap: 2.25rem;
}

.gap-blc36 {
  row-gap: 2.25rem;
}

.gap38 {
  gap: 2.375rem;
}

.gap-blc38 {
  row-gap: 2.375rem;
}

.gap40 {
  gap: 2.5rem;
}

.gap-blc40 {
  row-gap: 2.5rem;
}

.gap42 {
  gap: 2.625rem;
}

.gap-blc42 {
  row-gap: 2.625rem;
}

.gap44 {
  gap: 2.75rem;
}

.gap-blc44 {
  row-gap: 2.75rem;
}

.gap46 {
  gap: 2.875rem;
}

.gap-blc46 {
  row-gap: 2.875rem;
}

.gap48 {
  gap: 3rem;
}

.gap-blc48 {
  row-gap: 3rem;
}

.gap50 {
  gap: 3.125rem;
}

.gap-blc50 {
  row-gap: 3.125rem;
}

.gap52 {
  gap: 3.25rem;
}

.gap-blc52 {
  row-gap: 3.25rem;
}

.gap54 {
  gap: 3.375rem;
}

.gap-blc54 {
  row-gap: 3.375rem;
}

.gap56 {
  gap: 3.5rem;
}

.gap-blc56 {
  row-gap: 3.5rem;
}

.gap58 {
  gap: 3.625rem;
}

.gap-blc58 {
  row-gap: 3.625rem;
}

.gap60 {
  gap: 3.75rem;
}

.gap-blc60 {
  row-gap: 3.75rem;
}

.gap62 {
  gap: 3.875rem;
}

.gap-blc62 {
  row-gap: 3.875rem;
}

.gap64 {
  gap: 4rem;
}

.gap-blc64 {
  row-gap: 4rem;
}

.gap66 {
  gap: 4.125rem;
}

.gap-blc66 {
  row-gap: 4.125rem;
}

.gap68 {
  gap: 4.25rem;
}

.gap-blc68 {
  row-gap: 4.25rem;
}

.gap70 {
  gap: 4.375rem;
}

.gap-blc70 {
  row-gap: 4.375rem;
}

.gap72 {
  gap: 4.5rem;
}

.gap-blc72 {
  row-gap: 4.5rem;
}

.gap74 {
  gap: 4.625rem;
}

.gap-blc74 {
  row-gap: 4.625rem;
}

.gap76 {
  gap: 4.75rem;
}

.gap-blc76 {
  row-gap: 4.75rem;
}

.gap78 {
  gap: 4.875rem;
}

.gap-blc78 {
  row-gap: 4.875rem;
}

.gap80 {
  gap: 5rem;
}

.gap-blc80 {
  row-gap: 5rem;
}

.gap82 {
  gap: 5.125rem;
}

.gap-blc82 {
  row-gap: 5.125rem;
}

.gap84 {
  gap: 5.25rem;
}

.gap-blc84 {
  row-gap: 5.25rem;
}

.gap86 {
  gap: 5.375rem;
}

.gap-blc86 {
  row-gap: 5.375rem;
}

.gap88 {
  gap: 5.5rem;
}

.gap-blc88 {
  row-gap: 5.5rem;
}

.gap90 {
  gap: 5.625rem;
}

.gap-blc90 {
  row-gap: 5.625rem;
}

.gap92 {
  gap: 5.75rem;
}

.gap-blc92 {
  row-gap: 5.75rem;
}

.gap94 {
  gap: 5.875rem;
}

.gap-blc94 {
  row-gap: 5.875rem;
}

.gap96 {
  gap: 6rem;
}

.gap-blc96 {
  row-gap: 6rem;
}

.gap98 {
  gap: 6.125rem;
}

.gap-blc98 {
  row-gap: 6.125rem;
}

.gap100 {
  gap: 6.25rem;
}

.gap-blc100 {
  row-gap: 6.25rem;
}

.gap102 {
  gap: 6.375rem;
}

.gap-blc102 {
  row-gap: 6.375rem;
}

.gap104 {
  gap: 6.5rem;
}

.gap-blc104 {
  row-gap: 6.5rem;
}

.gap106 {
  gap: 6.625rem;
}

.gap-blc106 {
  row-gap: 6.625rem;
}

.gap108 {
  gap: 6.75rem;
}

.gap-blc108 {
  row-gap: 6.75rem;
}

.gap110 {
  gap: 6.875rem;
}

.gap-blc110 {
  row-gap: 6.875rem;
}

.gap112 {
  gap: 7rem;
}

.gap-blc112 {
  row-gap: 7rem;
}

.gap114 {
  gap: 7.125rem;
}

.gap-blc114 {
  row-gap: 7.125rem;
}

.gap116 {
  gap: 7.25rem;
}

.gap-blc116 {
  row-gap: 7.25rem;
}

.gap118 {
  gap: 7.375rem;
}

.gap-blc118 {
  row-gap: 7.375rem;
}

.gap120 {
  gap: 7.5rem;
}

.gap-blc120 {
  row-gap: 7.5rem;
}

.gap122 {
  gap: 7.625rem;
}

.gap-blc122 {
  row-gap: 7.625rem;
}

.gap124 {
  gap: 7.75rem;
}

.gap-blc124 {
  row-gap: 7.75rem;
}

.gap126 {
  gap: 7.875rem;
}

.gap-blc126 {
  row-gap: 7.875rem;
}

.gap128 {
  gap: 8rem;
}

.gap-blc128 {
  row-gap: 8rem;
}

.gap130 {
  gap: 8.125rem;
}

.gap-blc130 {
  row-gap: 8.125rem;
}

.gap132 {
  gap: 8.25rem;
}

.gap-blc132 {
  row-gap: 8.25rem;
}

.gap134 {
  gap: 8.375rem;
}

.gap-blc134 {
  row-gap: 8.375rem;
}

.gap136 {
  gap: 8.5rem;
}

.gap-blc136 {
  row-gap: 8.5rem;
}

.gap138 {
  gap: 8.625rem;
}

.gap-blc138 {
  row-gap: 8.625rem;
}

.gap140 {
  gap: 8.75rem;
}

.gap-blc140 {
  row-gap: 8.75rem;
}

.gap142 {
  gap: 8.875rem;
}

.gap-blc142 {
  row-gap: 8.875rem;
}

.gap144 {
  gap: 9rem;
}

.gap-blc144 {
  row-gap: 9rem;
}

.gap146 {
  gap: 9.125rem;
}

.gap-blc146 {
  row-gap: 9.125rem;
}

.gap148 {
  gap: 9.25rem;
}

.gap-blc148 {
  row-gap: 9.25rem;
}

.gap150 {
  gap: 9.375rem;
}

.gap-blc150 {
  row-gap: 9.375rem;
}

.gap152 {
  gap: 9.5rem;
}

.gap-blc152 {
  row-gap: 9.5rem;
}

.gap154 {
  gap: 9.625rem;
}

.gap-blc154 {
  row-gap: 9.625rem;
}

.gap156 {
  gap: 9.75rem;
}

.gap-blc156 {
  row-gap: 9.75rem;
}

.gap158 {
  gap: 9.875rem;
}

.gap-blc158 {
  row-gap: 9.875rem;
}

.gap160 {
  gap: 10rem;
}

.gap-blc160 {
  row-gap: 10rem;
}

@media screen and (max-width: 47.9375em) {
  .grid-sp-block {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-sp-block[class*=gap] {
    gap: 1.7142857143rem;
  }
  .grid-sp-col1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-sp-col2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-sp-col3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-sp-col4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .gap-sp4 {
    gap: 0.2857142857rem !important;
  }
  .gap-sp-blc4 {
    row-gap: 0.2857142857rem !important;
  }
  .gap-sp6 {
    gap: 0.4285714286rem !important;
  }
  .gap-sp-blc6 {
    row-gap: 0.4285714286rem !important;
  }
  .gap-sp8 {
    gap: 0.5714285714rem !important;
  }
  .gap-sp-blc8 {
    row-gap: 0.5714285714rem !important;
  }
  .gap-sp10 {
    gap: 0.7142857143rem !important;
  }
  .gap-sp-blc10 {
    row-gap: 0.7142857143rem !important;
  }
  .gap-sp12 {
    gap: 0.8571428571rem !important;
  }
  .gap-sp-blc12 {
    row-gap: 0.8571428571rem !important;
  }
  .gap-sp14 {
    gap: 1rem !important;
  }
  .gap-sp-blc14 {
    row-gap: 1rem !important;
  }
  .gap-sp16 {
    gap: 1.1428571429rem !important;
  }
  .gap-sp-blc16 {
    row-gap: 1.1428571429rem !important;
  }
  .gap-sp18 {
    gap: 1.2857142857rem !important;
  }
  .gap-sp-blc18 {
    row-gap: 1.2857142857rem !important;
  }
  .gap-sp20 {
    gap: 1.4285714286rem !important;
  }
  .gap-sp-blc20 {
    row-gap: 1.4285714286rem !important;
  }
  .gap-sp22 {
    gap: 1.5714285714rem !important;
  }
  .gap-sp-blc22 {
    row-gap: 1.5714285714rem !important;
  }
  .gap-sp24 {
    gap: 1.7142857143rem !important;
  }
  .gap-sp-blc24 {
    row-gap: 1.7142857143rem !important;
  }
  .gap-sp26 {
    gap: 1.8571428571rem !important;
  }
  .gap-sp-blc26 {
    row-gap: 1.8571428571rem !important;
  }
  .gap-sp28 {
    gap: 2rem !important;
  }
  .gap-sp-blc28 {
    row-gap: 2rem !important;
  }
  .gap-sp30 {
    gap: 2.1428571429rem !important;
  }
  .gap-sp-blc30 {
    row-gap: 2.1428571429rem !important;
  }
  .gap-sp32 {
    gap: 2.2857142857rem !important;
  }
  .gap-sp-blc32 {
    row-gap: 2.2857142857rem !important;
  }
  .gap-sp34 {
    gap: 2.4285714286rem !important;
  }
  .gap-sp-blc34 {
    row-gap: 2.4285714286rem !important;
  }
  .gap-sp36 {
    gap: 2.5714285714rem !important;
  }
  .gap-sp-blc36 {
    row-gap: 2.5714285714rem !important;
  }
  .gap-sp38 {
    gap: 2.7142857143rem !important;
  }
  .gap-sp-blc38 {
    row-gap: 2.7142857143rem !important;
  }
  .gap-sp40 {
    gap: 2.8571428571rem !important;
  }
  .gap-sp-blc40 {
    row-gap: 2.8571428571rem !important;
  }
  .gap-sp42 {
    gap: 3rem !important;
  }
  .gap-sp-blc42 {
    row-gap: 3rem !important;
  }
  .gap-sp44 {
    gap: 3.1428571429rem !important;
  }
  .gap-sp-blc44 {
    row-gap: 3.1428571429rem !important;
  }
  .gap-sp46 {
    gap: 3.2857142857rem !important;
  }
  .gap-sp-blc46 {
    row-gap: 3.2857142857rem !important;
  }
  .gap-sp48 {
    gap: 3.4285714286rem !important;
  }
  .gap-sp-blc48 {
    row-gap: 3.4285714286rem !important;
  }
  .gap-sp50 {
    gap: 3.5714285714rem !important;
  }
  .gap-sp-blc50 {
    row-gap: 3.5714285714rem !important;
  }
  .gap-sp52 {
    gap: 3.7142857143rem !important;
  }
  .gap-sp-blc52 {
    row-gap: 3.7142857143rem !important;
  }
  .gap-sp54 {
    gap: 3.8571428571rem !important;
  }
  .gap-sp-blc54 {
    row-gap: 3.8571428571rem !important;
  }
  .gap-sp56 {
    gap: 4rem !important;
  }
  .gap-sp-blc56 {
    row-gap: 4rem !important;
  }
  .gap-sp58 {
    gap: 4.1428571429rem !important;
  }
  .gap-sp-blc58 {
    row-gap: 4.1428571429rem !important;
  }
  .gap-sp60 {
    gap: 4.2857142857rem !important;
  }
  .gap-sp-blc60 {
    row-gap: 4.2857142857rem !important;
  }
  .gap-sp62 {
    gap: 4.4285714286rem !important;
  }
  .gap-sp-blc62 {
    row-gap: 4.4285714286rem !important;
  }
  .gap-sp64 {
    gap: 4.5714285714rem !important;
  }
  .gap-sp-blc64 {
    row-gap: 4.5714285714rem !important;
  }
  .gap-sp66 {
    gap: 4.7142857143rem !important;
  }
  .gap-sp-blc66 {
    row-gap: 4.7142857143rem !important;
  }
  .gap-sp68 {
    gap: 4.8571428571rem !important;
  }
  .gap-sp-blc68 {
    row-gap: 4.8571428571rem !important;
  }
  .gap-sp70 {
    gap: 5rem !important;
  }
  .gap-sp-blc70 {
    row-gap: 5rem !important;
  }
  .gap-sp72 {
    gap: 5.1428571429rem !important;
  }
  .gap-sp-blc72 {
    row-gap: 5.1428571429rem !important;
  }
  .gap-sp74 {
    gap: 5.2857142857rem !important;
  }
  .gap-sp-blc74 {
    row-gap: 5.2857142857rem !important;
  }
  .gap-sp76 {
    gap: 5.4285714286rem !important;
  }
  .gap-sp-blc76 {
    row-gap: 5.4285714286rem !important;
  }
  .gap-sp78 {
    gap: 5.5714285714rem !important;
  }
  .gap-sp-blc78 {
    row-gap: 5.5714285714rem !important;
  }
  .gap-sp80 {
    gap: 5.7142857143rem !important;
  }
  .gap-sp-blc80 {
    row-gap: 5.7142857143rem !important;
  }
  .gap-sp82 {
    gap: 5.8571428571rem !important;
  }
  .gap-sp-blc82 {
    row-gap: 5.8571428571rem !important;
  }
  .gap-sp84 {
    gap: 6rem !important;
  }
  .gap-sp-blc84 {
    row-gap: 6rem !important;
  }
  .gap-sp86 {
    gap: 6.1428571429rem !important;
  }
  .gap-sp-blc86 {
    row-gap: 6.1428571429rem !important;
  }
  .gap-sp88 {
    gap: 6.2857142857rem !important;
  }
  .gap-sp-blc88 {
    row-gap: 6.2857142857rem !important;
  }
  .gap-sp90 {
    gap: 6.4285714286rem !important;
  }
  .gap-sp-blc90 {
    row-gap: 6.4285714286rem !important;
  }
  .gap-sp92 {
    gap: 6.5714285714rem !important;
  }
  .gap-sp-blc92 {
    row-gap: 6.5714285714rem !important;
  }
  .gap-sp94 {
    gap: 6.7142857143rem !important;
  }
  .gap-sp-blc94 {
    row-gap: 6.7142857143rem !important;
  }
  .gap-sp96 {
    gap: 6.8571428571rem !important;
  }
  .gap-sp-blc96 {
    row-gap: 6.8571428571rem !important;
  }
  .gap-sp98 {
    gap: 7rem !important;
  }
  .gap-sp-blc98 {
    row-gap: 7rem !important;
  }
  .gap-sp100 {
    gap: 7.1428571429rem !important;
  }
  .gap-sp-blc100 {
    row-gap: 7.1428571429rem !important;
  }
  .gap-sp102 {
    gap: 7.2857142857rem !important;
  }
  .gap-sp-blc102 {
    row-gap: 7.2857142857rem !important;
  }
  .gap-sp104 {
    gap: 7.4285714286rem !important;
  }
  .gap-sp-blc104 {
    row-gap: 7.4285714286rem !important;
  }
  .gap-sp106 {
    gap: 7.5714285714rem !important;
  }
  .gap-sp-blc106 {
    row-gap: 7.5714285714rem !important;
  }
  .gap-sp108 {
    gap: 7.7142857143rem !important;
  }
  .gap-sp-blc108 {
    row-gap: 7.7142857143rem !important;
  }
  .gap-sp110 {
    gap: 7.8571428571rem !important;
  }
  .gap-sp-blc110 {
    row-gap: 7.8571428571rem !important;
  }
  .gap-sp112 {
    gap: 8rem !important;
  }
  .gap-sp-blc112 {
    row-gap: 8rem !important;
  }
  .gap-sp114 {
    gap: 8.1428571429rem !important;
  }
  .gap-sp-blc114 {
    row-gap: 8.1428571429rem !important;
  }
  .gap-sp116 {
    gap: 8.2857142857rem !important;
  }
  .gap-sp-blc116 {
    row-gap: 8.2857142857rem !important;
  }
  .gap-sp118 {
    gap: 8.4285714286rem !important;
  }
  .gap-sp-blc118 {
    row-gap: 8.4285714286rem !important;
  }
  .gap-sp120 {
    gap: 8.5714285714rem !important;
  }
  .gap-sp-blc120 {
    row-gap: 8.5714285714rem !important;
  }
}
/* ##############################################################################

		HEADER default

############################################################################## */
/* header
**************************************** */
.header {
  --btn-circle: 8.375rem;
  --btn-outer-line: 9.25rem ;
  --btn-outer-lin-ball-size: 0.5rem;
  --modal-gap: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .header {
    --btn-circle: 5.44375rem;
    --btn-outer-line: 6.0125rem ;
    --btn-outer-lin-ball-size: 0.4rem;
    --modal-gap: 0.5714285714rem;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 9.375rem;
  z-index: 9999;
  transition: var(--transit-default);
}
@media screen and (max-width: 67.5em) {
  .header {
    height: auto;
  }
}

.header--inner {
  height: 100%;
  padding-left: 4rem;
}
@media screen and (max-width: 67.5em) {
  .header--inner {
    padding-left: 2.1428571429rem;
  }
}

.template-contact-simple .header {
  position: absolute;
}

@media print, screen and (min-width: 67.5625em) {
  .header-sm {
    height: 9.375rem;
  }
}

/* logo
**************************************** */
.header--logo a,
.footer--logo a {
  display: inline-block;
}
@media (hover: hover) {
  .header--logo a:hover,
  .footer--logo a:hover {
    opacity: 0.7;
  }
}

.header--logo a:has(.sub) {
  display: flex;
  gap: 1.25rem;
  align-items: flex-end;
}
.header--logo .sub {
  white-space: nowrap;
  margin-bottom: 0.4375rem;
  font-family: var(--font-en-text);
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
  transition: var(--transit-default);
}
@media screen and (max-width: 67.5em) {
  .header--logo {
    position: fixed;
    width: 15.7142857143rem;
    top: calc(var(--btn-outer-line) * 0.5);
    left: 4%;
    transform: translateY(-25%);
    z-index: 10000;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .header--logo {
    width: 22.8571428571rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .header--logo a:has(.sub) {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5714285714rem;
  }
  .header--logo .sub {
    margin-bottom: 0;
  }
}

.header--logo img {
  height: auto;
  transition: var(--transit-default);
}
@media print, screen and (min-width: 67.5625em) {
  .header--logo img {
    width: 20.5rem !important;
  }
}

body:has(.sec_bg-wht.is-active) .header--logo .sub {
  color: var(--clr-bg-01);
}
body:has(.sec_bg-wht.is-active) .header--logo img {
  filter: brightness(0) saturate(100%) invert(5%) sepia(10%) saturate(2943%) hue-rotate(164deg) brightness(97%) contrast(96%);
}

/* gnav
**************************************** */
.gnav_btn {
  --gnav-clr-txt-active: var(--clr-bg-01);
  --gnav-clr-border-active: var(--clr-primary-dark);
  --gnav-clr-bg-active: linear-gradient(180deg, #FFF 18.27%, #D6D6D6 63.46%);
  --gnav-clr-ball-active: var(--clr-wht);
  font-family: var(--font-en-text);
  font-size: var(--font-size-txt-md);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
  position: fixed;
  top: 2rem;
  right: 2.5rem;
  z-index: 9999;
  cursor: pointer;
  transition: var(--transit-default);
}
.gnav_btn--txt {
  width: 100%;
  height: 1.6em;
  text-align: center;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.gnav_btn .open,
.gnav_btn .close {
  transition: var(--transit-default);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.gnav_btn .close {
  opacity: 0;
}
.gnav_btn:hover, .gnav_btn.is-active {
  color: var(--gnav-clr-txt-active);
}
.gnav_btn:hover .gnav_btn--inner::after, .gnav_btn.is-active .gnav_btn--inner::after {
  opacity: 1;
}
.gnav_btn:hover .gnav_btn--circle, .gnav_btn.is-active .gnav_btn--circle {
  border-color: var(--gnav-clr-border-active);
}
.gnav_btn:hover .gnav_btn--circle::before, .gnav_btn:hover .gnav_btn--circle::after, .gnav_btn.is-active .gnav_btn--circle::before, .gnav_btn.is-active .gnav_btn--circle::after {
  background-color: var(--gnav-clr-ball-active);
}
.gnav_btn.is-active .open {
  opacity: 0;
}
.gnav_btn.is-active .close {
  opacity: 1;
}
.gnav_btn.is-active + .gnav_modal {
  opacity: 1;
  pointer-events: unset;
  filter: blur(0);
}
@media screen and (max-width: 47.9375em) {
  .gnav_btn {
    font-size: var(--font-size-txt-md-sp);
    top: 1rem;
    right: 1rem;
  }
}

.gnav_modal {
  --modal-clr-bg: linear-gradient(180deg, #2da9d2 0%, #00A3DF 100%);
  --modal-clr-bg: #102535;
  width: 30.375rem;
  max-height: calc(100svh - var(--modal-gap) * 2);
  margin-top: var(--modal-gap);
  margin-right: var(--modal-gap);
  padding: 3.75rem 2rem 2rem;
  background: var(--modal-clr-bg);
  position: fixed;
  top: 0;
  right: 0;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  transition: var(--transit-default);
  filter: blur(1.5rem);
}
.gnav_modal--logo {
  max-width: 15.375rem;
  margin-bottom: 5.125rem;
}
@media screen and (max-width: 47.9375em) {
  .gnav_modal {
    width: calc(100% - var(--modal-gap) * 2);
    padding: calc(var(--btn-outer-line) + 1.1428571429rem) 1.4285714286rem 1.7142857143rem;
  }
  .gnav_modal--logo {
    display: none;
    margin-bottom: 3.4285714286rem;
  }
}

.gnav {
  --arrow-clr-bg: rgba(23, 128, 184, 0.50);
}
.gnav--common-menu-item {
  display: grid;
  row-gap: 1rem;
}
.gnav--common-menu-item a,
.gnav--common-menu-item span.gnav--link {
  display: block;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-txt-md);
  font-weight: var(--font-weight-bold);
  line-height: 1.7;
  letter-spacing: 0.03em;
}
.gnav--common-menu-item a {
  --icon-wid: 1.5rem;
  --icon-between: 0.5rem;
}
.gnav--common-menu-item a > span {
  display: block;
  padding-right: calc(var(--icon-wid) + var(--icon-between));
  position: relative;
}
.gnav--common-menu-item a > span::before, .gnav--common-menu-item a > span::after {
  content: "";
  width: var(--icon-wid);
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.gnav--common-menu-item a > span::before {
  background-color: var(--clr-wht);
  mask-image: url(../images/common/icon-arrow2.svg);
  mask-position: center;
  mask-size: 0.5em;
  mask-repeat: no-repeat;
  z-index: 1;
}
.gnav--common-menu-item a > span::after {
  border-radius: 50%;
  background-color: var(--arrow-clr-bg);
}
.gnav--common-menu-item a > span:has(.gnav--common-menu-item--img) {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-right: 0;
  font-size: var(--font-size-txt-md);
  line-height: 1.4;
  letter-spacing: 0.03em;
  transition: var(--transit-default);
}
.gnav--common-menu-item a > span:has(.gnav--common-menu-item--img)::before {
  content: none;
}
.gnav--common-menu-item a > span:has(.gnav--common-menu-item--img)::after {
  width: calc(100% + 1rem);
  height: calc(100% + 1rem);
  background-color: var(--clr-wht);
  border-radius: 0;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 0;
  opacity: 0;
  transition: var(--transit-default);
  transform: unset;
}
.gnav--common-menu-item a > span:has(.gnav--common-menu-item--img) > span {
  position: relative;
  z-index: 1;
}
.gnav--common-menu-item a > span:has(.gnav--common-menu-item--img) small {
  font-size: 0.875em;
}
@media (hover: hover) {
  .gnav--common-menu-item a > span:has(.gnav--common-menu-item--img):hover {
    color: var(--clr-bg-01);
  }
  .gnav--common-menu-item a > span:has(.gnav--common-menu-item--img):hover::after {
    opacity: 1;
  }
}
.gnav--common-menu-item a:not(:has(.gnav--common-menu-item--img)) > span {
  transition: var(--transit-default);
}
@media (hover: hover) {
  .gnav--common-menu-item a:not(:has(.gnav--common-menu-item--img)):hover > span {
    opacity: 0.7;
  }
  .gnav--common-menu-item a:not(:has(.gnav--common-menu-item--img)):hover > span::before {
    animation: arrow-move 0.2s linear;
  }
}
.gnav--common-menu-item > .menu-item > span.gnav--link,
.gnav--common-menu-item > .menu-item > a {
  margin-bottom: 1rem;
  font-size: var(--font-size-heading6);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid currentColor;
}
.gnav--common-menu-item > .menu-item > .sub-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1.5rem;
}
.gnav--common-menu-item--img {
  display: block;
  flex-shrink: 0;
  width: 4.5rem;
  aspect-ratio: 72/48;
}
.gnav--main-menu {
  margin-bottom: 1.5rem;
}
.gnav--main-menu > .menu-item:first-child > .sub-menu {
  gap: 1rem 2.5rem;
}
.gnav--recruit {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: var(--clr-wht);
}
.gnav--recruit--list a {
  --icon-between: 1.5rem;
  color: var(--clr-bg-01);
}
.gnav--recruit--list > .menu-item > .sub-menu {
  grid-template-columns: 11.875rem 1fr;
}
.gnav--recruit--list > .menu-item > .sub-menu a > span {
  width: 100%;
}
.gnav--btn {
  margin-bottom: 1.5rem;
}
.gnav--sub-menu {
  gap: 1rem 3.5rem;
  font-size: var(--font-size-txt-md);
}
.gnav--sub-menu a {
  transition: var(--transit-default);
}
@media (hover: hover) {
  .gnav--sub-menu a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 47.9375em) {
  .gnav--common-menu-item > .menu-item a,
  .gnav--common-menu-item > .menu-item span.gnav--link {
    font-size: var(--font-size-heading6-sp);
    padding-bottom: 0.2857142857rem;
  }
  .gnav--common-menu-item > .menu-item .sub-menu {
    column-gap: 0.5rem;
  }
  .gnav--common-menu-item > .menu-item .sub-menu a,
  .gnav--common-menu-item > .menu-item .sub-menu span.gnav--link {
    font-size: var(--font-size-txt-md-sp);
  }
  .gnav--common-menu-item a > span:has(.gnav--common-menu-item--img) small {
    font-size: 0.75em;
  }
  .gnav--logo {
    width: 14.2857142857rem;
  }
  .gnav--main-menu > .menu-item > .sub-menu {
    gap: 0.8571428571rem 1.1428571429rem;
  }
  .gnav--main-menu > .menu-item:first-child > .sub-menu {
    gap: 0.5714285714rem 0.2857142857rem;
  }
  .gnav--recruit--list > .menu-item > .sub-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gnav--recruit--list > .menu-item > .sub-menu a > span {
    --icon-between: 0.5rem;
    width: 100%;
  }
}

/* --- 採用用スタイル --- */
.recruit-style .gnav_btn {
  --gnav-clr-txt: var(--clr-wht);
  --gnav-clr-border: #4C4C4C;
  --gnav-clr-bg: linear-gradient(180deg, #4C4C4C 18.27%, #292929 63.46%);
  --gnav-clr-ball: #4C4C4C;
  --gnav-clr-line: #4C4C4C;
}
.recruit-style .gnav_modal {
  --modal-clr-bg: linear-gradient(147deg, #FFA151 47.39%, #FF8746 82.83%);
}
.recruit-style .gnav {
  --arrow-clr-bg: rgba(187, 35, 35, 0.5);
}
.recruit-style:has(#recruit-ttl:not(.is-active)) .header--logo .sub {
  color: var(--clr-wht);
}
.recruit-style:has(#recruit-ttl:not(.is-active)) .header--logo img {
  filter: var(--clr-wht) !important;
}
.recruit-style:has(#recruit-ttl:not(.is-active)):has(> .container > .inner > .main_column > .lps_wrap > *:first-child.sec_bg-wht) .anchor_link--list--side a {
  color: var(--clr-bg-01);
}

.saturn-ring {
  --saturn-ring-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201330%20525%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M1329.29%20176.024C1319.45%2092.1179%201209.38%2029.2821%201046.5%200C1062.36%2025.0802%201075.8%2051.8464%201086.48%2079.9491C1089.42%2080.6742%201092.34%2081.4254%201095.23%2082.1854C1149.74%2096.5382%201194.18%20115.547%201223.75%20137.142C1238.91%20148.219%201257.44%20165.358%201259.64%20184.131C1261.84%20202.904%201247.78%20223.844%201235.58%20238.1C1211.81%20265.915%201172.97%20294.62%201123.24%20321.107C1117.71%20324.051%201112.07%20326.968%201106.32%20329.825C1056.07%20354.94%20997.617%20377.155%20932.235%20395.972C855.624%20418.021%20773.245%20434.269%20687.378%20444.263C601.52%20454.265%20517.599%20457.384%20437.947%20453.531C371.6%20450.325%20310.925%20442.446%20257.193%20430.093C249.575%20428.346%20242.098%20426.503%20234.77%20424.572C180.258%20410.22%20135.816%20391.211%20106.25%20369.616C91.0947%20358.539%2072.5644%20341.4%2070.3642%20322.627C68.1553%20303.854%2082.224%20282.914%2094.4168%20268.658C118.189%20240.843%20157.029%20212.138%20206.756%20185.651C210.569%20183.616%20214.434%20181.606%20218.353%20179.615C222.315%20149.677%20229.239%20120.675%20238.82%2092.9041C84.9238%20159.016%20-9.20043%20246.163%200.713379%20330.734C11.0041%20418.484%20130.899%20483.189%20306.201%20510.567C418.101%20528.047%20552.573%20530.327%20695.521%20513.676C840.284%20496.817%20972.109%20463.079%201077.62%20419.567C1239.52%20352.809%201339.49%20263.058%201329.29%20176.024Z%22%2F%3E%3C%2Fsvg%3E");
  display: block;
  position: relative;
  aspect-ratio: 1330/525;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: var(--saturn-ring-mask);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: var(--saturn-ring-mask);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.saturn-ring__image,
.saturn-ring__gradient {
  display: block;
  position: absolute;
  max-width: none;
}

.saturn-ring__image {
  top: -63.4285714286%;
  left: -11.6165413534%;
  width: 123.2330827068%;
  height: 226.8571428571%;
  object-fit: cover;
}

.saturn-ring__gradient {
  top: -86.1904761905%;
  left: -3.7593984962%;
  width: 107.5187969925%;
  height: 272.380952381%;
  background: conic-gradient(from 90deg, rgb(1, 42, 58) 0deg, rgb(1, 42, 58) 153.387deg, rgb(1, 99, 120) 179.149deg, rgb(0, 127, 194) 208.639deg, rgb(3, 183, 255) 246.998deg, rgb(0, 127, 194) 284.386deg, rgb(1, 42, 58) 353.701deg, rgb(1, 42, 58) 360deg);
}

.saturn-ring .anime {
  animation: saturn-ring 10s linear 0s infinite;
}

.line-b {
  border-radius: 999px;
  rotate: 45deg;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: bottom left;
}

.line-b::before {
  content: "";
  position: absolute;
  transform: translateY(100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  animation: scroll_line 5s cubic-bezier(0.87, 0, 0.13, 1) infinite;
}

.circle-d {
  position: absolute;
  border-radius: 50%;
  aspect-ratio: 1;
  top: 0;
  left: 0;
}

.round-d {
  position: absolute;
  top: 0;
  left: 0;
}

.mosaic-d {
  position: absolute;
  top: 0;
  left: 0;
}

.img-pixelate img,
.img-pixelate canvas {
  display: block;
  width: 100% !important;
  height: auto;
  transition: var(--transit-default);
}
.img-pixelate img {
  opacity: 0;
}
.img-pixelate canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.img-pixelate {
  position: relative;
}

[style^="--svg-mask"] {
  -webkit-mask-image: var(--svg-mask);
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--svg-mask);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  pointer-events: none;
}

@media screen and (max-width: 47.9375em) {
  body.home {
    padding-top: 0;
  }
}

/* hero
********************************************** */
.hero {
  position: relative;
  padding-top: 1.1875rem;
  overflow-x: clip;
}
.hero > .grid-col2 {
  padding-inline: 4rem;
  max-width: 120rem;
  margin-inline: auto;
}

.hero--cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 3;
}

.hero--catch {
  font-size: 5.5rem;
  line-height: 1.4;
}
.hero--catch .marker_red {
  display: block;
}
.hero--catch .marker_red:first-child::after {
  width: 74.24071991%;
}
.hero--catch .marker_red:nth-child(2)::after {
  width: 49.4938132733%;
}

.hero .line-01 {
  margin-top: 9.9029166667%;
  margin-left: -1.2572916667%;
  width: 0.2083333333%;
  aspect-ratio: 0.025;
}
.hero .line-01::before {
  background: #757575;
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .hero .line-01 {
    width: 0.6770833333%;
    margin-top: 24.7572916667%;
    margin-left: -1.7287760417%;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero .line-01 {
    margin-top: 58%;
  }
}
.hero .line-02 {
  margin-top: 2.3804166667%;
  margin-left: 20.7963541667%;
  width: 1.25%;
  aspect-ratio: 0.1;
}
.hero .line-02::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 1s;
}
@media screen and (max-width: 47.9375em) {
  .hero .line-02 {
    width: 4.0625%;
    margin-top: 5.9510416667%;
    margin-left: 28.5949869792%;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .hero .line-02 {
    margin-top: -2.5%;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero .line-02 {
    margin-top: 100%;
    margin-left: -5%;
  }
}
.hero .line-03 {
  margin-top: 0.69125%;
  margin-left: 37.6041666667%;
  width: 0.2083333333%;
  aspect-ratio: 0.0125;
}
.hero .line-03::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0.2s;
}
@media screen and (max-width: 47.9375em) {
  .hero .line-03 {
    width: 0.6770833333%;
    margin-top: 1.728125%;
    margin-left: 51.7057291667%;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .hero .line-03 {
    margin-top: -5%;
  }
}
.hero .line-04 {
  margin-top: 9.4933333333%;
  margin-left: 89.2046875%;
  width: 0.625%;
  aspect-ratio: 0.0375;
}
.hero .line-04::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .hero .line-04 {
    width: 2.03125%;
    margin-top: 23.7333333333%;
    margin-left: 122.6564453125%;
  }
}
.hero .line-05 {
  margin-top: 37.2685416667%;
  margin-left: 3.35625%;
  width: 1.25%;
  aspect-ratio: 0.0666666667;
}
.hero .line-05::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0.2s;
}
@media screen and (max-width: 47.9375em) {
  .hero .line-05 {
    width: 4.0625%;
    margin-top: 93.1713541667%;
    margin-left: 4.61484375%;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero .line-05 {
    margin-top: 105%;
    margin-left: 15%;
  }
}
.hero .line-06 {
  margin-top: 35.9445833333%;
  margin-left: 23.2%;
  width: 0.625%;
  aspect-ratio: 0.075;
}
.hero .line-06::before {
  background: linear-gradient(180deg, #757575 0%, rgba(117, 117, 117, 0) 100%);
  animation-delay: 1.8s;
}
@media screen and (max-width: 47.9375em) {
  .hero .line-06 {
    width: 2.03125%;
    margin-top: 89.8614583333%;
    margin-left: 31.9%;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero .line-06 {
    margin-left: 50%;
  }
}
.hero .line-07 {
  margin-top: 41.00375%;
  margin-left: 50.23125%;
  width: 0.2083333333%;
  aspect-ratio: 0.0125;
}
.hero .line-07::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 2.4s;
}
@media screen and (max-width: 47.9375em) {
  .hero .line-07 {
    width: 0.6770833333%;
    margin-top: 102.509375%;
    margin-left: 69.06796875%;
  }
}
.hero .circle-01 {
  margin-top: 11.875%;
  margin-left: 32.4479166667%;
  width: 0.6770833333%;
  background: var(--clr-primary-light);
}
.hero .circle-02 {
  margin-top: 42.7604166667%;
  margin-left: 1.5625%;
  width: 3.3333333333%;
  background: var(--clr-primary-dark);
}
.hero .circle-03 {
  margin-top: 41.09375%;
  margin-left: 12.5520833333%;
  width: 0.8333333333%;
  background: #6698B3;
}
.hero .circle-04 {
  margin-top: 49.6875%;
  margin-left: 38.3854166667%;
  width: 0.78125%;
  background: #6698B3;
}
.hero .mosaic-01 {
  margin-top: 13.90625%;
  margin-left: 47.1875%;
  width: 3.3333333333%;
}
@media screen and (max-width: 47.9375em) {
  .hero .mosaic-01 {
    width: 10.8333333333%;
    margin-top: 34.765625%;
    margin-left: 64.8828125%;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .hero .mosaic-01 {
    margin-top: 5%;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero .mosaic-01 {
    margin-top: 15%;
    margin-left: 4%;
  }
}
.hero .mosaic-02 {
  margin-top: 32.4479166667%;
  margin-left: 50.5208333333%;
  width: 8.3333333333%;
}
@media screen and (max-width: 47.9375em) {
  .hero .mosaic-02 {
    width: 27.0833333333%;
    margin-top: 81.1197916667%;
    margin-left: 69.4661458333%;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero .mosaic-02 {
    margin-top: 45%;
    margin-left: 78%;
  }
}
.hero .mosaic-03 {
  margin-top: 30.0520833333%;
  margin-left: 94.4270833333%;
  width: 5%;
}
@media screen and (max-width: 47.9375em) {
  .hero .mosaic-03 {
    width: 16.25%;
    margin-top: 75.1302083333%;
    margin-left: 129.8372395833%;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero .mosaic-03 {
    margin-top: 52%;
    margin-left: -2.5%;
  }
}
.hero .round-01 {
  width: 41.7708333333%;
  aspect-ratio: 902/852;
  margin-top: 29.4270833333%;
  margin-left: -13.4895833333%;
}
.hero .round-01::before,
.hero .round-01::after {
  position: absolute;
  top: 0;
  left: 0;
}
.hero .round-01::before {
  content: "";
  width: 86.5336658354%;
  aspect-ratio: 694/700;
  border-radius: 43.75rem;
  background-color: #656BA4;
  filter: blur(18.75rem);
  margin-left: 13.4663341646%;
}
.hero .round-01::after {
  content: "";
  width: 86.6583541147%;
  aspect-ratio: 695/698;
  border-radius: 43.625rem;
  background-color: var(--clr-blk);
  filter: blur(20.625rem);
  margin-top: 19.2019950125%;
}

@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .hero--catch {
    font-size: 5rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero > .grid-col2 {
    display: block;
    padding-inline: 0;
  }
}

@media screen and (max-width: 47.9375em) {
  .hero--cont {
    width: 90%;
    margin-bottom: 2.2857142857rem;
    padding-top: 71.7948717949%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero--catch {
    font-size: 2.5rem;
    line-height: 2;
  }
}
.bg-round {
  border-radius: 50%;
  background: rgba(0, 174, 255, 0.6);
  filter: blur(20.625rem);
}

.scroll-bar {
  width: 100%;
  text-align: center;
  display: grid;
  gap: 0.5625rem;
  position: relative;
}
@media screen and (max-width: 47.9375em) {
  .scroll-bar {
    display: none;
  }
}

.scroll-bar::after {
  content: "";
  display: block;
  width: 1px;
  margin-inline: auto;
  height: 4rem;
  background: var(--clr-primary-default);
}

.scroll-bar span {
  margin: auto;
  color: var(--clr-primary-default);
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  text-decoration: none;
  text-transform: uppercase;
}
.scroll-bar .dot {
  width: 0.3125rem;
  height: 0.3125rem;
  margin-left: -0.15625rem;
  border-radius: 50%;
  background: var(--clr-primary-default);
  position: absolute;
  bottom: 0;
  left: 50%;
  animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
}
.scroll-bar .dot::before {
  content: "";
  width: 0.5625rem;
  height: 0.5625rem;
  border: 1px solid #22A8F0;
  border-radius: 50%;
  position: absolute;
  inset: -0.125rem;
}

.home_bnr {
  --btm: 2.8125rem;
  --rgt: 2.8125rem;
  --close-wid: 2.25rem;
  width: 28.125em;
  font-size: var(--font-size-txt-md);
  transition: var(--transit-default);
  margin-inline: auto var(--rgt);
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_bnr {
    margin-top: 1.1428571429rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_bnr {
    width: 90%;
    margin-inline: auto;
    margin-bottom: 1.4285714286rem;
  }
}
.home_bnr a {
  display: block;
  border: 1px solid #1B8AC5;
  background: rgba(0, 0, 0, 0.6) url(../images/top/hero-cta-bg.png);
  box-shadow: 0 -1px 0.875rem 0 rgba(27, 138, 197, 0.65);
  transition: var(--transit-default);
  position: relative;
}
.home_bnr a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: var(--transit-default);
}
.home_bnr a:hover {
  box-shadow: 0 -1px 0 0 rgba(27, 138, 197, 0.65);
}
.home_bnr a:hover::before {
  opacity: 1;
}

.hero_video {
  position: relative;
  --scale: 1;
}
.hero_video .saturn-ring {
  width: calc(83.125rem * var(--scale));
  height: calc(32.8125rem * var(--scale));
  position: absolute;
  top: calc(13rem * var(--scale));
  left: calc(-13.3125rem * var(--scale));
  opacity: 0.8;
}

.hero_video--item {
  width: calc(56.5625rem * var(--scale));
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.hero_video--item::after {
  content: "";
  width: 100%;
  aspect-ratio: 903/274;
  background: linear-gradient(180deg, rgba(26, 130, 218, 0) 0%, #1A82DA 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero_video--item video {
  width: 100%;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .hero_video {
    --scale: .7;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero_video {
    --scale: .5;
    position: absolute;
    top: 0;
    left: 0;
    translate: 1.7857142857rem -1.7857142857rem;
  }
}

.hero--contact {
  width: 28.125em;
  padding: 1.4375rem 2rem;
  border: 1px solid #1B8AC5;
  background: rgba(0, 0, 0, 0.6) url(../images/top/hero-cta-bg.png);
  box-shadow: 0 -1px 0.875rem 0 rgba(27, 138, 197, 0.65);
  backdrop-filter: blur(1.375rem);
  font-size: var(--font-size-txt-md);
  position: absolute;
  bottom: 1.25rem;
  right: 2.8125rem;
  z-index: 1;
}

.hero--contact--head {
  margin-bottom: 0.5rem;
  position: relative;
}
.hero--contact--head img {
  width: 6.25rem;
  aspect-ratio: 100/141;
  position: absolute;
  bottom: 0;
  right: -1.875rem;
}

.hero--contact--ttl {
  width: calc(100% - 5.25rem);
}
.hero--contact--ttl span {
  display: block;
}
.hero--contact--ttl .en {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  color: var(--clr-primary-default);
  font-family: var(--font-en-text);
  font-size: var(--font-size-txt-sm);
  font-weight: var(--font-weight-bold);
  line-height: 1.7;
  overflow: hidden;
  text-transform: uppercase;
}
.hero--contact--ttl .en span {
  flex-shrink: 0;
}
.hero--contact--ttl .en::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--clr-primary-default);
  display: block;
}
.hero--contact--ttl .font-jp {
  color: var(--clr-primary-light);
  white-space: nowrap;
  text-shadow: 0 0 1rem rgba(34, 168, 240, 0.7);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0;
}

.hero--contact .txt-md {
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .hero--contact {
    bottom: 0;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero--contact {
    width: 90%;
    margin-inline: auto;
    margin-bottom: 2.2857142857rem;
    padding: 1.4285714286rem;
    position: relative;
    bottom: auto;
    right: auto;
  }
}

@media screen and (max-width: 47.9375em) {
  .hero--contact--head {
    margin-bottom: 0.2857142857rem;
  }
  .hero--contact--head img {
    width: 5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .hero--contact--ttl {
    width: calc(100% - 2.8571428571rem);
  }
}
@media screen and (max-width: 47.9375em) {
  .hero--contact--body .txt-md {
    margin-bottom: 0.8571428571rem;
  }
}
/* home_intro
********************************************** */
.home_intro {
  overflow-x: clip;
  position: relative;
}
.home_intro > .inner {
  position: relative;
  z-index: 1;
}

.home_intro--ttl_en {
  margin-bottom: 3rem;
  width: 89.5625rem;
  aspect-ratio: 1433/309;
  background-color: #40606D;
  mask-image: var(--mask);
  mask-size: 100%;
  margin-inline: auto;
  position: relative;
}
@keyframes gradation_move {
  0% {
    translate: -85% 0;
  }
  100% {
    translate: 85% 0;
  }
}

.home_intro--ttl_en::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(26, 161, 196, 0) 25%, #1aa1c4 52%, rgba(26, 161, 196, 0) 75%);
  position: absolute;
  top: 0;
  left: 0;
  animation: gradation_move 2s linear 0s infinite;
}

.home_intro--txt {
  width: 60rem;
  margin-inline: auto;
  z-index: 1;
}

.home_intro--ltr_slide {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.home_intro--img01,
.home_intro--img02 {
  pointer-events: none;
}

.home_intro--img01 {
  width: 14.21875%;
  margin-top: 21.1458333333%;
  margin-right: 4.8817708333%;
  position: absolute;
  top: 0;
  right: 0;
}
.home_intro--img01 img {
  aspect-ratio: 273/307;
}

.home_intro--img02 {
  width: 14.5833333333%;
  margin-top: 44.8958333333%;
  margin-left: 2.5%;
  position: absolute;
  top: 0;
  left: 0;
}
.home_intro--img02 img {
  aspect-ratio: 280/231;
}

.home_intro .line-01 {
  margin-top: 14.575%;
  margin-left: -4.8875%;
  width: 0.625%;
  aspect-ratio: 0.03;
}
.home_intro .line-01::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .line-01 {
    width: 2.03125%;
    margin-top: 36.4375%;
    margin-left: -6.7203125%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro .line-01 {
    margin-top: -15%;
    margin-left: -20%;
  }
}
.home_intro .line-02 {
  margin-top: 4.1583333333%;
  margin-left: 88.3416666667%;
  width: 1.25%;
  aspect-ratio: 0.06;
}
.home_intro .line-02::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .line-02 {
    width: 4.0625%;
    margin-top: 10.3958333333%;
    margin-left: 121.4697916667%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro .line-02 {
    margin-top: 8%;
    margin-left: 80%;
  }
}
.home_intro .line-03 {
  margin-top: 36.31625%;
  margin-left: 84.1005208333%;
  width: 0.2083333333%;
  aspect-ratio: 0.0125;
}
.home_intro .line-03::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0.6s;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .line-03 {
    width: 0.6770833333%;
    margin-top: 90.790625%;
    margin-left: 115.6382161458%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro .line-03 {
    margin-top: 115%;
    margin-left: 60%;
  }
}
.home_intro .circle-01 {
  margin-top: 15.2604166667%;
  margin-left: 5.9375%;
  width: 1.71875%;
  background: var(--clr-primary-dark);
}
.home_intro .circle-02 {
  margin-top: 8.90625%;
  margin-left: 89.84375%;
  width: 1.25%;
  background: #6698B3;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .circle-02 {
    margin-left: 60%;
  }
}
.home_intro .mosaic-01 {
  margin-top: 10.2604166667%;
  margin-left: 12.5520833333%;
  width: 5%;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .mosaic-01 {
    width: 16.25%;
    margin-top: 25.6510416667%;
    margin-left: 17.2591145833%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro .mosaic-01 {
    margin-top: -2.5%;
    margin-left: 2.5%;
  }
}
.home_intro .mosaic-02 {
  margin-top: 15.3125%;
  margin-left: 83.1770833333%;
  width: 5%;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .mosaic-02 {
    width: 16.25%;
    margin-top: 38.28125%;
    margin-left: 114.3684895833%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro .mosaic-02 {
    margin-top: 34%;
    margin-left: 85%;
  }
}
.home_intro .mosaic-03 {
  margin-top: 36.8229166667%;
  margin-left: 0%;
  width: 6.6666666667%;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .mosaic-03 {
    width: 21.6666666667%;
    margin-top: 92.0572916667%;
    margin-left: 0%;
  }
}
.home_intro .mosaic-04 {
  margin-top: 52.1875%;
  margin-left: 94.4791666667%;
  width: 5.8333333333%;
}
@media screen and (max-width: 47.9375em) {
  .home_intro .mosaic-04 {
    width: 18.9583333333%;
    margin-top: 130.46875%;
    margin-left: 129.9088541667%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro .mosaic-04 {
    margin-top: 140%;
    margin-left: 80%;
  }
}
.home_intro .round-01 {
  width: 41.0416666667%;
  aspect-ratio: 794/788;
  margin-top: 5.78125%;
  border-radius: 47.75rem;
  background: rgba(0, 174, 255, 0.6);
  filter: blur(25rem);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}

@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_intro--ttl_en {
    width: 100%;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_intro--ltr_slide .ltr_item {
    width: 21.25rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro {
    padding-top: 5.7142857143rem;
    padding-bottom: 5.3846153846%;
  }
}

@media screen and (max-width: 47.9375em) {
  .home_intro--ttl_en {
    width: 100%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro--txt {
    width: 100%;
    padding: 1.1428571429rem;
    font-size: max(16px, 1.125rem);
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro--ltr_slide .ltr_item {
    width: 10rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro--img01 {
    width: 28%;
    margin-top: -5%;
    margin-right: 0;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro--img02 {
    width: 28.7179487179%;
    margin-top: 135.8974358974%;
    margin-left: 0;
  }
}
.home_intro--main {
  --scale: 1;
  --scale-ball: 1;
  overflow-y: clip;
  margin-top: -4.3125rem;
}

.home_intro--main--cicle-outer,
.home_intro--main--cicle-inner {
  position: absolute;
  top: 0;
  inset-inline: 0;
  margin: auto;
  border-radius: 50%;
  border: 0.625rem solid var(--clr-grid);
  opacity: 0.3;
}

.home_intro--main--cicle-outer::before,
.home_intro--main--cicle-outer::after,
.home_intro--main--cicle-inner::before,
.home_intro--main--cicle-inner::after {
  content: "";
  width: calc(3rem * var(--scale));
  height: calc(3rem * var(--scale));
  position: absolute;
  top: calc(50% - 1rem);
  left: 50%;
  background-color: var(--clr-primary-dark);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.home_intro--main--cicle-outer {
  width: calc(100.1875rem * var(--scale));
  height: calc(100.1875rem * var(--scale));
}

.home_intro--main--cicle-outer::before {
  animation: rotateAroundCircle02 50s linear infinite;
  animation-delay: -5s;
}

.home_intro--main--cicle-outer::after {
  animation: rotateAroundCircle02 50s linear infinite;
  animation-delay: -30s;
}

.home_intro--main--cicle-inner {
  width: calc(88.125rem * var(--scale));
  height: calc(88.125rem * var(--scale));
  margin-top: calc(6.0625rem * var(--scale));
}

.home_intro--main--cicle-inner::before {
  animation: rotateAroundCircle01 60s linear infinite;
}

.home_intro--main--cicle-inner::after {
  animation: rotateAroundCircle01 60s linear infinite;
  animation-delay: -30s;
}

.home_intro--main--map {
  --map-toggle-duration: .6s;
  width: calc(76.875rem * var(--scale));
  margin-inline: auto;
  position: relative;
  top: calc(11.5625rem * var(--scale));
  padding-bottom: calc(11.5625rem * var(--scale));
}

.home_intro--main--map--inner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--map-toggle-duration) ease, visibility 0s linear var(--map-toggle-duration);
}

.home_intro--main--map--inner:first-child .home_intro--main--map--pin {
  margin-top: 20.243902439%;
  margin-left: 47.7235772358%;
}

.home_intro--main--map--inner:nth-child(2) {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.home_intro--main--map--inner:nth-child(2) .home_intro--main--map--pin {
  margin-top: 26.3414634146%;
  margin-left: 50.325203252%;
}

.home_intro--main--map--inner.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  transition-delay: 0s;
}

.home_intro--main--map--pin {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(5.9375rem * var(--scale));
  height: calc(5.9375rem * var(--scale));
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: none;
}

.home_intro--main--map--pin::before {
  content: "";
  display: block;
  width: 2.0625rem;
  aspect-ratio: 1;
  background: #03F;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

.home_intro--main--map--pin::after {
  content: "";
  width: calc(100% + 1.9375rem);
  aspect-ratio: 1;
  background-color: rgba(0, 48, 239, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  animation: pin_scale 2s ease-out 0s infinite;
  transform-origin: center center;
}

@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_intro--main {
    --scale: .68;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_intro--main {
    --scale: .27;
    --scale-ball: .96;
    width: 114%;
    margin-top: -4%;
    margin-left: -7%;
    scale: 1.15;
  }
}

@media screen and (max-width: 47.9375em) {
  .home_intro--main--cicle-outer,
  .home_intro--main--cicle-inner {
    border-width: 0.2857142857rem;
  }
}
/* home_news
********************************************** */
.home_news {
  margin-top: 3.4375rem;
  position: relative;
  overflow-x: clip;
}
.home_news .line-01 {
  margin-top: -1.4885416667%;
  margin-left: -1.271875%;
  width: 2.0833333333%;
  aspect-ratio: 0.2;
}
.home_news .line-01::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .home_news .line-01 {
    width: 6.7708333333%;
    margin-top: -3.7213541667%;
    margin-left: -1.748828125%;
  }
}
.home_news .line-02 {
  margin-top: -1.6038020833%;
  margin-left: 93.90625%;
  width: 1.25%;
  aspect-ratio: 0.1411764706;
}
.home_news .line-02::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_news .line-02 {
    width: 4.0625%;
    margin-top: -4.0095052083%;
    margin-left: 129.12109375%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_news .line-02 {
    margin-top: -15%;
    margin-left: 80%;
  }
}
.home_news .line-03 {
  margin-top: 16.5020833333%;
  margin-left: 15.8333333333%;
  width: 0.625%;
  aspect-ratio: 0.03;
}
.home_news .line-03::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0.6s;
}
@media screen and (max-width: 47.9375em) {
  .home_news .line-03 {
    width: 2.03125%;
    margin-top: 41.2552083333%;
    margin-left: 21.7708333333%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_news .line-03 {
    margin-left: -25%;
    margin-top: auto;
    top: auto;
    bottom: 0;
  }
}
.home_news > .inner {
  max-width: 100.625rem;
}
@media screen and (max-width: 47.9375em) {
  .home_news > .inner {
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 47.9375em) {
  .home_news {
    margin-top: 0;
    overflow-x: clip;
  }
}
.home_news .posts-news {
  flex: 1;
}

.posts-news--ttl {
  display: block;
  position: relative;
  padding: 0;
  line-height: 1.2;
}
@media screen and (max-width: 47.9375em) {
  .posts-news--ttl {
    width: auto;
    font-size: var(--font-size-display-md-sp);
    float: none;
    height: auto;
    margin-bottom: 1.1428571429rem;
  }
}

.posts-news--subttl::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.875rem;
  height: 0.875rem;
  background-color: var(--clr-primary-default);
  border-radius: 50%;
  margin-right: 0.5rem;
}

/* home_scale-impact
********************************************** */
.home_scale-impact {
  padding-top: 5.625rem;
  margin-bottom: 5.75rem;
  overflow-x: clip;
}

.home_scale-impact::after {
  content: "";
  width: 53.5416666667%;
  aspect-ratio: 1028/848;
  margin-top: 9.4791666667%;
  background-color: var(--clr-bg-01);
  -webkit-mask-image: url(../images/top/scale-impact-logo.svg);
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/top/scale-impact-logo.svg);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  opacity: 0.5;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: 0;
}

.home_scale-impact--head,
.home_scale-impact--num_wrap,
.home_scale-impact--page_list {
  position: relative;
  z-index: 4;
}

.home_scale-impact--num_list {
  position: relative;
  z-index: 1;
}

.home_scale-impact--num--btn a {
  width: 30rem;
  margin-top: 3rem;
}

.home_scale-impact--num-sub_list {
  width: 100%;
}

.home_scale-impact--num-sub_item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-grow: 1;
  gap: 0.5rem;
  padding: 1.75rem 1.75rem;
  background: rgba(255, 255, 255, 0.9);
  color: var(--clr-num-blue);
  font-size: var(--font-size-display-md);
  line-height: 1.1;
  letter-spacing: -0.09em;
}
.home_scale-impact--num-sub_item > span:first-child {
  padding-right: 0.5em;
}
.home_scale-impact--num-sub_item > span:not(.fz32):not(.fz48):not(.fz56):not(.fz18):not(.fz72):not(.num) {
  font-size: 0.2333333333em;
}
.home_scale-impact--num-sub_item > span.fz18 {
  font-size: 0.15em;
  letter-spacing: -0.09em;
}
.home_scale-impact--num-sub_item > span.fz32 {
  font-size: 0.2666666667em;
  letter-spacing: -0.15em;
}
.home_scale-impact--num-sub_item > span.fz48 {
  font-size: 0.4em;
  letter-spacing: -0.15em;
  opacity: 0.8;
}
.home_scale-impact--num-sub_item > span.fz56 {
  font-size: 0.4666666667em;
}
.home_scale-impact--num-sub_item > span.fz72 {
  font-size: 0.6em;
  letter-spacing: -0.02em;
}

.home_scale-impact--num_item:not(:last-child) {
  margin-bottom: 1rem;
}

.home_scale-impact--num_item--ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 1rem;
  border: 1px solid #1780B8;
  background: linear-gradient(90deg, rgba(23, 128, 184, 0) 79.06%, rgba(23, 128, 184, 0.7) 100%), #0D405C;
  background-blend-mode: multiply;
  box-shadow: 0 0 16px 0 rgba(23, 128, 184, 0.25);
  color: var(--clr-primary-default);
  font-size: var(--font-size-heading5);
  letter-spacing: 0;
}
.home_scale-impact--num_item--ttl .ttl_jp::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.75rem;
  height: 0.75rem;
  background: radial-gradient(50% 50% at 50% 50%, #44CADE 50%, #008EBA 100%);
  border-radius: 50%;
  margin-right: 1rem;
}

.home_scale-impact--num_item .num {
  padding-right: 0.5rem;
  font-size: 7.5rem;
  letter-spacing: -0.09em;
  line-height: 0.9;
  background: linear-gradient(90deg, var(--clr-num-blue) 0%, #0444C8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home_scale-impact--num_item .num em {
  all: inherit;
  display: inline;
}
.home_scale-impact--num_item [data-counter]:not(.is-inview) {
  opacity: 0;
}

.home_scale-impact--page_list {
  display: grid;
  grid-template-columns: 43.5714285714% 1fr;
  gap: 1.5rem;
}

.home_scale-impact--page_item {
  padding: 2.375rem 2rem;
  background-color: var(--clr-bg-01);
  position: relative;
}

.home_scale-impact--page_item:nth-child(1) {
  grid-area: 1/1/3/2;
}

.home_scale-impact--page_item:nth-child(2) {
  grid-area: 1/2/2/3;
}

.home_scale-impact--page_item:nth-child(3) {
  grid-area: 2/2/3/3;
}

.home_scale-impact--page_item:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home_scale-impact--page_item:nth-child(2) img,
.home_scale-impact--page_item:nth-child(3) img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: var(--transit-default);
}
.home_scale-impact--page_item:nth-child(2) .arrow-lg,
.home_scale-impact--page_item:nth-child(3) .arrow-lg {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

.home_scale-impact--page_item--txtbox > * {
  position: relative;
  z-index: 2;
}

.home_scale-impact--page_item a.home_scale-impact--page_item--txtbox::before,
.home_scale-impact--page_item a.home_scale-impact--page_item--txtbox::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (hover: hover) {
  .home_scale-impact--page_item a.home_scale-impact--page_item--txtbox:hover img {
    opacity: 0.22;
  }
}

.home_scale-impact--page_item--ttl_en {
  color: #2E9AD4;
  text-align: right;
}

.home_scale-impact--page_item--ttl_en::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.75rem;
  height: 0.75rem;
  background: radial-gradient(50% 50% at 50% 50%, #44CADE 50%, #008EBA 100%);
  border-radius: 50%;
  margin-right: 0.5rem;
}

.home_scale-impact--page_item--ttl {
  position: relative;
  display: block;
  padding-left: 1.5rem;
}

.home_scale-impact--page_item--ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0.375rem;
  height: 100%;
  margin-right: 1rem;
  background: linear-gradient(#D42A2A 0%, #561313 100%);
}

.home_scale-impact--page_item--btn a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  min-height: 9.1875rem;
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0;
  border: 1px solid var(--clr-text-placeholder);
  background: var(--clr-bg-01);
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}
.home_scale-impact--page_item--btn a .arrow-lg {
  width: 6.25rem;
  height: 6.25rem;
  flex-shrink: 0;
}
.home_scale-impact--page_item--btn a .arrow-lg::after {
  background-color: #1780B8;
}
@media (hover: hover) {
  .home_scale-impact--page_item--btn a:hover {
    background-color: var(--clr-wht);
    color: var(--clr-primary-dark);
  }
  .home_scale-impact--page_item--btn a:hover .arrow-lg::after {
    background-color: var(--clr-primary-dark);
  }
}

.home_scale-impact--img01,
.home_scale-impact--img02,
.home_scale-impact--img03 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.home_scale-impact--img01 {
  width: 11.5625%;
  aspect-ratio: 222/230;
  margin-top: 5.2604166667%;
  margin-left: 77.5%;
}

.home_scale-impact--img02 {
  width: 7.4479166667%;
  aspect-ratio: 143/160;
  margin-top: 51.7708333333%;
  margin-left: 3.0729166667%;
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_scale-impact--img02 {
    margin-top: 34.2592592593%;
    margin-left: 0;
  }
}

.home_scale-impact--img03 {
  width: 13.5416666667%;
  aspect-ratio: 260/196;
  margin-top: 108.90625%;
  margin-left: 88.0208333333%;
}

.home_scale-impact .round-01,
.home_scale-impact .round-02 {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.home_scale-impact .round-01::before,
.home_scale-impact .round-01::after,
.home_scale-impact .round-02::before,
.home_scale-impact .round-02::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.home_scale-impact .round-01::before,
.home_scale-impact .round-01::after {
  background: rgba(0, 60, 255, 0.7);
  filter: blur(25rem);
}
.home_scale-impact .round-01::before {
  width: 20.8333333333%;
  aspect-ratio: 1;
  margin-top: 15.15625%;
  margin-left: 87.9166666667%;
}
.home_scale-impact .round-01::after {
  width: 41.0416666667%;
  aspect-ratio: 788/794;
  margin-top: 39.1145833333%;
  margin-left: -14.2708333333%;
}
.home_scale-impact .round-02::before,
.home_scale-impact .round-02::after {
  background: rgba(0, 26, 255, 0.4);
  filter: blur(20.625rem);
}
.home_scale-impact .round-02::before {
  width: 36.1979166667%;
  aspect-ratio: 695/698;
  margin-top: 10.1041666667%;
  margin-left: 74.6354166667%;
}
.home_scale-impact .round-02::after {
  width: 36.1979166667%;
  aspect-ratio: 695/698;
  margin-top: 80.3645833333%;
  margin-left: -15.46875%;
  opacity: 0.1;
  background: rgba(45, 105, 255, 0.5);
}
.home_scale-impact .line-01 {
  margin-top: 20.2225%;
  margin-left: 0%;
  width: 0.2083333333%;
  aspect-ratio: 0.0125;
}
.home_scale-impact .line-01::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-01 {
    width: 0.6770833333%;
    margin-top: 50.55625%;
    margin-left: 0%;
  }
}
.home_scale-impact .line-02 {
  margin-top: -3.84%;
  margin-left: 67.1354166667%;
  width: 0.4166666667%;
  aspect-ratio: 0.025;
}
.home_scale-impact .line-02::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-02 {
    width: 1.3541666667%;
    margin-top: -9.6%;
    margin-left: 92.3111979167%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-02 {
    margin-left: 40%;
  }
}
.home_scale-impact .line-03 {
  margin-top: 6.6885416667%;
  margin-left: 95.1041666667%;
  width: 0.8333333333%;
  aspect-ratio: 0.08;
}
.home_scale-impact .line-03::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0.8s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-03 {
    width: 2.7083333333%;
    margin-top: 16.7213541667%;
    margin-left: 130.7682291667%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-03 {
    margin-left: 80%;
  }
}
.home_scale-impact .line-04 {
  margin-top: 14.91%;
  margin-left: 87.96875%;
  width: 0.2083333333%;
  aspect-ratio: 0.0125;
}
.home_scale-impact .line-04::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-04 {
    width: 0.6770833333%;
    margin-top: 37.275%;
    margin-left: 120.95703125%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-04 {
    margin-left: 80%;
  }
}
.home_scale-impact .line-05 {
  margin-top: 42.7822916667%;
  margin-left: 2.2916666667%;
  width: 2.0833333333%;
  aspect-ratio: 0.2;
}
.home_scale-impact .line-05::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-05 {
    width: 6.7708333333%;
    margin-top: 106.9557291667%;
    margin-left: 3.1510416667%;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_scale-impact .line-05 {
    margin-left: -1%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-05 {
    margin-top: 80%;
    margin-left: 30%;
  }
}
.home_scale-impact .line-06 {
  margin-top: 50.8961979167%;
  margin-left: 87.96875%;
  width: 1.25%;
  aspect-ratio: 0.1411764706;
}
.home_scale-impact .line-06::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0.8s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-06 {
    width: 4.0625%;
    margin-top: 127.2404947917%;
    margin-left: 120.95703125%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-06 {
    margin-top: 390%;
    margin-left: 60%;
  }
}
.home_scale-impact .line-07 {
  margin-top: 47.3875%;
  margin-left: 88.3854166667%;
  width: 0.2083333333%;
  aspect-ratio: 0.01;
}
.home_scale-impact .line-07::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-07 {
    width: 0.6770833333%;
    margin-top: 118.46875%;
    margin-left: 121.5299479167%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-07 {
    margin-top: 390%;
    margin-left: 80%;
  }
}
.home_scale-impact .line-08 {
  margin-top: 89.2625%;
  margin-left: 1.1979166667%;
  width: 0.8333333333%;
  aspect-ratio: 0.04;
}
.home_scale-impact .line-08::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-08 {
    width: 2.7083333333%;
    margin-top: 223.15625%;
    margin-left: 1.6471354167%;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_scale-impact .line-08 {
    margin-left: -1%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact .line-08 {
    margin-left: -30%;
  }
}
.home_scale-impact .circle-01 {
  margin-top: 8.6979166667%;
  margin-left: 6.25%;
  width: 2.1354166667%;
  background: #6698B3;
}
.home_scale-impact .circle-01 {
  margin-top: 8.6979166667%;
  margin-left: 6.25%;
  width: 2.1354166667%;
  background: #6698B3;
}
.home_scale-impact .circle-02 {
  opacity: 0.8;
  margin-top: 12.3958333333%;
  margin-left: 59.375%;
  width: 1.4583333333%;
  background: linear-gradient(0deg, rgba(27, 137, 196, 0.6) 0%, rgba(27, 137, 196, 0.6) 100%);
}
.home_scale-impact .circle-03 {
  margin-top: 80.8854166667%;
  margin-left: 6.5625%;
  width: 3.75%;
  background: #6698B3;
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_scale-impact .circle-03 {
    margin-left: -1%;
  }
}
.home_scale-impact .circle-04 {
  margin-top: 90.625%;
  margin-left: 94.4270833333%;
  width: 1.6666666667%;
  background: linear-gradient(0deg, rgba(27, 137, 196, 0.6) 0%, rgba(27, 137, 196, 0.6) 100%);
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_scale-impact .circle-04 {
    margin-left: 96%;
  }
}

@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_scale-impact--num-sub_item {
    font-size: 5rem;
  }
  .home_scale-impact--num-sub_item > span.num {
    font-size: 1em;
  }
  .home_scale-impact--num-sub_item > span.num span {
    font-size: 1em;
  }
  .home_scale-impact--num-sub_item > span:not(.fz32):not(.fz48):not(.fz56):not(.fz18):not(.fz72):not(.num) {
    font-size: 0.2666666667em;
  }
  .home_scale-impact--num-sub_item > span.fz18 {
    font-size: 0.3047619048em;
  }
  .home_scale-impact--num-sub_item > span.fz32 {
    font-size: 0.3047619048em;
  }
  .home_scale-impact--num-sub_item > span.fz48 {
    font-size: 0.4571428571em;
  }
  .home_scale-impact--num-sub_item > span.fz56 {
    font-size: 0.5333333333em;
  }
  .home_scale-impact--num-sub_item > span.fz72 {
    font-size: 0.6857142857em;
  }
}
@media screen and (min-width: 48em) {
  .home_scale-impact--num_item:nth-child(4) .home_scale-impact--num-sub_item {
    padding-inline: 0;
  }
}
@media screen and (min-width: 48em) {
  .home_scale-impact--num_item:first-child .home_scale-impact--num-sub_list,
  .home_scale-impact--num_item:nth-child(2) .home_scale-impact--num-sub_list,
  .home_scale-impact--num_item:nth-child(3) .home_scale-impact--num-sub_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact::after {
    width: 90%;
    margin-top: 57.6923076923%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--num_item--ttl {
    font-size: var(--font-size-heading6-sp);
  }
  .home_scale-impact--num_item--ttl .sub {
    font-size: var(--font-size-txt-md-sp);
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--num-sub_list {
    flex-wrap: wrap;
    gap: 0.2857142857rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--num_item--ttl .ttl_jp {
    display: flex;
  }
  .home_scale-impact--num_item--ttl .ttl_jp::before {
    flex-shrink: 0;
    margin-top: 0.25em;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--num-sub_item {
    width: 100%;
    font-size: 3.75rem;
    padding: 0.5714285714rem;
    gap: 0.2857142857rem;
  }
  .home_scale-impact--num-sub_item > span.num {
    font-size: 1em;
  }
  .home_scale-impact--num-sub_item > span.num span {
    font-size: 1em;
  }
  .home_scale-impact--num-sub_item > span.num span.fz56 {
    font-size: 0.5333333333em;
  }
  .home_scale-impact--num-sub_item > span.num span.fz48 {
    font-size: 0.4571428571em;
  }
  .home_scale-impact--num-sub_item > span:not(.fz32):not(.fz48):not(.fz56):not(.fz18):not(.fz72):not(.num) {
    font-size: 0.2666666667em;
  }
  .home_scale-impact--num-sub_item > span.fz18 {
    font-size: 0.3047619048em;
  }
  .home_scale-impact--num-sub_item > span.fz32 {
    font-size: 0.3047619048em;
  }
  .home_scale-impact--num-sub_item > span.fz48 {
    font-size: 0.4571428571em;
  }
  .home_scale-impact--num-sub_item > span.fz56 {
    font-size: 0.5333333333em;
  }
  .home_scale-impact--num-sub_item > span.fz72 {
    font-size: 0.6857142857em;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--num--btn a {
    width: 100%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--page_list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5714285714rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--page_item {
    width: 100%;
    padding: 1.7142857143rem;
  }
  .home_scale-impact--page_item--ttl_en {
    margin-bottom: 1.7142857143rem;
  }
  .home_scale-impact--page_item--ttl {
    margin-bottom: 1.4285714286rem;
    font-size: var(--font-size-heading3-sp);
  }
  .home_scale-impact--page_item--txtbox {
    margin-bottom: 1.4285714286rem;
  }
  .home_scale-impact--page_item--btn a {
    min-height: auto;
    padding-block: 0.8571428571rem;
    font-size: var(--font-size-heading5-sp);
  }
  .home_scale-impact--page_item--btn a .arrow-lg {
    width: 3.8571428571rem;
    height: 3.8571428571rem;
  }
  .home_scale-impact--page_item--txt {
    padding-right: 5rem;
  }
  .home_scale-impact--page_item:nth-child(2) .arrow-lg,
  .home_scale-impact--page_item:nth-child(3) .arrow-lg {
    width: 3.8571428571rem;
    height: 3.8571428571rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--ltr_slide .ltr_item {
    width: 17.1428571429rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--img01 {
    width: 25.6153846154%;
    margin-top: 15.3846153846%;
    margin-left: 71.7948717949%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--img02 {
    width: 16.5%;
    margin-top: 405.1282051282%;
    margin-left: 0%;
    z-index: 6;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_scale-impact--img03 {
    width: 26.6666666667%;
    top: auto;
    bottom: 0;
    right: 0;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: 51.2820512821%;
    margin-right: 2.0512820513%;
    z-index: 6;
  }
}
/* home_basement
********************************************** */
.home_basement {
  margin-block: 2.5rem;
}
.home_basement > .inner {
  height: auto;
  overflow: clip;
  position: relative;
  background: linear-gradient(180deg, rgba(45, 103, 207, 0) 57.86%, rgba(45, 103, 207, 0.7) 67.72%), url("../images/top/basement-bg.jpg") lightgray 50%/cover no-repeat;
  --mask-top-hgt: 4.375rem;
  --mask-btm-hgt: 5rem;
  -webkit-mask-image: url("../images/top/basement-mask-top.svg"), linear-gradient(#fff, #fff), url("../images/top/basement-mask-btm.svg");
  -webkit-mask-size: auto calc(var(--mask-top-hgt) + 1px), 100% calc(100% - var(--mask-top-hgt) - var(--mask-btm-hgt)), auto calc(var(--mask-btm-hgt) + 1px);
  -webkit-mask-repeat: repeat-x, no-repeat, repeat-x;
  -webkit-mask-position: 100% 1px, 0px var(--mask-top-hgt), 0px calc(100% - 1px);
  mask-image: url("../images/top/basement-mask-top.svg"), linear-gradient(#fff, #fff), url("../images/top/basement-mask-btm.svg");
  mask-size: auto calc(var(--mask-top-hgt) + 1px), 100% calc(100% - var(--mask-top-hgt) - var(--mask-btm-hgt)), auto calc(var(--mask-btm-hgt) + 1px);
  mask-repeat: repeat-x, no-repeat, repeat-x;
  mask-position: 100% 1px, 0px var(--mask-top-hgt), 0px calc(100% - 1px);
}
.home_basement .splide__track {
  overflow: visible;
}

.home_basement--ltr_slide {
  position: absolute;
  top: 30rem;
}

.home_basement--list {
  margin-bottom: 4.5625rem;
}

.home_basement--items {
  max-width: calc(1680 * var(--rem-pc));
}
.home_basement--items > .inner {
  padding-block: 5.5rem 1.0625rem;
  position: relative;
  z-index: 1;
}

.home_basement--item {
  display: flex;
  gap: 7.1875rem;
}

.home_basement--item--ttl span:first-child {
  flex-shrink: 0;
}

.home_basement--item_img {
  width: 38.8888888889%;
  flex-shrink: 0;
  perspective: 75rem;
}
.home_basement--item_img img {
  transform: rotateY(var(--rotateY, 0)) rotateX(var(--rotateX, 0));
  transform-style: preserve-3d;
}

.home_basement--item_txt {
  max-width: 35rem;
  min-height: 7.5rem;
}

.home_basement--num {
  width: 20rem;
  height: 20rem;
  padding-top: 3.8125rem;
  text-align: center;
  border: 1.25rem solid var(--clr-wht);
  border-radius: 50%;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  translate: 4.375rem 5.9375rem;
}
.home_basement--num span {
  display: block;
  line-height: inherit;
  translate: -1.25rem 0;
}

.home_basement .splide__pagination {
  justify-content: start;
  margin-top: 2rem;
  gap: 0.5rem;
}
.home_basement .splide__pagination li {
  display: flex;
  align-items: center;
  height: 1.5rem;
  position: relative;
}
.home_basement .splide__pagination li:has(.is-active) {
  padding-right: 6rem;
  transition: 6s ease;
}
.home_basement .splide__pagination li:has(.is-active)::before {
  transform: scaleX(1);
  transition: 5s ease;
  transition-delay: 0.5s;
}
.home_basement .splide__pagination li::before {
  content: "";
  width: 5rem;
  height: 0.0625rem;
  background-color: var(--clr-wht);
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: scaleX(0);
  transform-origin: left;
}
.home_basement .splide__pagination li::after {
  content: "";
  width: 0rem;
  height: 0.0625rem;
  margin: auto;
  inset-block: 0;
  position: absolute;
  left: 2rem;
  transition: 0.5s ease;
}
.home_basement .splide__pagination li button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.625rem;
  height: 0.625rem;
  margin-inline: 0.21875rem;
  position: relative;
}
.home_basement .splide__pagination li button.splide__pagination__page.is-active::before {
  opacity: 1;
}
.home_basement .splide__pagination li button.splide__pagination__page.is-active::after {
  width: 0.625rem;
  height: 0.625rem;
}
.home_basement .splide__pagination li button::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid var(--clr-wht);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: var(--transit-default);
}
.home_basement .splide__pagination li button::after {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--clr-wht);
  border-radius: 50%;
  display: block;
  transition: var(--transit-default);
}

.home_basement--btm_en {
  bottom: 2.5rem;
  inset-inline: 0;
  margin: auto;
}

.home_basement--map {
  width: 52.619047619%;
  aspect-ratio: 884/1288;
  background: url(../images/top/basement-map.svg) no-repeat top left/contain;
  position: absolute;
  top: 0;
  right: 0;
  translate: 11.8125rem -14.6875rem;
}

.home_basement--dots-01,
.home_basement--dots-02,
.home_basement--dots-03 {
  width: 2.036199095%;
  aspect-ratio: 1;
  transition: var(--transit-default);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  transform-origin: center;
}

.home_basement--dots-01::before,
.home_basement--dots-02::before,
.home_basement--dots-03::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0083E0;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}

@keyframes mark-scale {
  0% {
    scale: 0.3 0.3;
    opacity: 1;
  }
  80% {
    scale: 1 1;
    opacity: 1;
  }
  100% {
    scale: 1 1;
    opacity: 0;
  }
}

.home_basement--dots-01::after,
.home_basement--dots-02::after,
.home_basement--dots-03::after {
  content: "";
  width: 287.8787878788%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(36, 184, 235, 0.2);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0;
  z-index: -1;
  transform-origin: center;
}

.home_basement--dots-01 {
  margin-top: 75.4524886878%;
  margin-right: 41.8552036199%;
}

.home_basement:has(.is-slide-1) .home_basement--dots-01 {
  width: 3.7330316742%;
}

.home_basement:has(.is-slide-1) .home_basement--dots-01::after {
  animation: mark-scale 3s ease-in-out infinite;
}

.home_basement--dots-02 {
  margin-top: 77.4886877828%;
  margin-right: 34.1628959276%;
}

.home_basement:has(.is-slide-2) .home_basement--dots-02 {
  width: 3.7330316742%;
}

.home_basement:has(.is-slide-2) .home_basement--dots-02::after {
  animation: mark-scale 3s ease-in-out infinite;
}

.home_basement--dots-03 {
  margin-top: 85.9728506787%;
  margin-right: 39.9321266968%;
}

.home_basement:has(.is-slide-3) .home_basement--dots-03 {
  width: 3.7330316742%;
}

.home_basement:has(.is-slide-3) .home_basement--dots-03::after {
  animation: mark-scale 3s ease-in-out infinite;
}

.home_basement--grid-icon {
  position: absolute;
  top: 5.75rem;
  right: 6rem;
}

.home_basement--move-dots {
  width: 100%;
  height: 27.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 47.9375em) {
  .home_basement--items {
    padding-top: 1.4285714286rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--item {
    display: block;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--item_img {
    width: 100%;
    margin-bottom: 1.7142857143rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--item--ttl {
    flex-wrap: wrap;
    gap: 0.5714285714rem;
    margin-bottom: 1.7142857143rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--list {
    margin-top: -6.4285714286rem;
    margin-bottom: 2.5714285714rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--num {
    width: 12.8571428571rem;
    height: 12.8571428571rem;
    margin-inline: auto 0;
    padding-top: 1.2857142857rem;
    padding-left: 1.5714285714rem;
    font-size: 4.2857142857rem;
    border-width: 0.5714285714rem;
    position: static;
    translate: calc(8% + 2.8571428571rem);
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--move-dots {
    height: 75%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--grid-icon {
    width: 4.2857142857rem;
    top: 4.2857142857rem;
    right: 7%;
  }
  .home_basement--grid-icon svg {
    width: 100% !important;
    height: 100%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--head > .fz40 {
    font-size: var(--font-size-heading2-sp);
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--map {
    width: 100%;
    top: auto;
    bottom: 0;
    translate: 6.4285714286rem 10.7142857143rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_basement--item--ttl {
    font-size: var(--font-size-heading1-sp);
  }
  .home_basement--item--ttl .fz24 {
    font-size: var(--font-size-heading5-sp);
  }
}
/* home_works
********************************************** */
.home_works {
  padding-block: 7.875rem 7.0625rem;
  overflow-x: clip;
}
.home_works > .inner {
  max-width: calc(1400 * var(--rem-pc));
  position: relative;
  z-index: 1;
}
.home_works .splide {
  --safe-right: max(0px, calc((100dvw - calc(1400 * var(--rem-pc))) * .5));
  --extend: min(var(--bleed), var(--safe-right));
  width: calc(100% + var(--extend));
}
.home_works .splide__list {
  padding-right: 6.25rem !important;
}
.home_works .splide__slide {
  margin-right: 1.25rem;
}
@media screen and (min-width: 48em) {
  .home_works .splide__slide {
    width: 33.333%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_works .splide__slide {
    width: 100%;
    margin-right: 1.1428571429rem;
  }
}
.home_works {
  --arrow_w: 60;
}
@media screen and (max-width: 47.9375em) {
  .home_works {
    --arrow_w: 32;
  }
}
.home_works .splide__arrows {
  position: absolute;
  right: 25rem;
  bottom: calc(100% + 3.5rem);
  display: flex;
  gap: 0.75rem;
}
@media print, screen and (min-width: 48em) {
  .home_works .works_slider:not(:has(.splide__list > .splide__slide:nth-child(4))) .splide__arrows {
    display: none;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_works .works_slider:not(:has(.splide__list > .splide__slide:nth-child(2))) .splide__arrows {
    display: none;
  }
}
.home_works .splide__arrow {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.25rem;
  height: 6.25rem;
  text-decoration: none;
  background-color: #1780B8;
  border-radius: 50%;
  filter: drop-shadow(0 0 2rem rgba(0, 0, 0, 0.5));
  transition: var(--transit-default);
  cursor: pointer;
  z-index: 1;
}
.home_works .splide__arrow::after {
  content: "";
  background-color: var(--clr-wht);
  transition: var(--transit-default);
  width: 1.25rem;
  height: 1.25rem;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/arrow_forward.svg);
}
@media (hover: hover) {
  .home_works .splide__arrow:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .home_works .splide__arrow:hover::after {
    background-color: rgba(255, 255, 255, 0.4);
  }
}
.home_works .splide__arrow--prev::after {
  rotate: 180deg;
}
.home_works .works_slider-progress {
  width: 70rem;
  background: #ccc;
  border-radius: 999px;
}
.home_works .works_slider-progress-bar {
  background: #1FA7EF;
  border-radius: 999px;
  height: 0.5rem;
  transition: width 400ms ease;
  width: 0;
}
.home_works .line-b {
  z-index: 0;
}
.home_works .line-01 {
  margin-top: 8.1206770833%;
  margin-left: 2.2395833333%;
  width: 1.0416666667%;
  aspect-ratio: 0.0740740741;
}
.home_works .line-01::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-01 {
    width: 3.3854166667%;
    margin-top: 20.3016927083%;
    margin-left: 3.0794270833%;
  }
}
.home_works .line-02 {
  margin-top: 3.5114583333%;
  margin-left: 56.1979166667%;
  width: 2.0833333333%;
  aspect-ratio: 0.2;
}
.home_works .line-02::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0.8s;
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-02 {
    width: 6.7708333333%;
    margin-top: 8.7786458333%;
    margin-left: 77.2721354167%;
  }
}
.home_works .line-03 {
  margin-top: -1.7566666667%;
  margin-left: 69.7776041667%;
  width: 0.4166666667%;
  aspect-ratio: 0.025;
}
.home_works .line-03::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-03 {
    width: 1.3541666667%;
    margin-top: -4.3916666667%;
    margin-left: 95.9442057292%;
  }
}
.home_works .line-04 {
  margin-top: 6.6885416667%;
  margin-left: 95.134375%;
  width: 0.8333333333%;
  aspect-ratio: 0.08;
}
.home_works .line-04::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 1.6s;
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-04 {
    width: 2.7083333333%;
    margin-top: 16.7213541667%;
    margin-left: 130.809765625%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-04 {
    margin-top: 60%;
    margin-left: 85%;
  }
}
.home_works .line-05 {
  margin-top: 41.740625%;
  margin-left: 2.321875%;
  width: 2.0833333333%;
  aspect-ratio: 0.2;
}
.home_works .line-05::before {
  background: linear-gradient(180deg, #0D00FF 0%, rgba(13, 0, 255, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-05 {
    width: 6.7708333333%;
    margin-top: 104.3515625%;
    margin-left: 3.192578125%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-05 {
    margin-left: -15%;
  }
}
.home_works .line-06 {
  margin-top: 46.8145833333%;
  margin-left: 75.3208333333%;
  width: 0.2083333333%;
  aspect-ratio: 0.01;
}
.home_works .line-06::before {
  background: linear-gradient(180deg, #00C5FF 0%, rgba(0, 197, 255, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_works .line-06 {
    width: 0.6770833333%;
    margin-top: 117.0364583333%;
    margin-left: 103.5661458333%;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .home_works .splide {
    width: calc(100% + 54px);
  }
  .home_works .splide__arrows {
    right: 5%;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_works {
    padding-block: 3.4285714286rem 3.4285714286rem;
  }
  .home_works > .inner > .fz48 {
    font-size: var(--font-size-heading2-sp);
  }
  .home_works .splide {
    --safe-right: max(0px, calc((100dvw - 86%) * .5));
    --extend: min(var(--bleed), var(--safe-right));
    width: calc(100% + var(--extend));
    padding-top: 4.5714285714rem;
  }
  .home_works .splide__arrows {
    right: 7%;
    bottom: auto;
    top: 0;
  }
  .home_works .splide__arrows .splide__arrow {
    width: 3.4285714286rem;
    height: 3.4285714286rem;
  }
  .home_works .works_slider-progress {
    width: 16.25rem;
  }
}

/* home_recruit
********************************************** */
.home_recruit {
  padding-bottom: 12.3125rem;
  position: relative;
}

.home_recruit--ltr_slide {
  position: relative;
  z-index: 1;
}

.home_recruit .line-01 {
  margin-top: 11.3464583333%;
  margin-left: 6.1458333333%;
  width: 0.7291666667%;
  aspect-ratio: 0.1166666667;
}
.home_recruit .line-01::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-01 {
    width: 2.3697916667%;
    margin-top: 28.3661458333%;
    margin-left: 8.4505208333%;
  }
}
.home_recruit .line-02 {
  margin-top: 0.4829166667%;
  margin-left: 21.7708333333%;
  width: 0.7291666667%;
  aspect-ratio: 0.04375;
}
.home_recruit .line-02::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-02 {
    width: 2.3697916667%;
    margin-top: 1.2072916667%;
    margin-left: 29.9348958333%;
  }
}
.home_recruit .line-03 {
  margin-top: 26.1375%;
  margin-left: -8.9583333333%;
  width: 0.2083333333%;
  aspect-ratio: 0.01;
}
.home_recruit .line-03::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.8s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-03 {
    width: 0.6770833333%;
    margin-top: 65.34375%;
    margin-left: -12.3177083333%;
  }
}
.home_recruit .line-04 {
  margin-top: 44.6797916667%;
  margin-left: 44.4270833333%;
  width: 1.6666666667%;
  aspect-ratio: 0.2666666667;
}
.home_recruit .line-04::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-04 {
    width: 5.4166666667%;
    margin-top: 111.6994791667%;
    margin-left: 61.0872395833%;
  }
}
.home_recruit .line-05 {
  margin-top: 38.928125%;
  margin-left: 52.2916666667%;
  width: 0.7291666667%;
  aspect-ratio: 0.07;
}
.home_recruit .line-05::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-05 {
    width: 2.3697916667%;
    margin-top: 97.3203125%;
    margin-left: 71.9010416667%;
  }
}
.home_recruit .line-06 {
  margin-top: 80.73625%;
  margin-left: 1.3020833333%;
  width: 0.2083333333%;
  aspect-ratio: 0.025;
}
.home_recruit .line-06::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 0.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-06 {
    width: 0.6770833333%;
    margin-top: 201.840625%;
    margin-left: 1.7903645833%;
  }
}
.home_recruit .line-07 {
  margin-top: 90.4721354167%;
  margin-left: 28.9583333333%;
  width: 2.9166666667%;
  aspect-ratio: 0.3733333333;
}
.home_recruit .line-07::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 0.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-07 {
    width: 9.4791666667%;
    margin-top: 226.1803385417%;
    margin-left: 39.8177083333%;
  }
}
.home_recruit .line-08 {
  margin-top: 69.6791666667%;
  margin-left: 88.3333333333%;
  width: 1.25%;
  aspect-ratio: 0.06;
}
.home_recruit .line-08::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 0.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-08 {
    width: 4.0625%;
    margin-top: 174.1979166667%;
    margin-left: 121.4583333333%;
  }
}
.home_recruit .line-09 {
  margin-top: 107.26515625%;
  margin-left: 59.4791666667%;
  width: 0.2083333333%;
  aspect-ratio: 0.019047619;
}
.home_recruit .line-09::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.2s;
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .line-09 {
    width: 0.6770833333%;
    margin-top: 268.162890625%;
    margin-left: 81.7838541667%;
  }
}
.home_recruit > .inner {
  max-width: calc(1577 * var(--rem-pc));
  position: relative;
  z-index: 1;
}
.home_recruit .txt-grad {
  background: linear-gradient(147deg, #F1FE62 11.64%, #B9F21D 47.39%, #E7F21D 82.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home_recruit .dec-01,
.home_recruit .dec-02 {
  position: absolute;
  top: 0;
  z-index: 0;
}
.home_recruit .dec-01 {
  width: 48.28125%;
  aspect-ratio: 927/919;
  margin-top: 45.625%;
  margin-left: -16.40625%;
  background: linear-gradient(147deg, rgba(185, 242, 29, 0.8) 47.39%, rgba(231, 242, 29, 0.8) 82.83%);
  left: 0;
}
.home_recruit .dec-02 {
  width: 26.71875%;
  aspect-ratio: 513/509;
  margin-top: 40.8333333333%;
  margin-right: -10.15625%;
  background: linear-gradient(147deg, #F1FE62 11.64%, #B9F21D 47.39%, #E7F21D 82.83%);
  right: 0;
}

.home_recruit--subttl .icon {
  background-color: #E1FF00 !important;
}

.home_recruit--head {
  margin-bottom: 18.125rem;
  padding-top: 28.3333333333%;
}

.home_recruit--page_list {
  margin-bottom: 12.5rem;
}

@media screen and (max-width: 47.9375em) {
  .home_recruit {
    --recruit-mask-height: 6.8571428571rem;
    --recruit-mask-step: 142.5857142857rem;
    padding-bottom: 2.8571428571rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .home_recruit--page_list {
    margin-bottom: 2.2857142857rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_recruit--head {
    padding-top: 17.1428571429rem;
    margin-bottom: 4.2857142857rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_recruit--ttl {
    font-size: var(--font-size-heading1-sp);
  }
}
@media screen and (max-width: 47.9375em) {
  .home_recruit--page_item--subttl.subtitle-md.font-en {
    font-size: var(--font-size-txt-md-sp);
  }
  .home_recruit--page_item--ttl {
    font-size: var(--font-size-heading2-sp);
  }
}
@media screen and (max-width: 47.9375em) {
  .home_recruit .dec-01 {
    margin-top: 153.8461538462%;
  }
  .home_recruit .dec-02 {
    margin-top: 71.7948717949%;
  }
}

.home_recruit--slide-wrp {
  width: 100%;
  height: 100%;
}

.home_recruit--imgs {
  width: 63.3072916667%;
  aspect-ratio: 1105/1097;
  translate: 0 -8.125rem;
  margin-left: auto;
  margin-right: -4.5833333333%;
  position: absolute;
  top: 0;
  right: 0;
}

.home_recruit--imgs--item {
  width: 100%;
  aspect-ratio: 1105/1097;
  position: relative;
  z-index: 2;
  translate: 5.5rem 4.6875rem;
}

.home_recruit--imgs--mask,
.home_recruit--imgs--mask-inner {
  width: 100%;
  height: 100%;
  transform-origin: center;
  will-change: transform;
}

.home_recruit--imgs--mask {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-mask-image: url(../images/top/recruit-img-mask.svg);
  -webkit-mask-mode: alpha;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 90% 90%;
  animation: recruit-image-mask-rotate 18s linear infinite;
  mask-image: url(../images/top/recruit-img-mask.svg);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 90% 90%;
}

.home_recruit--imgs--mask-inner {
  animation: recruit-image-mask-rotate-reverse 18s linear infinite;
}

.home_recruit--imgs--dec {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  translate: 1.5625rem 1.25rem;
}

.home_recruit--imgs--dec-01,
.home_recruit--imgs--dec-02 {
  position: absolute;
  bottom: 0;
  right: 0;
  translate: var(--pos-x) var(--pos-y);
}

.home_recruit--imgs--dec-01 {
  width: 92.9197860963%;
  aspect-ratio: 1129.44/1204.883;
  background-color: #FFC329;
  rotate: -147.86deg;
  --pos-x: 3.75rem;
  --pos-y: 0;
  z-index: 0;
}

.home_recruit--imgs--dec-02 {
  width: 88.8414644179%;
  aspect-ratio: 1079.868/1152;
  background-color: #FF9E4F;
  rotate: 28.129deg;
  --pos-x: 0;
  --pos-y: 3.875rem;
  opacity: 0.9;
  z-index: 1;
}

@media screen and (max-width: 47.9375em) {
  .home_recruit--imgs {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 47.9375em) {
  .home_recruit--imgs--dec {
    translate: 5.7142857143rem 0.2142857143rem;
    scale: 1.04;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_recruit--imgs--dec-01 {
    --pos-x: -0.7142857143rem;
    --pos-y: 2.8571428571rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_recruit--imgs--dec-02 {
    --pos-x: -1.7857142857rem;
    --pos-y: 4.2857142857rem;
  }
}
.home_recruit--slide {
  width: 100%;
  height: 100%;
}
.home_recruit--slide .splide__track,
.home_recruit--slide .splide__list,
.home_recruit--slide .splide__slide,
.home_recruit--slide img {
  height: 100%;
}
.home_recruit--slide img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.home_recruit--page_item {
  display: flex;
  align-items: flex-end;
  min-height: 39.1875rem;
  padding-inline: 2rem;
  padding-bottom: 2.1875rem;
  overflow: hidden;
  position: relative;
}

.home_recruit--page_item::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 156, 63, 0) 0%, rgba(255, 156, 63, 0.5) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.home_recruit--page_item a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.home_recruit--page_item .c-circle-arrow {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 1;
}
.home_recruit--page_item .txt-lg {
  padding-right: 7.5rem;
}

@media (hover: hover) {
  .home_recruit--page_item:hover .home_recruit--page_item_img {
    scale: 1.1 1.1;
  }
}
.home_recruit--page_item--txt {
  width: 100%;
  z-index: 2;
}

.home_recruit--page_item_img {
  width: 100%;
  height: 100%;
  transition: var(--transit-default);
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center;
}

/* ##############################################################################

		title

############################################################################## */
.ttl-01,
.ttl-02,
.ttl-03,
.ttl-04,
.ttl-05,
.ttl-06 {
  position: relative;
  font-weight: var(--font-weight-heading);
}
.ttl-01:where(:not([class*=mgn-btm]):not(:last-child)),
.ttl-02:where(:not([class*=mgn-btm]):not(:last-child)),
.ttl-03:where(:not([class*=mgn-btm]):not(:last-child)),
.ttl-04:where(:not([class*=mgn-btm]):not(:last-child)),
.ttl-05:where(:not([class*=mgn-btm]):not(:last-child)),
.ttl-06:where(:not([class*=mgn-btm]):not(:last-child)) {
  margin-bottom: 1em;
}
.ttl-01 span:not([class]),
.ttl-02 span:not([class]),
.ttl-03 span:not([class]),
.ttl-04 span:not([class]),
.ttl-05 span:not([class]),
.ttl-06 span:not([class]) {
  line-height: inherit;
  letter-spacing: inherit;
}

.ttl-03,
.ttl-04,
.ttl-05 {
  --ttl-clr-sub: var(--clr-primary-dark);
  --ttl-clr-logo: linear-gradient(0deg, #1B89C4 0%, #1B89C4 100%), linear-gradient(179deg, #CFCFCF 13.18%, #747474 80.22%);
}
.ttl-03:has(.font-en),
.ttl-04:has(.font-en),
.ttl-05:has(.font-en) {
  display: grid;
  row-gap: 0.5625rem;
}
.ttl-03:has(.font-jp),
.ttl-04:has(.font-jp),
.ttl-05:has(.font-jp) {
  display: grid;
  row-gap: 2.0625rem;
}
.ttl-03 .font-jp,
.ttl-03 .font-en,
.ttl-04 .font-jp,
.ttl-04 .font-en,
.ttl-05 .font-jp,
.ttl-05 .font-en {
  --icon: 1.5rem;
  padding-left: calc(var(--icon) + 0.5rem);
  color: var(--ttl-clr-sub);
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  font-weight: var(--font-weight-bold);
  position: relative;
}
.ttl-03 .font-jp::before,
.ttl-03 .font-en::before,
.ttl-04 .font-jp::before,
.ttl-04 .font-en::before,
.ttl-05 .font-jp::before,
.ttl-05 .font-en::before {
  content: "";
  width: calc(var(--icon));
  aspect-ratio: 61/50;
  background: var(--ttl-clr-logo);
  -webkit-mask-image: url(../images/common/icon-logo.png);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/icon-logo.png);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-0.2109375rem);
}
.ttl-03 .font-en,
.ttl-04 .font-en,
.ttl-05 .font-en {
  font-size: var(--font-size-txt-sm);
  letter-spacing: -0.05em;
  line-height: 0.9;
}
.ttl-03 .font-jp,
.ttl-04 .font-jp,
.ttl-05 .font-jp {
  font-size: var(--font-size-txt-md);
  letter-spacing: 0.03em;
  line-height: 1.7;
}
.ttl-03 .font-jp::before,
.ttl-04 .font-jp::before,
.ttl-05 .font-jp::before {
  transform: translateY(0.2125rem);
}
.ttl-03.txt-ctr .font-en,
.ttl-04.txt-ctr .font-en,
.ttl-05.txt-ctr .font-en {
  width: fit-content;
  margin-inline: auto;
}

/* ttl-01
********************************************** */
.ttl-01 {
  font-size: var(--font-size-heading1);
}
.ttl-01 span {
  display: block;
}
.ttl-01 .subtitle-md {
  display: flex;
}
.ttl-01 .subtitle-md .icon {
  flex-shrink: 0;
}
.ttl-01:not(.txt-ctr) {
  padding-left: 1.5rem;
}
.ttl-01:not(.txt-ctr)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0.375rem;
  height: 100%;
  margin-right: 1rem;
  background: linear-gradient(#D42A2A 0%, #561313 100%);
}
.ttl-01.txt-ctr {
  display: block;
  width: fit-content !important;
  margin-inline: auto;
}
.ttl-01.txt-ctr::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.375rem;
  margin: 0.75rem auto auto;
  background: linear-gradient(90deg, #D42A2A 0%, #561313 100%);
}
.ttl-01.txt-ctr .subtitle-md {
  width: fit-content;
  margin-inline: auto;
}
@media screen and (max-width: 47.9375em) {
  .ttl-01.font-jp {
    font-size: var(--font-size-heading2-sp);
  }
  .ttl-01.font-en {
    font-size: var(--font-size-heading2-sp);
  }
}

/* ttl-02
********************************************** */
.ttl-02 {
  display: grid;
  row-gap: 0.625rem;
  font-size: var(--font-size-heading7);
  padding: 1.375rem;
  border: 1px solid var(--clr-primary-light);
  background: linear-gradient(90deg, #008EBA 0%, #44CADE 25%, #008EBA 50%, #008EBA 100%);
  background-size: 200%;
}
@media screen and (max-width: 47.9375em) {
  .ttl-02 {
    font-size: var(--font-size-heading7-sp);
  }
}
.ttl-02.font-en {
  font-size: var(--font-size-heading7);
}
@media screen and (max-width: 47.9375em) {
  .ttl-02.font-en {
    font-size: var(--font-size-heading7-sp);
  }
}
.ttl-02 .font-en {
  color: var(--clr-primary-light);
  font-size: var(--font-size-txt-sm);
  font-weight: var(--font-weight-bold);
  line-height: 0.9;
  letter-spacing: -0.05em;
}

.ttl-02 > .font-en:not(:where(.gnav_modal *, .side_column *)) {
  color: var(--clr-wht);
}

/* ttl-03
********************************************** */
.ttl-03 {
  --ttl-clr: var(--clr-text-primary);
  color: var(--ttl-clr);
  font-size: var(--font-size-heading3);
  line-height: 1.4;
}
@media screen and (max-width: 47.9375em) {
  .ttl-03 {
    font-size: var(--font-size-heading3-sp);
  }
}
.ttl-03.font-en {
  font-size: var(--font-size-heading3);
}
@media screen and (max-width: 47.9375em) {
  .ttl-03.font-en {
    font-size: var(--font-size-heading3-sp);
  }
}

/* ttl-04
********************************************** */
.ttl-04 {
  font-size: var(--font-size-heading4);
  line-height: 1.6;
}
@media screen and (max-width: 47.9375em) {
  .ttl-04 {
    font-size: var(--font-size-heading4-sp);
  }
}
.ttl-04.font-en {
  font-size: var(--font-size-heading4);
}
@media screen and (max-width: 47.9375em) {
  .ttl-04.font-en {
    font-size: var(--font-size-heading4-sp);
  }
}

/* ttl-05
********************************************** */
.ttl-05 {
  font-size: max(22px, var(--font-size-heading5));
}
@media screen and (max-width: 47.9375em) {
  .ttl-05 {
    font-size: var(--font-size-heading5-sp);
  }
}
.ttl-05.font-en {
  font-size: var(--font-size-heading5);
}
@media screen and (max-width: 47.9375em) {
  .ttl-05.font-en {
    font-size: var(--font-size-heading5-sp);
  }
}

/* ttl-06
********************************************** */
.ttl-06 {
  font-size: var(--font-size-heading6);
}
@media screen and (max-width: 47.9375em) {
  .ttl-06 {
    font-size: var(--font-size-heading6-sp);
  }
}
.ttl-06.font-en {
  font-size: var(--font-size-heading6);
}
@media screen and (max-width: 47.9375em) {
  .ttl-06.font-en {
    font-size: var(--font-size-heading6-sp);
  }
}

/* --- 採用用スタイル --- */
.recruit-style .ttl-01:not(.txt-ctr)::before {
  background: linear-gradient(#FFC475 0%, #FF7F01 100%);
}
.recruit-style .ttl-01.txt-ctr::after {
  background: linear-gradient(90deg, #FF7F01 0%, #FFC475 100%);
}
.recruit-style .ttl-03 {
  --ttl-clr-sub: var(--clr-bg-01);
  --ttl-clr: var(--clr-tertiary-default);
  --ttl-clr-logo: var(--clr-tertiary-default);
}
.recruit-style .bg-primary-default {
  background-color: var(--clr-tertiary-default);
}

/* ##############################################################################

		subtitle

############################################################################## */
/* subtitle-lg
********************************************** */
.subtitle-lg {
  --max-font-size: calc(var(--txt-lg) * 1px - 2px);
  display: block;
  font-size: max(var(--max-font-size), var(--font-size-txt-lg));
}
@media screen and (max-width: 47.9375em) {
  .subtitle-lg {
    font-size: var(--font-size-txt-lg-sp);
  }
}
.subtitle-lg.font-en {
  font-size: max(var(--max-font-size), var(--font-size-txt-lg));
}
@media screen and (max-width: 47.9375em) {
  .subtitle-lg.font-en {
    font-size: var(--font-size-txt-lg-sp);
  }
}

/* subtitle-md
********************************************** */
.subtitle-md {
  --max-font-size: calc(var(--txt-lg) * 1px - 2px);
  display: block;
  font-size: max(var(--max-font-size), var(--font-size-txt-lg));
}
@media screen and (max-width: 47.9375em) {
  .subtitle-md {
    font-size: var(--font-size-txt-lg-sp);
  }
}
.subtitle-md.font-en {
  font-size: max(var(--max-font-size), var(--font-size-txt-lg));
}
@media screen and (max-width: 47.9375em) {
  .subtitle-md.font-en {
    font-size: var(--font-size-txt-lg-sp);
  }
}
.subtitle-md.txt-ctr::after {
  margin-left: auto;
  margin-right: auto;
}
.subtitle-md--icon {
  margin-bottom: 1rem;
}
.subtitle-md--icon .icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  -webkit-mask-image: url(../images/common/icon-logo.png);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/icon-logo.png);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.ttl-02 .font-en {
  font-size: calc(var(--font-size-txt-sm) * 1.3);
}

.ttl-01 .subtitle-md,
.ttl-02 .font-en.subtitle-md {
  font-size: calc(max(var(--max-font-size), var(--font-size-txt-lg)) * 1.3);
}
@media screen and (max-width: 47.9375em) {
  .ttl-01 .subtitle-md,
  .ttl-02 .font-en.subtitle-md {
    font-size: calc(var(--font-size-txt-lg-sp) * 1.3);
  }
}

.ttl-01 .subtitle-md:has(> .icon),
.ttl-02 .font-en:has(> .icon) {
  display: flex;
  align-items: center;
}
.ttl-01 .subtitle-md > .icon,
.ttl-02 .font-en > .icon {
  flex-shrink: 0;
  width: 1.625rem;
  height: 1.625rem;
  margin-right: 0.65rem;
}

/* subtitle-sm
********************************************** */
.subtitle-sm {
  --max-font-size: calc(var(--txt-sm) * 1px - 2px);
  display: block;
  font-size: max(var(--max-font-size), var(--font-size-txt-sm));
}
@media screen and (max-width: 47.9375em) {
  .subtitle-sm {
    font-size: var(--font-size-txt-sm-sp);
  }
}
.subtitle-sm.font-en {
  font-size: max(var(--max-font-size), var(--font-size-txt-sm));
}
@media screen and (max-width: 47.9375em) {
  .subtitle-sm.font-en {
    font-size: var(--font-size-txt-sm-sp);
  }
}

/* ##############################################################################

		display

############################################################################## */
.display-lg-en {
  font-size: var(--font-size-display-lg);
}
@media screen and (max-width: 47.9375em) {
  .display-lg-en {
    font-size: var(--font-size-display-lg-sp);
  }
}

.display-md-en {
  font-size: var(--font-size-display-md);
}
@media screen and (max-width: 47.9375em) {
  .display-md-en {
    font-size: var(--font-size-display-md-sp);
  }
}

.display-sm-en {
  font-size: var(--font-size-display-sm);
}
@media screen and (max-width: 47.9375em) {
  .display-sm-en {
    font-size: var(--font-size-display-sm-sp);
  }
}

/* ##############################################################################

		page_ttl

############################################################################## */
.page_ttl {
  --breadcrumbs-hgt: 7.5rem;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.page_ttl > .inner {
  padding-block: 12.875rem calc(3.75rem + var(--breadcrumbs-hgt));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page_ttl--bg {
  position: absolute;
  inset: 0 0 0 52.0833333333%;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: var(--bg-img);
  overflow: clip;
}
.page_ttl--bg::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 25%;
  background: rgba(0, 26, 255, 0.75);
  filter: blur(10rem);
}
.page_ttl-jp:has(+ .page_ttl-en) {
  margin-bottom: 1.5rem;
}
.page_ttl-jp .icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  -webkit-mask-image: url(../images/common/icon-logo.png);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/icon-logo.png);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.page_ttl-en {
  display: block;
  text-transform: capitalize;
  font-size: 7.5rem;
  margin-bottom: 1rem;
  font-weight: var(--font-weight-bold);
  color: var(--clr-wht);
  line-height: 1;
}
.page_ttl {
  --border-wid: 0.625rem;
  --circle-wid: 2.5rem;
}
.page_ttl--circle {
  width: 87.5rem;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: -25rem;
  opacity: 0.3;
  overflow-y: clip;
}
.page_ttl--circle--line {
  width: 100%;
  aspect-ratio: 1;
  border: var(--border-wid) solid var(--clr-bg-02);
  border-radius: 50%;
  position: absolute;
  top: calc(-33.1875rem - var(--border-wid) * 2);
  left: 50%;
  transform: translate(-50%, 0);
}
.page_ttl--circle--item {
  width: calc(100% + var(--border-wid) * 2);
  aspect-ratio: 1;
  position: absolute;
  top: calc(var(--border-wid) * -1);
  left: calc(var(--border-wid) * -1);
  animation: saturn-ring 30s linear infinite;
  animation-delay: -5s;
}
.page_ttl--circle--item::before {
  content: "";
  width: var(--circle-wid);
  aspect-ratio: 1;
  background-color: var(--clr-primary-dark);
  border-radius: 50%;
  position: absolute;
  bottom: calc(var(--circle-wid) * 0.5 * -1 - (var(--border-wid)) * 0.5 * -1);
  left: calc(50% - var(--circle-wid) * 0.5);
}
@media screen and (min-width: 48em) {
  .page_ttl--bg {
    height: calc(100% - var(--breadcrumbs-hgt));
    max-height: 36.25rem;
    -webkit-mask-image: url(../images/common/page_ttl-mask.svg);
    -webkit-mask-size: cover;
    -webkit-mask-position: top center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(../images/common/page_ttl-mask.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: top center;
  }
  .page_ttl--circle {
    height: calc(100% - var(--breadcrumbs-hgt));
    max-height: 36.25rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .page_ttl--bg {
    inset: 0 0 0 25%;
  }
}
@media screen and (max-width: 47.9375em) {
  .page_ttl {
    --border-wid: 0.4285714286rem;
    --circle-wid: 2.5714285714rem;
    --circle-btw: 1.7142857143rem;
  }
  .page_ttl:has(:not(.anchor_link--list_wrap)) > .inner {
    padding-bottom: 3.4285714286rem;
  }
  .page_ttl > .inner {
    padding-bottom: 5.7142857143rem;
    position: relative;
    z-index: 1;
  }
  .page_ttl--bg {
    --bg-img-sp: var(--bg-img);
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-image: var(--bg-img-sp);
    position: relative;
    inset: unset;
    left: 0;
  }
  .page_ttl-jp {
    margin-bottom: 2.2857142857rem;
  }
  .page_ttl-en {
    font-size: 4.375rem;
  }
  .page_ttl--circle, .page_ttl--bg {
    scale: 1.1;
    transform: translate(calc((var(--circle-wid) * 0.5 + var(--circle-btw)) * 1), 0);
  }
  .page_ttl--circle {
    width: calc(100% + var(--circle-wid) + var(--circle-btw));
    top: calc((var(--circle-wid) + var(--circle-btw)) * 0.5 * -1);
    right: calc((var(--circle-wid) + var(--circle-btw)) * 0.5 * -1);
    overflow: visible;
  }
  .page_ttl--circle--item::before {
    bottom: calc(var(--circle-wid) * 0.5 * -1);
  }
  .page_ttl--circle--line {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .page_ttl .breadcrumbs .inner {
    width: 100%;
  }
}

/* タイトル画像なし
********************************************** */
.page_ttl:not(.page_ttl-has_bg) {
  --inner-pd: 8rem;
}
.page_ttl:not(.page_ttl-has_bg) > .inner {
  padding-right: 0;
}
@media screen and (min-width: 48em) {
  .page_ttl:not(.page_ttl-has_bg) > .inner {
    padding-block: var(--inner-pd) calc(var(--inner-pd) * 0.25 + var(--breadcrumbs-hgt));
  }
}
@media screen and (max-width: 47.9375em) {
  .page_ttl:not(.page_ttl-has_bg) > .inner {
    padding-top: var(--inner-pd);
  }
}

/* タイトル画像あり
********************************************** */
@media screen and (max-width: 47.9375em) {
  .page_ttl-has_bg {
    margin-top: -3.9285714286rem;
  }
  .page_ttl-has_bg > .inner {
    padding-top: calc(var(--circle-wid) * 0.4);
    padding-inline: 0;
  }
}

/* --- 採用用スタイル --- */
.recruit-style {
  --page-ttl-gap: 100px;
  --page-ttl-margin: 120px;
}
.recruit-style .page_ttl {
  overflow: visible;
  overflow-x: clip;
}
.recruit-style .page_ttl--circle {
  border-color: var(--clr-tertiary-light);
}
.recruit-style .page_ttl--circle::after {
  background-color: var(--clr-wht);
}
.recruit-style .page_ttl--bg::before {
  background: rgba(255, 127, 1, 0.75);
}
.recruit-style .page_ttl-en {
  color: var(--clr-wht);
}
.recruit-style .icon {
  background-color: var(--clr-wht);
}
.recruit-style .page_ttl--circle {
  --clr-bg-02: var(--clr-tertiary-light);
}
.recruit-style .page_ttl--circle--item::before {
  --clr-primary-dark: var(--clr-wht);
}
.recruit-style .recruit-ttl {
  padding-bottom: var(--page-ttl-gap);
  position: relative;
  z-index: 1;
}
.recruit-style .recruit-ttl + * {
  margin-top: calc(var(--page-ttl-gap) * -1);
}
.recruit-style .recruit-ttl + * > * > .main_column > .lps_wrap > .section_pdg:first-child {
  padding-top: calc(var(--page-ttl-gap) + var(--page-ttl-margin));
}
.recruit-style .breadcrumbs {
  --clr-primary-default: var(--clr-wht);
  --clr-text-secondary: var(--clr-wht);
}
@media screen and (max-width: 47.9375em) {
  .recruit-style {
    --page-ttl-gap: 5.7142857143rem;
    --page-ttl-margin: 2.1428571429rem;
  }
  .recruit-style .page_ttl > .inner {
    padding-bottom: 0;
  }
}

/* ##############################################################################

		anchor_link

############################################################################## */
@media screen and (max-width: 47.9375em) {
  .anchor_link--list_wrap {
    overflow: auto;
  }
}

@media print, screen and (min-width: 48em) {
  .anchor_link--list {
    row-gap: 1rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4285714286rem 1.1428571429rem;
    width: 100%;
    margin-top: 2.2857142857rem;
  }
}

.anchor_link--list li {
  position: relative;
}

.anchor_link--list a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0.5em 0;
  font-size: var(--font-size-txt-sm);
  line-height: var(--line-height-hdr);
}
.anchor_link--list a::after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--clr-primary-default);
  flex-shrink: 0;
  -webkit-mask-image: url(../images/common/arrow_forward.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/arrow_forward.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(90deg);
}
@media (hover: hover) {
  .anchor_link--list a:hover {
    color: var(--clr-primary-default);
  }
  .anchor_link--list a:hover::after {
    border-color: var(--clr-primary-default);
  }
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--list a {
    padding-block: 0.5714285714rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .anchor_link--list--side_wrap {
    overflow: auto;
  }
}

.anchor_link--list--side_ttl {
  padding-bottom: 0.25rem;
  margin-bottom: 1rem;
  color: var(--clr-wht);
  border-bottom: 1px solid var(--clr-wht);
  transition: var(--transit-default);
}

.anchor_link--list--side li {
  position: relative;
}

.anchor_link--list--side a {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 1rem 0;
  line-height: var(--line-height-hdr);
}
.anchor_link--list--side a .arrow {
  flex-shrink: 0;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
}
.anchor_link--list--side a .arrow::after {
  -webkit-mask-image: url(../images/common/arrow_forward.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/arrow_forward.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
@media (hover: hover) {
  .anchor_link--list--side a:hover {
    color: var(--clr-primary-default);
  }
}

body:has(.sec_bg-wht.is-active) .anchor_link--list--side_ttl {
  color: #102535;
  border-bottom-color: #102535;
}
body:has(.sec_bg-wht.is-active) .anchor_link--list--side a {
  color: var(--clr-bg-01);
}
body:has(.sec_bg-wht.is-active) .anchor_link--list--side a .arrow::after {
  background-color: var(--clr-bg-01);
}

/* --- 採用用スタイル --- */
.recruit-style .anchor_link--list--side_wrap {
  --clr-primary-default: var(--clr-tertiary-default);
}
.recruit-style .anchor_link--list {
  --clr-primary-default: var(--clr-wht);
}

/* ##############################################################################

		ARCHIVE

############################################################################## */
.main_side {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: 5rem;
}
@media screen and (max-width: 67.5em) {
  .main_side {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.8571428571rem;
  }
}

/* main_column
**************************************** */
/* --- post --- */
.post {
  position: relative;
}

.post--img {
  background: #102535;
}
.post--img.no-photo img {
  max-width: 60%;
}
.post--img.no-photo {
  border: 1px solid var(--clr-primary-light);
}

.post--img .img-contain {
  max-width: 80%;
}

.post--link:not([href="javascript:void(0);"])::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
@media (hover: hover) {
  .post--link:not([href="javascript:void(0);"]):hover {
    color: var(--clr-primary-default);
  }
  .post--link:hover svg {
    fill: var(--clr-primary-default);
  }
}

.post--date {
  font-family: var(--font-en-text);
  font-size: var(--font-size-txt-lg);
}

.post--info.flex .post--date + .cat_list {
  margin-left: auto;
}

.cat_list {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
}

.cat_list a {
  display: inline-block;
  vertical-align: middle;
  font-size: max(12px, 0.875rem);
  background: rgba(23, 128, 184, 0.6);
  color: var(--clr-primary-light);
  padding-inline: 1em;
  border-radius: 999px;
}

.cat_list--works a {
  color: var(--clr-primary-dark);
  padding-inline: 1em;
  border-radius: 0;
  background: rgba(23, 128, 184, 0.32);
}

@media (hover: hover) {
  .cat_list a:hover {
    opacity: 0.7;
  }
}
/* side_column
**************************************** */
@media screen and (min-width: 48em) {
  .side_column--inner {
    position: sticky;
    top: calc(9.375rem + 5rem);
    height: calc(100vh - 9.375rem - 5rem);
    overflow-y: auto;
    margin-top: 10.5rem;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .side_column {
    display: none;
  }
}
@media screen and (max-width: 47.9375em) {
  body:not(.archive):not(.single) .side_column {
    display: none;
  }
}

.side_section:not(:last-child) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 47.9375em) {
  .side_section:not(:last-child) {
    margin-bottom: 2.2857142857rem;
  }
}

.side--ttl {
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--clr-mono-03);
}

.side--ttl span {
  display: block;
  margin-top: 0.5rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-family: var(--font-en-heading);
  opacity: 0.5;
}

/* --- list --- */
.side--list {
  margin-inline: 1rem;
}

.side--list a {
  display: block;
  padding-block: 0.25rem;
}
.side--list a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background-color: var(--clr-primary-default);
  margin-right: 0.75rem;
}
@media (hover: hover) {
  .side--list a:hover {
    color: var(--clr-primary-default);
  }
}

.side--list .children a {
  position: relative;
  padding-left: 1.5em;
}
.side--list .children a::before {
  content: "";
  position: absolute;
  top: 0.75em;
  left: 0;
  display: block;
  width: 1em;
  border-top: solid 1px;
}

/* --- post --- */
.posts-side .post {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}
.posts-side .post:not(:last-child) {
  margin-bottom: 1rem;
}
.posts-side .post--date {
  margin-bottom: 0;
}
.posts-side .post--ttl {
  line-height: var(--line-height-hdr);
}

/* --- archive --- */
@media screen and (max-width: 47.9375em) {
  .archive > .container > .section_pdg {
    padding-top: 0;
  }
}

.archive_list--ttl {
  position: relative;
  cursor: pointer;
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-default);
  padding-right: 1rem;
  transition: var(--transit-default);
}
.archive_list--ttl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(135deg);
  transition: var(--transit-default);
}
@media (hover: hover) {
  .archive_list--ttl:hover {
    opacity: 0.7;
  }
}

.is-open .archive_list--ttl::after {
  transform: rotate(315deg);
}

.archive_list {
  position: relative;
}

.archive_list a {
  display: block;
  padding: 0.5em 1em;
  line-height: 1;
  text-align: left;
}
@media (hover: hover) {
  .archive_list a:hover {
    background-color: var(--clr-bg-02);
  }
}

.archive_list--label {
  margin-right: 0.5rem;
}

.archive_list--btn {
  cursor: pointer;
  border: none;
  outline: none;
  appearance: none;
  padding: 0.25em 4em 0.25em 2em;
  background-color: var(--clr-wht);
  border: 1px solid var(--clr-mono-02);
  color: var(--clr-bg-01);
  font-family: var(--font-jp-text);
  font-size: max(14px, 1rem);
  font-weight: var(--font-weight-heading);
  line-height: var(--line-height-default);
  transition: var(--transit-default);
}
.archive_list--btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0.4em;
  right: 0.8em;
  margin: auto;
  width: 0.6em;
  height: 0.6em;
  border-bottom: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  transition: var(--transit-default);
}
@media (hover: hover) {
  .archive_list--btn:hover {
    color: var(--clr-wht);
    background-color: var(--clr-bg-02);
  }
}

.archive_list--menu {
  position: absolute;
  z-index: 1;
  width: 100%;
  max-height: 20rem;
  overflow: auto;
  background-color: var(--clr-wht);
  border: 1px solid var(--clr-mono-02);
  visibility: hidden;
  margin-top: -1px;
  opacity: 0;
  transition: var(--transit-default);
}

/* --- archive-pulldown --- */
.archive-pulldown {
  position: relative;
  margin-left: auto;
  z-index: 100;
}
.archive-pulldown .archive_list a {
  color: var(--clr-bg-01);
}
@media (hover: hover) {
  .archive-pulldown .archive_list a:hover {
    color: var(--clr-wht);
  }
}
.archive-pulldown .archive_list a:not(:last-child) {
  border-bottom: 1px solid var(--clr-bg-02);
}
.archive-pulldown .is-open .archive_list--btn::after {
  bottom: -0.2em;
  transform: rotate(225deg);
}
.archive-pulldown .is-open .archive_list--menu {
  visibility: visible;
  opacity: 1;
}

/* ##############################################################################

		blog

############################################################################## */
/* blog
**************************************** */
.posts-blog .post {
  display: grid;
  gap: 2.5rem;
  padding-block: 3rem;
  border-bottom: 1px solid var(--clr-mono-02);
}
@media print, screen and (min-width: 48em) {
  .posts-blog .post {
    grid-template-columns: 17.5rem minmax(0, 1fr);
    align-items: center;
  }
}
@media screen and (max-width: 47.9375em) {
  .posts-blog .post {
    gap: 1.7142857143rem;
    padding-block: 2.2857142857rem;
  }
}
.posts-blog .post:first-child {
  border-top: 1px solid var(--clr-mono-02);
}
.posts-blog .post--txtarea {
  flex: 1;
  word-break: break-word;
}
.posts-blog .post--ttl {
  font-family: var(--font-en-heading);
  font-size: max(16px, 1.125rem);
}

/* ##############################################################################

		works

############################################################################## */
/* works
**************************************** */
.posts-works .post--txtarea {
  flex: 1;
  word-break: break-word;
  padding: 1.25rem 1.5rem;
  color: var(--clr-bg-01);
  background-color: var(--clr-wht);
}
.posts-works .post--ttl {
  font-family: var(--font-en-heading);
  font-size: max(18px, 1.25rem);
}
.posts-works .post--link {
  color: var(--clr-bg-01);
}

/* ##############################################################################

		news

############################################################################## */
/* news
**************************************** */
/* --- news--archive --- */
.news--archive {
  padding-block: 1.25rem;
  background-color: #111;
}

.news--archive li {
  margin-left: 8px;
  margin-right: 8px;
}

.news--archive a {
  color: var(--clr-wht);
}

/* --- posts-news --- */
.posts-news .post {
  gap: 2.5rem;
  padding-block: 1rem;
  border-bottom: 1px solid var(--clr-mono-02);
}
@media screen and (max-width: 47.9375em) {
  .posts-news .post {
    display: block;
  }
}
@media screen and (max-width: 47.9375em) {
  .posts-news .post--info {
    margin-bottom: 0.5714285714rem;
  }
}
.posts-news .post--txtarea {
  flex: 1;
}
.posts-news .post--ttl {
  font-size: max(18px, 1.25rem);
}
.posts-news .post--info.flex .post--date + .cat_list {
  margin-left: 1rem;
}
.posts-news .arrow {
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* --- posts-requirements --- */
.posts-requirements .post--ttl {
  font-size: var(--font-size-heading5);
  line-height: 1.6;
  font-weight: var(--font-weight-bold);
}
.posts-requirements .cat_list {
  margin-top: 1.5rem;
}
.posts-requirements .post:has(.post--link:not([href="javascript:void(0);"]):hover) .post--img:not(.no-photo) img {
  scale: 1.1;
}
.posts-requirements .post--img {
  overflow: hidden;
}
.posts-requirements .post--img:not(.no-photo) img {
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .posts-requirements .post--ttl {
    font-size: var(--font-size-heading5-sp);
  }
}

/* --- 採用用スタイル --- */
.recruit-style.archive .side_column, .recruit-style.single .side_column {
  --clr-primary-default: var(--clr-tertiary-default);
}
.recruit-style.archive .side_column--inner, .recruit-style.single .side_column--inner {
  position: relative;
  height: auto;
  margin-top: calc(var(--page-ttl-gap) + var(--page-ttl-margin));
  top: 0;
}
.recruit-style.archive .side_column .side--ttl, .recruit-style.single .side_column .side--ttl {
  border-bottom-color: var(--clr-tertiary-default);
  color: var(--clr-primary-default);
}
.recruit-style.archive .side_column .side--list a, .recruit-style.single .side_column .side--list a {
  color: var(--clr-bg-01);
}
.recruit-style .wp-pagenavi a {
  background-color: var(--clr-tertiary-default);
  border-color: var(--clr-tertiary-dark);
  box-shadow: 0 0 24px 0 rgba(255, 127, 1, 0.5);
}
@media (hover: hover) {
  .recruit-style .wp-pagenavi a {
    --clr-primary-default: var(--clr-tertiary-dark);
  }
}
.recruit-style .post--link {
  --clr-text-primary: var(--clr-bg-01);
  --clr-primary-default: var(--clr-tertiary-default);
}
.recruit-style .cat_list a {
  background-color: var(--clr-tertiary-default);
  --clr-primary-light: var(--clr-wht);
}
@media screen and (max-width: 47.9375em) {
  .recruit-style.archive .main_side, .recruit-style.single .main_side {
    gap: 0;
  }
  .recruit-style.archive .side_column, .recruit-style.single .side_column {
    position: relative;
  }
  .recruit-style.archive .side_column::before, .recruit-style.single .side_column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: var(--clr-text-primary) url(../images/common/bg-img-grid-wht.svg) repeat center center/120rem 2.125rem;
    left: -8.1395348837%;
  }
  .recruit-style.archive .side_column--inner, .recruit-style.single .side_column--inner {
    margin-top: 4.2857142857rem;
  }
  .recruit-style.archive .main_column > .lps_wrap .lps_sec {
    padding-bottom: 0 !important;
  }
  .recruit-style.single .side_column {
    padding-bottom: 0 !important;
  }
}

/* ##############################################################################

		PAGE

############################################################################## */
/* related_page
********************************************** */
.section-related_page--ttl {
  font-weight: 500;
  margin-bottom: 2.5rem;
}
.section-related_page--links {
  display: block;
}
@media screen and (min-width: 48em) {
  .section-related_page--links .sp-contents {
    display: contents;
  }
}
@media screen and (max-width: 47.9375em) {
  .section-related_page--ttl {
    margin-bottom: 0.5714285714rem;
  }
  .section-related_page--links .sp-contents {
    display: grid;
  }
}

.related_page--link {
  --padding-right: 0;
  --padding-right-sp: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  padding: 3.5rem 0;
  border-bottom: 1px solid var(--clr-primary-default);
  transition: var(--transit-default);
}
.related_page--link:first-child {
  border-top: 1px solid var(--clr-primary-default);
}
.related_page--link .arrow {
  width: 5.3125rem;
  height: 5.3125rem;
  right: 1.5rem;
  top: 0;
  bottom: 0;
  border: 1px solid var(--clr-wht);
  background: none;
}
.related_page--link .arrow::after {
  background-color: var(--clr-wht);
}
.related_page--link span:first-child {
  font-size: max(14px, 1rem);
  line-height: 1.6;
  letter-spacing: 0.0625em;
  color: var(--clr-primary-dark);
  transition: var(--transit-default);
}
.related_page--link span:last-child {
  font-family: var(--font-en);
  font-size: max(14px, 1rem);
  letter-spacing: 0.0625em;
  color: var(--clr-text-secondary);
  scale: 1 var(--txt-scale);
}
.related_page--link .sp-contents span:first-child {
  font-size: 2rem;
  line-height: 1.8;
  text-transform: capitalize;
}
.related_page--link .sp-contents span:last-child {
  font-family: var(--font-en);
  font-size: max(14px, 1rem);
  color: var(--clr-text-primary);
  scale: 1 var(--txt-scale);
}
@media (hover: hover) {
  .related_page--link:hover {
    color: var(--clr-primary-default);
    background: rgba(34, 168, 240, 0.2);
    padding-left: 2.5rem;
    border-left: 0.75rem solid var(--clr-primary-default);
  }
  .related_page--link:hover span:first-child {
    color: var(--clr-primary-default);
  }
  .related_page--link:hover::before {
    background-color: var(--clr-wht) !important;
    border: 1px solid var(--clr-text-primary);
  }
  .related_page--link:hover::after {
    filter: brightness(0) saturate(100%) invert(0%) sepia(59%) saturate(144%) hue-rotate(7deg) brightness(107%) contrast(80%);
  }
}
@media screen and (max-width: 47.9375em) {
  .related_page--link {
    padding: 1.1428571429rem var(--padding-right-sp);
  }
  .related_page--link .arrow {
    width: 3rem;
    height: 3rem;
  }
  .related_page--link span:first-child {
    flex-shrink: 0;
    font-size: 0.8571428571rem;
  }
  .related_page--link span:last-child {
    flex-shrink: 0;
    font-size: 0.8571428571rem;
  }
  .related_page--link .sp-contents span:first-child {
    font-size: 1.4285714286rem;
  }
  .related_page--link .sp-contents span:last-child {
    flex-shrink: 0;
    font-size: 1rem;
  }
}

/* --- 採用用スタイル --- */
.recruit-style .main_column > .lps_wrap:not(:has(+ .section-related_page)) > *:last-child.sec_bg-wht {
  padding-bottom: 17.5rem;
}
.recruit-style .main_column:has(> .lps_wrap:not(:has(+ .section-related_page)) > *:last-child.sec_bg-wht) + .side_column {
  padding-bottom: 12.5rem;
}
.recruit-style.page-contact > main {
  padding-top: calc(var(--page-ttl-gap) + var(--page-ttl-margin) * 0.75);
  padding-bottom: 12.5rem;
}
.recruit-style .anchor_link--list--side a {
  color: var(--clr-bg-01);
}
.recruit-style .splide__pagination__page {
  --clr-primary-default: var(--clr-tertiary-default);
}
.recruit-style .splide__arrow--prev::after,
.recruit-style .splide__arrow--next::after {
  --clr-primary-default: var(--clr-tertiary-default);
}
.recruit-style .section-related_page {
  --sec-bg-width: 100dvw;
  --sec-bg-container-width: 100%;
  padding-bottom: 17.5rem;
  position: relative;
}
@media print, screen and (min-width: 67.5625em) {
  .recruit-style .section-related_page {
    --sec-bg-container-width: min(90dvw, calc(var(--inner-lg) * var(--rem-pc)));
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .recruit-style .section-related_page {
    --sec-bg-width: 1080px;
  }
}
.recruit-style .section-related_page::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc((var(--sec-bg-width) - var(--sec-bg-container-width)) / -2);
  width: var(--sec-bg-width);
  height: 100%;
  background: var(--clr-text-primary) url(../images/common/bg-img-grid-wht.svg) repeat center center/120rem 2.125rem;
}
.recruit-style .section-related_page .ttl-01 {
  color: var(--clr-bg-01);
}
.recruit-style .section-related_page .ttl-01 .icon {
  background-color: var(--clr-tertiary-default);
}
.recruit-style .section-related_page .related_page--link {
  --clr-primary-default: var(--clr-tertiary-default);
  --clr-primary-dark: var(--clr-tertiary-dark);
}

/* ##############################################################################

		SEARCH

############################################################################## */
.search form {
  padding: 2.5rem;
  background-color: var(--clr-bg-01);
}

.search--menu_btn {
  cursor: pointer;
  padding: 0.25em 2em 0.25em 1em;
  background-color: var(--clr-wht);
  border: 1px solid #ccc;
  color: inherit;
  font-family: var(--font-jp-text);
  font-size: max(14px, 1rem);
  line-height: var(--line-height-default);
  font-weight: var(--font-weight-heading);
  transition: var(--transit-default);
}
.search--menu_btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0.4em;
  right: 0.8em;
  margin: auto;
  width: 0.6em;
  height: 0.6em;
  border-bottom: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
  transition: var(--transit-default);
}
@media (hover: hover) {
  .search--menu_btn:hover {
    background-color: var(--clr-bg-02);
  }
}

.active .search--menu_btn::after {
  bottom: -0.2em;
  transform: rotate(225deg);
}

.search--menu li {
  margin-inline-start: 1.25em;
}
.search--menu li > * {
  display: block;
}
.search--menu li input {
  float: inline-start;
  inline-size: max(16px, 1.125rem);
  aspect-ratio: 1;
  margin-block: calc((1lh - max(16px, 1.125rem)) / 2);
  margin-inline-start: -1.25em;
}

.search--menu-select {
  position: absolute;
  z-index: 1;
  width: 100%;
  background-color: var(--clr-wht);
  border: 1px solid #ccc;
  visibility: hidden;
  margin-top: -1px;
  opacity: 0;
  transition: var(--transit-default);
}
.search--menu-select li {
  margin-inline-start: 0;
  transition: var(--transit-default);
}
.search--menu-select li:not(:last-child) {
  border-bottom: 1px solid var(--clr-bg-02);
}
@media (hover: hover) {
  .search--menu-select li:hover {
    background-color: var(--clr-bg-02);
  }
}
.search--menu-select input {
  display: none;
}
.search--menu-select label {
  padding: 0.25em 1em;
  cursor: pointer;
}

.active .search--menu-select {
  visibility: visible;
  opacity: 1;
}

.search_sub_nav {
  padding-left: 1em;
}

.search--list {
  padding: 2rem;
  background-color: var(--clr-bg-01);
}

/* ##############################################################################

		SINGLE

############################################################################## */
/* --- アイキャッチ --- */
.eyecatch {
  margin-bottom: 2rem;
}

/* --- 目次 --- */
.ez-toc-debug-messages {
  display: none;
}

div#ez-toc-container {
  padding: 1.5rem;
  background-color: var(--clr-bg-01);
}
div#ez-toc-container p.ez-toc-title {
  color: var(--clr-text-primary);
  font-weight: bold;
  font-size: max(18px, 1.25rem);
}
div#ez-toc-container a,
div#ez-toc-container a:hover,
div#ez-toc-container a:visited {
  color: var(--color-primary-default) !important;
}

.ez-toc-title-container {
  margin-bottom: 0.625rem;
}

#ez-toc-container.counter-hierarchy ul {
  font-size: max(15px, 1.0625rem);
}
#ez-toc-container.counter-hierarchy ul li {
  margin-top: 0.5rem;
}
#ez-toc-container.counter-hierarchy ul ul {
  margin-left: 1rem;
}
#ez-toc-container.counter-hierarchy ul ul a {
  position: relative;
  display: inline-block;
  padding-left: 1rem;
}
#ez-toc-container.counter-hierarchy ul ul a::before {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.5rem;
  height: 0;
  border-bottom: 1px solid;
}

/* pass
**************************************** */
#pass p {
  margin-bottom: 1em;
}

#pass input[name=post_password] {
  padding: 0.3125rem;
  border: solid 1px #aaa;
  outline: none;
}

#pass input[type=submit] {
  padding: 0.25rem 0.375rem;
  letter-spacing: 0.15em;
  background-color: #ddd;
  border-radius: 0.25rem;
  outline: none;
  border: none;
  cursor: pointer;
  transition: var(--transit-default);
}

@media (hover: hover) {
  #pass input[type=submit]:hover {
    opacity: 0.7;
  }
}
/* share
**************************************** */
.share--list a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: 0.5em;
  line-height: 1;
  font-size: max(10px, 0.75rem);
  font-weight: bold;
  border: 1px solid var(--clr-mono-02);
}
@media screen and (max-width: 47.9375em) {
  .share--list a {
    height: 2.5rem;
  }
}
@media (hover: hover) {
  .share--list a:hover {
    opacity: 0.5;
  }
}

/* wp-pagenavi
**************************************** */
.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(3.5416666667px, 0.2083333333vw, 0.25rem);
  white-space: nowrap;
}

.wp-pagenavi > * {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wp-pagenavi .pages {
  width: 100%;
  margin-bottom: 1em;
}

.wp-pagenavi .current {
  color: var(--clr-wht);
  background-color: var(--clr-primary-default);
  border-color: var(--clr-primary-default);
}

.wp-pagenavi a {
  position: relative;
  padding: 0 1em;
  height: clamp(35.4166666667px, 2.0833333333vw, 2.5rem);
  color: var(--clr-wht);
  border: 1px solid var(--clr-grid);
  background: #102535;
  box-shadow: 0 0 24px 0 rgba(1, 144, 186, 0.5);
}
@media screen and (max-width: 47.9375em) {
  .wp-pagenavi a {
    height: 2.5714285714rem;
  }
}
@media (hover: hover) {
  .wp-pagenavi a:hover {
    color: var(--clr-wht);
    background-color: var(--clr-primary-default);
  }
}

.archive .wp-pagenavi > *:not(.pages) {
  width: clamp(35.4166666667px, 2.0833333333vw, 2.5rem);
  aspect-ratio: 1;
}
@media screen and (max-width: 47.9375em) {
  .archive .wp-pagenavi > *:not(.pages) {
    width: 2.5714285714rem;
  }
}

.wp-pagenavi-single a[rel=prev],
.wp-pagenavi-single a[rel=next] {
  aspect-ratio: 1;
}

.wp-pagenavi a[rel=prev]::before,
.wp-pagenavi a[rel=next]::before,
.wp-pagenavi .first::before,
.wp-pagenavi .last::before,
.wp-pagenavi .first::after,
.wp-pagenavi .last::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-top: 2px solid;
  border-right: 2px solid;
}

.wp-pagenavi a[rel=prev]::before,
.wp-pagenavi a[rel=next]::before,
.wp-pagenavi .first::before,
.wp-pagenavi .last::before,
.wp-pagenavi .first::after,
.wp-pagenavi .last::after {
  width: 0.5em;
  aspect-ratio: 1;
}

.wp-pagenavi a[rel=prev]::before,
.wp-pagenavi .first::before,
.wp-pagenavi .first::after {
  transform: rotate(-135deg);
}

.wp-pagenavi a[rel=next]::before,
.wp-pagenavi .last::before,
.wp-pagenavi .last::after {
  transform: rotate(45deg);
}

.wp-pagenavi-single a[rel=prev]::before {
  transform: rotate(45deg);
}

.wp-pagenavi-single a[rel=next]::before {
  transform: rotate(-135deg);
}

.wp-pagenavi .first::before,
.wp-pagenavi .last::before {
  left: -0.375rem;
}

.wp-pagenavi .first::after,
.wp-pagenavi .last::after {
  right: -0.375rem;
}

.page,
.current,
.pages {
  font-family: var(--font-en-display);
}

/* ##############################################################################

		blog

############################################################################## */
/* ##############################################################################

		requirements

############################################################################## */
.requirements--info .list-dl {
  position: relative;
}
.requirements--info .list-dl .list-dl--bold {
  background: none;
}
.requirements--info .list-dl dt {
  font-weight: var(--font-weight-bold);
}
.requirements--info .list-dl dd {
  border-bottom: 1px solid var(--clr-mono-04);
}
.requirements--info .list-dl dd iframe {
  max-width: 100%;
}
.requirements--info .list-detail + .list-detail {
  margin-top: 1.5em;
}
.requirements--info .list-dl--bold {
  color: currentColor;
  font-weight: var(--font-weight-bold);
}
@media screen and (min-width: 48em) {
  .requirements--info .list-dl {
    display: flex;
    flex-wrap: wrap;
  }
  .requirements--info .list-dl dt,
  .requirements--info .list-dl dd {
    padding: 1.5rem 0.875rem;
  }
  .requirements--info .list-dl dt {
    width: 12.5rem;
    border-bottom: 2px solid var(--clr-bg-01);
  }
  .requirements--info .list-dl dd {
    width: calc(100% - 12.5rem);
  }
}
@media screen and (max-width: 47.9375em) {
  .requirements--info .list-dl {
    border-top: none;
  }
  .requirements--info .list-dl dt {
    position: static;
    padding: 1.5em 0.875em 0.5em;
    border-bottom: 2px solid;
  }
  .requirements--info .list-dl dd {
    padding: 1.5em 0.875em;
    border-bottom-color: var(--clr-mono-02);
  }
  .requirements--info .btn-entry button {
    width: 100%;
  }
}

.requirements--info--head .ttl-02 {
  margin-bottom: 0 !important;
}
.requirements--info--head .cat_list {
  margin-top: 2rem;
}
.requirements--info--head .cat_list a {
  padding-block: 0.25rem;
  font-size: var(--font-size-txt-lg);
}
.requirements--info--head .eyecatch {
  margin-top: 2rem;
}

/* ##############################################################################

		works

############################################################################## */
.single-works--table {
  margin-block: 2.5em !important;
}
@media screen and (min-width: 48em) {
  .single-works--table th,
  .single-works--table td {
    min-width: 18.75rem;
  }
}

.single-works--btns {
  gap: 1rem 2%;
  justify-content: center;
}
.single-works--btns .btn {
  width: 32%;
  margin-inline: 0 !important;
}
@media screen and (max-width: 47.9375em) {
  .single-works--btns {
    gap: 0.5714285714rem;
  }
  .single-works--btns .btn {
    width: 100%;
  }
}

/* --- 採用用スタイル --- */
.single-requirements-container {
  padding-bottom: 0 !important;
}

.job_other {
  color: var(--clr-bg-01);
  position: relative;
  padding-bottom: 17.5rem;
}
.job_other::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: var(--clr-text-primary) url(../images/common/bg-img-grid-wht.svg) repeat center center/120rem 2.125rem;
}
.job_other .ttl-02 {
  color: var(--clr-wht);
  border-color: var(--clr-tertiary-dark);
  background: var(--clr-tertiary-default);
}
.job_other .ttl-02 .font-en {
  color: var(--clr-tertiary-light);
}

/* ##############################################################################

		sitemap

############################################################################## */
@media print, screen and (min-width: 48em) {
  .sitemap--menu {
    column-count: 2;
    gap: 5%;
  }
}

.sitemap--menu > li {
  break-inside: avoid;
}

.sitemap--menu > li > a {
  font-size: max(16px, 1.125rem);
  border-bottom: 1px solid var(--clr-mono-03);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.sitemap--menu a,
.sitemap--menu span {
  display: block;
}

.sitemap--menu a {
  position: relative;
}
@media (hover: hover) {
  .sitemap--menu a:hover {
    color: var(--clr-primary-default);
  }
}

.sitemap_sub_nav--blc {
  padding-left: 1em;
}
.sitemap_sub_nav--blc:not(:last-child) {
  margin-bottom: 1em;
}

.sitemap--tax {
  border-bottom: 1px dashed var(--clr-mono-03);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.sitemap_sub_nav a {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-inline-start: 1.25em;
}
.sitemap_sub_nav a::before {
  content: "";
  float: inline-start;
  inline-size: 0.375rem;
  aspect-ratio: 1;
  margin-block: calc((1lh - 0.375rem) / 2);
  margin-inline-start: -1.25em;
  border-top: 1px solid var(--clr-primary-default);
  border-right: 1px solid var(--clr-primary-default);
  transform: rotate(45deg);
}

/* ##############################################################################

		recruit

############################################################################## */
.recruit-bg-wht {
  margin-top: -10rem;
  padding-top: 17.5rem;
  color: var(--clr-bg-01);
  background: var(--clr-text-primary) url(../images/common/bg-img-grid-wht.svg) repeat center center/120rem 2.125rem;
  z-index: 0;
  overflow-x: clip;
}

@media screen and (min-width: 67.5625em) {
  .recruit-bg-wht::before {
    margin-left: 0;
  }
}
.recruit-bg-wht .ttl-03 {
  --ttl-clr: var(--clr-bg-01);
  --ttl-clr-sub: var(--clr-bg-01);
}

@media screen and (max-width: 47.9375em) {
  .recruit-bg-wht {
    padding-top: 15.7142857143rem;
  }
}
.recruit-txt-lg {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.7;
  letter-spacing: 0.03em;
}

.recruit-hero {
  height: 100lvb;
  overflow-x: clip;
}

.recruit-hero::after {
  content: "";
  width: 100%;
  height: 12.25rem;
  background: linear-gradient(180deg, rgba(255, 156, 63, 0) 0%, rgba(255, 156, 63, 0.8) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.recruit-hero--ttl {
  margin-left: 8.4375%;
  margin-bottom: 14.3229166667%;
  color: var(--clr-wht);
  font-size: var(--font-size-display-lg);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
}

.recruit-hero--btn {
  --btn-circle: 13.75rem;
  --btn-outer-line: 15.5rem;
  --btn-outer-lin-ball-size: 0.5rem;
  --gnav-clr-border: var(--clr-sub-03);
  --gnav-clr-bg: url(../images/recruit/cta-gradient-img.jpg) lightgray -11px -24.069px / 216.025% 130.063% no-repeat;
  --gnav-clr-ball: var(--clr-sub-03);
  --gnav-clr-line: var(--clr-sub-03);
  margin-bottom: 2.3958333333%;
  margin-right: 2.3958333333%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.recruit-hero--btn--inner {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 0.8125rem;
  width: 100%;
  height: 100%;
  position: relative;
}

.recruit-hero--btn--inner::after {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--gnav-clr-bg-active);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: var(--transit-default);
}

.recruit-hero--btn--txtarea .font-en {
  margin-bottom: 0.25rem;
  color: #E1FF00;
  text-align: center;
  font-size: var(--font-size-txt-sm);
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.recruit-hero--btn--txtarea .font-jp {
  margin-bottom: 0.8125rem;
  color: var(--clr-wht);
  text-align: center;
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.recruit-hero--btn--flowing-txt {
  display: flex;
  width: 11.5rem;
  margin-bottom: 1rem;
  padding-block: 0.28125rem;
  white-space: nowrap;
  color: var(--clr-bg-01);
  font-size: var(--font-size-txt-md);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
  border-radius: var(--border-radius-tertiary);
  background-color: var(--clr-wht);
  overflow: hidden;
}

.recruit-hero--btn--flowing-txt p {
  animation: loopLeftText 6s linear infinite;
  padding-right: 1em;
}

.recruit-hero--btn {
  --icon-outer-width: 2.75rem;
  --icon-width: 1rem;
}

.recruit-hero--btn--icon-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-outer-width);
  aspect-ratio: 1;
  border-radius: 50%;
  margin-inline: auto;
  background-color: rgba(255, 216, 23, 0.5);
}

.recruit-hero--btn--icon-arrow::before {
  content: "";
  display: block;
  width: var(--icon-width);
  aspect-ratio: 1;
  background-color: var(--clr-wht);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/arrow_forward.svg);
  mask-size: contain;
}

.recruit-hero--btn--circle {
  animation-delay: 0.5s;
}

.recruit-hero--btn--circle::after {
  content: none;
}

@keyframes recruit-icon-arrow {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  49% {
    transform: translate(calc(var(--icon-outer-width) - var(--icon-width) * 1.5), 0);
    opacity: 1;
  }
  50% {
    transform: translate(calc(var(--icon-outer-width) - var(--icon-width) * 1.5), 0);
    opacity: 0;
  }
  51% {
    transform: translate(calc((var(--icon-outer-width) - var(--icon-width) * 1.5) * -1), 0);
    opacity: 0;
  }
  52% {
    transform: translate(calc((var(--icon-outer-width) - var(--icon-width) * 1.5) * -1), 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@media (hover: hover) {
  .recruit-hero--btn:hover .recruit-hero--btn--icon-arrow::before {
    animation: recruit-icon-arrow 0.25s linear;
  }
}
.recruit-hero--scroll {
  margin-left: -4.0625rem;
  width: 8.125rem;
  aspect-ratio: 1;
  padding-top: 1.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  z-index: 1;
}

.recruit-hero--scroll .font-en {
  margin-bottom: 1.5rem;
  color: var(--clr-wht);
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  font-size: max(8px, 0.625rem);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  /* 16px */
  letter-spacing: 0.03em;
  text-align: center;
}

@keyframes scroll-arrow-icon {
  0% {
    transform: translate(-0.5rem, 0);
    opacity: 0;
  }
  20% {
    transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    transform: translate(1rem, 0);
    opacity: 1;
  }
  100% {
    transform: translate(1rem, 0);
    opacity: 0;
  }
}
.recruit-hero--scroll--icon {
  width: 1.3125rem;
  aspect-ratio: 1;
  margin-inline: auto;
  background-color: var(--clr-wht);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-image: url(../images/common/arrow_forward.svg);
  mask-size: contain;
  rotate: 90deg;
  animation: scroll-arrow-icon 1.25s linear infinite;
}

.recruit-hero video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 47.9375em) {
  .recruit-hero--ttl {
    font-size: var(--font-size-display-md-sp);
    margin-inline: auto;
    scale: 0.9;
    margin-bottom: 61.5384615385%;
  }
  .recruit-hero--btn {
    --btn-circle: 12.5714285714rem;
    --btn-outer-line: 14.1714285714rem;
    --btn-outer-lin-ball-size: 0.4571428571rem;
    margin-bottom: 9.2307692308%;
  }
  .recruit-hero--scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.5714285714rem;
    margin-left: -2.7857142857rem;
    padding-top: 0;
  }
  .recruit-hero--scroll .font-en {
    margin-bottom: 0.5714285714rem;
  }
}
.recruit-intro {
  position: relative;
  padding-block: max(100vh, 40rem) max(50vh, 20rem);
  overflow-x: clip;
}

.recruit-intro::after {
  content: "";
  width: 100%;
  height: 12.25rem;
  background: linear-gradient(180deg, rgba(255, 156, 63, 0) 0%, rgba(255, 156, 63, 0.8) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.recruit-intro--txtarea {
  max-width: calc(1200 * var(--rem-pc));
  color: var(--clr-text-primary);
  font-size: var(--font-size-heading1);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 2;
}

.recruit-intro--txtarea p + p {
  margin-top: 5.5rem;
}

.recruit-intro--bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.recruit-intro--bg--inner {
  height: 100svh;
  filter: blur(1.25rem);
  position: sticky;
  top: 0;
  left: 0;
}

.recruit-intro--bg--inner::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.recruit-intro--line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.recruit-intro--line--inner {
  height: 100svh;
  position: sticky;
  top: 0;
  left: 0;
}

.recruit-intro .line-b {
  z-index: 1;
}

.recruit-intro .line-01 {
  margin-top: 20.1260416667%;
  margin-left: -0.46875%;
  width: 0.7291666667%;
  aspect-ratio: 0.07;
}
.recruit-intro .line-01::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-intro .line-01 {
    width: 2.3697916667%;
    margin-top: 50.3151041667%;
    margin-left: -0.64453125%;
  }
}

.recruit-intro .line-02 {
  margin-top: -0.8080729167%;
  margin-left: 12.96875%;
  width: 0.8333333333%;
  aspect-ratio: 0.0457142857;
}
.recruit-intro .line-02::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.6s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-intro .line-02 {
    width: 2.7083333333%;
    margin-top: -2.0201822917%;
    margin-left: 17.83203125%;
  }
}

.recruit-intro .line-03 {
  margin-top: 12.0044270833%;
  margin-left: 85.8854166667%;
  width: 0.8333333333%;
  aspect-ratio: 0.0457142857;
}
.recruit-intro .line-03::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-intro .line-03 {
    width: 2.7083333333%;
    margin-top: 30.0110677083%;
    margin-left: 118.0924479167%;
  }
}

.recruit-intro .line-04 {
  margin-top: 44.7913541667%;
  margin-left: 5%;
  width: 2.0833333333%;
  aspect-ratio: 0.2857142857;
}
.recruit-intro .line-04::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.6s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-intro .line-04 {
    width: 6.7708333333%;
    margin-top: 111.9783854167%;
    margin-left: 6.875%;
  }
}

.recruit-intro .line-05 {
  margin-top: 33.6304166667%;
  margin-left: 85.8854166667%;
  width: 2.0833333333%;
  aspect-ratio: 0.1666666667;
}
.recruit-intro .line-05::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 1.8s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-intro .line-05 {
    width: 6.7708333333%;
    margin-top: 84.0760416667%;
    margin-left: 118.0924479167%;
  }
}

@media screen and (max-width: 47.9375em) {
  .recruit-intro {
    padding-block: max(100vh, 45.7142857143rem) max(25vh, 17.1428571429rem);
  }
  .recruit-intro--txtarea {
    font-size: var(--font-size-heading2-sp);
  }
}
.recruit-bg-orange {
  margin-top: calc(var(--recruit-mask-height) * -1);
  padding-block: 15.75rem 19.3125rem;
  position: relative;
  z-index: 2;
  overflow-x: clip;
}

.recruit-bg-orange--bg-logo {
  width: 100%;
  height: 81.25%;
  position: absolute;
  top: 12.5%;
  left: 0;
  z-index: 0;
}

.recruit-bg-orange--bg-logo::after {
  content: "";
  display: block;
  width: 53.5416666667%;
  aspect-ratio: 1028/848;
  background-color: #EC6E40;
  -webkit-mask-image: url(../images/recruit/bg-logo-img.svg);
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/recruit/bg-logo-img.svg);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mix-blend-mode: multiply;
  position: sticky;
  top: 0;
  left: 50%;
  translate: -50% 0;
}

.recruit-bg-orange .line-01 {
  margin-top: 9.9922916667%;
  margin-left: 4.9479166667%;
  width: 0.7291666667%;
  aspect-ratio: 0.1166666667;
}
.recruit-bg-orange .line-01::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 0s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-01 {
    width: 2.3697916667%;
    margin-top: 24.9807291667%;
    margin-left: 6.8033854167%;
  }
}

.recruit-bg-orange .line-02 {
  margin-top: 17.856875%;
  margin-left: 1.3098958333%;
  width: 0.2083333333%;
  aspect-ratio: 0.0333333333;
}
.recruit-bg-orange .line-02::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.6s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-02 {
    width: 0.6770833333%;
    margin-top: 44.6421875%;
    margin-left: 1.8011067708%;
  }
}

.recruit-bg-orange .line-03 {
  margin-top: 44.9402083333%;
  margin-left: 5.78125%;
  width: 1.6666666667%;
  aspect-ratio: 0.2666666667;
}
.recruit-bg-orange .line-03::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 0.6s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-03 {
    width: 5.4166666667%;
    margin-top: 112.3505208333%;
    margin-left: 7.94921875%;
  }
}

.recruit-bg-orange .line-04 {
  margin-top: 45.646875%;
  margin-left: 31.3020833333%;
  width: 0.7291666667%;
  aspect-ratio: 0.07;
}
.recruit-bg-orange .line-04::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.6s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-04 {
    width: 2.3697916667%;
    margin-top: 114.1171875%;
    margin-left: 43.0403645833%;
  }
}

.recruit-bg-orange .line-05 {
  margin-top: 69.4714583333%;
  margin-left: 22.9166666667%;
  width: 1.6666666667%;
  aspect-ratio: 0.2666666667;
}
.recruit-bg-orange .line-05::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-05 {
    width: 5.4166666667%;
    margin-top: 173.6786458333%;
    margin-left: 31.5104166667%;
  }
}

.recruit-bg-orange .line-06 {
  margin-top: 69.4714583333%;
  margin-left: 22.9166666667%;
  width: 1.6666666667%;
  aspect-ratio: 0.2666666667;
}
.recruit-bg-orange .line-06::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 1.2s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-06 {
    width: 5.4166666667%;
    margin-top: 173.6786458333%;
    margin-left: 31.5104166667%;
  }
}

.recruit-bg-orange .line-07 {
  margin-top: 78.4297916667%;
  margin-left: 81.25%;
  width: 2.5%;
  aspect-ratio: 0.4;
}
.recruit-bg-orange .line-07::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-07 {
    width: 8.125%;
    margin-top: 196.0744791667%;
    margin-left: 111.71875%;
  }
}

.recruit-bg-orange .line-08 {
  margin-top: 70.1479166667%;
  margin-left: 88.3333333333%;
  width: 1.25%;
  aspect-ratio: 0.06;
}
.recruit-bg-orange .line-08::before {
  background: linear-gradient(180deg, #E5FF00 0%, rgba(229, 255, 0, 0) 100%);
  animation-delay: 0.8s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-08 {
    width: 4.0625%;
    margin-top: 175.3697916667%;
    margin-left: 121.4583333333%;
  }
}

.recruit-bg-orange .line-09 {
  margin-top: 113.0427083333%;
  margin-left: 26.09375%;
  width: 0.7291666667%;
  aspect-ratio: 0.07;
}
.recruit-bg-orange .line-09::before {
  background: linear-gradient(180deg, #E8E8E8 0%, rgba(232, 232, 232, 0) 100%);
  animation-delay: 0.8s;
}
@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange .line-09 {
    width: 2.3697916667%;
    margin-top: 282.6067708333%;
    margin-left: 35.87890625%;
  }
}

@media screen and (max-width: 47.9375em) {
  .recruit-bg-orange {
    padding-block: 0 8.5714285714rem;
  }
  .recruit-bg-orange--bg-logo::after {
    width: 100%;
    top: 50%;
    left: 0;
    translate: 0 -50%;
  }
}
.recruit-about--head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: calc(1678 * var(--rem-pc));
  margin-bottom: 7.375rem;
  position: relative;
  z-index: 1;
}

.recruit-about--head--txtarea {
  width: 41.0011918951%;
}

.recruit-about--head--ttl {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  font-weight: var(--font-weight-bold);
  overflow-x: clip;
}

.recruit-about--head--ttl .sub {
  width: fit-content;
  font-size: var(--font-size-heading5);
  line-height: 1.6;
  position: relative;
}

.recruit-about--head--ttl .sub::after {
  content: "";
  width: 100%;
  min-width: 24.8125rem;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: calc(100% + 1.5rem);
}

.recruit-about--head--ttl .main {
  font-size: var(--font-size-heading1);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.recruit-about--head--ttl .main em {
  background: linear-gradient(147deg, #F1FE62 11.64%, #B9F21D 47.39%, #E7F21D 82.83%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruit-about--head--txt {
  margin-bottom: 2.5rem;
}

.recruit-about--head--imgs {
  width: 50.0595947557%;
  aspect-ratio: 840/830;
  position: relative;
}

.recruit-about--head--imgs--item {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.recruit-about--head--imgs--mask,
.recruit-about--head--imgs--mask-inner {
  width: 100%;
  height: 100%;
  transform-origin: center;
  will-change: transform;
}

.recruit-about--head--imgs--mask {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-mask-image: url(../images/recruit/recruit-about-img-mask.svg);
  -webkit-mask-mode: alpha;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 93% 93%;
  animation: recruit-image-mask-rotate 18s linear infinite;
  mask-image: url(../images/recruit/recruit-about-img-mask.svg);
  mask-mode: alpha;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 93% 93%;
}

.recruit-about--head--imgs--mask-inner {
  animation: recruit-image-mask-rotate-reverse 18s linear infinite;
}

.recruit-about--head--imgs--dec-01 {
  width: 99.880952381%;
  aspect-ratio: 839/840;
  background: linear-gradient(147deg, rgba(185, 242, 29, 0.8) 47.39%, rgba(231, 242, 29, 0.8) 82.83%);
  rotate: 49.183deg;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

@media screen and (max-width: 47.9375em) {
  .recruit-about--head--imgs {
    width: 100%;
    margin-right: 0;
  }
  .recruit-about--head--imgs--dec {
    translate: 5.7142857143rem 0.2142857143rem;
    scale: 1.04;
  }
  .recruit-about--head--imgs--dec-01 {
    --pos-x: -0.7142857143rem;
    --pos-y: 2.8571428571rem;
  }
  .recruit-about--head--imgs--dec-02 {
    --pos-x: -1.7857142857rem;
    --pos-y: 4.2857142857rem;
  }
}
.recruit-about--head--dec01 {
  width: 19.0703218117%;
  aspect-ratio: 320/320;
  margin-bottom: -2.1454112038%;
  margin-right: -5.7210965435%;
  background: linear-gradient(147deg, #B9F21D 47.39%, #E7F21D 82.83%);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.recruit-about--slide-wrp {
  width: 100%;
  height: 100%;
}

.recruit-about--slide {
  width: 100%;
  height: 100%;
}

.recruit-about--slide .splide__track,
.recruit-about--slide .splide__list,
.recruit-about--slide .splide__slide,
.recruit-about--slide img {
  height: 100%;
}

.recruit-about--slide img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.recruit-about .ltr_slide .ltr-slide_wrap:nth-child(odd) > .ltr-slide > ul {
  animation-duration: 120s;
}

.recruit-about--ltr_slide {
  position: relative;
  z-index: 1;
}

.recruit-about--ltr_slide .home_recruit--ltr_slide {
  position: relative;
  z-index: 1;
}

.recruit-about--ltr_slide--dec01 {
  margin-top: -7.1875%;
  margin-left: -15.78125%;
  width: 33.3333333333%;
  aspect-ratio: 640/633;
  background: linear-gradient(147deg, #FFA151 47.39%, #FF8746 82.83%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.recruit-about .ltr_item--human {
  width: 15.5625rem;
  text-align: center;
  aspect-ratio: 205/169;
  position: relative;
}

.recruit-about .ltr_item--human::after {
  content: "";
  display: block;
  width: 82.3293172691%;
  aspect-ratio: 1028/848;
  background-color: var(--clr-wht);
  -webkit-mask-image: url(../images/recruit/bg-logo-img.svg);
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/recruit/bg-logo-img.svg);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.recruit-about .ltr_item--human--txt {
  color: var(--clr-bg-01);
  background-color: var(--clr-wht);
  padding-inline: 0.7142857143em;
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-weight: 600;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-txt-sm);
  position: absolute;
  top: 0;
}

.recruit-about .ltr_item--human--txt.txt-rt {
  border-radius: 624.9375rem 624.9375rem 624.9375rem 0;
  right: 0;
}

.recruit-about .ltr_item--human--txt.txt-lf {
  border-radius: 624.9375rem 0 624.9375rem 624.9375rem;
  left: 0;
}

.recruit-about .ltr_item--human.human01 .txt01 {
  margin-top: 1.7142857143em;
  margin-right: -6.2142857143em;
}

.recruit-about .ltr_item--human.human02 .txt01 {
  margin-top: 1.7142857143em;
  margin-right: -2.8571428571em;
}

.recruit-about .ltr_item--human.human03 .txt01 {
  margin-top: 0.5714285714em;
  margin-right: -2.8571428571em;
}

.recruit-about .ltr_item--human.human04 .txt01 {
  margin-top: 4.2857142857em;
  margin-right: 3.5714285714em;
}

.recruit-about .ltr_item--human.human04 .txt02 {
  margin-top: 8.1428571429em;
  margin-left: 0.5714285714em;
}

.recruit-about .ltr_item--human.human05 .txt01 {
  margin-top: 5em;
  margin-left: -2.1428571429em;
}

.recruit-about .ltr_item--human.human06 .txt01 {
  margin-top: 5.7142857143em;
  margin-left: -0.3571428571em;
}

.recruit-about .ltr_item--human.human07 .txt01 {
  margin-top: 2.1428571429em;
  margin-right: -2.8571428571em;
}

.recruit-about .ltr_item--human.human08 .txt01 {
  margin-top: -0.7142857143em;
  margin-right: -2.8571428571em;
}

.recruit-about .ltr_item--human.human09 .txt01 {
  margin-top: 5.7142857143em;
  margin-left: -4.2857142857em;
}

@media screen and (max-width: 47.9375em) {
  .recruit-about--head {
    margin-bottom: 1.7142857143rem;
    flex-wrap: wrap;
  }
  .recruit-about--head--txtarea {
    width: 100%;
    order: 2;
    z-index: 2;
  }
  .recruit-about--head--imgs {
    margin-bottom: 1.1428571429rem;
    min-width: 150%;
    order: 1;
    transform: translateX(-7.5%);
  }
  .recruit-about--head--dec01 {
    width: 50%;
    margin-top: 102.5641025641%;
    margin-right: auto;
    margin-left: -20.5128205128%;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
  }
  .recruit-about--head--ttl {
    gap: 0.5714285714rem;
  }
  .recruit-about--head--ttl .sub {
    font-size: var(--font-size-heading5-sp);
  }
  .recruit-about--head--ttl .main {
    font-size: var(--font-size-heading1-sp);
  }
}
.recruit-job {
  padding-top: 5rem;
  position: relative;
  z-index: 1;
}

.recruit-job--ttl {
  display: grid;
  gap: 1.5rem;
  margin-bottom: 4.5rem;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  font-size: var(--font-size-display-sm);
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.recruit-job--ttl .font-jp {
  display: flex;
  width: fit-content;
  margin-inline: auto;
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.7;
  letter-spacing: 0.03em;
}

.recruit-job--ttl .font-jp::before {
  content: "";
  flex-shrink: 0;
  width: 1.5rem;
  margin-right: 0.5rem;
  aspect-ratio: 1;
  background-color: #E1FF00;
  filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.1));
  mask-image: url(../images/common/icon-logo.png);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
}

.recruit-job--slide {
  margin-bottom: 3rem;
  position: relative;
}

.recruit-job--slide--item {
  padding-inline: 1.8125rem;
}

.recruit-job--slide--item--inner {
  display: flex;
  min-height: 25.5rem;
  height: 100%;
  background-color: var(--clr-wht);
  border-radius: var(--border-radius-primary);
  border: 0.625rem solid var(--clr-border);
  position: relative;
  box-shadow: 0 0 1rem rgba(255, 255, 255, 0);
  transition: var(--transit-default);
}

@media (hover: hover) {
  .recruit-job--slide--item--inner:hover {
    border-color: var(--clr-txt);
    box-shadow: 0 0 2.25rem #fff;
  }
}
.recruit-job--slide--txtarea {
  width: 50.1063829787%;
  padding: 3.125rem 2rem 3.125rem 4rem;
}

.recruit-job--slide--ttl-sub {
  margin-bottom: 0.5rem;
  color: var(--clr-txt);
  font-size: var(--font-size-txt-sm);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.recruit-job--slide--ttl {
  margin-bottom: 2.0625rem;
  font-size: var(--font-size-heading2);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.recruit-job--slide--ttl a {
  color: var(--clr-bg-01);
}

.recruit-job--slide--ttl a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.recruit-job--slide--ttl small {
  color: var(--clr-txt);
  font-size: var(--font-size-heading4);
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.recruit-job--slide--txt {
  color: var(--clr-bg-01);
  margin-bottom: 5.25rem;
}

.recruit-job--slide--tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34375rem;
}

.recruit-job--slide--tag li {
  padding-inline: 1.5rem;
  color: var(--clr-txt);
  font-size: var(--font-size-txt-sm);
  font-weight: var(--font-weight-bold);
  background-color: var(--clr-border);
  border-radius: 624.9375rem;
  letter-spacing: 0.03em;
  line-height: 1.6;
}

.recruit-job--slide--img {
  width: 49.8936170213%;
  position: relative;
}

.recruit-job--slide--img--item {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.recruit-job--slide--img--item--inner {
  width: 133.6886993603%;
  padding-top: 129.21108742%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.recruit-job--slide--img--item--inner img {
  position: absolute;
  top: 0;
  left: 0;
}

.recruit-job--slide--img--human {
  width: 46.2686567164%;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-6.1875rem);
}

.recruit-job--slide .splide__track {
  overflow: visible;
  overflow-y: visible;
  overflow-x: clip;
}

.recruit-job--slide .splide__list {
  align-items: stretch;
}

.recruit-job--slide .splide__slide {
  height: auto;
}

.recruit-job--slide .splide__slide > * {
  transition: var(--transit-default);
}

.recruit-job--slide .splide__arrow {
  --arrow-wid: 7.5rem;
  --arrow-pos: 30.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(var(--arrow-wid) * 0.5 * -1);
  width: var(--arrow-wid);
  aspect-ratio: 1;
  overflow: hidden;
  background-color: #FF9500;
  border: 1px solid #FF9500;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 2;
  transition: var(--transit-default);
  cursor: pointer;
}

.recruit-job--slide .splide__arrow::before {
  content: "";
  display: block;
  width: 2rem;
  aspect-ratio: 1;
  background-color: var(--clr-wht);
  mask-image: url(../images/common/arrow_forward.svg);
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  transition: var(--transit-default);
}

.recruit-job--slide .splide__arrow svg {
  display: none;
}

@media (hover: hover) {
  .recruit-job--slide .splide__arrow:hover {
    background-color: var(--clr-wht);
  }
  .recruit-job--slide .splide__arrow:hover::before {
    background-color: #FF9500;
  }
}
.recruit-job--slide .splide__arrow--prev {
  transform: translateX(calc(var(--arrow-pos) - 75%));
  left: 0;
}

.recruit-job--slide .splide__arrow--prev::before {
  rotate: 180deg;
}

.recruit-job--slide .splide__arrow--next {
  transform: translateX(calc(var(--arrow-pos) * -1 + 75%));
  right: 0;
}

@media screen and (min-width: 48em) {
  .recruit-job .splide__slide.is-prev-moving > * {
    transform: translateY(5.5rem) rotate(-10deg);
  }
  .recruit-job .splide__slide.is-next-moving > * {
    transform: translateY(5.5rem) rotate(10deg);
  }
}
@media screen and (max-width: 47.9375em) {
  .recruit-job {
    padding-top: 0;
  }
  .recruit-job--ttl {
    width: 95%;
    margin-bottom: 2.2857142857rem;
    font-size: var(--font-size-display-sm-sp);
  }
  .recruit-job .splide__slide > * {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
  .recruit-job .splide__arrow {
    --arrow-wid: 4.2857142857rem;
    --arrow-pos: 80%;
  }
  .recruit-job--slide--item {
    padding-inline: 0.2857142857rem;
  }
  .recruit-job--slide--item--inner {
    display: block;
    min-height: auto;
  }
  .recruit-job--slide--txtarea {
    width: 100%;
    padding: 1.7142857143rem 1.7142857143rem 0.5714285714rem 1.7142857143rem;
  }
  .recruit-job--slide--ttl {
    margin-bottom: 0.8571428571rem;
    font-size: var(--font-size-heading2-sp);
  }
  .recruit-job--slide--txt {
    margin-bottom: 1.1428571429rem;
  }
  .recruit-job--slide--img {
    width: calc(100% - 1.7142857143rem);
    margin-top: auto;
    margin-inline: auto 0;
    height: 14.2857142857rem;
  }
  .recruit-job--slide--img--item--inner {
    width: 132%;
    padding-top: 100%;
    top: 0;
    transform: translateY(0);
  }
  .recruit-job--slide--img--human {
    transform: translateX(calc(-1.7142857143rem - 0.625rem));
  }
}
.recruit-ltr_slide {
  position: relative;
}

.recruit-ltr_slide .ltr_slide {
  position: relative;
  z-index: 1;
}

.recruit-ltr_slide--dec01 {
  width: 41.1458333333%;
  aspect-ratio: 790/790;
  margin-top: -8.2291666667%;
  margin-left: -20.2083333333%;
  background: linear-gradient(147deg, #FFA151 47.39%, #FF8746 82.83%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

@media screen and (max-width: 47.9375em) {
  .recruit-ltr_slide .ltr_item {
    width: 17.1428571429rem;
  }
  .recruit-ltr_slide--dec01 {
    margin-top: -16.2051282051%;
    width: 81.0256410256%;
  }
}
.recruit-number {
  margin-bottom: 8.75rem;
}

.recruit-number--ttl {
  margin-bottom: 5rem;
  display: grid;
  row-gap: 0.25rem;
}

.recruit-number--ttl .font-jp {
  font-size: var(--font-size-heading4);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.recruit-number--ttl .font-jp em {
  position: relative;
  display: inline-block;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
}

.recruit-number--ttl .font-jp em::before {
  content: "";
  width: 0.125rem;
  height: 2rem;
  background-color: #FF8000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.recruit-number--ttl .font-en {
  font-size: var(--font-size-display-lg);
  line-height: 0.9;
  letter-spacing: -0.05em;
  background: url(../images/recruit/cta-gradient-img.jpg) lightgray 50%/cover no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruit-number--items {
  display: grid;
  row-gap: 1em;
  font-size: var(--font-size-txt-md);
  max-width: calc(1200 * var(--rem-pc));
  position: relative;
}

.recruit-number--items--img {
  width: 11.0625em;
  position: absolute;
  top: 0;
  right: -2.125em;
  transform: translateY(-100%);
}

.recruit-number--items--img--txt {
  width: fit-content;
  background: #FF9500;
  color: var(--clr-wht);
  font-family: var(--font-jp-heading);
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.03em;
  position: absolute;
}

.recruit-number--items--img--txt:first-child {
  padding: 0.3125rem 1rem 0.3125rem 1.125rem;
  border-radius: 624.9375rem 624.9375rem 0 624.9375rem;
  top: 1em;
  left: -8.0714285714em;
}

.recruit-number--items--img--txt:nth-child(2) {
  padding: 0.3125rem 0.8125rem 0.3125rem 0.625rem;
  border-radius: 624.9375rem 624.9375rem 624.9375rem 0;
  top: 2.5em;
  right: -8.0714285714em;
}

.recruit-number--item {
  position: relative;
}

.recruit-number--item--ttl {
  margin-bottom: 1rem;
  position: relative;
}

.recruit-number--item--ttl::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #FF8000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.recruit-number--item--ttl--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8125rem 2rem;
  color: var(--clr-wht);
  position: relative;
  z-index: 1;
}

.recruit-number--item--ttl .font-jp {
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0;
}

.recruit-number--item--ttl .font-en {
  color: #E1FF00;
  font-size: var(--font-size-txt-sm);
  line-height: 1.7;
  font-weight: var(--font-weight-bold);
}

.recruit-number--item--img {
  position: absolute;
}

.recruit-number--item--img--txt {
  width: fit-content;
  padding: 0.3125rem 0.5625rem 0.3125rem 0.8125rem;
  border-radius: 624.9375rem 624.9375rem 0 624.9375rem;
  background: #FF9500;
  color: var(--clr-wht);
  font-family: var(--font-jp-heading);
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.03em;
  position: absolute;
  top: 0;
  left: 0;
}

.recruit-number--cards {
  display: grid;
  gap: 0.6875em;
}

.recruit-number--card {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--clr-wht);
  min-height: 10em;
}

.recruit-number--card--txt {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.75rem;
  font-family: var(--font-jp-text);
  line-height: 1;
  font-weight: var(--font-weight-bold);
  color: #FF7F01;
}

.recruit-number--card--txt .fs32 {
  font-size: 2em;
  line-height: 1.2;
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.15em;
}

.recruit-number--card--txt .fs32 small {
  display: block;
  font-size: 0.5625em;
  line-height: 1.6;
  letter-spacing: -0.04em;
}

.recruit-number--card--txt .fs40 {
  font-size: 2.5em;
  line-height: 1.1;
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.15em;
}

.recruit-number--card--txt .fs40 small {
  display: block;
  font-size: 0.45em;
  line-height: 1.6;
  letter-spacing: -0.04em;
}

.recruit-number--card--txt .fs48 {
  font-size: 3em;
  letter-spacing: -0.15em;
  line-height: 1;
}

.recruit-number--card--txt .fs48 small {
  font-size: 0.375em;
  line-height: 1.6;
  letter-spacing: -0.04em;
}

.recruit-number--card--txt .fs56 {
  font-size: 3.5em;
  line-height: 0.9;
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.15em;
}

.recruit-number--card--txt .fs80 {
  font-size: 5em;
  line-height: 1.2;
  font-weight: 250;
  letter-spacing: -0.06em;
  line-height: 0.9;
  letter-spacing: -0.135em;
}

.recruit-number--card--txt .fs100 {
  font-size: 6.25em;
  line-height: 1.2;
  font-weight: 250;
  letter-spacing: -0.048em;
  line-height: 0.9;
  letter-spacing: -0.108em;
}

.recruit-number--card--txt .fs120 {
  font-size: 7.5em;
  line-height: 1.2;
  font-weight: 250;
  letter-spacing: -0.04em;
  line-height: 0.9;
  letter-spacing: -0.09em;
}

.recruit-number--card--txt .num {
  padding-right: 0.045em;
  font-weight: var(--font-weight-heading);
  font-family: var(--font-en-display);
  background: linear-gradient(180deg, #FF8000 42.63%, #FFB638 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruit-number--card--txt .op8 {
  opacity: 0.8;
}

.recruit-number--card--img {
  height: 100%;
  position: relative;
}

.recruit-number--card--img--txt {
  width: fit-content;
  padding: 0.3125rem 0.5625rem 0.3125rem 0.8125rem;
  border-radius: 624.9375rem 624.9375rem 0 624.9375rem;
  background: #FF9500;
  color: var(--clr-wht);
  font-family: var(--font-jp-heading);
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.03em;
  position: absolute;
  top: 0;
  left: 0;
}

.recruit-number--product .recruit-number--card:first-child {
  display: grid;
  grid-template-columns: 1fr 13rem;
  padding-right: 2.5em;
}

.recruit-number--product .recruit-number--card:first-child .recruit-number--card--txt {
  justify-content: flex-end;
  padding-right: 0.25em;
}

.recruit-number--product .recruit-number--card:first-child .recruit-number--card--img {
  display: flex;
  align-items: flex-end;
}

.recruit-number--product .recruit-number--card:first-child .recruit-number--card--img--txt {
  padding-inline: 0.7857142857em;
  top: -0.4285714286em;
  left: -7.7857142857em;
}

.recruit-number--product .recruit-number--card:first-child .fs40 {
  line-height: 1.2;
  letter-spacing: 0.03em;
}

.recruit-number--product .recruit-number--card:nth-child(2) {
  display: grid;
  grid-template-columns: 1fr 19.6875rem;
}

.recruit-number--product .recruit-number--card:nth-child(2) .recruit-number--card--img--txt {
  border-bottom-right-radius: 624.9375rem;
  border-bottom-left-radius: 0;
  padding-inline: 0.7857142857em;
  top: 0.5em;
  right: -9.6428571429em;
  left: auto;
}

.recruit-number--product .fs48 {
  text-align: center;
}

.recruit-number--product .fs48 small {
  display: block;
}

.recruit-number--holiday .recruit-number--item--img {
  width: 10.3125em;
  top: 3.5em;
  left: -6.875em;
}

.recruit-number--holiday .recruit-number--item--img--txt {
  padding-inline: 1.2857142857em 1em;
  top: -0.9285714286em;
  left: -8.8571428571em;
}

.recruit-number--education .recruit-number--card:first-child .fs120 {
  letter-spacing: 0;
  padding-right: 0;
}

.recruit-number--education .recruit-number--card .fs48 span {
  display: inline-block;
  margin-left: 0.3333333333em;
  letter-spacing: inherit;
}

.recruit-number--education .recruit-number--item--img.img01 {
  width: 15.125em;
  top: 8em;
  left: -17em;
}

.recruit-number--education .recruit-number--item--img.img01 .recruit-number--item--img--txt {
  border-bottom-right-radius: 624.9375rem;
  border-bottom-left-radius: 0;
  padding-inline: 1em 0.7857142857em;
  top: -1.0714285714em;
  right: -4.2857142857em;
  left: auto;
}

.recruit-number--education .recruit-number--item--img.img02 {
  width: 12.875em;
  top: 6.875em;
  right: -8.125em;
  z-index: 1;
}

.recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt {
  border-bottom-right-radius: 624.9375rem;
  border-bottom-left-radius: 0;
  left: auto;
}

.recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:first-child {
  padding-inline: 0.7142857143em 0.5714285714em;
  top: -2.1428571429em;
  right: -7.1428571429em;
}

.recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:nth-child(2) {
  padding-inline: 0.7142857143em 0.6428571429em;
  top: 1.4285714286em;
  right: -10.3571428571em;
}

@media screen and (max-width: 47.9375em) {
  .recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:nth-child(2) {
    top: -1.4285714286em;
  }
}
.recruit-number--welfare .recruit-number--card:first-child {
  display: grid;
  grid-template-columns: 1fr 23rem;
}

.recruit-number--welfare .recruit-number--card:first-child .recruit-number--card--txt {
  justify-content: center;
  padding-right: 0.5em;
}

.recruit-number--welfare .recruit-number--card:first-child .recruit-number--card--img--txt {
  top: 1em;
  left: -8em;
}

.recruit-number--welfare .recruit-number--card:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.recruit-number--dec01 {
  width: 16.6666666667%;
  aspect-ratio: 470/420;
  margin-top: 6.1979166667%;
  margin-right: -4.1666666667%;
  background: linear-gradient(147deg, rgba(185, 242, 29, 0.8) 47.39%, rgba(231, 242, 29, 0.8) 82.83%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

@media screen and (min-width: 67.5625em) {
  .recruit-number--product .recruit-number--cards {
    grid-template-columns: 34.5rem 1fr;
  }
  .recruit-number--career .recruit-number--cards {
    grid-template-columns: 22.5rem 22.5rem minmax(0, 1fr);
  }
  .recruit-number--holiday .recruit-number--cards {
    grid-template-columns: 36.625rem 1fr;
  }
  .recruit-number--education .recruit-number--cards {
    grid-template-columns: 40.875rem 1fr;
  }
  .recruit-number--education .recruit-number--card:first-child .fs40 {
    letter-spacing: var(--ltr-space-default);
  }
  .recruit-number--welfare .recruit-number--cards {
    grid-template-columns: 53.5rem 1fr;
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .recruit-number--ttl {
    margin-bottom: 11.25rem;
  }
  .recruit-number--items {
    max-width: calc(640 * var(--rem-pc));
  }
  .recruit-number--card--txt .fs32 {
    font-size: 1.6em;
  }
  .recruit-number--card--txt .fs40 {
    font-size: 2em;
  }
  .recruit-number--card--txt .fs48 {
    font-size: 2.4em;
  }
  .recruit-number--card--txt .fs56 {
    font-size: 2.8em;
  }
  .recruit-number--card--txt .fs120 {
    font-size: 6em;
  }
  .recruit-number--product .recruit-number--card:first-child .recruit-number--card--txt {
    justify-content: center;
  }
  .recruit-number--education .recruit-number--card:nth-child(2) {
    padding-left: 0;
    justify-content: center;
  }
  .recruit-number--welfare .recruit-number--card:first-child {
    grid-template-columns: 1fr 15rem;
  }
  .recruit-number--welfare .recruit-number--card:first-child img {
    object-position: left;
  }
  .recruit-number--welfare .recruit-number--card:nth-child(2) .fs32 {
    font-size: 2.4em;
  }
  .recruit-number--welfare .recruit-number--card:nth-child(2) br {
    display: none;
  }
}
@media screen and (max-width: 47.9375em) {
  .recruit-number {
    margin-bottom: 4.2857142857rem;
  }
  .recruit-number--dec01 {
    width: 75%;
    margin-right: -25.641025641%;
  }
  .recruit-number--ttl {
    margin-bottom: 10.7142857143rem;
    position: relative;
    z-index: 1;
  }
  .recruit-number--ttl .font-jp {
    font-size: var(--font-size-heading4-sp);
  }
  .recruit-number--ttl .font-en {
    font-size: var(--font-size-display-lg-sp);
  }
  .recruit-number--items {
    font-size: var(--font-size-txt-sm-sp);
  }
  .recruit-number--items--img {
    right: 5.8333333333em;
  }
  .recruit-number--item--ttl .font-jp {
    font-size: var(--font-size-heading5-sp);
  }
  .recruit-number--item--ttl .font-sp {
    font-size: var(--font-size-txt-sm-sp);
  }
  .recruit-number--item--ttl--inner {
    padding-inline: 1.1428571429rem;
  }
  .recruit-number--card--txt .fs32 {
    font-size: 1.3333333333em;
  }
  .recruit-number--card--txt .fs40 {
    font-size: 1.6666666667em;
  }
  .recruit-number--card--txt .fs48 {
    font-size: 2em;
  }
  .recruit-number--card--txt .fs56 {
    font-size: 2.3333333333em;
  }
  .recruit-number--card--txt .fs120 {
    font-size: 5em;
  }
  .recruit-number--product .recruit-number--card:first-child {
    grid-template-columns: 1fr 10rem;
    padding-right: 0;
  }
  .recruit-number--product .recruit-number--card:first-child .recruit-number--card--txt {
    justify-content: center;
  }
  .recruit-number--product .recruit-number--card:nth-child(2) {
    grid-template-columns: 1fr 11.4285714286rem;
  }
  .recruit-number--product .recruit-number--card:nth-child(2) .recruit-number--card--img--txt {
    left: -8.3333333333em;
    top: 0.3333333333em;
    right: auto;
    border-bottom-left-radius: 624.9375rem;
    border-bottom-right-radius: 0;
  }
  .recruit-number--career .recruit-number--card {
    min-height: auto;
    padding-block: 1.1428571429rem;
  }
  .recruit-number--career .recruit-number--card .fs32 {
    font-size: 2em;
  }
  .recruit-number--holiday .recruit-number--item--ttl {
    margin-bottom: 2.6666666667em;
  }
  .recruit-number--holiday .recruit-number--item--img {
    top: 2.6666666667em;
    left: -11.2820512821%;
  }
  .recruit-number--holiday .recruit-number--item--img--txt {
    left: auto;
    white-space: nowrap;
    transform: translateX(100%);
    top: 3.5em;
    border-bottom-right-radius: 624.9375rem;
    border-bottom-left-radius: 0;
    right: 1em;
  }
  .recruit-number--holiday .recruit-number--card {
    min-height: auto;
    padding-block: 1.1428571429rem;
  }
  .recruit-number--holiday .recruit-number--card:first-child {
    justify-content: flex-end;
    padding-right: 0.8571428571rem;
  }
  .recruit-number--education {
    padding-bottom: 5.3333333333em;
  }
  .recruit-number--education .recruit-number--item--ttl {
    margin-bottom: 4em;
  }
  .recruit-number--education .recruit-number--item--img.img01 {
    top: 0em;
    left: -15.3846153846%;
    width: 7.1428571429rem;
  }
  .recruit-number--education .recruit-number--item--img.img01 img {
    margin-top: 3.5714285714rem;
  }
  .recruit-number--education .recruit-number--item--img.img01 .recruit-number--item--img--txt {
    top: 5.8333333333em;
    right: -11.6666666667em;
  }
  .recruit-number--education .recruit-number--item--img.img02 {
    top: auto;
    right: -20.5128205128%;
    bottom: -5em;
  }
  .recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt {
    border-bottom-left-radius: 624.9375rem;
    border-bottom-right-radius: 0;
  }
  .recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:first-child {
    top: 7em;
    right: auto;
    left: -9.1666666667em;
  }
}
@media screen and (max-width: 47.9375em) and (max-width: 47.9375em) {
  .recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:first-child {
    top: 1.6666666667em;
  }
}
@media screen and (max-width: 47.9375em) {
  .recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:nth-child(2) {
    right: auto;
    left: -10em;
  }
  .recruit-number--education .recruit-number--card {
    min-height: auto;
    padding-block: 1.1428571429rem;
  }
  .recruit-number--education .recruit-number--card:first-child {
    justify-content: flex-end;
    padding-right: 1.1428571429rem;
    padding-block: 1.7142857143rem;
  }
  .recruit-number--education .recruit-number--card:nth-child(2) {
    padding-left: 1.1428571429rem;
  }
  .recruit-number--welfare {
    position: relative;
    z-index: 1;
  }
  .recruit-number--welfare .recruit-number--card:first-child {
    grid-template-columns: 1fr 6.4285714286rem;
  }
  .recruit-number--welfare .recruit-number--card:first-child .recruit-number--card--txt {
    justify-content: center;
    padding-right: 0;
  }
  .recruit-number--welfare .recruit-number--card:nth-child(2) {
    padding-block: 1.1428571429rem;
    min-height: auto;
  }
  .recruit-number--welfare .recruit-number--card:nth-child(2) .fs32 {
    font-size: 2em;
  }
}
@keyframes poyon {
  0% {
    opacity: 0;
    scale: 0.8;
  }
  60% {
    opacity: 1;
    scale: 1.1;
  }
  80% {
    scale: 0.92;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
.recruit-number--items--img img {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--items--img--txt {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--items.is-inview .recruit-number--items--img img {
  animation: poyon 0.3s ease-out forwards;
}

.recruit-number--items.is-inview .recruit-number--items--img--txt:first-child {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.2s;
}

.recruit-number--items.is-inview .recruit-number--items--img--txt:nth-child(2) {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.4s;
}

.recruit-number--item--ttl::after {
  scale: 0 1;
  transition: var(--transit-default);
  transform-origin: left;
}

.recruit-number--item--ttl .font-jp,
.recruit-number--item--ttl .font-en {
  opacity: 0;
  transition: var(--transit-default);
}

.recruit-number--item--ttl .font-jp {
  transition-delay: 0.5s;
}

.recruit-number--item--ttl .font-en {
  transition-delay: 0.6s;
}

.recruit-number--item.is-inview .recruit-number--item--ttl::after {
  scale: 1 1;
}

.recruit-number--item.is-inview .recruit-number--item--ttl .font-jp,
.recruit-number--item.is-inview .recruit-number--item--ttl .font-en {
  opacity: 1;
}

.recruit-number--item.is-inview .recruit-number--card--txt {
  transform: translateY(0);
}

.recruit-number--item.is-inview.recruit-number--product .recruit-number--card:first-child .recruit-number--card--img img {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.8s;
}

.recruit-number--item.is-inview.recruit-number--product .recruit-number--card:first-child .recruit-number--card--img--txt {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 1s;
}

.recruit-number--item.is-inview.recruit-number--product .recruit-number--card:nth-child(2) .recruit-number--card--img--txt {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 1s;
}

.recruit-number--item.is-inview.recruit-number--career .recruit-number--card--img--txt {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.8s;
}

.recruit-number--item.is-inview.recruit-number--holiday .recruit-number--item--img img {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.6s;
}

.recruit-number--item.is-inview.recruit-number--holiday .recruit-number--item--img--txt {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.8s;
}

.recruit-number--item.is-inview.recruit-number--education .recruit-number--item--img.img01 img {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.6s;
}

.recruit-number--item.is-inview.recruit-number--education .recruit-number--item--img.img01 .recruit-number--item--img--txt {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.8s;
}

.recruit-number--item.is-inview.recruit-number--education .recruit-number--item--img.img02 img {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.8s;
}

.recruit-number--item.is-inview.recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt {
  animation: poyon 0.3s ease-out forwards;
}

.recruit-number--item.is-inview.recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:first-child {
  animation-delay: 1s;
}

.recruit-number--item.is-inview.recruit-number--education .recruit-number--item--img.img02 .recruit-number--item--img--txt:nth-child(2) {
  animation-delay: 1.2s;
}

.recruit-number--item.is-inview.recruit-number--welfare .recruit-number--card--img--txt {
  animation: poyon 0.3s ease-out forwards;
  animation-delay: 0.8s;
}

.recruit-number--card--txt {
  transform: translateY(100%);
  transition: var(--transit-default);
  transition-delay: 0.4s;
}

.recruit-number--card--txt--wrp {
  overflow-y: clip;
}

.recruit-number--product .recruit-number--card:first-child .recruit-number--card--img img {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--product .recruit-number--card--img--txt {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--career .recruit-number--card--img--txt {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--holiday .recruit-number--item--img img {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--holiday .recruit-number--item--img--txt {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--education .recruit-number--item--img img {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--education .recruit-number--item--img--txt {
  opacity: 0;
  scale: 0.8;
}

.recruit-number--welfare .recruit-number--card--img--txt {
  opacity: 0;
  scale: 0.8;
}

.recruit-requirements {
  padding-block: 24rem 28.125rem;
  position: relative;
  overflow-x: clip;
}

.recruit-requirements--txtarea {
  max-width: calc(1124 * var(--rem-pc));
}

.recruit-requirements--slide,
.recruit-requirements .splide__track {
  height: 100%;
}

.recruit-requirements .splide__slide {
  --img-add-wid: 1.875rem;
}

@keyframes splide_move {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(var(--img-add-wid) * -1));
  }
}
.recruit-requirements .splide__slide img {
  min-width: calc(100% + var(--img-add-wid));
}

.recruit-requirements .splide__slide.is-next img,
.recruit-requirements .splide__slide.is-active-moving img {
  transform-origin: left;
  animation: splide_move 3.5s linear infinite;
}

.recruit-requirements--img01,
.recruit-requirements--img02,
.recruit-requirements--img03 {
  background-color: var(--clr-wht);
  position: absolute;
  top: 0;
}

.recruit-requirements--img01 {
  width: 14.5833333333%;
  aspect-ratio: 280/560;
  margin-top: 16.25%;
  left: 0;
}

.recruit-requirements--img02 {
  width: 22.0833333333%;
  aspect-ratio: 424/562;
  margin-top: 19.0625%;
  margin-right: 24.21875%;
  right: 0;
}

.recruit-requirements--img03 {
  width: 22.0833333333%;
  aspect-ratio: 424/561;
  margin-top: 9.1666666667%;
  right: 0;
}

.recruit-requirements--dec01 {
  width: 24.4791666667%;
  aspect-ratio: 470/420;
  margin-right: -9.7395833333%;
  margin-bottom: 4.0625%;
  background: linear-gradient(147deg, rgba(185, 242, 29, 0.8) 47.39%, rgba(231, 242, 29, 0.8) 82.83%);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .recruit-requirements {
    padding-block: 6.25rem 20rem;
  }
  .recruit-requirements--txtarea {
    max-width: 43.75rem;
  }
  .recruit-requirements--txtarea--txt {
    max-width: 21.875rem;
  }
  .recruit-requirements--dec01 {
    margin-bottom: 5.5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .recruit-requirements {
    padding-block: 71.7948717949% calc(10rem + 4.2857142857rem);
  }
  .recruit-requirements .splide__slide {
    --img-add-wid: 1.1428571429rem;
  }
  .recruit-requirements--img01 {
    width: 25.1282051282%;
  }
  .recruit-requirements--img02 {
    width: 32.6153846154%;
    margin-right: 35.7692307692%;
  }
  .recruit-requirements--img03 {
    width: 32.6153846154%;
  }
  .recruit-requirements--dec01 {
    width: 60%;
    margin-bottom: 4.2857142857rem;
  }
}
/* lps_parts--button
********************************************** */
/* lps_parts--column
********************************************** */
.lps_parts--column .column_item,
.lps_parts--column .text {
  display: flex;
  flex-direction: column;
}

.lps_parts--column > .inner {
  width: 100%;
}

.lps_parts--column .img {
  flex-shrink: 0;
}

.lps_parts--column .text {
  flex: 1;
}

.lps_parts--column .img + .text {
  padding-top: 8%;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--column .img + .text {
    padding-top: 1.7142857143rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .lps_parts--column .grid-sp-col2 {
    column-gap: 1.7142857143rem !important;
  }
  .lps_parts--column .grid-sp-col2 .img + .text {
    padding-top: 1.1428571429rem;
  }
}

.lps_parts--column .bg-wht .text {
  padding: 8%;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--column .bg-wht .text {
    padding: 1.7142857143rem;
  }
}

.lps_parts--column .lps_parts--child:not(.grid-col1) table {
  width: 100%;
}

.lps_parts--column .grid-col1 .mce-box {
  padding: 2.5rem;
}

@media screen and (max-width: 47.9375em) {
  .lps_parts--column + .lps_parts--column {
    margin-top: 1.7142857143rem;
  }
  .lps_parts--column {
    width: 100%;
    max-width: 100%;
  }
  .lps_parts--column .lps_parts--child {
    row-gap: 3.4285714286rem;
  }
  .lps_parts--column .flex-sp-block .column_item:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .lps_parts--column .text.bg-wht,
  .lps_parts--column .grid-col1 .mce-box {
    padding: 1.7142857143rem;
  }
}
/* lps_parts--cta
********************************************** */
.lps_parts--cta:has(+ .home_footer_toplink) {
  margin-bottom: 0 !important;
}
.lps_parts--cta > .inner {
  padding-block: 3rem;
}
.lps_parts--cta > .inner > .inner {
  display: grid;
  border-radius: 0.5rem;
}
.lps_parts--cta .cta_contact .icon {
  --mask-color: var(--clr-wht);
}
.lps_parts--cta .bg {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  height: 38.75rem;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--cta .bg {
    height: 22.1428571429rem;
  }
}
.sec_bg-wht .lps_parts--cta {
  color: var(--clr-wht);
}
@media screen and (min-width: 48em) {
  .lps_parts--cta > .inner > .inner {
    grid-template-columns: 18.5rem 1fr;
  }
  .lps_parts--cta .rgt {
    padding-top: 1rem;
  }
  .lps_parts--cta .common-cta--btns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .lps_parts--cta .common-cta--btns--tel .tel {
    font-size: calc(20 * var(--rem-pc));
  }
  .lps_parts--cta .common-cta--btns--contact a {
    padding-inline: 3rem 1rem;
  }
  .lps_parts--cta .common-cta--btns--contact .icon {
    left: 0.75rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--cta > .inner {
    width: 100%;
  }
  .lps_parts--cta .lft {
    margin-bottom: 1.1428571429rem;
  }
  .lps_parts--cta .common-cta--btns--contact a {
    padding-inline: 2.7142857143rem 1.1428571429rem;
  }
}

/* post-edit-link
********************************************** */
.post-edit-link {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 10;
  padding: 1rem;
  border-radius: 50%;
  border: 1px solid #999;
}
@media screen and (max-width: 47.9375em) {
  .post-edit-link {
    display: none;
  }
}
.post-edit-link:hover {
  background-color: #ddd;
}
.post-edit-link::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAxIDQwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxIDQwMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5OTk5OTk7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcwLjEsMjUxLjljLTUuNSwwLTEwLDQuNS0xMCwxMHY4OC43YzAsMTYuNS0xMy40LDI5LjktMzAsMzBINDkuOWMtMTYuNSwwLTI5LjktMTMuNC0zMC0zMFY5MC4zCgljMC0xNi41LDEzLjQtMjkuOSwzMC0zMGg4OC43YzUuNSwwLDEwLTQuNSwxMC0xMGMwLTUuNS00LjUtMTAtMTAtMTBINDkuOUMyMi40LDQwLjQsMCw2Mi43LDAsOTAuM3YyNjAuMwoJYzAsMjcuNiwyMi40LDQ5LjksNDkuOSw0OS45aDI4MC4yYzI3LjYsMCw0OS45LTIyLjQsNDkuOS00OS45di04OC43QzM4MC4xLDI1Ni40LDM3NS42LDI1MS45LDM3MC4xLDI1MS45eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzc2LjEsMTQuN2MtMTcuNi0xNy42LTQ2LTE3LjYtNjMuNiwwTDEzNC40LDE5Mi45Yy0xLjIsMS4yLTIuMSwyLjctMi42LDQuNGwtMjMuNCw4NC42Yy0xLDMuNSwwLDcuMiwyLjYsOS43CgljMi41LDIuNSw2LjMsMy41LDkuNywyLjZsODQuNi0yMy40YzEuNy0wLjUsMy4yLTEuMyw0LjQtMi42TDM4Ny45LDkwYzE3LjUtMTcuNiwxNy41LTQ2LDAtNjMuNkwzNzYuMSwxNC43eiBNMTU2LjIsMTk5LjNMMzAyLDUzLjUKCWw0Nyw0N0wyMDMuMiwyNDYuNEwxNTYuMiwxOTkuM3ogTTE0Ni44LDIxOC4ybDM3LjYsMzcuNmwtNTIsMTQuNEwxNDYuOCwyMTguMnogTTM3My43LDc1LjhsLTEwLjYsMTAuNmwtNDctNDdsMTAuNi0xMC42CgljOS43LTkuNywyNS42LTkuNywzNS4zLDBsMTEuNywxMS43QzM4My41LDUwLjMsMzgzLjUsNjYuMSwzNzMuNyw3NS44eiIvPgo8L3N2Zz4K");
}

/* lps_parts--ltr_slide
********************************************** */
/* --- 共通 --- */
@media print, screen and (min-width: 67.5625em) {
  .lps_parts--ltr_slide {
    margin-left: -10rem;
    width: 100vw;
  }
}
.lps_parts--ltr_slide .gradient__title {
  display: flex;
  align-items: center;
}
.lps_parts--ltr_slide .gradient__title::after {
  content: "";
  display: inline-block;
  width: 14.0625rem;
  height: 12.5rem;
  animation: TitleGradation 10s ease infinite;
  background: linear-gradient(to right, #40606D, #1AA1C4, #40606D);
  background-size: 200% 100%;
  -webkit-mask-image: url(../images/common/bg-logo-img.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/bg-logo-img.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

/* lps_parts--glr_slide {
********************************************** */
/* --- 共通 --- */
@media print, screen and (min-width: 67.5625em) {
  .lps_parts--glr_slide {
    margin-left: -10rem;
    width: 100vw;
  }
}

/* lps_parts--faq
********************************************** */
/* --- 共通 --- */
.lps_parts--faq {
  margin-left: auto;
  margin-right: auto;
}
.lps_parts--faq .ttl {
  margin-bottom: 0 !important;
}
.lps_parts--faq .text {
  color: var(--clr-bg-01);
  transition: var(--transit-default);
}
@media print, screen and (min-width: 48em) {
  .lps_parts--faq .text {
    display: flex;
    gap: 4.1666666667%;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--faq .img {
    width: 39.0625%;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--faq .mce-content-body {
    margin-bottom: 0 !important;
    flex: 1;
  }
}

/* --- 通常 --- */
.lps_parts--faq:not(.faq-toggle) .faq_item {
  border: 2px solid var(--clr-primary-default);
  background-color: var(--clr-wht);
}
.lps_parts--faq:not(.faq-toggle) .faq_item:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--faq:not(.faq-toggle) .faq_item:not(:last-child) {
    margin-bottom: 1.1428571429rem;
  }
}
.lps_parts--faq:not(.faq-toggle) .ttl,
.lps_parts--faq:not(.faq-toggle) .text {
  padding: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--faq:not(.faq-toggle) .ttl,
  .lps_parts--faq:not(.faq-toggle) .text {
    padding: 1.1428571429rem;
  }
}
.lps_parts--faq:not(.faq-toggle) .ttl {
  background-color: var(--clr-primary-default);
  color: var(--clr-wht);
}

/* --- 開閉式 --- */
.lps_parts--faq.faq-toggle .faq_item {
  --pd-block: 40;
  border-bottom: 1px solid var(--clr-mono-02);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--faq.faq-toggle .faq_item {
    --pd-block: 20;
  }
}
.lps_parts--faq.faq-toggle .faq_item .accordion--toggle {
  cursor: pointer;
  padding-block: calc(var(--pd-block) * var(--rem-pc));
}
.lps_parts--faq.faq-toggle .faq_item.is-open .text {
  padding-bottom: calc(var(--pd-block) * var(--rem-pc));
}
.lps_parts--faq.faq-toggle .faq_item.is-open .toggle {
  rotate: 180deg;
  opacity: 0.5;
}
.lps_parts--faq.faq-toggle .faq_item.is-open .toggle::after {
  opacity: 0;
}
.lps_parts--faq.faq-toggle .ttl {
  padding-right: 3.5rem;
}
.lps_parts--faq.faq-toggle .ttl:not(:last-child) {
  margin-bottom: 1.5em;
}
.lps_parts--faq.faq-toggle .ttl .toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 3.5rem;
  height: 3.5rem;
  color: var(--clr-wht);
  background-color: var(--clr-primary-default);
  border-radius: 50%;
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--faq.faq-toggle .ttl .toggle {
    width: 2rem;
    height: 2rem;
  }
}
.lps_parts--faq.faq-toggle .ttl .toggle::before, .lps_parts--faq.faq-toggle .ttl .toggle::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 0.75rem;
  height: 1px;
  border-bottom: 1px solid;
  transition: var(--transit-default);
}
.lps_parts--faq.faq-toggle .ttl .toggle::after {
  transform: rotate(90deg);
}
@media (hover: hover) {
  .lps_parts--faq.faq-toggle .accordion--toggle:hover .toggle {
    opacity: 0.5;
  }
}

/* lps_parts--flow
********************************************** */
/* --- 共通 --- */
.lps_parts--flow {
  margin-left: auto;
  margin-right: auto;
}
.lps_parts--flow .flow_item {
  position: relative;
  margin-inline-start: 6rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow .flow_item {
    margin-inline-start: 4rem;
  }
}
.lps_parts--flow .flow_item:not(:last-child) {
  padding-bottom: 4rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow .flow_item:not(:last-child) {
    padding-bottom: 2.2857142857rem;
  }
}
.lps_parts--flow .flow_item:not(:last-child) .ttl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(6rem * -1 + 4rem / 2 - 0.1875rem / 2);
  border-right: 0.1875rem solid;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow .flow_item:not(:last-child) .ttl::after {
    left: calc(3.5rem * -1 + 2.5rem / 2 - 0.125rem / 2);
  }
}
.lps_parts--flow .flow_item.clr-wht:not(:last-child) .ttl::after {
  border-color: var(--clr-wht);
}
.lps_parts--flow .ttl {
  position: static;
  color: var(--clr-primary-default);
}
.lps_parts--flow .ttl::before {
  float: inline-start;
  aspect-ratio: 1;
  margin-inline-start: calc(6rem * -1);
  border-radius: 50%;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow .ttl::before {
    margin-inline-start: calc(3.5rem * -1);
  }
}
.lps_parts--flow .clr-wht .ttl {
  color: var(--clr-wht);
}
@media print, screen and (min-width: 48em) {
  .lps_parts--flow .text {
    display: flex;
    gap: 4.1666666667%;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--flow .img {
    width: 39.0625%;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow .img:not(:last-child) {
    margin-bottom: 1.7142857143rem;
  }
}
.lps_parts--flow .mce-content-body {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--flow .mce-content-body {
    flex: 1;
  }
}

/* --- 通常 --- */
.lps_parts--flow:not(.flow-num) .ttl::before {
  content: "";
  position: relative;
  left: calc(2.5rem / 2);
  inline-size: 1.5rem;
  margin-block: calc((1lh - 1.5rem) / 2);
  border: 0.25rem solid;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow:not(.flow-num) .ttl::before {
    left: calc(1.5rem / 2);
    inline-size: 1rem;
    margin-block: calc((1lh - 1rem) / 2);
  }
}
.lps_parts--flow:not(.flow-num) .flow_item:not(:last-child) .ttl::after {
  margin-top: calc(1.5rem + (1lh - 1.5rem) / 2 + 0.375rem);
  margin-bottom: calc((1lh - 1.5rem) / -2 + 0.375rem);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow:not(.flow-num) .flow_item:not(:last-child) .ttl::after {
    margin-top: calc(1.1428571429rem + (1lh - 1.1428571429rem) / 2 + 0.2857142857rem);
    margin-bottom: calc((1lh - 1.1428571429rem) / -2 + 0.2857142857rem);
  }
}

/* --- 連番 --- */
.lps_parts--flow.flow-num .flow_item {
  counter-increment: number;
}
.lps_parts--flow.flow-num .ttl::before {
  content: counter(number);
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 4rem;
  margin-block: calc((1lh - 4rem) / 2);
  text-align: center;
  color: var(--clr-wht);
  background-color: var(--clr-primary-default);
  font-family: var(--font-en-heading);
  font-size: 1.5rem;
  letter-spacing: 0;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow.flow-num .ttl::before {
    inline-size: 2.5rem;
    margin-block: calc((1lh - 2.8571428571rem) / 2);
    font-size: 1.2857142857rem;
  }
}
.lps_parts--flow.flow-num .flow_item:not(:last-child) .ttl::after {
  margin-top: calc(4rem + (1lh - 4rem) / 2 + 0.375rem);
  margin-bottom: calc((1lh - 4rem) / -2 + 0.375rem);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--flow.flow-num .flow_item:not(:last-child) .ttl::after {
    margin-top: calc(2.8571428571rem + (1lh - 2.8571428571rem) / 2 + 0.2857142857rem);
    margin-bottom: calc((1lh - 2.8571428571rem) / -2 + 0.2857142857rem);
  }
}

/* --- 採用用スタイル --- */
.recruit-style .lps_parts--faq {
  --clr-primary-default: var(--clr-tertiary-default);
}

/* lps_parts--step
********************************************** */
/* --- 共通 --- */
.lps_parts--step {
  margin-left: auto;
  margin-right: auto;
}
.lps_parts--step .step_item {
  display: grid;
  align-items: center;
  padding: 2.5rem 4.5rem;
  background-color: var(--clr-wht);
  color: var(--clr-bg-01);
  position: relative;
}
.lps_parts--step .step_item.bg-wht {
  background-color: var(--clr-bg-02) !important;
}
.lps_parts--step .step_item:not(:last-child) {
  margin-bottom: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--step .step_item:not(:last-child) {
    margin-bottom: 0.8571428571rem;
  }
}
.lps_parts--step .step_item.clr-wht:not(:last-child) .ttl::after {
  border-color: var(--clr-wht);
}
.lps_parts--step .step_item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: calc(100% - 1.25rem);
  inset-inline: 0;
  margin-inline: auto;
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--clr-bg-02);
  border-radius: 50%;
  z-index: 1;
}
.lps_parts--step .step_item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  inset-inline: 0;
  margin: auto;
  width: 1rem;
  height: 1rem;
  background-color: var(--clr-wht);
  -webkit-mask-image: url(../images/common/arrow_forward.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../images/common/arrow_forward.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  transform: rotate(90deg);
  z-index: 2;
}
.lps_parts--step .imgarea {
  width: 7.5rem;
  height: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background: linear-gradient(90deg, #1650A2 0%, #008AD4 100%);
}
.lps_parts--step .ttl {
  position: static;
  margin-bottom: 0 !important;
  letter-spacing: 0.08em;
}
.lps_parts--step .clr-wht .ttl {
  color: var(--clr-wht);
}
@media print, screen and (min-width: 48em) {
  .lps_parts--step .text {
    display: flex;
    gap: 4.1666666667%;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--step .img {
    width: 3.375rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--step .img:not(:last-child) {
    margin-bottom: 1.7142857143rem;
  }
}
.lps_parts--step .mce-content-body {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--step .mce-content-body {
    flex: 1;
  }
}
@media screen and (min-width: 48em) {
  .lps_parts--step .step_item {
    grid-template-columns: 12.5rem 1fr;
    gap: 5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--step .step_item {
    padding: 2.8571428571rem 1.7142857143rem 2.2857142857rem;
  }
}

/* --- 連番 --- */
.lps_parts--step .step_item {
  counter-increment: number;
}
.lps_parts--step .ttl::before {
  content: "STEP " counter(number, decimal-leading-zero);
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 0.5rem;
  text-align: center;
  width: fit-content;
  margin-inline: auto;
  font-family: var(--font-en-text);
  font-size: 1.125rem;
  padding: 0.25rem 1rem;
  background-color: var(--clr-wht);
  border-radius: 0.25rem;
  color: var(--clr-primary-dark);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--step .ttl::before {
    inline-size: 2.5rem;
    margin-block: calc((1lh - 2.8571428571rem) / 2);
    font-size: 1.2857142857rem;
  }
}
.lps_parts--step .flow_item:not(:last-child) .ttl::after {
  margin-top: calc(4rem + (1lh - 4rem) / 2 + 0.375rem);
  margin-bottom: calc((1lh - 4rem) / -2 + 0.375rem);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--step .flow_item:not(:last-child) .ttl::after {
    margin-top: calc(2.8571428571rem + (1lh - 2.8571428571rem) / 2 + 0.2857142857rem);
    margin-bottom: calc((1lh - 2.8571428571rem) / -2 + 0.2857142857rem);
  }
}

.lps_sec:nth-child(odd) .lps_parts--step .flow_item.bg-wht {
  background-color: var(--clr-wht) !important;
}

/* ##############################################################################

		Loops モジュール

############################################################################## */
.lps_sec {
  position: relative;
}
body:not(.page-sitemap) .lps_sec > .inner {
  width: 100%;
  max-width: 100%;
}
.lps_sec:first-child:not(.sec_bg-wht) {
  padding-top: 0;
}
.lps_sec.sec_bg-wht {
  --sec-bg-width: 100dvw;
  --sec-bg-container-width: 100%;
}
@media screen and (min-width: 48em) and (max-width: 67.5em) {
  .lps_sec.sec_bg-wht {
    --sec-bg-width: 1080px;
  }
}
.lps_sec.sec_bg-wht {
  color: var(--clr-bg-01);
}
.lps_sec.sec_bg-wht::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc((var(--sec-bg-width) - var(--sec-bg-container-width)) / -2);
  width: var(--sec-bg-width);
  height: 100%;
  background: var(--clr-text-primary) url(../images/common/bg-img-grid-wht.svg) repeat center center/120rem 2.125rem;
}
.lps_sec.sec_bg-wht .ttl-02 {
  color: var(--clr-wht);
  border: 1px solid var(--clr-primary-light);
}
.lps_sec.sec_bg-wht {
  /* --- 採用用スタイル --- */
}
.recruit-style .lps_sec.sec_bg-wht .icon {
  background-color: var(--clr-tertiary-default);
}
.recruit-style .lps_sec.sec_bg-wht .ttl-02 .font-en {
  color: var(--clr-tertiary-light);
}
.recruit-style .lps_sec.sec_bg-wht .ttl-02 {
  border-color: var(--clr-tertiary-dark);
  background: var(--clr-tertiary-default);
}

/* lps_parts
********************************************** */
.lps_parts {
  position: relative;
  z-index: 1;
}
.lps_parts:not(:last-child) {
  margin-bottom: 5rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts:not(:last-child) {
    margin-bottom: 2.8571428571rem;
  }
}

@media print, screen and (min-width: 67.5625em) {
  .main_side:not(.inner-lg) .main_column:has(+ .side_column) .lps_sec.sec_bg-wht {
    --sec-bg-container-width: min(90dvw, calc(var(--inner-md) * var(--rem-pc)));
  }
}
@media print, screen and (min-width: 67.5625em) {
  .inner-lg.main_side .main_column:has(+ .side_column) .lps_sec.sec_bg-wht {
    --sec-bg-container-width: min(90dvw, calc(var(--inner-lg) * var(--rem-pc)));
  }
}
@media print, screen and (min-width: 67.5625em) {
  .main_column:has(+ .side_column) .lps_parts > .inner {
    width: 100%;
    max-width: 100%;
  }
}

.lps_parts iframe {
  width: 100%;
}

.lps_parts .text:not(:last-child) {
  margin-bottom: 1.5rem;
}

.lps_parts--column *:not(.btn) + .btn {
  margin-top: auto;
}

.lps_parts--column .btn a {
  margin-left: auto;
  margin-right: auto;
}

.lps_parts .mce-content-body:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts .mce-content-body:not(:last-child) {
    margin-bottom: 1.7142857143rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .lps_parts .btn {
    text-align: center;
  }
}
/* lps_parts--img_text
********************************************** */
.lps_parts--img_text > .lps_parts > .inner {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .lps_parts--img_text > .lps_parts > .inner .img_text--txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.lps_parts--img_text:has(.lps_parts--child.inner-lg) .lps_parts {
  margin-bottom: 0;
}

.lps_parts--img_text .img_text--child:only-child,
.lps_parts--img_text .bg-wht .img_text--child:only-child,
.lps_parts--img_text .text,
.lps_parts--img_text .img_text--txt table {
  width: 100%;
}

.lps_parts--img_text .img_text--child .img {
  height: 100%;
}

.lps_parts--img_text .img_text--img:only-child .img {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.lps_parts--img_text .img_text--txt {
  padding-block: 5rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .img_text--txt {
    padding-block: 2.2857142857rem;
  }
}

.lps_parts--img_text .bg-wht .img_text--txt {
  padding: 6.6666666667%;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .bg-wht .img_text--txt {
    padding: 1.7142857143rem 0;
  }
}

@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner:not(.flex-reverse) .img_text--txt {
    padding-left: 6.6666666667%;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner.flex-reverse .img_text--txt {
    padding-right: 6.6666666667%;
  }
}

@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner-lg .img_text--img:only-child {
    position: relative;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .btn {
    text-align: center;
  }
}
/* --- L --- */
.lps_parts--img_text .inner-lg .img_text--img {
  position: absolute;
  top: 0;
}
.lps_parts--img_text .inner-lg:not(.flex-reverse) .img_text--img {
  left: 0;
}
.lps_parts--img_text .inner-lg:not(.flex-reverse) .img_text--txt {
  margin-left: auto;
}
.lps_parts--img_text .inner-lg.flex-reverse .img_text--img {
  right: 0;
}
.lps_parts--img_text .inner-lg.flex-reverse .img_text--txt {
  margin-right: auto;
}
@media screen and (min-width: 48em) {
  .lps_parts--img_text .inner-lg .img_text--img {
    height: 100%;
  }
  .lps_parts--img_text .inner-lg .img_text--txt {
    min-height: 37.9775rem;
  }
  .lps_parts--img_text .inner-lg:not(.flex-reverse).bg-wht .img_text--txt {
    padding-right: 5.4945054945%;
  }
  .lps_parts--img_text .inner-lg:not(.flex-reverse) .img_text--txt {
    padding-left: 5.4945054945%;
    padding-right: 0;
  }
  .lps_parts--img_text .inner-lg.flex-reverse.bg-wht .img_text--txt {
    padding-left: 5.4945054945%;
  }
  .lps_parts--img_text .inner-lg.flex-reverse .img_text--txt {
    padding-left: 0;
    padding-right: 5.4945054945%;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .inner-lg .img_text--img {
    position: relative;
  }
  .lps_parts--img_text .inner-lg.bg-wht .img_text--txt {
    padding-inline: 1.4285714286rem;
    padding-bottom: 2.8571428571rem;
  }
}

/* --- S --- */
.lps_parts--img_text .inner:not(.inner-lg) .img_text--img,
.lps_parts--img_text .inner:not(.inner-lg) .img_text--txt {
  width: auto;
}
.lps_parts--img_text .inner:not(.inner-lg).bg-wht {
  padding: 1.5rem;
}
@media screen and (min-width: 48em) {
  .lps_parts--img_text .inner:not(.inner-lg) {
    display: grid;
    grid-template-columns: 30rem 1fr;
  }
  .lps_parts--img_text .inner:not(.inner-lg).flex-reverse {
    display: grid;
    grid-template-columns: 1fr 30rem;
  }
  .lps_parts--img_text .inner:not(.inner-lg).flex-reverse .img_text--img {
    order: 2;
  }
  .lps_parts--img_text .inner:not(.inner-lg).flex-reverse .img_text--txt {
    order: 1;
  }
  .lps_parts--img_text .inner:not(.inner-lg):not(.bg-wht) .img_text--txt {
    padding-block: 0;
  }
}

/* lps_parts--slide
********************************************** */
.lps_parts--slide {
  --arrow_w: 60;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide {
    --arrow_w: 32;
  }
}
.lps_parts--slide .splide__arrow {
  all: unset;
  position: absolute;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--arrow_w) * var(--rem-pc));
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}
.lps_parts--slide .splide__arrow::after {
  content: "";
  display: block;
  width: calc(var(--arrow_w) / 2 * var(--rem-pc));
  aspect-ratio: 1;
  rotate: 45deg;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide .splide__arrow::after {
    width: calc(var(--arrow_w) / 2 * var(--rem-sp));
  }
}
.lps_parts--slide .splide__arrow--prev {
  left: -3.75rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide .splide__arrow--prev {
    left: 0;
  }
}
.lps_parts--slide .splide__arrow--prev::after {
  margin-right: -20%;
  border-bottom: 2px solid var(--clr-primary-default);
  border-left: 2px solid var(--clr-primary-default);
}
.lps_parts--slide .splide__arrow--next {
  right: -3.75rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide .splide__arrow--next {
    right: 0;
  }
}
.lps_parts--slide .splide__arrow--next::after {
  margin-left: -20%;
  border-top: 2px solid var(--clr-primary-default);
  border-right: 2px solid var(--clr-primary-default);
}
.lps_parts--slide .splide__pagination {
  margin-top: 2rem;
  gap: 0.625rem;
}
.lps_parts--slide .splide__pagination__page {
  width: 0.5rem;
  padding: 0;
  aspect-ratio: 1;
  border: none;
  border-radius: 50%;
  background-color: var(--clr-primary-default);
}
.lps_parts--slide .splide__pagination__page:not(.is-active) {
  opacity: 0.5;
}
.lps_parts--slide .img + .text {
  padding-top: 2rem;
}
.lps_parts--slide {
  /* --- textのみ --- */
}
.lps_parts--slide .text:only-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem 5rem;
  background-color: var(--clr-bg-01);
  height: 100%;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide .text:only-child {
    padding: 1.7142857143rem 2.8571428571rem;
  }
}

/* slide-center
********************************************** */
.lps_parts--slide.slide-center {
  --inner: 1200;
}
@media screen and (max-width: 70em) {
  .lps_parts--slide.slide-center {
    --inner: 1000;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-center {
    --inner: 320;
  }
}
.lps_parts--slide.slide-center .splide__slide {
  width: calc(var(--inner) * var(--rem-pc));
  margin-right: 3.75rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-center .splide__slide {
    width: calc(var(--inner) * var(--rem-sp));
    margin-right: 2.1428571429rem;
  }
}
.lps_parts--slide.slide-center .splide__arrow {
  --a: calc(var(--inner) * var(--rem-pc) / 2);
  --b: calc(var(--arrow_w) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-center .splide__arrow {
    --a: calc(var(--inner) * var(--rem-sp) / 2);
    --b: calc(var(--arrow_w) * var(--rem-sp));
  }
}
.lps_parts--slide.slide-center .splide__arrow--prev {
  left: calc(50% - var(--a) - var(--b));
}
.lps_parts--slide.slide-center .splide__arrow--next {
  right: calc(50% - var(--a) - var(--b));
}
.lps_parts--slide.slide-center {
  /* --- textのみ --- */
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-center .text:only-child {
    padding: 1.7142857143rem;
  }
}

/* slide-fit
********************************************** */
.lps_parts--slide.slide-fit .splide__track {
  background-color: var(--clr-bg-01);
}
.lps_parts--slide.slide-fit .splide__slide {
  position: relative;
}
.lps_parts--slide.slide-fit .splide__arrow--prev {
  left: 3rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-fit .splide__arrow--prev {
    left: 1.1428571429rem;
  }
}
.lps_parts--slide.slide-fit .splide__arrow--next {
  right: 3rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-fit .splide__arrow--next {
    right: 1.1428571429rem;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--slide.slide-fit .img {
    aspect-ratio: 1920/800;
  }
}
.lps_parts--slide.slide-fit .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 15rem);
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-fit .text {
    width: calc(100% - 8.5714285714rem);
  }
}
.lps_parts--slide.slide-fit .img + .text,
.lps_parts--slide.slide-fit .splide__arrow {
  color: var(--clr-wht);
}
.lps_parts--slide.slide-fit .img + .text {
  position: absolute;
  inset: 0;
  padding-top: 5rem;
  padding-bottom: 5rem;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-fit .img + .text {
    padding-top: 2.8571428571rem;
    padding-bottom: 2.8571428571rem;
  }
}
.lps_parts--slide.slide-fit:has(.img + .text) .splide__pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--slide.slide-fit:has(.img + .text) .splide__pagination {
    bottom: 2.8571428571rem;
  }
}
.lps_parts--slide.slide-fit {
  /* --- textのみ --- */
}
.lps_parts--slide.slide-fit:has(.text:only-child) .splide__arrow {
  color: var(--clr-text-primary);
}
.lps_parts--slide.slide-fit .text:only-child {
  padding-left: 0;
  padding-right: 0;
}

/* ##############################################################################

		lps_sec--btm_img

############################################################################## */
/* lps_sec--btm_img
********************************************** */
.lps_sec--btm_img {
  height: 30rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_sec--btm_img {
    height: 21.4285714286rem;
  }
}

.lps_sec:has(.lps_sec--btm_img) {
  padding-bottom: 0;
}

/* lps_parts--history
********************************************** */
/* --- 共通 --- */
.lps_parts--history {
  margin-left: auto;
  margin-right: auto;
}
.lps_parts--history .history_item {
  position: relative;
  display: grid;
  grid-template-columns: 12.5rem 1fr;
  gap: 5rem;
  padding: 3.5rem 0 2.5rem 2.5rem;
  border-top: 1px solid var(--clr-bg-02);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--history .history_item {
    margin-inline-start: 4rem;
  }
}
.lps_parts--history .history_item.bg-wht {
  background-color: var(--clr-bg-02) !important;
}
.lps_parts--history .history_item:not(:last-child) {
  margin-bottom: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--history .history_item:not(:last-child) {
    margin-bottom: 0.8571428571rem;
  }
}
.lps_parts--history .history_item.clr-wht:not(:last-child) .ttl::after {
  border-color: var(--clr-wht);
}
.lps_parts--history .history_item--rgt--item:has(.img) {
  display: grid;
  grid-template-columns: 1fr 20rem;
  gap: 2rem;
}
.lps_parts--history .history_item--rgt--item:not(:last-child) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--history .history_item--rgt--item:not(:last-child) {
    margin-bottom: 1.7142857143rem;
  }
}
.lps_parts--history .imgarea {
  width: 7.5rem;
  height: 7.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background: linear-gradient(90deg, #1650A2 0%, #008AD4 100%);
}
.lps_parts--history .ttl {
  position: static;
  margin-bottom: 0 !important;
  letter-spacing: 0.08em;
}
.lps_parts--history .clr-wht .ttl {
  color: var(--clr-wht);
}
@media print, screen and (min-width: 48em) {
  .lps_parts--history .text {
    display: flex;
    gap: 4.1666666667%;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--history .img {
    width: 20rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--history .img:not(:last-child) {
    margin-bottom: 1.7142857143rem;
  }
}
.lps_parts--history .mce-content-body {
  margin-bottom: 0 !important;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--history .mce-content-body {
    flex: 1;
  }
}
.lps_parts--history .line {
  height: 1px;
  width: 100%;
  background: var(--clr-wht);
}
.lps_parts--history .head-year > * {
  flex-grow: 1;
  white-space: nowrap;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

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

.splide--rtl {
  direction: rtl;
}

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

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

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

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

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

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

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

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

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

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

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  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;
}
/*# sourceMappingURL=style.css.map */