@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.08em;
  --line-height-default: 1.8;
  --line-height-hdr: 1.4;
  --line-height-none: 1;
  --font-default: YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  --font-jp-heading: "Zen Kaku Gothic Antique", sans-serif;
  --font-jp-text: "Zen Kaku Gothic Antique", sans-serif;
  --font-en-heading: "Lexend", sans-serif;
  --font-en-text: "Lexend", sans-serif;
  --font-en-display: "Lexend", sans-serif;
  --font-weight-default: 500;
  --font-weight-semibold: 600;
  --font-weight-heading: 700;
  --font-weight-bold: 800;
  --font-weight-exbold: 900;
  /* heading */
  --heading1: 64;
  --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;
  --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: max(22px, calc(var(--heading5) * var(--rem-pc)));
  --font-size-heading5-sp: calc(var(--heading5-sp) * var(--rem-sp));
  --font-size-heading6: max(18px, calc(var(--heading6) * var(--rem-pc)));
  --font-size-heading6-sp: calc(var(--heading6-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: max(16px, calc(var(--txt-lg) * var(--rem-pc)));
  --font-size-txt-lg-sp: calc(var(--txt-lg-sp) * var(--rem-sp));
  --font-size-txt-md: max(14px, calc(var(--txt-md) * var(--rem-pc)));
  --font-size-txt-md-sp: calc(var(--txt-md-sp) * var(--rem-sp));
  --font-size-txt-sm: max(12px, 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: #4cac9c;
  --clr-primary-dark: #1c8774;
  --clr-primary-light: #5dcfbc;
  --clr-secondary-default: #6870a8;
  --clr-secondary-default-2: #616aa0;
  --clr-secondary-dark: #56609f;
  --clr-secondary-dark-2: #4b5387;
  --clr-secondary-light: #7a84c6;
  --clr-bg-01: #f1e9c8;
  --clr-bg-02: #ebe1b8;
  --clr-bg-03: #e0f0ed;
  --clr-sub-01: #e4293b;
  --clr-sub-01-2: #a82633;
  --clr-sub-02: #e9f3f2;
  --clr-sub-03: #d7a761;
  --clr-sub-04: #cf727c;
  --clr-sub-05: #a2689b;
  --clr-sub-06: #6790b7;
  --clr-mono-01: #ffffff;
  --clr-mono-02: #cccccc;
  --clr-mono-03: #aaaaaa;
  --clr-mono-04: #888888;
  --clr-mono-05: #666666;
  --clr-mono-06: #444444;
  --clr-text-primary: #2f303a;
  --clr-text-secondary: #7a7a81;
  --clr-text-placeholder: #cccccc;
  --clr-text-light: #ffffff;
  --clr-wht: #ffffff;
  --clr-blk: #000000;
  --radius-primary: 16;
  --radius-primary-sp: 8;
  --radius-secondary: 8;
  --radius-secondary-sp: 4;
  --radius-tertiary: 4;
  --radius-tertiary-sp: 2;
  --radius-max: 9999;
  --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);
  --transit-default: all 0.4s ease-out;
}

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

    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: 5rem;
}
@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: 5rem;
  }
}

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-color: var(--clr-bg-01);
  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;
}

.hvr-arrow span {
  display: block;
}
.hvr-arrow span:has(> [data-txt]) {
  overflow: hidden;
}
.hvr-arrow [data-txt] {
  transition: all 0.2s ease-out;
  transform: translateY(0);
}
.hvr-arrow [data-txt]::after {
  content: attr(data-txt);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transform: translateY(100%);
  white-space: pre-line;
}
.hvr-arrow .arrow {
  position: relative;
  display: flex !important;
  width: 1.875rem;
  aspect-ratio: 1;
  overflow: hidden;
}
@media screen and (max-width: 47.9375em) {
  .hvr-arrow .arrow {
    width: 1.5rem;
  }
}
.hvr-arrow .arrow::before,
.hvr-arrow .arrow::after {
  content: "";
  display: block;
  width: 1.875rem;
  min-width: 100%;
  aspect-ratio: 1;
  mask-image: url(../images/common/arrow.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--clr-wht);
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 47.9375em) {
  .hvr-arrow .arrow::before,
  .hvr-arrow .arrow::after {
    width: 1.5rem;
  }
}
.hvr-arrow .arrow::before {
  margin-left: -100%;
}
@media (hover: hover) {
  .hvr-arrow:hover [data-txt] {
    transform: translateY(-100%);
  }
  .hvr-arrow:hover .arrow::before {
    margin-left: 0;
  }
}

.loop {
  display: flex;
  white-space: nowrap;
  width: 100vw;
  overflow: hidden;
}
.loop * {
  position: static;
}
.loop .loop-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loop .loop-slide:first-child {
  animation: loop_1st 96s -48s linear infinite;
}
.loop .loop-slide:last-child {
  animation: loop_2nd 96s linear infinite;
}
.loop .loop-slide img {
  max-width: inherit;
}
.loop li {
  display: flex;
  align-items: center;
}
.loop img {
  display: block;
}

.loop-rgt {
  transform: scaleX(-1);
}
.loop-rgt .loop-slide {
  flex-direction: row-reverse;
}
.loop-rgt .loop-slide > * {
  transform: scaleX(-1);
}

@media print, screen and (min-width: 48em) {
  .loop-y {
    flex-direction: column;
    width: auto;
    height: 100vh;
  }
  .loop-y .loop-slide {
    flex-direction: column;
  }
  .loop-y .loop-slide:first-child {
    animation: loop_y_1st 96s -48s linear infinite;
  }
  .loop-y .loop-slide:last-child {
    animation: loop_y_2nd 96s linear infinite;
  }
  .loop-y.loop-rgt {
    transform: scaleY(-1);
  }
  .loop-y.loop-rgt .loop-slide {
    flex-direction: column-reverse;
  }
  .loop-y.loop-rgt .loop-slide > * {
    transform: scaleY(-1);
  }
}
.line-span {
  display: flex;
  flex-direction: column;
}
.line-span .line {
  display: block;
  width: fit-content;
}

.spin {
  position: absolute;
  width: 13.1875rem;
  height: 13.1875rem;
  pointer-events: none;
  background-image: url(../images/crosstalk/icon-record.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 47.9375em) {
  .spin {
    width: 6.0714285714rem;
    height: 6.0714285714rem;
  }
}
.spin span {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  transform-origin: 50% 50%;
  will-change: transform;
  animation: spin 10s linear infinite;
}
.spin img {
  display: block;
  transform: translateY(0.875rem);
}
@media screen and (max-width: 47.9375em) {
  .spin img {
    transform: translateY(0.4285714286rem);
  }
}

/* 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-default-2,
.clr-secondary-default-2 * {
  color: var(--clr-secondary-default-2);
}

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

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

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

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

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

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

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

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

.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-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-default-2-color,
.has-clr-secondary-default-2-color * {
  color: var(--clr-secondary-default-2);
}

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

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

.has-clr-secondary-light-color,
.has-clr-secondary-light-color * {
  color: var(--clr-secondary-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-bg-03-color,
.has-clr-bg-03-color * {
  color: var(--clr-bg-03);
}

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

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

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

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

.font-en {
  font-family: var(--font-en-heading);
}

/* --- 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: var(--font-weight-bold);
}

.mce-content-body .bold {
  font-weight: 700;
  color: #4cac9c;
}

.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 ul:where(:not([class*=ez-toc-])) {
  margin-inline-start: 1.625rem;
}
.mce-content-body li {
  position: relative;
  padding-block-end: 0.5em;
}
.mce-content-body ul:where(:not([class*=ez-toc-])) li {
  list-style: none;
  text-indent: 0;
}
.mce-content-body ul:where(:not([class*=ez-toc-])) li::before {
  content: "";
  float: inline-start;
  inline-size: 0.625rem;
  aspect-ratio: 1;
  margin-block: calc((1lh - 0.625rem) / 2);
  margin-inline-start: calc(1.625rem * -1);
  color: var(--clr-primary-default);
  border: 1px solid;
  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: 2px solid var(--clr-mono-04);
}
.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;
  color: #666;
  background-color: #e9f3f2;
  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;
  font-size: max(14px, 1rem);
}
@media screen and (max-width: 47.9375em) {
  .mce-content-body table {
    max-width: none !important;
  }
}
.mce-content-body table:not(:first-child) {
  margin-top: 2rem;
}
.mce-content-body table:not(:last-child) {
  margin-bottom: 2rem;
}
.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-03);
  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;
}

.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: 1.5rem 0.875rem;
}
@media screen and (max-width: 47.9375em) {
  .mce-table01 th,
  .mce-table01 td {
    padding: 1em 0.25em;
  }
}
.mce-table01 th {
  text-align: left;
  border-bottom: 2px solid var(--clr-primary-default);
  min-width: 7.5rem;
}
.mce-table01 td {
  border-bottom: 1px solid var(--clr-mono-03);
}

.mce-table02 {
  position: relative;
  border-spacing: 0;
  border-collapse: separate;
}
@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: 1rem 1.5rem;
  border: 1px solid var(--clr-mono-02);
}
@media screen and (max-width: 47.9375em) {
  .mce-table02 th,
  .mce-table02 td {
    padding: 1em;
  }
}
.mce-table02 th {
  font-weight: var(--font-weight-default);
  min-width: 7.5rem;
  text-align: left;
  color: var(--clr-wht);
  background-color: var(--clr-primary-dark);
}
.mce-table02 td {
  background-color: var(--clr-wht);
}
.mce-table02 tr:not(:last-child) th,
.mce-table02 tr:not(:last-child) td {
  border-bottom: 0;
}
.mce-table02 tr:first-child > *:first-child {
  border-radius: 0.5rem 0 0 0;
}
.mce-table02 tr:last-child > *:first-child {
  border-radius: 0 0 0 0.5rem;
}
.mce-table02 tr:first-child > *:last-child {
  border-radius: 0 0.5rem 0 0;
}
.mce-table02 tr:last-child > *:last-child {
  border-radius: 0 0 0.5rem 0;
}
.mce-table02 tr:only-child > *:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}
.mce-table02 tr:only-child > *:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

@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;
  }
  .scroll {
    overflow-x: scroll;
    margin-bottom: 1em;
    -webkit-overflow-scrolling: touch;
  }
  .scroll table {
    margin: 0;
  }
  .scroll--cap {
    text-align: right;
    margin: 1em 0 0 !important;
    opacity: 0.25;
    font-size: max(12px, 0.875rem);
  }
}
/* ボックス
********************************************** */
.mce-box,
.is-style-mce-box {
  padding: 2.5rem;
  background-color: var(--clr-text-light);
  border-radius: 1rem;
}
@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);
}
.mce-box .bold,
.is-style-mce-box .bold {
  font-weight: var(--font-default);
  color: var(--clr-primary-default);
  background: none;
}
.mce-box .mce-box,
.mce-box .is-style-mce-box,
.is-style-mce-box .mce-box,
.is-style-mce-box .is-style-mce-box {
  background: #e9f3f2;
}

.bg-wht .mce-box {
  background: #e9f3f2;
}

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

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

.editor-styles-wrapper ul .is-style-mce-list-check,
ul.mce-check--list,
.mce-list-check {
  margin-inline-start: 2.125em;
}

ul.mce-check--list li::before, ul.mce-check--list li::after,
.mce-list-check::before,
.mce-list-check::after {
  content: "";
  margin-inline-start: -2.125em;
}
ul.mce-check--list li::before,
.mce-list-check::before {
  width: 1.5em;
  margin-block: calc((1lh - 1.5em) / 2);
  background-color: var(--clr-primary-default);
  border-radius: 50%;
}
ul.mce-check--list li::after,
.mce-list-check::after {
  position: absolute;
  top: 0;
  left: 0.4375em;
  float: inline-start;
  width: 0.625em;
  margin-block: calc((1lh - 0.625em) / 2);
  aspect-ratio: 10/7;
  border-left: 0.15em solid var(--clr-wht);
  border-bottom: 0.15em solid var(--clr-wht);
  rotate: -45deg;
}

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

    ブロックエディタ 基本

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

    クラシックエディタ

############################################################################## */
/* 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-bold);
  line-height: 1.6;
}
.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: 2rem;
}
.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: 2rem;
}

/* 記事用見出し */
.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: var(--font-size-heading4);
}
@media screen and (max-width: 47.9375em) {
  .mce-ttl-01 {
    font-size: var(--font-size-heading4-sp);
  }
}

.mce-ttl-02 {
  font-size: var(--font-size-heading5);
}
@media screen and (max-width: 47.9375em) {
  .mce-ttl-02 {
    font-size: var(--font-size-heading5-sp);
  }
}

.mce-ttl-03 {
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-heading);
}
@media screen and (max-width: 47.9375em) {
  .mce-ttl-03 {
    font-size: var(--font-size-heading6-sp);
  }
}

/* 注意書き */
.mce-txt-attention {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  font-size: max(12px, 0.875rem);
}
@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;
}
@media screen and (min-width: 48em) {
  .mce-column--list li {
    margin-inline-end: 0.8125rem;
  }
}

/* 管理画面
*************************************************** */
/* --- スクロールバグ対策用の記述 --- */
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;
}

/* 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-default-2 {
  background-color: var(--clr-secondary-default-2);
}

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

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

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

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

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

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

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

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

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

.bg-ptn {
  position: absolute;
  inset: 0;
}
.bg-ptn::before, .bg-ptn::after {
  content: "";
  position: absolute;
  inset: 0;
}
.bg-ptn::before {
  background-image: url(../images/common/bg-pattern.png);
  mix-blend-mode: color-burn;
  opacity: 0.4;
}
.bg-ptn::after {
  background-image: url(../images/common/bg-noise.png);
  mix-blend-mode: screen;
  opacity: 0.2;
}

.bg-ptn_sticky {
  position: absolute;
  inset: 0;
  width: 100vw;
  pointer-events: none;
}
.bg-ptn_sticky .ptn-01,
.bg-ptn_sticky .ptn-02 {
  position: absolute;
  inset: 0;
}
.bg-ptn_sticky .ptn-01::before {
  content: "";
  position: sticky;
  inset: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  min-height: 67.5rem;
  background-image: url(../images/common/bg-pattern.png);
  mix-blend-mode: color-burn;
  opacity: 0.4;
}
.bg-ptn_sticky .ptn-02::after {
  content: "";
  position: sticky;
  inset: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  min-height: 67.5rem;
  background-image: url(../images/common/bg-noise.png);
  mix-blend-mode: screen;
  opacity: 0.2;
}

@media print, screen and (min-width: 67.5625em) {
  .main_side .bg-ptn_sticky {
    left: -32.5rem;
  }
}

.inner:has(~ .bg-ptn) {
  position: relative;
  z-index: 1;
}

.bg-k {
  position: relative;
  background-color: var(--clr-primary-light);
}
.bg-k::before {
  content: "";
  position: absolute;
  width: calc(29.375rem * 4);
  inset: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/common/pattern-k-wh.png);
  background-repeat: repeat;
  background-size: 29.375rem;
  opacity: 0.25;
}
@media screen and (max-width: 47.9375em) {
  .bg-k::before {
    width: calc(16.7857142857rem * 4);
    background-size: 16.7857142857rem;
  }
}

.bg-sky {
  background-color: #82d7f1;
}

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

.mgn-btm182 {
  margin-bottom: 11.375rem;
}

.mgn-btm184 {
  margin-bottom: 11.5rem;
}

.mgn-btm186 {
  margin-bottom: 11.625rem;
}

.mgn-btm188 {
  margin-bottom: 11.75rem;
}

.mgn-btm190 {
  margin-bottom: 11.875rem;
}

.mgn-btm192 {
  margin-bottom: 12rem;
}

.mgn-btm194 {
  margin-bottom: 12.125rem;
}

.mgn-btm196 {
  margin-bottom: 12.25rem;
}

.mgn-btm198 {
  margin-bottom: 12.375rem;
}

.mgn-btm200 {
  margin-bottom: 12.5rem;
}

@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;
  }
}
.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 .inner {
  padding: 1.5rem 0;
  white-space: nowrap;
}
@media print, screen and (min-width: 48em) {
  .breadcrumbs .inner {
    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-text-primary);
  }
}

.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-text-primary);
}
@media screen and (max-width: 47.9375em) {
  .breadcrumbs span span {
    font-size: var(--font-size-txt-sm-sp);
  }
}

.breadcrumbs span span:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  mask-image: url(../images/common/icon-arrow.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--clr-text-secondary);
  margin-left: 0.5em;
}

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

.btn > * {
  position: relative;
  display: block;
  width: fit-content;
  min-width: min(10.875rem, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-right: 4.5rem;
  text-decoration: none;
  font-weight: var(--font-weight-heading);
  font-family: var(--font-en-display);
  text-transform: uppercase;
  line-height: 1.7;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .btn > * {
    font-size: var(--font-size-heading5-sp);
  }
}
.btn > *::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-text-primary);
  z-index: -1;
}
@media screen and (max-width: 47.9375em) {
  .btn > *::after {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.btn > *:where([target=_blank]:not([href*="/contact/"]):not([href*="/entry/"]):not([href*="herp.careers/v1/kirigumi"])) .arrow {
  transform: rotate(-45deg);
}

.btn.font-en > * {
  letter-spacing: normal;
}
.btn.font-en > * [data-txt] {
  letter-spacing: normal;
}

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

.btn.btn-lft a {
  margin-left: 0 !important;
}

.btn.btn-rgt a {
  margin-right: 0 !important;
}

@media print, screen and (min-width: 48em) {
  .btn.btn-lg a {
    min-width: 24.75rem !important;
  }
}

.btn .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1.125rem;
  width: 1rem;
}
.btn .arrow::before, .btn .arrow::after {
  width: 1rem;
}

/* --- btn-wht --- */
.btn-wht a {
  color: var(--clr-primary-default);
  background-color: var(--clr-wht);
}
.btn-wht a::after {
  background-color: var(--clr-primary-default);
}
@media (hover: hover) {
  .btn-wht a:hover {
    color: var(--clr-wht);
    background-color: var(--clr-primary-default);
  }
  .btn-wht a:hover::after {
    background-color: var(--clr-wht);
  }
}

/* --- btn-cta --- */
.btn-cta > * {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  color: var(--clr-wht);
  background-color: var(--clr-text-primary);
  padding: 1.5rem 3rem;
}
@media screen and (max-width: 47.9375em) {
  .btn-cta > * {
    font-size: 1.4285714286rem;
  }
}
.btn-cta > *::after {
  display: none;
}
.btn-cta > *:hover {
  background-color: var(--clr-blk);
}

/* --- btn-entry --- */
.btn-entry > * {
  background-color: var(--clr-sub-01);
}
.btn-entry > *:hover {
  background-color: var(--clr-sub-01-2);
}

/* --- btn-list --- */
.btn-list > *::after {
  display: none;
}
.btn-list > * .list {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.4375rem;
  height: 0.8125rem;
}
.btn-list > * .list::before, .btn-list > * .list::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1875rem;
  background: #3a3a3a;
}

/* --- 横並び --- */
.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%;
}

/* --- btn-round --- */
.btn-round > * {
  width: fit-content;
  min-width: min(20.375rem, 100%);
  padding: 1.5rem 5.375rem 1.5rem 2.5rem;
  border-radius: var(--border-radius-max);
  font-size: var(--font-size-txt-lg);
  font-family: var(--font-jp-text);
  border: 1px solid var(--clr-text-primary);
  background-color: var(--clr-wht);
}
@media screen and (max-width: 47.9375em) {
  .btn-round > * {
    min-width: 100%;
    padding: 0.9642857143rem 4.1428571429rem 0.9642857143rem 1.8571428571rem;
  }
}
.btn-round > *::after {
  right: 1rem;
  background-color: var(--clr-text-primary);
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .btn-round > *::after {
    right: 0.7857142857rem;
  }
}
.btn-round > * .arrow {
  right: 2.125rem;
}
@media screen and (max-width: 47.9375em) {
  .btn-round > * .arrow {
    right: 1.5714285714rem;
  }
}
@media (hover: hover) {
  .btn-round > *:hover {
    color: var(--clr-text-primary);
    background-color: var(--clr-wht);
  }
  .btn-round > *:hover::after {
    background-color: var(--clr-primary-default);
  }
}

/* --- btn-crosstalk --- */
.btn-crosstalk {
  margin-top: auto;
}

.btn-crosstalk > * {
  width: 100%;
  padding: 1.25rem 2.5rem;
  font-weight: var(--font-weight-bold);
  background-color: var(--clr-text-primary);
  color: var(--clr-wht);
}
@media print, screen and (min-width: 48em) {
  .btn-crosstalk > * {
    font-size: 2rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .btn-crosstalk > * {
    padding: 0.9642857143rem 1.8571428571rem;
  }
}
.btn-crosstalk > *::after {
  background-color: unset;
}
.btn-crosstalk > * .arrow {
  right: 2.5rem;
  width: 3.25rem;
}
@media screen and (max-width: 47.9375em) {
  .btn-crosstalk > * .arrow {
    right: 1.8571428571rem;
    width: 2.4285714286rem;
  }
}
.btn-crosstalk > * .arrow::before, .btn-crosstalk > * .arrow::after {
  width: 3.25rem;
}
@media screen and (max-width: 47.9375em) {
  .btn-crosstalk > * .arrow::before, .btn-crosstalk > * .arrow::after {
    width: 2.4285714286rem;
  }
}

/* --- btn-sm --- */
@media print, screen and (min-width: 48em) {
  .btn-sm a {
    padding: 1rem 2rem;
    font-size: var(--font-size-txt-md);
  }
  .btn-sm > *::after {
    width: 2rem;
    height: 2rem;
  }
  .btn-sm > * .arrow {
    right: 1.5rem;
  }
}
/* 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 {
  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 .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);
  margin-left: 0.5em;
  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: 8.75rem;
}

.nf-form-cont .nf-form-content .pikaday__container {
  width: fit-content;
  margin-right: 0.25rem;
}

.nf-form-cont .nf-form-content .time-wrap select {
  font-size: 16px;
  margin: 0;
  padding: 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;
  }
}

/* cta_tel
**************************************** */
.cta_tel a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1rem;
  line-height: var(--line-height-hdr);
  border-radius: 0.5rem;
}
@media screen and (max-width: 47.9375em) {
  .cta_tel a {
    padding: 1.1428571429rem;
  }
}

.cta_tel a > span {
  display: block;
}

/* cta_contact
**************************************** */
.cta_contact a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background-color: var(--clr-primary-default);
}

.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-secondary-default);
  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-secondary-default);
}
.cta_contact .micro_copy::before {
  transform: rotate(-45deg);
}
.cta_contact .micro_copy::after {
  transform: rotate(45deg);
}

/* deco
**************************************** */
/* icon
**************************************** */
.icon {
  --w: 18;
  --rotate: 0;
  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);
}
@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 loop_1st {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes loop_2nd {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
@keyframes loop_y_1st {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes loop_y_2nd {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-200%);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes slide_idling {
  0% {
    translate: 0 0;
  }
  100% {
    translate: -7.5rem 0;
  }
}
@keyframes slide_idling_sp {
  0% {
    translate: 0 0;
  }
  100% {
    translate: -4.2857142857rem 0;
  }
}
@keyframes cloudFlow01 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100vw + 100%));
  }
}
@keyframes cloudFlow02 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100vw + 100%));
  }
}
@keyframes cloudFlow03 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100vw + 100%));
  }
}
@keyframes cloudFlow03 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100vw + 100%));
  }
}
@keyframes recruitWidth {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes recruitScale {
  0% {
    scale: 0.2;
  }
  100% {
    scale: 1;
  }
}
@keyframes worksDecoFloat {
  0%, 100% {
    transform: translateY(0) rotate(0);
  }
  33% {
    transform: translateY(-0.625rem) rotate(2deg);
  }
  66% {
    transform: translateY(0.3125rem) rotate(-2deg);
  }
}
@keyframes floatDrone {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  25% {
    transform: translate(5rem, -1.875rem) rotate(5deg);
  }
  50% {
    transform: translate(1.25rem, -0.625rem) rotate(-3deg);
  }
  75% {
    transform: translate(-5rem, -2.5rem) rotate(-8deg);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes flyPaper {
  0% {
    transform: translate3d(-25vw, 25vh, 600px) rotateX(20deg) rotateY(-10deg) rotateZ(-10deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    transform: translate3d(5vw, -5vh, -500px) rotateX(45deg) rotateY(15deg) rotateZ(5deg);
  }
  100% {
    transform: translate3d(35vw, -35vh, -3000px) rotateX(70deg) rotateY(40deg) rotateZ(20deg);
    opacity: 0;
  }
}
@keyframes subttl_grade {
  0% {
    translate: -100%;
  }
  80%, 100% {
    translate: 400%;
  }
}
@keyframes subttl_grade_reverse {
  0% {
    translate: 250%;
  }
  80%, 100% {
    translate: -350%;
  }
}
@keyframes scrollIndicator {
  0% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  10% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  40% {
    transform: translateX(-50%) translateY(0.5rem);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) translateY(0.5rem);
    opacity: 0;
  }
  60% {
    transform: translateX(-50%) translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}
/* 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;
  }
}
/* 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: 87.6923076923%;
  }
}

.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));
}
@media print, screen and (min-width: 48em) {
  .inner-xl {
    width: calc(var(--inner-xl) * var(--rem-pc));
  }
}

/* --- anchor --- */
/* section-contact
********************************************** */
.section-contact .cta_tel a {
  padding: 1.5rem 2.5rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 47.9375em) {
  .section-contact .cta_tel a {
    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

############################################################################## */
.cta {
  position: relative;
  z-index: 1;
  padding-block: 5.375rem 6.4375rem;
}
@media screen and (max-width: 47.9375em) {
  .cta {
    padding-block: calc(var(--section_pdg-md-sp) * var(--rem-sp));
  }
}
.cta::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 34.375rem 0 0 0;
  background: var(--clr-wht);
  z-index: -1;
}
@media screen and (max-width: 47.9375em) {
  .cta::before {
    border-radius: 19.6428571429rem 0 0 0;
  }
}

.cta--cont {
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .cta--cont {
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 47.9375em) {
  .cta--cont {
    flex-direction: column;
    gap: 1.7142857143rem;
  }
}

.cta--ttl {
  letter-spacing: normal;
}

.cta--txt {
  font-weight: var(--font-weight-heading);
}

@media print, screen and (min-width: 48em) {
  .cta--btnarea {
    width: 29.375rem;
  }
  .cta--btnarea .btn-cta > * {
    height: 11.4375rem;
  }
  .cta--btnarea .btn-entry > * {
    height: 20.75rem;
  }
}
.cta--btnarea .btn > * {
  min-width: 100%;
}

.cta--loop {
  gap: 1.5rem;
}
@media screen and (max-width: 47.9375em) {
  .cta--loop {
    gap: 0.8571428571rem;
  }
}
.cta--loop .loop-slide {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, 29.8125rem);
  gap: 1.5rem;
  align-items: start;
  width: auto;
  min-width: fit-content;
  animation-duration: 192s !important;
}
@media screen and (max-width: 47.9375em) {
  .cta--loop .loop-slide {
    grid-template-rows: repeat(2, 8.5rem);
    gap: 0.4285714286rem;
  }
}
.cta--loop .loop-slide:first-child {
  animation-delay: -96s;
}
.cta--loop .loop-slide li {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  width: 39.25rem;
}
@media screen and (max-width: 47.9375em) {
  .cta--loop .loop-slide li {
    width: 11.2142857143rem;
  }
}
.cta--loop .loop-slide li:nth-child(3n) {
  grid-row: span 2;
  width: 50rem;
}
@media screen and (max-width: 47.9375em) {
  .cta--loop .loop-slide li:nth-child(3n) {
    width: 14.2857142857rem;
  }
}
.cta--loop .loop-slide li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.footer {
  position: relative;
  padding-block: 7.125rem 33.75rem;
  background-color: #82d7f1;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .footer {
    padding-block: 4rem 19.2857142857rem;
  }
}
.footer > .inner {
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 47.9375em) {
  .footer > .inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.footer .inner {
  z-index: 1;
}
.footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../images/common/footer-ill@2x.png);
  background-repeat: no-repeat;
  background-position: center bottom -8.125rem;
  background-size: contain;
}
@media screen and (max-width: 47.9375em) {
  .footer::before {
    background-position: center bottom -4.6428571429rem;
    background-size: 68.5714285714rem;
  }
}

.footer--deco {
  height: 41.25rem;
  z-index: -1;
}

/* footer_lft
********************************************** */
.footer--logo:not(:last-child) {
  margin-bottom: 2.5rem;
}

.footer--logo img {
  max-width: 9.875rem;
}
@media screen and (max-width: 47.9375em) {
  .footer--logo img {
    max-width: 5.7142857143rem;
  }
}

.footer--catch {
  letter-spacing: normal;
  line-height: var(--line-height-hdr);
}

/* footer_rgt
*************************************************** */
/* ---fnav --- */
.fnav--menu {
  display: flex;
  gap: 2.5rem 4rem;
}
@media print, screen and (min-width: 48em) {
  .fnav--menu {
    width: fit-content;
    margin-left: auto;
  }
}
@media screen and (max-width: 47.9375em) {
  .fnav--menu {
    flex-direction: column;
    gap: 1.1428571429rem;
  }
}

.fnav--menu > li {
  break-inside: avoid;
}
@media print, screen and (min-width: 48em) {
  .fnav--menu > li:not(:last-child) {
    margin-bottom: 4rem;
  }
}

.fnav--menu-ttl {
  font-family: var(--font-en-text);
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-inline-start: 0;
  font-weight: 600;
}
.fnav--menu-ttl::before {
  display: none;
}

.fnav--link {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-block: 0.25em;
}
.fnav--link::before {
  content: "";
  flex-shrink: 0;
  inline-size: 0.6875rem;
  margin-block: 0.5lh;
  border-bottom: 2px solid;
  transition: var(--transit-default);
}

.sub-menu .sub-menu .fnav--link::before {
  border-width: 1px;
}

@media (hover: hover) {
  a.fnav--link:hover {
    color: var(--clr-primary-dark);
  }
}

.fnav--menu .sub-menu {
  padding-left: 0.625rem;
}

.fnav--menu2 a {
  display: block;
}
@media (hover: hover) {
  .fnav--menu2 a:hover {
    color: var(--clr-primary-dark);
  }
}

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

/* footer-01
  *************************************************** */
@media print, screen and (min-width: 48em) {
  .footer-01 .inner {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "logo sns_area" "fnav copyright";
  }
}
@media print, screen and (min-width: 48em) {
  .footer-01 .footer--logo {
    grid-area: logo;
    border-bottom: 1px solid var(--clr-mono-06);
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-01 .footer--logo {
    text-align: center;
  }
}
.footer-01 .fnav {
  font-size: max(12px, 0.875rem);
}
@media print, screen and (min-width: 48em) {
  .footer-01 .fnav {
    grid-area: fnav;
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-01 .fnav {
    margin-block: 1.7142857143rem;
    padding-block: 1rem;
    border-block: 1px solid var(--clr-mono-06);
  }
}
.footer-01 .fnav--menu {
  line-height: 1.5;
}
@media print, screen and (min-width: 48em) {
  .footer-01 .fnav--menu {
    margin-inline: -1em;
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-01 .fnav--link {
    margin-inline: -0.5em;
  }
}
@media print, screen and (min-width: 48em) {
  .footer-01 .menu-item-has-children,
  .footer-01 .fnav--menu .sub-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-01 .fnav--menu .sub-menu {
    margin-left: 1em;
  }
}
@media print, screen and (min-width: 48em) {
  .footer-01 .sns_area {
    grid-area: sns_area;
    border-bottom: 1px solid var(--clr-mono-06);
  }
}
.footer-01 .sns_area ul {
  justify-content: flex-end;
}
@media screen and (max-width: 47.9375em) {
  .footer-01 .sns_area ul {
    justify-content: center;
  }
}
@media print, screen and (min-width: 48em) {
  .footer-01 .copyright {
    grid-area: copyright;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-01 .copyright {
    justify-content: center;
    flex-direction: row;
    margin-top: 1rem;
  }
}
.footer-01 .copyright small {
  font-size: max(10px, 0.75rem);
}
@media print, screen and (min-width: 48em) {
  .footer-01 .fnav,
  .footer-01 .copyright {
    padding-top: 4rem;
  }
}
@media print, screen and (min-width: 48em) {
  .footer-01 .footer--logo,
  .footer-01 .sns_area {
    padding-bottom: 4rem;
  }
}
.footer-01 .footer--cta,
.footer-01 .footer--address {
  font-size: max(11px, 0.8125rem);
  line-height: 1.5;
  margin-top: 1.5rem;
}
@media print, screen and (min-width: 48em) {
  .footer-01 .footer--cta,
  .footer-01 .footer--address {
    padding-top: 1.5rem;
    border-top: 1px solid var(--clr-mono-06);
  }
}

/* footer-02
  *************************************************** */
.footer-02 .footer--logo {
  margin-bottom: 4rem;
  text-align: center;
}
.footer-02 .footer--address {
  margin-bottom: 3rem;
  font-size: max(13px, 0.9375rem);
  text-align: center;
}
@media screen and (max-width: 47.9375em) {
  .footer-02 .footer--address {
    margin-bottom: 0.875rem;
  }
}
.footer-02 .fnav {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 47.9375em) {
  .footer-02 .fnav {
    margin-bottom: 1rem;
  }
}
.footer-02 .footer--cta {
  margin-bottom: 3rem;
}
.footer-02 .footer--cta a {
  margin-inline: auto;
  text-align: center;
}
.footer-02 .fnav--menu {
  justify-content: center;
  line-height: 1;
}
@media print, screen and (min-width: 48em) {
  .footer-02 .fnav--menu {
    gap: 1em 0;
  }
}
@media print, screen and (min-width: 48em) {
  .footer-02 .fnav--menu > li:not(:last-child) {
    border-right: 1px solid;
  }
}
.footer-02 .fnav--link {
  padding: 1em;
}
@media print, screen and (min-width: 48em) {
  .footer-02 .fnav--link {
    margin-block: -1em;
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-02 .fnav--link {
    margin-inline: -1em;
  }
}
.footer-02 .sns_area ul {
  justify-content: center;
}
.footer-02 .copyright {
  justify-content: center;
  margin-top: 1rem;
}

/* footer-03
  *************************************************** */
.footer-03 .inner {
  display: grid;
}
@media print, screen and (min-width: 48em) {
  .footer-03 .inner {
    grid-template-columns: 19.375rem 19.375rem 1fr;
    grid-template-areas: "logo sns_area map" "address address map" "cta_cmt cta_cmt map" "cta cta map" "fnav fnav map" "copyright copyright map";
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-03 .inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-areas: "logo" "cta_cmt" "cta" "fnav" "address" "map" "sns_area" "copyright";
  }
}
.footer-03 .footer--logo {
  margin-bottom: 1.5rem;
  grid-area: logo;
}
@media screen and (max-width: 47.9375em) {
  .footer-03 .footer--logo {
    text-align: center;
  }
}
.footer-03 .footer--cta {
  margin-bottom: 1.5rem;
  grid-area: cta;
}
@media screen and (max-width: 47.9375em) {
  .footer-03 .footer--cta {
    align-items: center;
    justify-content: center;
  }
}
.footer-03 .fnav {
  margin-bottom: 1.5rem;
  grid-area: fnav;
}
@media print, screen and (min-width: 48em) {
  .footer-03 .fnav--menu {
    margin-inline: -1em;
    gap: 1rem;
  }
}
.footer-03 .cta {
  grid-area: cta;
}
.footer-03 .copyright {
  grid-area: copyright;
}
.footer-03 .sns_area {
  grid-area: sns_area;
}
@media screen and (max-width: 47.9375em) {
  .footer-03 .sns_area {
    margin-bottom: 2.2857142857rem;
    margin-top: 1rem;
  }
}
.footer-03 .sns_area ul {
  justify-content: flex-end;
}
@media screen and (max-width: 47.9375em) {
  .footer-03 .sns_area ul {
    justify-content: center;
  }
}
.footer-03 .copyright {
  justify-content: flex-start;
}
.footer-03 .footer--address {
  font-size: max(11px, 0.8125rem);
  line-height: 1.5;
  opacity: 0.5;
  grid-area: address;
}
@media screen and (max-width: 47.9375em) {
  .footer-03 .footer--address {
    margin-bottom: 1rem;
  }
}
.footer-03 .cta_comment {
  grid-area: cta_cmt;
}
.footer-03 .fmap {
  grid-area: map;
}
@media print, screen and (min-width: 48em) {
  .footer-03 .fmap {
    margin-left: auto;
  }
}
@media screen and (max-width: 47.9375em) {
  .footer-03 .fmap iframe {
    height: 17.1428571429rem;
    width: 100%;
  }
}
.footer-03 .fnav--link {
  display: block;
  padding: 0.5em 1em;
}
@media print, screen and (min-width: 48em) {
  .footer-03 .fnav--link {
    position: relative;
    padding: 0.5em 0.5em 0.5em 1.5em;
  }
  .footer-03 .fnav--link::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0.4285714286rem;
    height: 0.4285714286rem;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
  }
}
@media (hover: hover) {
  .footer-03 .fnav--link:hover {
    opacity: 0.7;
  }
}

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

    sns_area

############################################################################## */
/* 共通設定
********************************************** */
.sns_area {
  margin-top: 1.5rem;
}

@media (hover: hover) {
  .sns_area a:hover .icon {
    background-color: var(--clr-primary-dark);
  }
}

.sns_area .icon {
  width: 1.75rem;
  background-color: var(--clr-blk);
}

/* 複数ある場合
********************************************** */
.sns_area li:not(:only-child) .txt {
  display: none;
}
.sns_area li:not(:only-child) a {
  display: grid;
  place-items: center;
  width: 2.5rem;
  aspect-ratio: 1;
}

/* 1つの場合、テキストを表示する
********************************************** */
.sns_area li:only-child a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  font-family: var(--font-en-text);
}

[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;
}

@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-sp6 {
    gap: 0.4285714286rem !important;
  }
  .gap-sp8 {
    gap: 0.5714285714rem !important;
  }
  .gap-sp10 {
    gap: 0.7142857143rem !important;
  }
  .gap-sp12 {
    gap: 0.8571428571rem !important;
  }
  .gap-sp14 {
    gap: 1rem !important;
  }
  .gap-sp16 {
    gap: 1.1428571429rem !important;
  }
  .gap-sp18 {
    gap: 1.2857142857rem !important;
  }
  .gap-sp20 {
    gap: 1.4285714286rem !important;
  }
  .gap-sp22 {
    gap: 1.5714285714rem !important;
  }
  .gap-sp24 {
    gap: 1.7142857143rem !important;
  }
  .gap-sp26 {
    gap: 1.8571428571rem !important;
  }
  .gap-sp28 {
    gap: 2rem !important;
  }
  .gap-sp30 {
    gap: 2.1428571429rem !important;
  }
  .gap-sp32 {
    gap: 2.2857142857rem !important;
  }
  .gap-sp34 {
    gap: 2.4285714286rem !important;
  }
  .gap-sp36 {
    gap: 2.5714285714rem !important;
  }
  .gap-sp38 {
    gap: 2.7142857143rem !important;
  }
  .gap-sp40 {
    gap: 2.8571428571rem !important;
  }
  .gap-sp42 {
    gap: 3rem !important;
  }
  .gap-sp44 {
    gap: 3.1428571429rem !important;
  }
  .gap-sp46 {
    gap: 3.2857142857rem !important;
  }
  .gap-sp48 {
    gap: 3.4285714286rem !important;
  }
  .gap-sp50 {
    gap: 3.5714285714rem !important;
  }
  .gap-sp52 {
    gap: 3.7142857143rem !important;
  }
  .gap-sp54 {
    gap: 3.8571428571rem !important;
  }
  .gap-sp56 {
    gap: 4rem !important;
  }
  .gap-sp58 {
    gap: 4.1428571429rem !important;
  }
  .gap-sp60 {
    gap: 4.2857142857rem !important;
  }
  .gap-sp62 {
    gap: 4.4285714286rem !important;
  }
  .gap-sp64 {
    gap: 4.5714285714rem !important;
  }
  .gap-sp66 {
    gap: 4.7142857143rem !important;
  }
  .gap-sp68 {
    gap: 4.8571428571rem !important;
  }
  .gap-sp70 {
    gap: 5rem !important;
  }
  .gap-sp72 {
    gap: 5.1428571429rem !important;
  }
  .gap-sp74 {
    gap: 5.2857142857rem !important;
  }
  .gap-sp76 {
    gap: 5.4285714286rem !important;
  }
  .gap-sp78 {
    gap: 5.5714285714rem !important;
  }
  .gap-sp80 {
    gap: 5.7142857143rem !important;
  }
  .gap-sp82 {
    gap: 5.8571428571rem !important;
  }
  .gap-sp84 {
    gap: 6rem !important;
  }
  .gap-sp86 {
    gap: 6.1428571429rem !important;
  }
  .gap-sp88 {
    gap: 6.2857142857rem !important;
  }
  .gap-sp90 {
    gap: 6.4285714286rem !important;
  }
  .gap-sp92 {
    gap: 6.5714285714rem !important;
  }
  .gap-sp94 {
    gap: 6.7142857143rem !important;
  }
  .gap-sp96 {
    gap: 6.8571428571rem !important;
  }
  .gap-sp98 {
    gap: 7rem !important;
  }
  .gap-sp100 {
    gap: 7.1428571429rem !important;
  }
  .gap-sp102 {
    gap: 7.2857142857rem !important;
  }
  .gap-sp104 {
    gap: 7.4285714286rem !important;
  }
  .gap-sp106 {
    gap: 7.5714285714rem !important;
  }
  .gap-sp108 {
    gap: 7.7142857143rem !important;
  }
  .gap-sp110 {
    gap: 7.8571428571rem !important;
  }
  .gap-sp112 {
    gap: 8rem !important;
  }
  .gap-sp114 {
    gap: 8.1428571429rem !important;
  }
  .gap-sp116 {
    gap: 8.2857142857rem !important;
  }
  .gap-sp118 {
    gap: 8.4285714286rem !important;
  }
  .gap-sp120 {
    gap: 8.5714285714rem !important;
  }
}
/* ##############################################################################

    HEADER default

############################################################################## */
/* header
**************************************** */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 6.625rem;
  z-index: 9999;
  transition: var(--transit-default);
}
@media print, screen and (min-width: 67.5625em) {
  .header {
    top: 2.25rem;
  }
}
@media screen and (max-width: 67.5em) {
  .header {
    height: 5.7142857143rem;
  }
}

.header--inner {
  height: 100%;
  padding-inline: 3.5rem;
}
@media screen and (max-width: 67.5em) {
  .header--inner {
    padding-left: 1.875rem;
  }
}

.template-contact-simple .header {
  position: absolute;
}

@media print, screen and (min-width: 67.5625em) {
  .header-sm {
    height: 5rem;
  }
}

@media print, screen and (min-width: 67.5625em) {
  .head {
    padding-top: calc(6.625rem + 2.25rem);
  }
}
/* logo
**************************************** */
.header--logoarea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
@media screen and (max-width: 67.5em) {
  .header--logoarea {
    position: relative;
    z-index: 9999;
  }
}

.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 img {
  max-width: 17.875rem;
}
@media screen and (max-width: 67.5em) {
  .header--logo img {
    max-width: 11.9285714286rem;
  }
}

.header--logo_txt {
  color: var(--clr-blk);
  font-weight: var(--font-weight-heading);
  line-height: 1.6;
}
@media screen and (max-width: 85.375em) {
  .header--logo_txt {
    font-size: var(--font-size-txt-sm);
  }
}
@media screen and (max-width: 67.5em) {
  .header--logo_txt {
    display: none;
  }
}
.header--logo_txt .note-br {
  display: none;
}
@media screen and (max-width: 92.5em) {
  .header--logo_txt .note-br {
    display: block;
  }
}

/* gnav
**************************************** */
@media print, screen and (min-width: 67.5625em) {
  .gnav,
  .gnav--menu,
  .gnav--menu > li,
  .gnav--link {
    height: 100%;
  }
}

@media print, screen and (min-width: 67.5625em) {
  .gnav {
    display: flex;
    gap: 1.5rem;
  }
}
@media screen and (max-width: 67.5em) {
  .gnav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    height: 100%;
    margin: 0;
    padding: calc(5.7142857143rem + 1.1428571429rem) 1.7142857143rem 2.8571428571rem;
    opacity: 0;
    pointer-events: none;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    background-color: var(--clr-wht);
    -webkit-overflow-scrolling: touch;
    transition: var(--transit-default);
  }
  .gnav.is-active {
    opacity: 1;
    pointer-events: auto;
  }
}

/* menu
********************************************** */
@media screen and (max-width: 67.5em) {
  .gnav--menu {
    display: block;
  }
}

@media screen and (max-width: 67.5em) {
  .gnav--menu li {
    position: relative;
    display: block;
    width: 100%;
  }
}

@media print, screen and (min-width: 67.5625em) {
  .gnav--menu > li {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 67.5em) {
  .gnav--menu > li {
    border-bottom: 1px solid var(--clr-text-placeholder);
  }
}

.gnav--link {
  position: relative;
  font-size: var(--font-size-txt-md);
  font-weight: var(--font-weight-heading);
  letter-spacing: 0.03em;
  line-height: 1.6;
  text-transform: uppercase;
}
@media print, screen and (min-width: 67.5625em) {
  .gnav--link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-inline: 0.75rem;
  }
  .gnav--link .label {
    display: none;
  }
}
@media screen and (max-width: 67.5em) {
  .gnav--link {
    display: block;
    padding-block: 1.4285714286rem;
  }
  .gnav--link span {
    display: block;
  }
  .gnav--link .slug {
    font-size: var(--font-size-heading2-sp);
    line-height: var(--line-height-hdr);
  }
  .gnav--link .label {
    font-size: var(--font-size-txt-md-sp);
    line-height: 1.6;
  }
}
.gnav--link .slug {
  letter-spacing: normal;
}

@media screen and (max-width: 67.5em) {
  .gnav--menu > li:not(.menu-item-has-children) a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.8571428571rem;
    margin: auto;
    width: 0.7142857143rem;
    height: 0.7142857143rem;
    border-top: 2px solid var(--clr-primary-default);
    border-right: 2px solid var(--clr-primary-default);
    transform: rotate(45deg);
  }
}

@media print, screen and (min-width: 67.5625em) {
  .gnav--menu > li:hover > a.gnav--link,
  .gnav--menu > li.current-menu-item > .gnav--link {
    color: var(--clr-primary-dark);
  }
  .gnav--menu > li:hover > a.gnav--link + .gnav_sub_toggle,
  .gnav--menu > li.current-menu-item > .gnav--link + .gnav_sub_toggle {
    color: var(--clr-primary-dark);
  }
}

/* スマホ
********************************************** */
@media screen and (max-width: 67.5em) {
  .menu-item-has-children.is-open .head_sub_nav--wrap {
    opacity: 1;
    pointer-events: auto;
    padding-bottom: 2.1428571429rem;
  }
  .menu-item-has-children.is-open .gnav_sub_toggle {
    transform: rotate(180deg);
  }
  .menu-item-has-children.is-open .gnav_sub_toggle::after {
    opacity: 0;
  }
}
/* PC
********************************************** */
@media print, screen and (min-width: 67.5625em) {
  .gnav--menu .menu-item-has-children:hover .gnav_sub_toggle {
    transform: rotate(180deg);
  }
  .gnav--menu .menu-item-has-children:hover .gnav_sub_toggle::after {
    opacity: 0;
  }
  .gnav--menu .menu-item-has-children:hover .head_sub_nav--wrap {
    opacity: 1;
    pointer-events: auto;
  }
  .gnav--menu .menu-item-has-children:hover .gnav--link .slug::before {
    opacity: 1;
  }
}
@media print, screen and (min-width: 67.5625em) {
  .head_sub_nav--wrap {
    position: absolute;
    top: 100%;
    inset-inline: calc(50% - 50vw);
    margin-inline: auto;
    width: fit-content;
    max-width: 115rem;
    border-radius: 2rem;
    background-color: var(--clr-text-light);
    transition: var(--transit-default);
    opacity: 0;
    pointer-events: none;
  }
  .head_sub_nav--wrap .ttl {
    font-size: var(--font-size-heading4);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.03em;
    line-height: 1.6;
  }
  .head_sub_nav--wrap .sub-ttl {
    font-size: var(--font-size-txt-md);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.03em;
    line-height: 1.6;
  }
  .menu-item-has-children > .gnav--link {
    padding-right: 2.5rem;
  }
  .menu-item-has-children .gnav--link .slug {
    position: relative;
    display: grid;
    align-content: center;
    height: 100%;
  }
  .menu-item-has-children .gnav--link .slug::before {
    content: "";
    position: absolute;
    bottom: 0;
    margin-inline: auto;
    inset-inline: 0;
    width: 1.5rem;
    aspect-ratio: 24/16;
    clip-path: polygon(0 100%, 100% 100%, 50% 0);
    background-color: var(--clr-wht);
    transition: var(--transit-default);
    opacity: 0;
    pointer-events: none;
  }
}
/* head_sub_nav--wrap
********************************************** */
.head_sub_nav--wrap {
  z-index: 100;
}
@media print, screen and (min-width: 67.5625em) {
  .head_sub_nav--wrap {
    display: grid;
    grid-template-columns: 21.4375rem 1fr;
    gap: 3.375rem;
    padding: 3rem 7.5rem;
  }
}

/* head_sub_nav
********************************************** */
@media screen and (max-width: 67.5em) {
  .head_sub_nav--ttl {
    display: none;
  }
}

.head_sub_nav {
  column-count: var(--column);
}
@media screen and (max-width: 67.5em) {
  .head_sub_nav {
    column-count: var(--column-sp);
  }
}
.head_sub_nav > li {
  break-inside: avoid;
}
@media print, screen and (min-width: 67.5625em) {
  .head_sub_nav {
    padding-left: 3.375rem;
    border-left: 1px solid var(--clr-mono-02);
  }
}

.head_sub_nav a {
  display: block;
  text-align: left;
}
@media print, screen and (min-width: 67.5625em) {
  .head_sub_nav a {
    background-color: var(--clr-wht);
    padding: 0.5rem;
  }
}
@media screen and (max-width: 67.5em) {
  .head_sub_nav a {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding-block: 0.2857142857rem;
  }
  .head_sub_nav a::before {
    content: "";
    flex-shrink: 0;
    inline-size: 1.1428571429rem;
    margin-block: 0.5lh;
    border-bottom: 2px solid var(--clr-mono-03);
    transition: var(--transit-default);
  }
}
@media (hover: hover) {
  .head_sub_nav a:hover {
    color: var(--clr-primary-default);
  }
  .head_sub_nav a:hover::before {
    background-color: var(--clr-primary-default);
  }
}

@media print, screen and (min-width: 67.5625em) {
  .head_sub_nav .menu-item a {
    display: grid;
    grid-template-columns: 7rem 1fr;
    gap: 1rem;
  }
  .head_sub_nav .menu-item a .head_sub_nav--img {
    border-radius: 0.5rem;
    background-color: var(--clr-mono-02);
    overflow: clip;
  }
  .head_sub_nav .menu-item a .head_sub_nav--img img {
    transition: var(--transit-default);
  }
}
@media print and (hover: hover), screen and (min-width: 67.5625em) and (hover: hover) {
  .head_sub_nav .menu-item a:hover .head_sub_nav--img img {
    transform: scale(1.05);
  }
}

@media screen and (max-width: 67.5em) {
  .head_sub_nav--img {
    display: none;
  }
}
/* gnav_sub_toggle
********************************************** */
.gnav_sub_toggle {
  position: relative;
  right: 2.25rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: var(--transit-default);
}
@media print, screen and (min-width: 67.5625em) {
  .gnav_sub_toggle {
    margin-right: -1.5rem;
    pointer-events: none;
  }
}
@media screen and (max-width: 67.5em) {
  .gnav_sub_toggle {
    position: absolute;
    top: 0;
    right: -2.7857142857rem;
    width: 7.2142857143rem;
    height: 7.2142857143rem;
    color: var(--clr-primary-default);
    cursor: pointer;
  }
}
.gnav_sub_toggle::before, .gnav_sub_toggle::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1rem;
  height: 0;
  border-bottom: 2px solid;
  transition: var(--transit-default);
}
@media screen and (max-width: 67.5em) {
  .gnav_sub_toggle::before, .gnav_sub_toggle::after {
    width: 1.1428571429rem;
  }
}
.gnav_sub_toggle::after {
  transform: rotate(90deg);
}

/* gnav--cta
********************************************** */
@media screen and (max-width: 67.5em) {
  .gnav--cta {
    margin-block: 3.2857142857rem;
  }
}

.gnav--cta li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 67.5em) {
  .gnav--cta li {
    flex: 1;
  }
}

.gnav--cta li > * {
  height: 4rem !important;
  padding: 0 2rem;
  color: var(--clr-mono-01);
}
@media screen and (max-width: 67.5em) {
  .gnav--cta li > * {
    min-width: 100%;
    height: 5.7142857143rem !important;
    justify-content: flex-start;
    padding: 1.1428571429rem;
  }
  .gnav--cta li > *::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.7142857143rem;
    margin: auto;
    width: 0.7142857143rem;
    height: 0.7142857143rem;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
  }
}

.gnav--requirement a {
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
}
@media screen and (max-width: 67.5em) {
  .gnav--requirement a {
    font-size: var(--font-size-heading4-sp);
  }
}

.gnav--entry a {
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
}
@media screen and (max-width: 67.5em) {
  .gnav--entry a {
    font-size: var(--font-size-heading4-sp);
  }
}

/* btn
********************************************** */
@media print, screen and (min-width: 67.5625em) {
  .gnav_btn {
    display: none;
  }
}
@media screen and (max-width: 67.5em) {
  .gnav_btn {
    position: fixed;
    top: 1.1428571429rem;
    right: 1.1428571429rem;
    width: 3.7857142857rem;
    height: 3.4285714286rem;
    border-radius: 0.3571428571rem;
    background-color: var(--clr-text-primary);
    cursor: pointer;
    z-index: 9999;
    transition: var(--transit-default);
  }
}

.gnav_btn--lines {
  position: relative;
  width: 1.5rem;
  height: 0.7857142857rem;
}

.gnav_btn--lines span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid var(--clr-wht);
  transition: var(--transit-default);
}
.gnav_btn--lines span:nth-of-type(1) {
  top: 0;
}
.gnav_btn--lines span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}
.gnav_btn--lines span:nth-of-type(3) {
  bottom: 0;
}

.gnav_btn.is-active .gnav_btn--lines span:nth-of-type(1) {
  transform: translateY(0.3571428571rem) rotate(-30deg);
}
.gnav_btn.is-active .gnav_btn--lines span:nth-of-type(2) {
  opacity: 0;
}
.gnav_btn.is-active .gnav_btn--lines span:nth-of-type(3) {
  transform: translateY(-0.3571428571rem) rotate(30deg);
}

/* gnav_btm
********************************************** */
.gnav_btm {
  font-size: 0.8571428571rem;
}
@media print, screen and (min-width: 67.5625em) {
  .gnav_btm {
    display: none;
  }
}
.gnav_btm .fnav--menu2,
.gnav_btm .copyright {
  justify-content: center;
}
.gnav_btm .fnav--menu2 a {
  color: var(--clr-text-secondary);
}

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

    パッケージ用

############################################################################## */
/* header-01
*************************************************** */
@media print, screen and (min-width: 67.5625em) {
  .header-01 {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
  }
  .header-01 .gnav--menu > li:hover > a.gnav--link,
  .header-01 .gnav--menu > li.current-menu-item > .gnav--link {
    color: var(--clr-primary-default);
    background-color: var(--clr-bg-01);
  }
}
.header-01 .header--inner {
  padding-inline: 1.5rem;
}
@media screen and (max-width: 47.9375em) {
  .header-01 .head_sub_nav--wrap {
    background-color: var(--clr-wht);
  }
}
@media print, screen and (min-width: 67.5625em) {
  .header-01 .head_sub_nav li {
    margin-block: 0.5rem;
  }
}
.header-01 .head_sub_nav a {
  line-height: 1.5;
}
@media print, screen and (min-width: 67.5625em) {
  .header-01 .head_sub_nav a {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
  }
}
.header-01 .gnav--cta {
  display: flex;
  align-items: center;
}
.header-01 .gnav--contact {
  height: fit-content;
}
.header-01 .gnav--contact a {
  padding: 0.5rem 1.5rem;
  border-radius: 2rem;
}

/* header-02
*************************************************** */
@media print, screen and (min-width: 67.5625em) {
  .header-02 {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
  }
  .header-02 .gnav--menu > li:hover > a.gnav--link,
  .header-02 .gnav--menu > li.current-menu-item > .gnav--link {
    color: var(--clr-primary-default);
    background-color: var(--clr-bg-01);
  }
}
@media screen and (max-width: 47.9375em) {
  .header-02 .head_sub_nav--wrap {
    padding-inline: 1rem;
    background-color: var(--clr-wht);
  }
}
@media print, screen and (min-width: 67.5625em) {
  .header-02 .head_sub_nav li {
    margin-block: 0.5rem;
  }
}
.header-02 .head_sub_nav a {
  line-height: 1.5;
}
@media print, screen and (min-width: 67.5625em) {
  .header-02 .head_sub_nav a {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
  }
}
.header-02 .gnav--tel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--clr-mono-01);
}
.header-02 .gnav--tel a {
  background: none;
}
.header-02 .gnav--contact {
  margin-left: 0;
}

/* header-03
*************************************************** */
@media print, screen and (min-width: 67.5625em) {
  .header-03 {
    padding-right: 2rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
  }
  .header-03 .gnav--menu > li:hover > a.gnav--link,
  .header-03 .gnav--menu > li.current-menu-item > .gnav--link {
    color: var(--clr-primary-default);
    background-color: var(--clr-bg-01);
  }
}
.header-03 .header--logo a {
  width: 12.5rem;
  height: 12.5rem;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--clr-wht);
  border-radius: 0px 0px 2rem 0px;
  box-shadow: 0px 0px 1.5rem 0px rgba(0, 0, 0, 0.05);
}
.header-03.header-sm .header--logo a {
  width: 11.25rem;
  height: 11.25rem;
}
.header-03 .head_sub_nav--wrap {
  left: 50%;
  translate: -50% 0;
  min-width: 15.5rem;
}
.header-03 .head_sub_nav {
  position: relative;
  min-width: 15.5rem;
  background-color: var(--clr-wht);
}
@media print, screen and (min-width: 67.5625em) {
  .header-03 .head_sub_nav {
    padding: 1.25rem;
    margin-top: 1.25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
  }
}
@media screen and (max-width: 47.9375em) {
  .header-03 .head_sub_nav {
    padding: 0.7142857143rem 1.1428571429rem;
  }
}
@media print, screen and (min-width: 67.5625em) {
  .header-03 .head_sub_nav::before {
    content: "";
    position: absolute;
    top: -0.75rem;
    left: calc(50% - 1.5rem / 2);
    width: 1.5rem;
    height: 0.75rem;
    background-color: var(--clr-wht);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
}
.header-03 .head_sub_nav a {
  position: relative;
  padding: 0.625rem;
  text-align: left;
  line-height: 1.5;
}
@media screen and (max-width: 47.9375em) {
  .header-03 .head_sub_nav a {
    padding: 1em 1.5em;
  }
}
.header-03 .head_sub_nav a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  transition: var(--transit-default);
}
.header-03 .gnav--contact a {
  gap: 0.5rem;
}
@media print, screen and (min-width: 67.5625em) {
  .header-03 .gnav--contact a {
    height: 130%;
    border-radius: 0 0 1.5rem 1.5rem;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 67.5625em) {
  .header-03 .icon-mail {
    width: 2rem;
  }
}
.header-03 .gnav--contact a::before {
  display: none;
}

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

/* hero
********************************************** */
/* .hero--layer-xx 重なりが多いのでクラスでz-indexを管理 */
.hero--layer-1 {
  z-index: 1;
}

.hero--layer-2 {
  z-index: 2;
}

.hero--layer-3 {
  z-index: 3;
}

.hero--layer-4 {
  z-index: 4;
}

.hero--layer-5 {
  z-index: 5;
}

.hero--layer-6 {
  z-index: 6;
}

.hero--layer-7 {
  z-index: 7;
}

.hero--layer-8 {
  z-index: 8;
}

.hero--layer-9 {
  z-index: 9;
}

.hero--layer-10 {
  z-index: 10;
}

.hero--layer-11 {
  z-index: 11;
}

.hero--layer-12 {
  z-index: 12;
}

.hero--layer-13 {
  z-index: 13;
}

.hero--layer-14 {
  z-index: 14;
}

.hero--layer-15 {
  z-index: 15;
}

.hero--layer-16 {
  z-index: 16;
}

.hero--layer-17 {
  z-index: 17;
}

.hero--layer-18 {
  z-index: 18;
}

.hero--layer-19 {
  z-index: 19;
}

.hero--layer-20 {
  z-index: 20;
}

.hero--layer-21 {
  z-index: 21;
}

.hero--layer-22 {
  z-index: 22;
}

.hero--layer-23 {
  z-index: 23;
}

.hero--layer-24 {
  z-index: 24;
}

.hero--layer-25 {
  z-index: 25;
}

.hero--layer-26 {
  z-index: 26;
}

.hero--layer-27 {
  z-index: 27;
}

.hero--layer-28 {
  z-index: 28;
}

.hero--layer-29 {
  z-index: 29;
}

.hero--layer-30 {
  z-index: 30;
}

[data-anim-type=fade-in-moving-right],
[data-anim-type=fade-in-moving-left],
[data-anim-type=fade-in-sway] {
  opacity: 0;
}

[data-anim-type=fade-in-float].is-floating {
  animation: floatDrone var(--float-duration, 8s) ease-in-out infinite;
}

/* hero-wrapper（pinの影響を受けない要素を配置） */
.hero-wrapper {
  overflow: clip;
}

.hero {
  position: relative;
  height: 350vh;
  z-index: 1;
  padding-top: 0;
  perspective: 1000px;
  overflow: clip;
}
@media screen and (max-width: 47.9375em) {
  .hero {
    padding-bottom: 2.8571428571rem;
    height: 38.5714285714rem;
  }
}

/* hero--fv FVアニメーション
********************************************** */
.hero--fv {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  pointer-events: none;
  overflow: hidden;
}
.hero--fv.is-done {
  visibility: hidden;
  opacity: 0;
}

.fv--rgt_img,
.fv--lft_img {
  z-index: 9;
}

.fv--rgt_img,
.fv--lft_img,
.fv--mid_img {
  position: absolute;
  will-change: transform, opacity, filter;
  opacity: 0;
}
.fv--rgt_img img,
.fv--lft_img img,
.fv--mid_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}

.fv--lft_img {
  bottom: -30vh;
  left: -10.4166666667%;
  width: 52.4479166667%;
  aspect-ratio: 1007/902;
}

.fv--rgt_img {
  bottom: -40vh;
  right: -15.625%;
  width: 50.4166666667%;
  aspect-ratio: 968/1128;
}

.fv--mid_img {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 39.5833333333%;
  aspect-ratio: 1919/805;
}

/* fv--catch キャッチコピー */
.fv--catch {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  text-align: center;
  white-space: nowrap;
}

.fv--catch_main {
  margin-bottom: 3.25rem;
}
.fv--catch_main .line {
  display: block;
  font-size: 4rem;
  font-weight: bold;
  color: var(--clr-wht);
  text-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateY(30px);
}
@media screen and (max-width: 47.9375em) {
  .fv--catch_main .line {
    font-size: 2.2857142857rem;
  }
}

.mask_txt {
  position: relative;
  display: block;
  width: fit-content;
  margin-inline: auto;
  mask: var(--mask);
  mask-size: 100%;
  font-size: 17.5rem;
}
@media screen and (max-width: 67.5em) {
  .mask_txt {
    width: auto;
  }
}
.mask_txt img {
  display: block;
}

.light-effect {
  position: absolute;
  width: 1em;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fef003;
  filter: blur(1.45625rem);
  opacity: 0;
  pointer-events: none;
}

.light-effect-01 {
  top: -0.9em;
  left: 0;
}

.light-effect-02 {
  bottom: -0.9em;
  right: 0;
}

.fv--catch_line-01 .letter-01 {
  margin-right: 1.5rem;
  opacity: 0;
}
.fv--catch_line-01 .letter-02,
.fv--catch_line-01 .letter-03,
.fv--catch_line-01 .letter-04,
.fv--catch_line-01 .letter-05 {
  display: inline-block;
  opacity: 0;
}
.fv--catch_line-01 .letter-02,
.fv--catch_line-01 .letter-03,
.fv--catch_line-01 .letter-04 {
  margin-right: 0.5rem;
}

.fv--catch_line-02 {
  position: relative;
  margin-right: -3rem;
}
.fv--catch_line-02 .letter-01 {
  opacity: 0;
}

.fv--catch_deco {
  position: absolute;
  bottom: -1rem;
  left: -1rem;
  clip-path: inset(0 100% 0 0);
}

.fv--catch_sub {
  font-family: var(--font-en);
  font-weight: var(--font-weight-bold);
  color: #096b89;
  letter-spacing: 0.15em;
  opacity: 0;
}

.copy-line-wrap {
  position: absolute;
  top: 3.875rem;
  left: -2rem;
}

/* SVG内で完結（マスク + image要素） */
.copy-line-svg {
  display: block;
  width: 19.8125rem;
  height: auto;
}

/* マスク用パス（初期状態はHTML属性で設定、アニメーションはGSAPで制御） */
.copy-line-path {
  /* stroke-dasharray, stroke-dashoffsetはHTML属性で初期設定 */
}

.hero--scroll_down {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, 16%);
  opacity: 0;
  width: 12.25rem;
  height: 12.25rem;
  aspect-ratio: 1;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: var(--border-radius-max);
}
.hero--scroll_down .mouse_icon {
  position: relative;
  width: 1rem;
  height: 2rem;
  background-color: #096b89;
  border-radius: var(--border-radius-max);
}
.hero--scroll_down .mouse_icon::before {
  content: "";
  position: absolute;
  top: 0.375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: var(--clr-wht);
  border-radius: var(--border-radius-max);
  animation: scrollIndicator 2s ease-out infinite;
}
.hero--scroll_down .txt {
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  letter-spacing: normal;
}

/* スクロール無効化用 */
.is-scroll-locked,
.is-modal-open {
  overflow: hidden !important;
  height: 100vh !important;
}

/* hero--cloud（bg-ptn_stickyと同じロジック：親absolute、子sticky） */
.hero--cloud_wrap {
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}

.hero--cloud {
  position: sticky !important;
  top: 0;
  display: block;
  width: 100vw;
  height: 100vh;
}
.hero--cloud .cloud-02 {
  top: 30rem !important;
}
.hero--cloud .cloud-02.cloud-02-dup {
  top: 30rem !important;
}

.hero--cont {
  width: fit-content;
  padding-top: 100vh;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  line-height: 2.4;
  text-align: center;
  color: #0e5392;
  pointer-events: none;
}
.hero--cont p:not(:last-child) {
  margin-bottom: 2em;
}

.hero--bg_wrap {
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: auto;
  aspect-ratio: 1920/1760;
}

/* comment
**************************************** */
.modal_trigger-01 {
  bottom: 79.5454545455%;
  left: 49.4791666667%;
}

.modal_trigger-02 {
  bottom: 69.3181818182%;
  left: 9.375%;
}

.modal_trigger-03 {
  bottom: 61.3636363636%;
  left: 69.0625%;
}

.modal_trigger-04 {
  bottom: 54.5454545455%;
  left: 45.8333333333%;
}

.modal_trigger-05 {
  bottom: 52.8409090909%;
  left: 9.375%;
}

.modal_trigger-06 {
  bottom: 39.7727272727%;
  left: 11.4583333333%;
}

.modal_trigger-07 {
  bottom: 39.7727272727%;
  left: 34.7395833333%;
}

.modal_trigger-08 {
  bottom: 44.3181818182%;
  left: 81.25%;
}

.modal_trigger-09 {
  bottom: 17.0454545455%;
  left: 47.9166666667%;
}

.modal_trigger-10 {
  bottom: 51.1363636364%;
  left: 23.9583333333%;
}

.hero--bg {
  position: absolute;
  overflow-x: clip;
}
.hero--bg:nth-child(1) {
  z-index: 1;
}
.hero--bg:nth-child(2) {
  z-index: 2;
}
.hero--bg:nth-child(3) {
  z-index: 3;
}
.hero--bg .child {
  position: absolute;
  height: auto;
}
.hero--bg .child-rotate {
  rotate: 3deg;
}

.hero--bg-01 {
  bottom: 43.1818181818%;
  width: 100vw !important;
  aspect-ratio: 1920/1003;
  overflow-x: clip;
}
.hero--bg-01 .child-01 {
  bottom: 46.7597208375%;
  left: -13.75%;
  width: 81.5104166667% !important;
  aspect-ratio: 1565/463;
  z-index: -3;
}
.hero--bg-01 .child-02 {
  bottom: 66.7996011964%;
  left: 53.28125%;
  width: 32.1354166667% !important;
  aspect-ratio: 617/259;
  z-index: -2;
}
.hero--bg-01 .child-03 {
  bottom: 36.7896311067%;
  right: -25.3645833333%;
  width: 62.1875% !important;
  aspect-ratio: 1194/634;
  z-index: -3;
}
.hero--bg-01 .child-04 {
  bottom: 8.7736789631%;
  right: -22.2395833333%;
  width: 51.40625% !important;
  aspect-ratio: 987/635;
}
.hero--bg-01 .child-05 {
  bottom: 8.7736789631%;
  left: -21.1979166667%;
  width: 51.40625% !important;
  aspect-ratio: 987/635;
}
.hero--bg-01 .child-06 {
  bottom: 62.5124626122%;
  left: 17.03125%;
  width: 3.28125% !important;
  aspect-ratio: 63/74;
}
.hero--bg-01 .child-07 {
  bottom: 0%;
  left: -8.6458333333%;
  width: 54.1666666667% !important;
  aspect-ratio: 1040/635;
}
.hero--bg-01 .child-08 {
  bottom: 47.8564307079%;
  left: 25.2604166667%;
  width: 10.7291666667% !important;
  aspect-ratio: 206/160;
}
.hero--bg-01 .child-09 {
  bottom: 62.8115653041%;
  left: 40.3125%;
  width: 12.5520833333% !important;
  aspect-ratio: 241/155;
  z-index: -1;
}
.hero--bg-01 .child-10 {
  bottom: 54.3369890329%;
  left: 28.125%;
  width: 12.5520833333% !important;
  aspect-ratio: 241/154;
}
.hero--bg-01 .child-11 {
  bottom: 60.2193419741%;
  left: 69.21875%;
  width: 3.1770833333% !important;
  aspect-ratio: 61/88;
}
.hero--bg-01 .child-12 {
  bottom: 64.1076769691%;
  left: 60.5729166667%;
  width: 5.1041666667% !important;
  aspect-ratio: 98/88;
}
.hero--bg-01 .child-13 {
  bottom: 63.6091724826%;
  left: 69.84375%;
  width: 9.4270833333% !important;
  aspect-ratio: 181/108;
}
.hero--bg-01 .child-14 {
  bottom: 49.1525423729%;
  left: 71.3020833333%;
  width: 16.1458333333% !important;
  aspect-ratio: 310/114;
}
.hero--bg-01 .child-15 {
  bottom: 49.4516450648%;
  left: 62.4479166667%;
  width: 19.6354166667% !important;
  aspect-ratio: 377/164;
}
.hero--bg-01 .child-16 {
  bottom: 51.2462612164%;
  left: 44.4791666667%;
  width: 7.9166666667% !important;
  aspect-ratio: 152/70;
}
.hero--bg-01 .child-17 {
  bottom: 50.8474576271%;
  left: 35.78125%;
  width: 8.3333333333% !important;
  aspect-ratio: 160/96;
}
.hero--bg-01 .child-18 {
  bottom: 60.3190428714%;
  left: 79.53125%;
  width: 6.875% !important;
  aspect-ratio: 132/134;
}
.hero--bg-01 .child-19 {
  bottom: 68.295114656%;
  left: 62.6041666667%;
  width: 11.8229166667% !important;
  aspect-ratio: 227/91;
}
.hero--bg-01 .child-20 {
  bottom: 62.9112662014%;
  left: 53.1770833333%;
  width: 5.2083333333% !important;
  aspect-ratio: 100/88;
}
.hero--bg-01 .child-21 {
  bottom: 57.926221336%;
  left: 40.4166666667%;
  width: 11.09375% !important;
  aspect-ratio: 213/120;
}
.hero--bg-01 .child-22 {
  bottom: 53.6390827517%;
  left: 55.8333333333%;
  width: 4.7395833333% !important;
  aspect-ratio: 91/91;
}
.hero--bg-01 .child-23 {
  bottom: 62.4127617149%;
  left: 47.3958333333%;
  width: 4.6875% !important;
  aspect-ratio: 90/154;
}
.hero--bg-01 .child-24 {
  bottom: 8.7736789631%;
  left: 1.4583333333%;
  width: 100% !important;
  aspect-ratio: 1920/629;
  z-index: -1;
}
.hero--bg-01 .child-25 {
  bottom: 8.5742771685%;
  left: 38.90625%;
  width: 26.5625% !important;
  aspect-ratio: 510/629;
  z-index: -1;
}

.hero--bg-02 {
  bottom: 45.9090909091%;
  width: 100vw !important;
  aspect-ratio: 1920/472;
}
.hero--bg-02 .child-01 {
  bottom: 61.6525423729%;
  left: 38.0729166667%;
  width: 20.625% !important;
  aspect-ratio: 396/130;
}
.hero--bg-02 .child-02 {
  bottom: 58.2627118644%;
  left: 15.4166666667%;
  width: 4.0625% !important;
  aspect-ratio: 78/61;
}
.hero--bg-02 .child-03 {
  bottom: 66.9491525424%;
  left: 0%;
  width: 40.2083333333% !important;
  aspect-ratio: 772/157;
}
.hero--bg-02 .child-04 {
  bottom: 64.8305084746%;
  right: 0%;
  width: 59.84375% !important;
  aspect-ratio: 1149/126;
}
.hero--bg-02 .child-05 {
  bottom: 77.7542372881%;
  left: 22.96875%;
  width: 7.5520833333% !important;
  aspect-ratio: 145/13;
}
.hero--bg-02 .child-06 {
  bottom: 69.9152542373%;
  left: -0.7291666667%;
  width: 58.3854166667% !important;
  aspect-ratio: 1121/99;
}
.hero--bg-02 .child-07 {
  bottom: 0%;
  left: 0%;
  width: 100.0520833333% !important;
  aspect-ratio: 1921/331;
  z-index: -1;
}

.hero--bg-03 {
  bottom: 49.5454545455%;
  width: 100vw !important;
  aspect-ratio: 1920/482;
}
.hero--bg-03 .child-01 {
  bottom: 23.4439834025%;
  right: 5.1041666667%;
  width: 12.03125% !important;
  aspect-ratio: 231/142;
}
.hero--bg-03 .child-02 {
  bottom: 24.2738589212%;
  right: 16.3541666667%;
  width: 9.0104166667% !important;
  aspect-ratio: 173/157;
}
.hero--bg-03 .child-03 {
  bottom: 29.2531120332%;
  right: 25.15625%;
  width: 12.5% !important;
  aspect-ratio: 240/115;
}
.hero--bg-03 .child-04 {
  bottom: 35.6846473029%;
  right: 34.6354166667%;
  width: 6.8229166667% !important;
  aspect-ratio: 131/100;
}
.hero--bg-03 .child-05 {
  bottom: 0%;
  right: 0%;
  width: 48.8020833333% !important;
  aspect-ratio: 937/254;
  z-index: -1;
}
.hero--bg-03 .child-06 {
  bottom: 30.7053941909%;
  right: -1.8229166667%;
  width: 36.09375% !important;
  aspect-ratio: 693/212;
  z-index: -2;
}
.hero--bg-03 .child-07 {
  bottom: 39.8340248963%;
  right: -3.5416666667%;
  width: 24.6354166667% !important;
  aspect-ratio: 473/257;
  z-index: -3;
}
.hero--bg-03 .child-08 {
  bottom: 69.5020746888%;
  right: 0%;
  width: 13.3854166667% !important;
  aspect-ratio: 257/149;
  z-index: -4;
}
.hero--bg-03 .child-09 {
  bottom: 22.4066390041%;
  right: -2.2916666667%;
  width: 45.8333333333% !important;
  aspect-ratio: 880/304;
  z-index: -5;
}
.hero--bg-03 .child-10 {
  bottom: 62.6556016598%;
  right: 6.7708333333%;
  width: 29.9479166667% !important;
  aspect-ratio: 575/128;
  z-index: -6;
}

.hero--bg-04 {
  bottom: 4.5454545455%;
  width: 100vw !important;
  aspect-ratio: 1920/1105;
  z-index: 5;
}
.hero--bg-04 .child-01 {
  bottom: 70.2262443439%;
  left: 42.2916666667%;
  width: 6.40625% !important;
  aspect-ratio: 123/92;
}
.hero--bg-04 .child-02 {
  bottom: 55.8371040724%;
  left: 21.9791666667%;
  width: 10.5729166667% !important;
  aspect-ratio: 203/255;
}
.hero--bg-04 .child-03 {
  bottom: 84.5248868778%;
  left: 27.5%;
  width: 6.1979166667% !important;
  aspect-ratio: 119/46;
}
.hero--bg-04 .child-04 {
  bottom: 43.8914027149%;
  left: 9.375%;
  width: 11.09375% !important;
  aspect-ratio: 213/73;
}
.hero--bg-04 .child-05 {
  bottom: 68.5972850679%;
  left: 20.625%;
  width: 9.0625% !important;
  aspect-ratio: 174/75;
}
.hero--bg-04 .child-06 {
  bottom: 52.3981900452%;
  left: 8.9583333333%;
  width: 2.6041666667% !important;
  aspect-ratio: 50/149;
}
.hero--bg-04 .child-07 {
  bottom: 73.3936651584%;
  left: 66.0416666667%;
  width: 2.9166666667% !important;
  aspect-ratio: 56/69;
}
.hero--bg-04 .child-08 {
  bottom: 67.4208144796%;
  left: 10%;
  width: 3.4895833333% !important;
  aspect-ratio: 67/103;
}
.hero--bg-04 .child-09 {
  bottom: 72.4886877828%;
  left: 50%;
  width: 12.7604166667% !important;
  aspect-ratio: 245/178;
}
.hero--bg-04 .child-10 {
  bottom: 81.4479638009%;
  left: 71.0416666667%;
  width: 9.1666666667% !important;
  aspect-ratio: 176/122;
}
.hero--bg-04 .child-11 {
  bottom: 78.371040724%;
  left: 17.96875%;
  width: 3.3333333333% !important;
  aspect-ratio: 64/64;
}
.hero--bg-04 .child-12 {
  bottom: 78.8235294118%;
  left: 14.4791666667%;
  width: 2.5% !important;
  aspect-ratio: 48/40;
}
.hero--bg-04 .child-13 {
  bottom: 80.7239819005%;
  left: 32.96875%;
  width: 15.78125% !important;
  aspect-ratio: 303/127;
}
.hero--bg-04 .child-14 {
  bottom: 80.7239819005%;
  left: 49.0625%;
  width: 11.25% !important;
  aspect-ratio: 216/139;
}
.hero--bg-04 .child-15 {
  bottom: 67.5113122172%;
  left: 81.1979166667%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/131;
}
.hero--bg-04 .child-16 {
  bottom: 54.2081447964%;
  left: 53.2291666667%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/131;
}
.hero--bg-04 .child-17 {
  bottom: 67.5113122172%;
  left: 69.1145833333%;
  width: 14.84375% !important;
  aspect-ratio: 285/131;
}
.hero--bg-04 .child-18 {
  bottom: 54.2081447964%;
  left: 28.8541666667%;
  width: 14.84375% !important;
  aspect-ratio: 285/132;
}
.hero--bg-04 .child-19 {
  bottom: 67.5113122172%;
  left: 57.03125%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/131;
}
.hero--bg-04 .child-20 {
  bottom: 67.5113122172%;
  left: 32.7083333333%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/131;
}
.hero--bg-04 .child-21 {
  bottom: 67.5113122172%;
  left: 44.9479166667%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/131;
}
.hero--bg-04 .child-22 {
  bottom: 54.2081447964%;
  left: 41.1458333333%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/132;
}
.hero--bg-04 .child-23 {
  bottom: 54.2081447964%;
  left: 65.3125%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/131;
}
.hero--bg-04 .child-24 {
  bottom: 54.2081447964%;
  left: 77.3958333333%;
  width: 14.7916666667% !important;
  aspect-ratio: 284/131;
}
.hero--bg-04 .child-25 {
  bottom: 78.0090497738%;
  left: 85.2083333333%;
  width: 7.34375% !important;
  aspect-ratio: 141/91;
}
.hero--bg-04 .child-26 {
  bottom: 77.9185520362%;
  left: 12.3958333333%;
  width: 12.5520833333% !important;
  aspect-ratio: 241/142;
}
.hero--bg-04 .child-27 {
  bottom: 54.6606334842%;
  left: -6.4583333333%;
  width: 26.6145833333% !important;
  aspect-ratio: 511/335;
}
.hero--bg-04 .child-28 {
  bottom: 65.0678733032%;
  left: -15.625%;
  width: 32.6041666667% !important;
  aspect-ratio: 626/386;
}
.hero--bg-04 .child-29 {
  bottom: 0%;
  left: 0%;
  width: 32.5% !important;
  aspect-ratio: 624/972;
}
.hero--bg-04 .child-30 {
  bottom: 19.7285067873%;
  left: 0%;
  width: 100.0520833333% !important;
  aspect-ratio: 1921/749;
}
.hero--bg-04 .child-31 {
  bottom: 47.7828054299%;
  left: 1.1979166667%;
  width: 7.34375% !important;
  aspect-ratio: 141/91;
}

.hero--bg-05 {
  bottom: 0;
  width: 100vw !important;
  aspect-ratio: 1920/1095;
}
.hero--bg-05 .child-01 {
  bottom: 10.7762557078%;
  left: 0%;
  width: 8.9583333333% !important;
  aspect-ratio: 172/81;
}
.hero--bg-05 .child-02 {
  bottom: 11.6894977169%;
  left: 36.3541666667%;
  width: 6.6666666667% !important;
  aspect-ratio: 128/81;
}
.hero--bg-05 .child-03 {
  bottom: 17.8082191781%;
  left: 23.3333333333%;
  width: 7.0833333333% !important;
  aspect-ratio: 136/73;
}
.hero--bg-05 .child-04 {
  bottom: 12.602739726%;
  left: 68.9583333333%;
  width: 8.90625% !important;
  aspect-ratio: 171/76;
}
.hero--bg-05 .child-05 {
  bottom: 18.904109589%;
  left: 56.5104166667%;
  width: 9.2708333333% !important;
  aspect-ratio: 178/88;
}
.hero--bg-05 .child-06 {
  bottom: 8.4931506849%;
  left: -15.3645833333%;
  width: 141.40625% !important;
  aspect-ratio: 2715/155;
}
.hero--bg-05 .child-07 {
  bottom: 26.1187214612%;
  left: 56.40625%;
  width: 6.3541666667% !important;
  aspect-ratio: 122/118;
}
.hero--bg-05 .child-08 {
  bottom: 26.4840182648%;
  left: 34.4791666667%;
  width: 7.34375% !important;
  aspect-ratio: 141/126;
}
.hero--bg-05 .child-09 {
  bottom: 80.2739726027%;
  left: 16.25%;
  width: 8.4375% !important;
  aspect-ratio: 162/102;
}
.hero--bg-05 .child-10 {
  bottom: 25.8447488584%;
  left: -4.7916666667%;
  width: 19.4270833333% !important;
  aspect-ratio: 373/239;
}
.hero--bg-05 .child-11 {
  bottom: 24.6575342466%;
  left: 0%;
  width: 105.8854166667% !important;
  aspect-ratio: 2033/44;
}
.hero--bg-05 .child-12 {
  bottom: 29.5890410959%;
  left: 11.1458333333%;
  width: 64.7916666667% !important;
  aspect-ratio: 1244/167;
}
.hero--bg-05 .child-13 {
  bottom: 56.7123287671%;
  left: 64.2708333333%;
  width: 28.1770833333% !important;
  aspect-ratio: 541/229;
}
.hero--bg-05 .child-14 {
  bottom: 24.1095890411%;
  left: 45.78125%;
  width: 6.0416666667% !important;
  aspect-ratio: 116/73;
}
.hero--bg-05 .child-15 {
  bottom: 50.8675799087%;
  left: 64.8958333333%;
  width: 16.40625% !important;
  aspect-ratio: 315/211;
}
.hero--bg-05 .child-16 {
  bottom: 36.7123287671%;
  left: 40.3645833333%;
  width: 6.8229166667% !important;
  aspect-ratio: 131/125;
}
.hero--bg-05 .child-17 {
  bottom: 56.9863013699%;
  left: 58.9583333333%;
  width: 8.1770833333% !important;
  aspect-ratio: 157/84;
}
.hero--bg-05 .child-18 {
  bottom: 41.9178082192%;
  left: 47.2395833333%;
  width: 4.8958333333% !important;
  aspect-ratio: 94/128;
}
.hero--bg-05 .child-19 {
  bottom: 46.0273972603%;
  left: 30.0520833333%;
  width: 10% !important;
  aspect-ratio: 192/82;
}
.hero--bg-05 .child-20 {
  bottom: 58.904109589%;
  left: 59.375%;
  width: 11.09375% !important;
  aspect-ratio: 213/102;
}
.hero--bg-05 .child-21 {
  bottom: 37.0776255708%;
  left: 66.6666666667%;
  width: 17.2395833333% !important;
  aspect-ratio: 331/158;
}
.hero--bg-05 .child-22 {
  bottom: 54.9771689498%;
  left: 49.7916666667%;
  width: 8.90625% !important;
  aspect-ratio: 171/155;
}
.hero--bg-05 .child-23 {
  bottom: 43.9269406393%;
  left: 53.8541666667%;
  width: 11.09375% !important;
  aspect-ratio: 213/106;
}
.hero--bg-05 .child-24 {
  bottom: 50.9589041096%;
  left: 32.7604166667%;
  width: 14.0104166667% !important;
  aspect-ratio: 269/119;
}
.hero--bg-05 .child-25 {
  bottom: 34.2465753425%;
  right: 0%;
  width: 54.4791666667% !important;
  aspect-ratio: 1046/295;
}
.hero--bg-05 .child-26 {
  bottom: 39.8173515982%;
  left: 64.7916666667%;
  width: 46.9791666667% !important;
  aspect-ratio: 902/437;
}
.hero--bg-05 .child-27 {
  bottom: 45.7534246575%;
  left: 22.7604166667%;
  width: 21.9270833333% !important;
  aspect-ratio: 421/221;
}
.hero--bg-05 .child-28 {
  bottom: 58.4474885845%;
  right: -11.8229166667%;
  width: 29.84375% !important;
  aspect-ratio: 573/456;
}
.hero--bg-05 .child-29 {
  bottom: 0%;
  right: -37.7083333333%;
  width: 66.71875% !important;
  aspect-ratio: 1281/823;
}
.hero--bg-05 .child-30 {
  bottom: 0%;
  right: 0%;
  width: 100% !important;
  aspect-ratio: 1920/703;
}
.hero--bg-05 .child-31 {
  bottom: 0%;
  left: -37.7083333333%;
  width: 66.71875% !important;
  aspect-ratio: 1281/823;
}

/* モーダルトリガーボタン */
.hero--modal_trigger {
  position: absolute;
  z-index: 10;
  width: 3.5rem;
  height: 3.5rem;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-max);
  transition: var(--transit-default);
  cursor: pointer;
  opacity: 0;
}
.hero--modal_trigger::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to top, #f0c, #ef0a6a);
  border-radius: var(--border-radius-max);
}
.hero--modal_trigger .icon-koei {
  position: relative;
  z-index: 2;
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  -webkit-mask-image: url("/wp/wp-content/themes/standard_sass/images/top/logo-01.svg");
  mask-image: url("/wp/wp-content/themes/standard_sass/images/top/logo-01.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
.hero--modal_trigger::after,
.hero--modal_trigger .ripple::before,
.hero--modal_trigger .ripple::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: rgba(255, 116, 182, 0.7);
  border-radius: var(--border-radius-max);
  animation: ripple-expand 1.5s ease-out infinite;
}
.hero--modal_trigger .ripple::before {
  animation-delay: 0.5s;
}
.hero--modal_trigger .ripple::after {
  animation-delay: 1s;
}
.hero--modal_trigger:hover {
  opacity: 0.8;
}

@keyframes ripple-expand {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
/* モーダルラッパー */
.hero--modal_wrap {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(0px);
  transition: opacity 0.3s ease, visibility 0.3s ease, backdrop-filter 0.3s ease;
}
.hero--modal_wrap.is-open {
  opacity: 1;
  visibility: visible;
  backdrop-filter: blur(17px);
}

.hero--modal {
  display: flex;
  width: 100vw;
  height: 100vh;
  background: rgba(238, 247, 255, 0.85);
}

.inner-modal {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 35.75rem;
  gap: 5rem;
  padding: 3.5rem;
  margin-block: auto;
  max-width: 87.5rem;
  background-color: var(--clr-wht);
  border-radius: 3.5rem;
}
.inner-modal .textarea {
  display: flex;
  flex-direction: column;
}
.inner-modal .btn {
  margin-top: auto;
}

.modal--close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  width: 6.125rem;
  height: 6.125rem;
  background-color: var(--clr-text-primary);
  border-radius: var(--border-radius-max);
  transition: var(--transit-default);
  cursor: pointer;
}
.modal--close::before, .modal--close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 0.125rem;
  background-color: var(--clr-wht);
}
.modal--close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal--close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (hover: hover) {
  .modal--close:hover {
    opacity: 0.8;
  }
}

.modal--label {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 2rem;
  border-radius: var(--border-radius-max);
  background: var(--clr-text-primary);
  color: var(--clr-text-light);
  text-align: justify;
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}
.modal--label::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 1rem;
  border-radius: var(--border-radius-max);
  background: var(--clr-primary-default);
}
.modal--label .font-en {
  transform: translateY(0.1em);
  padding-left: 0.3em;
  line-height: 1;
  font-weight: var(--font-weight-heading);
}

.modal--txt p {
  font-family: var(--font-jp-text);
  font-weight: var(--font-weight-default);
  letter-spacing: 0.03em;
  line-height: 1.8;
}

.modal--profile .img {
  width: 8.25rem;
  height: 8.25rem;
  border-radius: var(--border-radius-max);
  overflow: hidden;
}
.modal--profile .name {
  grid-column: 1/-1;
  font-size: 2.5rem;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}
.modal--profile .department,
.modal--profile .position {
  font-family: var(--font-jp-text);
  font-size: var(--font-size-txt-md);
  font-weight: var(--font-weight-heading);
  letter-spacing: 0.03em;
  line-height: 1.6;
  color: rgb(0, 0, 0);
}

.modal--imgarea {
  width: 35.75rem;
  height: auto;
  aspect-ratio: 572/460;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal--imgarea img {
  border-radius: 2.5rem;
  overflow: hidden;
}

.hero--fly-wrap {
  position: absolute;
  inset: 0;
  z-index: 9;
  pointer-events: none;
  transform-style: preserve-3d;
}

.hero--fly {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.hero--fly-01 {
  width: 9.375rem;
  animation: flyPaper 15s linear infinite;
}

.hero--fly-02 {
  width: 6.25rem;
  animation: flyPaper 18s linear infinite 2s;
}

.hero--fly-03 {
  width: 5rem;
  animation: flyPaper 20s linear infinite 5s;
}

/* home_business
********************************************** */
.home_business {
  position: relative;
  z-index: 1;
}
.business--loop {
  position: absolute;
  top: 9rem;
  font-size: 18.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #f2ebcd;
  z-index: -1;
}
@media screen and (max-width: 47.9375em) {
  .business--loop {
    top: 7.1428571429rem;
    font-size: 10.7142857143rem;
  }
}

.business--ttlarea {
  display: flex;
  gap: 2.5rem;
}
@media print, screen and (min-width: 48em) {
  .business--ttlarea {
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media screen and (max-width: 47.9375em) {
  .business--ttlarea {
    flex-direction: column;
    gap: 1.4285714286rem;
  }
}

.business--ttl {
  white-space: nowrap;
}
@media screen and (max-width: 47.9375em) {
  .business--ttl {
    font-size: 2.4285714286rem !important;
  }
}
.business--ttl .clr-primary-default {
  font-size: 12.5rem;
  letter-spacing: normal;
}
@media screen and (max-width: 47.9375em) {
  .business--ttl .clr-primary-default {
    font-size: 5.1428571429rem;
  }
}
.business--ttl .subtitle {
  position: absolute !important;
  top: 2.5rem;
  margin-left: 16.25rem;
}
@media screen and (max-width: 47.9375em) {
  .business--ttl .subtitle {
    top: 0.8571428571rem;
    margin-left: 6.7142857143rem;
  }
}
.business--ttl > span:not(.subtitle) {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .business--ttl > span:not(.subtitle) {
    gap: 0.5714285714rem;
  }
}

.business--slide_area {
  position: relative;
  align-items: flex-start;
  max-width: 117.5rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 7.5rem 52.0625rem 1fr;
  gap: 2.25rem;
}
@media print, screen and (min-width: 48em) {
  .business--slide_area {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .business--slide_area {
    display: flex;
    flex-direction: column;
  }
}

.business--nav {
  position: sticky;
  top: calc(5rem + 1.5rem + 2.25rem);
  z-index: 10;
  width: auto;
  min-width: 5rem;
  height: calc(100vh - 5rem - 2.25rem - 3rem);
  margin-bottom: 3.5rem;
  border-radius: 1rem;
  background-color: #222;
  color: #fff;
}
@media screen and (max-width: 47.9375em) {
  .business--nav {
    display: none;
  }
}

.business--nav_inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.business--nav_item {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.25rem;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  white-space: nowrap;
}
.business--nav_item.is-active {
  opacity: 1;
}

/* 2. Texts Column */
.business--col_txt {
  width: 100%;
  z-index: 5;
}
@media screen and (max-width: 47.9375em) {
  .business--col_txt {
    width: 100%;
  }
}

.business--txt_item {
  position: relative;
  padding: 5.75rem 3rem 17.5rem;
  justify-content: center;
  border-radius: 5rem;
  color: var(--clr-wht);
  overflow: clip;
}
@media print, screen and (min-width: 48em) {
  .business--txt_item {
    height: calc(100vh - 5rem - 2.25rem - 3rem);
  }
}
@media screen and (max-width: 47.9375em) {
  .business--txt_item {
    padding: 2.8571428571rem 1.7142857143rem 12.8571428571rem;
    border-radius: 2.8571428571rem;
  }
}
.business--txt_item::before {
  content: "";
  position: absolute;
  top: 5.625rem;
  right: 0;
  transform: translateX(8.75rem);
  width: auto;
  height: 41.25rem;
  mix-blend-mode: multiply;
  aspect-ratio: 1;
  background-image: url(/wp/wp-content/themes/standard_sass/images/top/logo-01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.2;
}
@media screen and (max-width: 47.9375em) {
  .business--txt_item::before {
    top: 3.2142857143rem;
    transform: translateX(5rem);
    height: 23.5714285714rem;
  }
}
.business--txt_item:not(:last-child) {
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 47.9375em) {
  .business--txt_item:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.business--txt_item:nth-child(even)::before {
  background-image: url(/wp/wp-content/themes/standard_sass/images/top/logo-02.svg);
}
.business--txt_item:nth-child(1) {
  background-color: #ad9658;
}
.business--txt_item:nth-child(2) {
  background-color: #219884;
}
.business--txt_item:nth-child(3) {
  background-color: #616aa0;
}
.business--txt_item:nth-child(3)::before {
  background-image: url(/wp/wp-content/themes/standard_sass/images/top/logo-03.svg);
}
.business--txt_item:nth-child(4) {
  background-color: #219884;
}

.business--ill-01 {
  position: absolute;
}

#business_text_01 .business--ill-01 {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 1.5rem;
}

#business_text_02 .business--ill-01 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#business_text_02 .business--links {
  max-width: 30.75rem;
  margin-inline: auto;
}

#business_text_03 .business--ill-01 {
  width: 100%;
  height: auto;
  bottom: 0;
}

#business_text_04 .business--ill-01 {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

#business_text_03 .btn,
#business_text_04 .btn {
  margin-left: 0;
}

.business--txt_inner {
  width: 100%;
  position: relative;
  z-index: 9;
}

.business--item_ttl {
  font-size: 4rem;
  margin-bottom: 2rem;
  letter-spacing: 0.1em;
  line-height: 1.25;
}
@media screen and (max-width: 47.9375em) {
  .business--item_ttl {
    font-size: 1.7142857143rem;
    margin-bottom: 0.8571428571rem;
  }
}

.business--desc {
  font-size: max(18px, 1.25rem);
  line-height: 1.8;
}
@media screen and (max-width: 47.9375em) {
  .business--desc {
    font-weight: var(--font-weight-default);
  }
}

@media print, screen and (min-width: 48em) {
  .business--links {
    row-gap: 1.625rem !important;
  }
}
.business--links .btn a {
  padding: 1rem 5rem 1rem 2.5rem;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .business--links .btn a {
    font-size: max(16px, 1.125rem);
  }
}
.business--links .btn a.hvr-arrow::after {
  right: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
}
.business--links .btn a.hvr-arrow .arrow {
  right: 1.5rem !important;
}
.business--links .hvr-arrow [data-txt]::after {
  width: 100%;
  text-align: center;
}

.btn-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #fff;
  color: #222;
  padding: 0.5rem 1rem;
  border-radius: 3.125rem;
  font-size: 0.75rem;
  font-weight: bold;
  transition: opacity 0.3s;
  text-decoration: none;
}
.btn-pill:hover {
  opacity: 0.8;
}

.arrow-xs {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: #222;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
}

.business--ill {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.business--col_img {
  width: 100%;
  z-index: 1;
}

.business--img_item {
  position: sticky;
  top: calc(5rem + 1.5rem + 2.25rem);
  width: 100%;
  height: calc(100vh - 5rem - 2.25rem - 3rem);
  margin-bottom: 3.5rem;
  z-index: 1;
  overflow: hidden;
}
.business--img_item:nth-child(1) {
  z-index: 1;
}
.business--img_item:nth-child(2) {
  z-index: 2;
}
.business--img_item:nth-child(3) {
  z-index: 3;
}
.business--img_item:nth-child(4) {
  z-index: 4;
}
.business--img_item img {
  height: calc(100vh - 5rem - 2.25rem - 3rem);
  border-radius: 1.5rem;
}

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

/* home_works
********************************************** */
.home_works {
  position: relative;
  padding-block: 11.25rem 10.625rem;
  overflow-x: clip;
}
@media screen and (max-width: 47.9375em) {
  .home_works {
    padding-block: 6.4285714286rem 6.0714285714rem;
  }
}
.home_works::before {
  content: "";
  position: absolute;
  top: 0;
  width: 115.875rem;
  aspect-ratio: 1854/1362;
  background-image: url(/wp/wp-content/themes/standard_sass/images/top/case-ill05.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: -1;
}
@media print, screen and (min-width: 48em) {
  .home_works::before {
    right: 0;
  }
}
@media screen and (max-width: 47.9375em) {
  .home_works::before {
    left: 0;
    width: 66.2142857143rem;
    background-position: left;
  }
}
.home_works .ttl-01 {
  white-space: nowrap;
}
@media print, screen and (min-width: 48em) {
  .home_works .splide__track {
    padding-left: 32.5rem !important;
  }
}
.home_works .home_works--deco {
  opacity: 0;
  scale: 0.5;
  translate: 0 6.25rem;
  transition: opacity 0.8s, scale 1s cubic-bezier(0.25, 1, 0.5, 1), translate 1.2s cubic-bezier(0.25, 1.8, 0.5, 1);
}
.home_works .home_works--deco.is-active {
  opacity: 1;
  scale: 1;
  translate: 0 0;
}

.home_works--deco-01 {
  top: -7.6875rem;
  left: 20.75rem;
  animation: floatDrone 8s ease-in-out infinite;
}
@media screen and (max-width: 47.9375em) {
  .home_works--deco-01 {
    top: -4.4285714286rem;
    left: 11.8571428571rem;
  }
}

.home_works--deco-02 {
  top: 5.375rem;
  left: -15.625rem;
  animation: worksDecoFloat 4s ease-in-out infinite;
}
@media screen and (max-width: 47.9375em) {
  .home_works--deco-02 {
    top: 3.0714285714rem;
    left: -8.9285714286rem;
  }
}

.home_works--deco-03 {
  top: -6.25rem;
  right: 0;
  animation: worksDecoFloat 4s ease-in-out infinite 0.4s;
}
@media screen and (max-width: 47.9375em) {
  .home_works--deco-03 {
    top: -3.5714285714rem;
  }
}

.home_works--deco-04 {
  bottom: 3rem;
  left: 1.1458333333vw;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .home_works--deco-04 {
    bottom: -2.8571428571rem;
  }
}

@media print, screen and (min-width: 48em) {
  .works--ttlarea {
    padding-left: 20.3125vw;
  }
}
@media screen and (max-width: 47.9375em) {
  .works--ttlarea {
    gap: 2.8571428571rem;
  }
}
.works--ttlarea .inner {
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .works--ttlarea .inner {
    justify-content: space-between;
    align-items: flex-end;
    gap: 2.5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .works--ttlarea .inner {
    flex-direction: column;
  }
}

/* home_technique
********************************************** */
.home_technique {
  padding-block: 6.5rem 4.25rem;
}
@media screen and (max-width: 47.9375em) {
  .home_technique {
    padding-block: 2.8571428571rem;
  }
}

.technique--cont {
  position: relative;
  display: flex;
  background-color: var(--clr-secondary-default-2);
  overflow: hidden;
}
@media print, screen and (min-width: 48em) {
  .technique--cont {
    margin-left: 12.25rem;
    border-radius: 1rem 0 0 1rem;
  }
  .technique--cont::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6.25rem;
    margin: auto;
    width: 10.375rem;
    height: 10.375rem;
    border-radius: var(--border-radius-max);
    background: #3a3a3a;
  }
  .technique--cont .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10.5625rem;
    margin: auto;
    z-index: 1;
  }
}
@media screen and (max-width: 47.9375em) {
  .technique--cont {
    flex-direction: column;
  }
}
.technique--cont .btn * {
  color: var(--clr-text-primary);
}
@media (hover: hover) {
  .technique--cont:hover {
    background-color: var(--clr-secondary-dark-2);
  }
  .technique--cont:hover .technique--imgarea {
    opacity: 0.5;
  }
}

.technique--txtarea {
  padding: 9rem 6.875rem;
}
@media print, screen and (min-width: 48em) {
  .technique--txtarea {
    width: 60rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .technique--txtarea {
    padding: 2.8571428571rem 1.7142857143rem;
  }
  .technique--txtarea > .arrow {
    display: none !important;
  }
}

.technique--imgarea {
  flex: 1;
  overflow: hidden;
  transition: var(--transit-default);
}
@media print, screen and (min-width: 48em) {
  .technique--imgarea {
    height: 36.75rem;
  }
}

.technique--loop {
  gap: 0.625rem;
}
@media screen and (max-width: 47.9375em) {
  .technique--loop {
    gap: 0.5714285714rem;
  }
}
.technique--loop .loop-slide {
  gap: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .technique--loop .loop-slide {
    flex-direction: column;
  }
}
@media screen and (max-width: 47.9375em) {
  .technique--loop .loop-slide {
    gap: 0.5714285714rem;
  }
}

/* home_about
********************************************** */
.about--cont {
  position: relative;
  z-index: 9;
  padding-block: 8rem;
}
@media print, screen and (min-width: 48em) {
  .about--cont {
    height: 75rem;
    min-height: 100vh;
  }
}
@media screen and (max-width: 47.9375em) {
  .about--cont {
    padding-block: 2.8571428571rem 16.0714285714rem;
  }
}
.about--cont > .inner {
  max-width: 83.8571428571rem;
}
.about--cont + .inner {
  margin-top: -23.125rem;
}
@media screen and (max-width: 47.9375em) {
  .about--cont + .inner {
    margin-top: -13.2142857143rem;
  }
}

.about_slide {
  position: absolute !important;
  inset: 0;
  z-index: -1 !important;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media print, screen and (min-width: 48em) {
  .about_slide {
    height: 75rem;
    min-height: 100vh;
  }
}
.about_slide .swiper-slide {
  overflow: hidden;
}
.about_slide .swiper-slide[class*=-prev] .slide img {
  transform: translateX(80vw);
}
.about_slide .swiper-slide[class*=-next] .slide img {
  transform: translateX(-80vw);
}
.about_slide .slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media print, screen and (min-width: 48em) {
  .about_slide .slide {
    width: calc(100% + 7.5rem);
  }
}
@media screen and (max-width: 47.9375em) {
  .about_slide .slide {
    width: calc(100% + 4.2857142857rem);
  }
}
.about_slide .slide img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: inherit;
  transition: 2s;
}
.about_slide .swiper-slide-prev img,
.about_slide .swiper-slide-active img,
.about_slide .swiper-slide-duplicate-active img {
  animation: 16s slide_idling linear;
}
@media screen and (max-width: 47.9375em) {
  .about_slide .swiper-slide-prev img,
  .about_slide .swiper-slide-active img,
  .about_slide .swiper-slide-duplicate-active img {
    animation: 16s slide_idling-sp linear;
  }
}

.about--related {
  position: relative;
  z-index: 9;
}

@media print, screen and (min-width: 48em) {
  .about--list .related_page--bg {
    width: 30rem;
  }
}

/* home_news
********************************************** */
.home_news > .inner {
  display: flex;
  gap: 11.25rem;
}
@media screen and (max-width: 47.9375em) {
  .home_news > .inner {
    flex-direction: column;
    gap: 2.8571428571rem;
  }
}

.home_news .posts-news {
  flex: 1;
}

/* home_recruit（採用TOP踏襲有）
********************************************** */
.home_recruit {
  position: relative;
}
.recruit--links {
  position: relative;
  width: 100%;
  height: fit-content;
  background-color: #3a3a3a;
  z-index: 1;
}
.recruit--links > .inner {
  background-color: var(--clr-bg-02);
}

.btn-recruit {
  position: relative;
}

.btn-recruit img {
  position: absolute;
  top: -1.125rem;
  left: 0;
  padding-right: 0;
}
@media print, screen and (min-width: 48em) {
  .btn-recruit img {
    width: auto !important;
    height: 0.875rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .btn-recruit img {
    top: -1rem;
  }
}

.btn-recruit a {
  padding: 1.25rem 2.25rem;
  font-family: var(--font-jp-text);
  font-weight: var(--font-weight-bold);
  font-size: 2rem;
  letter-spacing: normal;
  color: #242424;
  background-color: var(--clr-wht);
  min-width: 100%;
}
@media screen and (max-width: 47.9375em) {
  .btn-recruit a {
    padding: 0.7142857143rem 2rem;
    font-size: 1.1428571429rem;
  }
}
.btn-recruit a::after {
  background-color: unset;
}
.btn-recruit a .arrow {
  right: 2.5rem;
  width: 3.25rem;
}
@media screen and (max-width: 47.9375em) {
  .btn-recruit a .arrow {
    right: 1.4285714286rem;
    width: 1.8571428571rem;
  }
}
.btn-recruit a .arrow::before, .btn-recruit a .arrow::after {
  width: 3.25rem;
  background-color: #3a3a3a;
}
@media screen and (max-width: 47.9375em) {
  .btn-recruit a .arrow::before, .btn-recruit a .arrow::after {
    width: 1.8571428571rem;
  }
}

/* home_crosstalk（採用TOP踏襲有）
********************************************** */
.home_crosstalk {
  background-color: var(--clr-bg-02) !important;
}
.home_crosstalk::before {
  top: 0 !important;
  height: calc(29.375rem * 4);
}
.home_crosstalk .crosstalk--ttl .crosstalk--spin {
  left: unset;
  right: -3.5rem;
}
.home_crosstalk .crosstalk--ttl .crosstalk--loop_wrap {
  padding-bottom: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .home_crosstalk .crosstalk--ttl .crosstalk--loop_wrap {
    padding-bottom: 0.5714285714rem;
  }
}

.home_crosstalk--ttl .subtitle {
  font-family: var(--font-jp-heading);
  font-weight: var(--font-weight-exbold);
  font-size: 4.875rem;
  line-height: 0.87;
  letter-spacing: normal;
  color: #3a3a3a;
}
@media screen and (max-width: 47.9375em) {
  .home_crosstalk--ttl .subtitle {
    font-size: 2.2857142857rem;
  }
}
.home_crosstalk--ttl .subtitle span {
  display: inline-block;
  padding: 0.2em 0.1em;
  margin-left: 0.2em;
  background-color: #3a3a3a;
  color: var(--clr-wht);
}

.home_crosstalk--catch {
  font-family: var(--font-jp-heading);
  font-weight: var(--font-weight-exbold);
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: normal;
  color: #242424;
}
@media screen and (max-width: 47.9375em) {
  .home_crosstalk--catch {
    font-size: 1.1428571429rem;
    width: 100%;
    max-width: 100%;
  }
}

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

 スタンダード用TOP

######################################################################## */
.standard {
  /* hero
  ********************************************** */
}
.standard .hero--cont {
  position: absolute;
  top: auto;
  left: 9.6875rem;
  bottom: 7.875rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .hero--cont {
    left: 8%;
    right: 8%;
    bottom: 10%;
  }
}
.standard .hero--catch {
  font-size: 3rem;
  line-height: 1.6666666667;
}
@media screen and (max-width: 47.9375em) {
  .standard .hero--catch {
    font-size: 2.2857142857rem;
    line-height: 1.3;
  }
}
.standard .hero--lead {
  line-height: 2;
}
.standard {
  /* home_newsline
  ********************************************** */
}
.standard .home_newsline {
  padding-block: 1rem;
}
.standard .home_newsline .inner {
  gap: 2.5rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .home_newsline .inner {
    gap: 0.7142857143rem;
  }
}
.standard .home_newsline--more {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
  margin-block: -1rem;
  padding-block: 1rem;
  color: var(--clr-primary-default);
  font-size: max(13px, 0.9375rem);
}
.standard .posts-newsline .post {
  margin-block: -1rem;
  padding-block: 1rem;
  border: 0 !important;
}
@media screen and (min-width: 48em) {
  .standard .posts-newsline .post {
    width: 45.3125vw;
  }
}
.standard .posts-newsline .cat_list {
  display: none;
}
.standard {
  /* 回り込みレイアウト
  ********************************************** */
}
.standard .home_hogehoge01 .lps_parts--img_text .inner:not(.inner-lg) {
  width: 100%;
}
.standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) {
  margin-inline: calc(50% - 50vw);
  margin-bottom: -5rem;
  counter-reset: number;
}
@media screen and (max-width: 47.9375em) {
  .standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) {
    margin-bottom: 1.7142857143rem;
  }
}
.standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) .ttl-03 {
  font-size: 2.5rem;
  line-height: 1.5;
}
@media screen and (max-width: 47.9375em) {
  .standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) .ttl-03 {
    font-size: 2rem;
  }
}
.standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) .ttl-03::before {
  counter-increment: number;
  content: "0" counter(number);
  position: absolute;
  right: 0;
  top: -0.5em;
  z-index: -1;
  color: var(--clr-primary-default);
  font-size: 12.5rem;
  font-family: var(--font-en-heading);
  line-height: var(--line-height-none);
  letter-spacing: 0;
  opacity: 0.2;
}
@media screen and (max-width: 47.9375em) {
  .standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) .ttl-03::before {
    top: -0.3em;
    font-size: 7.1428571429rem;
  }
}
.standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) .lps_parts + .lps_parts {
  margin-top: 0;
}
@media print, screen and (min-width: 48em) {
  .standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) .img_text--txt {
    min-height: 45rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .standard .home_hogehoge01 .lps_parts--img_text:has(.inner-lg) .img_text--txt {
    padding-block: 2.2857142857rem;
  }
}
.standard .home_hogehoge01 .lps_parts--img_text .img {
  overflow: hidden;
}
.standard {
  /* スライド
  ********************************************** */
}
.standard .slide-query .splide__track {
  margin-inline: calc(50% - 50vw);
}
.standard .slide-query .splide__slide {
  transition: var(--transit-default);
}
.standard .slide-query .splide__slide:not(.is-active) {
  opacity: 0.3;
}
.standard .slide-query .splide__arrow {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  color: var(--clr-primary-default);
  border-radius: 50%;
  background-color: var(--clr-wht);
  border: none;
}
.standard .slide-query .splide__arrow::before, .standard .slide-query .splide__arrow::after {
  content: "";
  position: absolute;
}
.standard .slide-query .splide__arrow::before {
  inset: 0;
  border-radius: 50%;
  opacity: 0.2;
}
.standard .slide-query .splide__arrow::after {
  width: 0.5rem;
  height: 0.5rem;
  transform: rotate(45deg);
}
.standard .slide-query .splide__arrow--prev::after {
  border-bottom: 2px solid;
  border-left: 2px solid;
}
.standard .slide-query .splide__arrow--next::after {
  border-top: 2px solid;
  border-right: 2px solid;
}
.standard .slide-query .splide__pagination {
  margin-top: 1.5rem;
  justify-content: center;
  gap: 0.625rem;
}
.standard .slide-query .splide__pagination .splide__pagination__page {
  width: 0.5rem;
  padding: 0;
  aspect-ratio: 1;
  border: none;
  border-radius: 50%;
  background-color: var(--clr-primary-default);
}
.standard .slide-query .splide__pagination .splide__pagination__page:not(.is-active) {
  opacity: 0.5;
}
.standard .posts-query01 .post {
  width: 23.625rem;
  margin-right: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .posts-query01 .post {
    width: 80vw;
    margin-right: 1rem;
  }
}
.standard .posts-query01 .post--txt {
  text-align: justify;
}
.standard .posts-query01 .slide-query .splide__arrow {
  top: 5.8125rem;
}
.standard .posts-query01 .slide-query .splide__arrow--prev {
  left: -3rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .posts-query01 .slide-query .splide__arrow--prev {
    left: -1rem;
  }
}
.standard .posts-query01 .slide-query .splide__arrow--next {
  right: -3rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .posts-query01 .slide-query .splide__arrow--next {
    right: -1rem;
  }
}
.standard .posts-query02 .post {
  width: 23.625rem;
  margin-right: 2rem;
  padding: 2.375rem 2.375rem 3.375rem;
  background-color: var(--clr-wht);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .posts-query02 .post {
    width: 80vw;
    margin-right: 1rem;
  }
}
.standard .posts-query02 .post--num {
  display: block;
  color: var(--clr-primary-default);
  font-size: 5rem;
  font-family: var(--font-en-text);
  text-align: center;
  line-height: var(--line-height-none);
  letter-spacing: 0;
}
.standard .posts-query02 .post--img {
  width: 11.5rem;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1;
}
.standard .posts-query02 .post--ttl {
  text-align: center;
}
.standard .posts-query02 .post--txt {
  text-align: justify;
}
.standard .posts-query02 .slide-query .splide__list {
  padding-top: 6.4375rem !important;
  padding-bottom: 2rem !important;
}
@media screen and (min-width: 48em) {
  .standard .posts-query02 .slide-query .splide__list {
    padding-left: calc(23.625rem - 1rem);
  }
}
.standard .posts-query02 .slide-query .splide__slide {
  height: auto;
}
.standard .posts-query02 .slide-query .splide__arrow {
  top: 0;
}
.standard .posts-query02 .slide-query .splide__arrow--prev {
  right: 5.4375rem;
}
.standard .posts-query02 .slide-query .splide__arrow--next {
  right: 0;
}
.standard {
  /* 背景写真カラム
  ********************************************** */
}
.standard .bg_section {
  position: relative;
  display: flex;
  align-items: center;
  padding-block: 5rem;
}
@media print, screen and (min-width: 48em) {
  .standard .bg_section {
    min-height: 45rem;
  }
}
.standard .bg_section:nth-of-type(odd) .bg_section--txt {
  margin-left: auto;
}
.standard .bg_section--img {
  position: absolute;
  inset: 0;
  z-index: -1;
}
@media screen and (min-width: 48em) {
  .standard .bg_section--txt {
    width: 30.1875rem;
  }
}
.standard {
  /* 新着情報、ブログ
  ********************************************** */
}
.standard .home_information01 {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .home_information01 {
    flex-direction: column;
  }
}
.standard .home_information01 + .home_information01 {
  margin-top: 6.25rem;
}
.standard .home_information01--ttl {
  flex: 1;
}
@media screen and (min-width: 48em) {
  .standard .home_information01--cont {
    width: 50rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .standard .home_information01--ttl {
    text-align: center;
  }
  .standard .home_information01--ttl .subtitle::after {
    margin-inline: auto;
  }
  .standard .home_information01 .link-arrow {
    text-align: center;
  }
}
.standard .home_information01 .posts-news .post--txt,
.standard .home_information01 .posts-blog .post--txt {
  -webkit-line-clamp: 1;
  opacity: 0.5;
  pointer-events: none;
}
.standard .home_information01 .posts-news .post--date {
  font-size: max(16px, 1.125rem);
}
.standard .home_information01 .posts-news .post--txtarea {
  flex: 1;
}
.standard .home_information01 .posts-blog .post {
  padding-block: 1.75rem;
}
.standard .home_information01 .posts-blog .post--date {
  font-size: max(11px, 0.8125rem);
}
.standard .home_information02--wrap {
  display: grid;
  gap: 1.25rem 4.6875rem;
}
@media print, screen and (min-width: 48em) {
  .standard .home_information02--wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 48em) {
  .standard .home_information02 {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 0.625rem;
  }
}
.standard .home_information02 .posts-news .post--date,
.standard .home_information02 .posts-blog .post--date {
  font-size: max(11px, 0.8125rem);
}
.standard .home_information02 .posts-news {
  padding: 2.5rem 3rem;
}
@media screen and (max-width: 47.9375em) {
  .standard .home_information02 .posts-news {
    padding: 0.5714285714rem 1.1428571429rem;
  }
}
.standard .home_information02 .posts-news .post {
  display: block;
}
.standard .home_information02 .posts-news .post:first-child {
  border-top: none;
}
.standard .home_information02 .posts-news .post:last-child {
  border-bottom: none;
}
.standard .home_information02 .posts-news .post--txt {
  -webkit-line-clamp: 2;
  opacity: 0.5;
  font-size: max(12px, 0.875rem);
  line-height: 1.5714285714;
  pointer-events: none;
}
.standard .home_information02 .posts-news .post--info {
  margin-bottom: 0.5rem;
}
.standard .home_information02 .posts-news .post--ttl {
  margin-bottom: 0.5rem;
}
.standard .home_information02 .posts-blog .post {
  padding: 0;
  border: none;
  gap: 2rem;
}
@media print, screen and (min-width: 48em) {
  .standard .home_information02 .posts-blog .post {
    grid-template-columns: 13.5rem minmax(0, 1fr);
  }
}
.standard .home_information02 .posts-blog .post:not(:last-child) {
  margin-bottom: 2rem;
}
.standard .home_information02 .posts-blog .post--info {
  align-items: flex-start;
  flex-direction: column-reverse;
}
.standard .home_information02 .posts-blog .cat_list {
  margin-left: 0 !important;
  margin-bottom: 0.5rem;
}
.standard {
  /* フッター上リンク（名称求む…）
  ********************************************** */
}
.standard .home_footer_toplink .related_page--list {
  border-radius: 0;
}

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

    title

############################################################################## */
.ttl-01,
.ttl-02,
.ttl-03,
.ttl-04,
.ttl-05,
.ttl-06 {
  position: relative;
  display: flex;
  flex-direction: column;
}
.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 .subtitle,
.ttl-02 .subtitle,
.ttl-03 .subtitle,
.ttl-04 .subtitle,
.ttl-05 .subtitle,
.ttl-06 .subtitle {
  position: relative;
  display: block;
  width: fit-content;
}
.ttl-01.txt-ctr .subtitle,
.ttl-02.txt-ctr .subtitle,
.ttl-03.txt-ctr .subtitle,
.ttl-04.txt-ctr .subtitle,
.ttl-05.txt-ctr .subtitle,
.ttl-06.txt-ctr .subtitle {
  margin-left: auto;
  margin-right: auto;
}
.ttl-01.clr-wht .subtitle,
.ttl-02.clr-wht .subtitle,
.ttl-03.clr-wht .subtitle,
.ttl-04.clr-wht .subtitle,
.ttl-05.clr-wht .subtitle,
.ttl-06.clr-wht .subtitle {
  color: var(--clr-wht);
}
.ttl-01:has(.subtitle-lg),
.ttl-02:has(.subtitle-lg),
.ttl-03:has(.subtitle-lg),
.ttl-04:has(.subtitle-lg),
.ttl-05:has(.subtitle-lg),
.ttl-06:has(.subtitle-lg) {
  gap: 1.25rem;
}
.ttl-01:has(.subtitle-md), .ttl-01:has(.subtitle-en),
.ttl-02:has(.subtitle-md),
.ttl-02:has(.subtitle-en),
.ttl-03:has(.subtitle-md),
.ttl-03:has(.subtitle-en),
.ttl-04:has(.subtitle-md),
.ttl-04:has(.subtitle-en),
.ttl-05:has(.subtitle-md),
.ttl-05:has(.subtitle-en),
.ttl-06:has(.subtitle-md),
.ttl-06:has(.subtitle-en) {
  gap: 1rem;
}
.ttl-01:has(.subtitle-sm),
.ttl-02:has(.subtitle-sm),
.ttl-03:has(.subtitle-sm),
.ttl-04:has(.subtitle-sm),
.ttl-05:has(.subtitle-sm),
.ttl-06:has(.subtitle-sm) {
  gap: 1.5rem;
}

/* ttl-01
********************************************** */
.ttl-01 {
  font-size: var(--font-size-heading1);
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 47.9375em) {
  .ttl-01 {
    font-size: var(--font-size-heading1-sp);
  }
}
.ttl-01.font-en {
  font-size: 6.25rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 47.9375em) {
  .ttl-01.font-en {
    font-size: 4rem;
  }
}
.ttl-01.font-jp:has(.subtitle-lg) {
  gap: 1.875rem;
}
.ttl-01 .subtitle-en:last-child {
  margin-top: -0.625rem;
}

.lps_sec .ttl-01 span:not(.subtitle)::first-letter {
  color: #c6b47a;
}

.lps_sec:nth-child(3n-2) .ttl-01 span:not(.subtitle)::first-letter {
  color: #50ac9b;
}

.lps_sec:nth-child(3n-1) .ttl-01 span:not(.subtitle)::first-letter {
  color: #6e74a7;
}

.ttl-yl span:not(.subtitle)::first-letter {
  color: #c6b47a !important;
}

.ttl-gr span:not(.subtitle)::first-letter {
  color: #50ac9b !important;
}

.ttl-pp span:not(.subtitle)::first-letter {
  color: #6e74a7 !important;
}

/* ttl-02
********************************************** */
.ttl-02 {
  font-size: var(--font-size-heading2);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
  padding-left: 2.5rem;
}
@media screen and (max-width: 47.9375em) {
  .ttl-02 {
    font-size: var(--font-size-heading2-sp);
    padding-left: 1.5714285714rem;
  }
}
.ttl-02::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-right: 0.5rem solid var(--clr-primary-default);
  border-radius: var(--border-radius-max);
}
@media screen and (max-width: 47.9375em) {
  .ttl-02::before {
    border-width: 0.4285714286rem;
  }
}
.ttl-02.txt-ctr {
  width: fit-content !important;
  margin-left: auto;
  margin-right: auto;
  margin-left: auto !important;
}

/* ttl-03
********************************************** */
.ttl-03 {
  font-size: var(--font-size-heading3);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 47.9375em) {
  .ttl-03 {
    font-size: var(--font-size-heading3-sp);
  }
}
.ttl-03.txt-ctr {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

/* ttl-04
********************************************** */
.ttl-04 {
  font-size: var(--font-size-heading4);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
  gap: 1rem;
}
@media screen and (max-width: 47.9375em) {
  .ttl-04 {
    font-size: var(--font-size-heading4-sp);
  }
}

/* ttl-05
********************************************** */
.ttl-05 {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 47.9375em) {
  .ttl-05 {
    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);
  }
}

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

    subtitle

############################################################################## */
/* subtitle-lg
********************************************** */
.subtitle-lg {
  position: relative;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading4);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  padding-left: 3.75rem;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 47.9375em) {
  .subtitle-lg {
    font-size: var(--font-size-heading4-sp);
    padding-left: 3.7142857143rem;
  }
}
.subtitle-lg::before {
  content: "";
  position: absolute;
  top: calc((1lh - 2.75rem) / 2);
  left: 0;
  width: 2.75rem;
  aspect-ratio: 1;
  background-image: url(../images/common/icon-title.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 47.9375em) {
  .subtitle-lg::before {
    top: calc((1lh - 2.5714285714rem) / 2);
    width: 2.5714285714rem;
  }
}

/* subtitle-md
********************************************** */
.subtitle-md {
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-text-primary);
  color: var(--clr-text-light);
  font-family: var(--font-en-text);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-heading);
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.subtitle-md::before {
  content: "";
  position: absolute;
  top: calc((1lh - 0.5rem) / 2 + 0.5rem);
  left: 1rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-primary-default);
}

/* subtitle-sm
********************************************** */
.subtitle-sm {
  color: var(--clr-mono-05);
  font-family: var(--font-en-text);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-heading);
  line-height: 1.6;
  letter-spacing: 0.03em;
  padding-left: 1.5rem;
  border-left: 0.375rem solid var(--clr-primary-default);
}
@media screen and (max-width: 47.9375em) {
  .subtitle-sm {
    font-size: var(--font-size-txt-lg-sp);
  }
}

/* subtitle-en
********************************************** */
.subtitle-en {
  color: var(--clr-primary-default);
  font-family: var(--font-en-text);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-heading);
  line-height: 1.6;
}

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

    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 {
  position: relative;
  overflow-x: clip;
}
.page_ttl:not(:has(.page_ttl--bg_wrap)) {
  overflow: clip;
}
.page_ttl > .inner {
  z-index: 1;
  padding-block: 5.75rem 13rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl > .inner {
    padding-block: 7.1428571429rem 12.8571428571rem;
  }
}

body:not(.single-interview) .page_ttl:not(.bg-k) {
  background-color: #82d7f1;
}

.cloud-anim {
  position: absolute;
  inset: 0;
  overflow: clip;
}
.cloud-anim img {
  position: absolute;
  will-change: transform;
}
.cloud-anim .cloud-01 {
  top: 10rem;
  left: -8.25rem;
  animation: cloudFlow01 80s linear infinite;
}
.cloud-anim .cloud-01.cloud-01-dup {
  top: 10rem;
  left: calc(-8.25rem - 100vw - 53.6875rem);
  animation: cloudFlow01 80s linear infinite;
}
.cloud-anim .cloud-02 {
  top: 20rem;
  left: 60.375rem;
  animation: cloudFlow02 60s linear infinite;
}
.cloud-anim .cloud-02.cloud-02-dup {
  top: 20rem;
  left: calc(60.375rem - 100vw - 26.5625rem);
  animation: cloudFlow02 60s linear infinite;
}
.cloud-anim .cloud-03 {
  top: 10.3125rem;
  left: 84.5rem;
  animation: cloudFlow03 90s linear infinite;
}
.cloud-anim .cloud-03.cloud-03-dup {
  top: 10.3125rem;
  left: calc(84.5rem - 100vw - 67.1875rem);
  animation: cloudFlow03 90s linear infinite;
}
.cloud-anim .page_ttl--human-01 {
  bottom: 0;
  right: 0;
}
.cloud-anim .page_ttl--human-02 {
  bottom: 0;
  right: 17.5rem;
}
@media screen and (max-width: 47.9375em) {
  .cloud-anim .page_ttl--human-02 {
    right: 6.7142857143rem;
  }
}

.single-interview .page_ttl .page_ttl--deco,
.page_ttl.bg-k .page_ttl--deco {
  display: none;
}

.page_ttl--bg_wrap {
  position: absolute;
  bottom: -37.75rem;
  left: 0;
  right: 0;
  z-index: 9;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: calc(var(--inner-lg) * var(--rem-pc));
  height: 45rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl--bg_wrap {
    bottom: -21.5714285714rem;
    height: 25.7142857143rem;
    border-radius: 1.1428571429rem;
  }
}

.page_ttl--bg {
  width: 100%;
  aspect-ratio: 1600/720;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: var(--bg-img);
}
@media screen and (max-width: 47.9375em) {
  .page_ttl--bg {
    aspect-ratio: 390/360;
    --bg-img-sp: var(--bg-img);
    background-image: var(--bg-img-sp);
  }
}

.page_ttl-en {
  display: block;
  text-transform: uppercase;
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-en {
    font-size: var(--font-size-txt-lg-sp);
    line-height: 1.6;
    margin-bottom: 0.5714285714rem;
  }
}

.page_ttl-jp {
  font-size: var(--font-size-heading1);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-hdr);
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-jp {
    font-size: 2.5714285714rem;
    margin-bottom: 1.4285714286rem;
  }
}

/* タイトル画像なし
********************************************** */
.page_ttl:not(.page_ttl-has_bg) > .inner {
  padding-block: 8.75rem;
}

/* タイトル画像あり
********************************************** */
.page_ttl-has_bg + .container {
  padding-top: 37.75rem;
}

/* 先輩社員インタビュー
********************************************** */
.single-interview .page_ttl-has_bg + .container {
  padding-top: 9.625rem;
}

.page_ttl-interview {
  background-image: none;
}
.page_ttl-interview > .inner {
  padding-block: 12.5rem 17.5rem;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-interview > .inner {
    padding-block: 7.1428571429rem 11.2857142857rem;
  }
}
.page_ttl-interview .page_ttl--en {
  z-index: -1;
}
@media print, screen and (min-width: 48em) {
  .page_ttl-interview .page_ttl--en {
    max-width: unset;
  }
}
.page_ttl-interview .page_ttl--en-top {
  top: 4.5rem;
  left: 0;
  transform: translateX(-4.1875rem);
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-interview .page_ttl--en-top {
    top: 7.7142857143rem;
  }
}
.page_ttl-interview .page_ttl--en-btm {
  filter: brightness(0) invert(1);
}
.page_ttl-interview .page_ttl--en-btm01 {
  bottom: 8.75rem;
  right: -4rem;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-interview .page_ttl--en-btm01 {
    bottom: 5rem;
  }
}
.page_ttl-interview .page_ttl--en-btm02 {
  bottom: 0;
  left: 0.5rem;
  opacity: 0.5;
}
.page_ttl-interview .page_ttl--infoarea {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 25.1875rem;
  gap: 1rem;
  align-items: flex-end;
}
.page_ttl-interview .page_ttl--catcharea {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.page_ttl-interview .page_ttl--label {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  gap: 1rem;
  border-radius: var(--border-radius-max);
  background: var(--clr-text-primary);
  color: var(--clr-text-light);
  text-align: justify;
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
  width: fit-content;
}
.page_ttl-interview .page_ttl--label::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--border-radius-max);
  background: var(--clr-primary-default);
}
.page_ttl-interview .page_ttl--catch {
  font-size: var(--font-size-heading1);
  font-weight: var(--font-weight-bold);
}
.page_ttl-interview .page_ttl--profile {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.5625rem;
  padding-bottom: 2.1875rem;
}
@media print, screen and (min-width: 48em) {
  .page_ttl-interview .page_ttl--profile {
    margin-left: -5.25rem;
  }
}
.page_ttl-interview .page_ttl--profile li {
  letter-spacing: 0.03em;
}
.page_ttl-interview.page_ttl-has_bg .page_ttl--profile {
  width: 17.4375rem;
  height: 55rem;
}
.page_ttl-interview .page_ttl--profile_imgarea {
  display: flex;
  align-items: flex-end;
  gap: 1.6875rem;
}
.page_ttl-interview .page_ttl--profile_img {
  width: 8.6875rem;
  aspect-ratio: 1;
  border-radius: var(--border-radius-max);
  overflow: hidden;
}
.page_ttl-interview .page_ttl--profile_ttl {
  flex: 1;
}
.page_ttl-interview .page_ttl--bg_wrap {
  position: absolute;
  bottom: 17.5rem;
  left: inherit;
  right: 0;
  width: 90rem;
  height: 55rem;
  border-radius: 32px 0 0 32px;
}
.page_ttl-interview .page_ttl--bg {
  aspect-ratio: 1440/880;
}

/* クロストーク
********************************************** */
.page_ttl-crosstalk {
  background-image: none;
  overflow: hidden;
}
.page_ttl-crosstalk > .inner {
  max-width: 87.5rem;
  padding-block: 102 !important/16rem;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-crosstalk > .inner {
    padding-block: 3.6428571429rem !important;
  }
}
.page_ttl-crosstalk .page_ttl--loop_wrap {
  position: relative;
}
.page_ttl-crosstalk .page_ttl--spin {
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
  z-index: 1;
}
.page_ttl-crosstalk .page_ttl--loop {
  text-align: justify;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading3);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}
.page_ttl-crosstalk .page_ttl--img {
  position: relative;
  border: 0.25rem solid;
  aspect-ratio: 1400/880;
}
.page_ttl-crosstalk .page_ttl--img:not(:last-child) {
  margin-bottom: 6.875rem;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-crosstalk .page_ttl--img:not(:last-child) {
    margin-bottom: 3.9285714286rem;
  }
}
.page_ttl-crosstalk .page_ttl--img_en {
  bottom: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: inherit;
}
.page_ttl-crosstalk .page_ttl--txtarea {
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
}
@media screen and (max-width: 47.9375em) {
  .page_ttl-crosstalk .page_ttl--txtarea {
    gap: 2.5714285714rem;
  }
}
.page_ttl-crosstalk .page_ttl--catcharea {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.page_ttl-crosstalk .page_ttl--catch {
  gap: 1.25rem;
  text-align: center;
  font-size: 4.5rem;
  font-weight: var(--font-weight-bold);
}
.page_ttl-crosstalk .page_ttl--catch .line {
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
  background: var(--clr-text-light);
}
.page_ttl-crosstalk .page_ttl--catch-en {
  color: var(--clr-wht);
  text-align: center;
  font-family: var(--font-en-heading);
  font-size: var(--font-size-heading4);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
}
.page_ttl-crosstalk .mce-content-body {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}

/* anchor_link
********************************************** */
.side_column--cont {
  padding: 3rem 1rem 2.3125rem 3rem;
  border-radius: 0 1.5rem 1.5rem 0;
  background-color: var(--clr-wht);
}

.anchor_link--list_wrap {
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .anchor_link--list_wrap {
    flex-direction: column;
    gap: 1.375rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--list_wrap {
    align-items: center;
    border-top: 1px solid var(--clr-text-placeholder);
    background-color: var(--clr-text-light);
    padding-inline: 1.7142857143rem;
    white-space: nowrap;
    overflow: auto;
    height: 4.5714285714rem;
  }
}

.anchor_link--ttl {
  position: relative;
  padding-left: 2.125rem;
  font-family: var(--font-en-heading);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
  letter-spacing: normal;
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--ttl {
    min-width: 4.0714285714rem;
  }
}
.anchor_link--ttl::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1.5rem;
  height: 0.5rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-primary-default);
}

@media print, screen and (min-width: 48em) {
  .anchor_link--list {
    flex-direction: column;
    padding-top: 0.125rem;
    padding-left: 1.875rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--list {
    flex-wrap: inherit;
    gap: 1.1428571429rem;
  }
}

.anchor_link--list li {
  position: relative;
}
@media print, screen and (min-width: 48em) {
  .anchor_link--list li {
    width: 100%;
  }
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--list li {
    width: auto;
  }
}

.anchor_link--list a {
  position: relative;
  display: block;
  padding-block: 0.6875rem;
  line-height: 1.6;
  margin-inline-start: 1.5rem;
  padding-inline-end: 1rem;
  color: var(--clr-mono-05);
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--list a {
    padding-block: 1.4285714286rem;
    margin-inline-start: 2.4285714286rem;
  }
  .anchor_link--list a br {
    display: none;
  }
}
.anchor_link--list a::before {
  content: "";
  position: relative;
  float: inline-start;
  inline-size: 1rem;
  border-bottom: 2px solid;
  margin-block: 0.5lh;
  margin-inline-start: -1.5rem;
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .anchor_link--list a::before {
    inline-size: 1.7142857143rem;
    margin-inline-start: -2.4285714286rem;
  }
}
@media (hover: hover) {
  .anchor_link--list a:hover {
    padding-inline-end: 0;
    margin-inline-start: 2.5rem;
    color: var(--clr-text-primary);
  }
  .anchor_link--list a:hover::before {
    inline-size: 2rem;
    margin-inline-start: -2.5rem;
  }
}

.anchor_link--list li.active a {
  padding-inline-end: 0;
  margin-inline-start: 2.5rem;
  color: var(--clr-text-primary);
}
.anchor_link--list li.active a::before {
  inline-size: 2rem;
  margin-inline-start: -2.5rem;
}

/* profile
********************************************** */
.crosstalk_profile {
  position: relative;
  border-top: 0.625rem solid;
  border-bottom: 0.625rem solid;
  background: #f8dc7f;
  z-index: 1;
}
.crosstalk_profile .profile--list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.crosstalk_profile .profile--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20rem;
}
.crosstalk_profile .profile--img {
  width: 14.375rem;
  aspect-ratio: 230/340;
}
.crosstalk_profile .profile--txtarea {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -0.5rem;
}
.crosstalk_profile .profile--label {
  width: fit-content;
  padding-inline: 0.625rem;
  color: #4cac9c;
  background: var(--clr-text-primary);
  font-family: var(--font-en-heading);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
}
.crosstalk_profile .profile--name {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading4);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}
.crosstalk_profile .profile--name-en {
  color: #7a7a81;
  font-family: var(--font-en-heading);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
}
.crosstalk_profile .profile--info {
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}
.crosstalk_profile .profile--en {
  top: 3.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

/* crosstalk_introduction
********************************************** */
.crosstalk_introduction {
  z-index: 1;
}
.crosstalk_introduction .introduction--question {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.crosstalk_introduction .introduction--label {
  width: fit-content;
  border-radius: 0.5rem;
  background: var(--clr-text-primary);
  padding: 0.9375rem 1.25rem;
}
.crosstalk_introduction .introduction--catch {
  gap: 1.5rem;
  text-align: center;
  font-size: var(--font-size-heading1);
  font-weight: var(--font-weight-bold);
}
.crosstalk_introduction .introduction--catch .line {
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem 2rem;
  border-radius: 0.5rem;
  background: var(--clr-text-light);
}

/* crosstalk_contents
********************************************** */
.crosstalk_contents {
  position: relative;
  z-index: 1;
}
.crosstalk_contents:not(:last-child) {
  padding-bottom: 16.25rem;
}

.inner-crosstalk {
  max-width: 82.5rem;
}

.crosstalk_parts:not(:last-child) {
  margin-bottom: 9.75rem;
}

.crosstalk_contents--img {
  width: 100%;
  aspect-ratio: 1320/720;
  border-radius: 2rem;
  overflow: clip;
}

.crosstalk_contents--balloon .balloon--item {
  display: grid;
  grid-template-columns: 1fr 67.5rem;
  gap: 4rem;
}
.crosstalk_contents--balloon .balloon--item:not(:last-child) {
  margin-bottom: 4.5rem;
}
.crosstalk_contents--balloon .balloon--item .name {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03em;
  line-height: 1.6;
  color: var(--clr-text-primary);
}
.crosstalk_contents--balloon .balloon--imgarea .name:only-child {
  padding-top: 1.5rem;
}
.crosstalk_contents--balloon .balloon--textarea {
  position: relative;
  height: fit-content;
  min-height: 11.75rem;
  padding: 2.75rem 4.5rem;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-heading);
  letter-spacing: 0.03em;
  line-height: 2;
}
.crosstalk_contents--balloon .balloon--textarea::before {
  content: "";
  position: absolute;
  top: 2.75rem;
  left: 0;
  transform: translateX(-63%);
  width: 3.5625rem;
  height: 3.5625rem;
  background-image: url(../images/crosstalk/balloon-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.crosstalk_contents--balloon .balloon--textarea::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 0;
  z-index: -2;
  width: 100%;
  height: calc(100% - 2.25rem * 2);
  background-image: url(../images/crosstalk/balloon-middle.svg);
  background-repeat: repeat-y;
  background-position: center;
  background-size: 100% auto;
}
.crosstalk_contents--balloon .balloon--textarea .balloon-top,
.crosstalk_contents--balloon .balloon--textarea .balloon-bottom {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 2.875rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.crosstalk_contents--balloon .balloon--textarea .balloon-top {
  top: 0;
  background-image: url(../images/crosstalk/balloon-top.svg);
}
.crosstalk_contents--balloon .balloon--textarea .balloon-bottom {
  bottom: 0;
  background-image: url(../images/crosstalk/balloon-bottom.svg);
}

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

    recruit

############################################################################## */
/* 共通
****************************************************** */
.page-recruit:not(.page-child_page) {
  padding-top: calc(6.625rem + 4.5rem);
}
@media screen and (max-width: 47.9375em) {
  .page-recruit:not(.page-child_page) {
    padding-top: 5.7142857143rem;
  }
}

.page_recruit_sec {
  overflow: clip;
}
.page_recruit_sec > .inner {
  position: relative;
  z-index: 9;
}

.inner-recruit {
  max-width: 96.375rem;
}

.page_recruit--ttl .subtitle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2rem;
  font-size: 4.875rem;
  font-family: var(--font-jp-heading);
  font-weight: var(--font-weight-bold);
  line-height: 0.87;
  letter-spacing: normal;
}
@media screen and (max-width: 47.9375em) {
  .page_recruit--ttl .subtitle {
    gap: 0.5714285714rem;
    font-size: 1.7142857143rem;
  }
}
.page_recruit--ttl .subtitle::before {
  content: "";
  width: 4.75rem;
  height: 4.75rem;
  aspect-ratio: 1;
  background-image: url(../images/recruit/logomark.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 47.9375em) {
  .page_recruit--ttl .subtitle::before {
    width: 1.7142857143rem;
    height: 1.7142857143rem;
  }
}

.page_recruit--catch {
  font-family: var(--font-jp-heading);
  font-size: 3.5rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.34;
  letter-spacing: normal;
}
@media screen and (max-width: 47.9375em) {
  .page_recruit--catch {
    font-size: 1.8571428571rem;
  }
}

.page_recruit--text p {
  font-weight: var(--font-weight-heading);
  line-height: 1.92;
  letter-spacing: normal;
}
@media print, screen and (min-width: 48em) {
  .page_recruit--text p {
    font-size: 1.5rem;
  }
}
.page_recruit--text p:not(:last-child) {
  margin-bottom: 2em;
}

/* fv
****************************************************** */
.bg-recruit_wrap {
  position: absolute;
  inset: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 100%;
  min-height: 100vw;
  aspect-ratio: 1;
}

.bg-recruit {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/recruit/recruit-fv-bg01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-recruit--line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg-recruit--line:nth-child(2) {
  transition-delay: 1.1s;
}
.bg-recruit--line:nth-child(3) {
  transition-delay: 1.4s;
}
.bg-recruit--line:nth-child(4) {
  transition-delay: 1.7s;
}

.recruit--fv.is-loaded .bg-recruit--line,
.recruit--fv.is-scroll .bg-recruit--line {
  translate: 0 0;
}

.bg-recruit--line-01 {
  transition: 1.5s cubic-bezier(0, 0, 0, 1);
  background-image: url(../images/recruit/line-01.png);
}

.bg-recruit--line-02 {
  translate: 50% 50%;
  background-image: url(../images/recruit/line-02.png);
}

.bg-recruit--line-03 {
  background-image: url(../images/recruit/line-03.png);
}

.bg-recruit--line-01 {
  translate: -100% 100%;
}

.bg-recruit--line-03 {
  translate: -50% 50%;
}

.bg-recruit--line-02,
.bg-recruit--line-03 {
  transition: 0.75s cubic-bezier(0, 0, 0, 1);
}

.recruit--fv {
  padding-top: 12.25rem;
}
@media screen and (max-width: 47.9375em) {
  .recruit--fv {
    padding-block: 4.2857142857rem 8rem;
  }
}

.recruit--ttl {
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
}
@media screen and (max-width: 47.9375em) {
  .recruit--ttl {
    gap: 0.7142857143rem;
  }
}
.recruit--ttl > span {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .recruit--ttl > span {
    gap: 1.1428571429rem;
  }
}
.recruit--ttl .line {
  display: flex;
  align-items: flex-end;
  gap: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .recruit--ttl .line {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5714285714rem;
  }
}

.recruit--spin {
  top: 6.875rem;
  right: 6.5rem;
  z-index: 19;
  scale: 0;
  transition: var(--transit-default);
  transition-delay: 2s;
}
@media screen and (max-width: 47.9375em) {
  .recruit--spin {
    top: -1.5714285714rem;
    right: 0.1428571429rem;
  }
}
.recruit--spin img {
  transform: translateY(0.5rem);
}
@media screen and (max-width: 47.9375em) {
  .recruit--spin img {
    transform: translateY(0.2142857143rem);
  }
}

.recruit--fv.is-loaded .recruit--spin,
.recruit--fv.is-scroll .recruit--spin {
  scale: 1;
}

.recruit--cont {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
}

.recruit--imgarea {
  display: flex;
  justify-content: center;
  margin-inline: auto;
  width: 0;
  height: 82.6875rem;
}
@media print, screen and (min-width: 48em) {
  .recruit--imgarea {
    overflow: hidden;
  }
}
@media screen and (max-width: 47.9375em) {
  .recruit--imgarea {
    height: 26.3571428571rem;
    gap: 0.2857142857rem;
  }
}

.recruit--fv.is-loaded .recruit--imgarea,
.recruit--fv.is-scroll .recruit--imgarea {
  animation: recruitWidth 0.5s cubic-bezier(0, 0, 0, 1) forwards 2.5s;
}

.recruit--img {
  position: relative;
  width: 103.375rem;
  scale: 0.2;
}
@media screen and (max-width: 47.9375em) {
  .recruit--img {
    width: 100%;
  }
}

.recruit--fv.is-loaded .recruit--img,
.recruit--fv.is-scroll .recruit--img {
  animation: recruitScale 1.25s cubic-bezier(0, 0, 0, 1) forwards 3s;
}

.recruit--bg {
  position: absolute !important;
  inset: 0;
  z-index: -1;
}
.recruit--bg .splide__track,
.recruit--bg .splide__list {
  height: 100%;
}

.recruit--loop {
  width: 4rem;
  height: 100%;
  opacity: 0;
  transition: var(--transit-default);
}
.recruit--loop .loop-slide {
  display: flex;
  gap: 1em;
}
.recruit--loop .loop-slide li {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
}

.recruit--fv.is-loaded .recruit--loop,
.recruit--fv.is-scroll .recruit--loop {
  opacity: 1;
  transition-delay: 7.5s;
}

@media screen and (max-width: 47.9375em) {
  .recruit--txtarea {
    margin-inline: 0.7142857143rem;
  }
}

.recruit--catch {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  z-index: 1;
  padding-inline: 5rem;
}
@media print, screen and (min-width: 48em) {
  .recruit--catch {
    padding-top: 8.25rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .recruit--catch {
    margin-top: -1.2857142857rem;
    padding-inline: 1.0714285714rem;
  }
}
.recruit--catch .line-wrap:nth-child(1) .line {
  transition-delay: 4.25s;
}
.recruit--catch .line-wrap:nth-child(2) .line {
  transition-delay: 5s;
}
.recruit--catch img {
  display: block;
}

.recruit--catch-sm {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  margin-top: -6rem;
  margin-left: 22.8125rem;
}
@media print, screen and (min-width: 48em) {
  .recruit--catch-sm {
    gap: 0.625rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .recruit--catch-sm {
    margin-top: 1.7857142857rem;
    margin-left: 0;
    letter-spacing: normal;
  }
}
.recruit--catch-sm .line-wrap:nth-child(1) .line {
  transition-delay: 6.3s !important;
}
.recruit--catch-sm .line-wrap:nth-child(2) .line {
  transition-delay: 6.6s !important;
}
.recruit--catch-sm .line-wrap,
.recruit--catch-sm .line {
  display: block;
}
.recruit--catch-sm .line > span {
  width: fit-content;
  padding: 0.125em 0.5em;
  color: #242424;
  letter-spacing: normal;
  line-height: var(--line-height-hdr);
  font-weight: 900;
  line-height: 2;
  background-color: var(--clr-wht);
  box-decoration-break: clone;
}
.recruit--catch-sm .line-wrap:first-child .line > span {
  color: var(--clr-wht);
  background-color: #242424;
}

/* js-slide_up
********************************************** */
[data-js-slide_up] {
  letter-spacing: inherit;
}
[data-js-slide_up] .line-wrap {
  display: block;
  overflow: clip;
  letter-spacing: inherit;
}
[data-js-slide_up] .line-wrap .line {
  translate: 0 100%;
  transition: 0.8s cubic-bezier(0, 0, 0, 1);
  letter-spacing: inherit;
}
[data-js-slide_up] .line-wrap:nth-child(1) .line {
  transition-delay: 0.8s;
}
[data-js-slide_up] .line-wrap:nth-child(2) .line {
  transition-delay: 1.1s;
}
[data-js-slide_up].is-loaded .line-wrap .line, [data-js-slide_up].is-active .line-wrap .line {
  translate: 0 0;
}

.is-scroll [data-js-slide_up] .line-wrap .line {
  translate: 0 0;
}

/* js-slide_mask
********************************************** */
[data-js-slide_mask] .line-wrap {
  display: block;
  overflow: clip;
}
[data-js-slide_mask] .line-wrap .line {
  display: block;
  clip-path: inset(0 0 100% 0);
  transition: clip-path 2s cubic-bezier(0.22, 1, 0.36, 1);
}
[data-js-slide_mask].is-loaded .line-wrap .line, [data-js-slide_mask].is-active .line-wrap .line {
  clip-path: inset(0 0 0% 0);
}

.is-scroll [data-js-slide_mask] .line-wrap .line {
  clip-path: inset(0 0 0% 0);
}

/* message
****************************************************** */
@media print, screen and (min-width: 48em) {
  .page_recruit--message .message--imgarea {
    position: sticky;
    top: calc(6.625rem + 4.5rem);
    height: fit-content;
  }
}
@media screen and (max-width: 47.9375em) {
  .page_recruit--message .message--imgarea {
    width: 17.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.page_recruit--message .message--img_wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 490/623;
}
.page_recruit--message .message--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: var(--transit-default);
  border-radius: 1rem;
  overflow: clip;
}
.page_recruit--message .message--img.is-active {
  opacity: 1;
}
.page_recruit--message .message--cont {
  display: grid;
  grid-template-columns: 1fr 30.625rem;
  gap: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .page_recruit--message .message--cont {
    display: flex;
    flex-direction: column-reverse;
    gap: 5.4285714286rem;
  }
}

/* worklife
****************************************************** */
.worklife--cont_wrap {
  position: relative;
  z-index: 9;
  margin-left: 4.375vw;
}

.worklife--cont {
  padding: 5.5rem 5rem 4.5rem 3.375rem;
  background-color: var(--clr-wht);
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  overflow: clip;
}
@media screen and (max-width: 47.9375em) {
  .worklife--cont {
    padding: 3.4285714286rem 2rem;
  }
}
.worklife--cont:not(:last-child) {
  margin-bottom: 3rem;
}

.worklife--header {
  display: flex;
  gap: 4.5rem;
}
@media print, screen and (min-width: 48em) {
  .worklife--header {
    align-items: center;
  }
}
@media screen and (max-width: 47.9375em) {
  .worklife--header {
    flex-direction: column;
    gap: 1.4285714286rem;
  }
}

.worklife--header_en {
  font-size: 1.3125rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.1em;
  color: #50ac9b;
}
@media screen and (max-width: 47.9375em) {
  .worklife--header_en {
    font-size: 0.7857142857rem;
  }
}

.worklife--cont:nth-of-type(even) .worklife--header_en {
  color: #616aa0;
}

@media screen and (max-width: 47.9375em) {
  .worklife--header_ttl {
    font-size: 1.4285714286rem;
  }
}

.worklife--main {
  display: grid;
  grid-template-columns: 23.0625rem 1fr;
  gap: 2rem;
}
@media screen and (max-width: 47.9375em) {
  .worklife--main {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media print, screen and (min-width: 48em) {
  .worklife--imgarea-btm {
    transform: translateY(7.5rem);
  }
}

.worklife--list {
  row-gap: 3.5rem;
}
.worklife--list:not(:last-child) {
  margin-bottom: 3.5rem;
}

.worklife--item_ttl {
  position: relative;
  padding-left: 3.375rem;
  font-size: max(18px, 1.25rem);
  font-weight: var(--font-weight-bold);
}
.worklife--item_ttl:not(:last-child) {
  margin-bottom: 2.5rem;
}
.worklife--item_ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.75rem;
  height: 2.75rem;
  aspect-ratio: 1;
  background-color: #50ac9b;
  border-radius: 50%;
  transform: translateY(-50%);
  background-image: url(../images/common/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
}

.worklife--item_desc {
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  line-height: 1.78;
  letter-spacing: normal;
}

/* crosstalk
****************************************************** */
.page_recruit--crosstalk::before {
  top: 2.5rem;
}

.crosstalk--ttl {
  position: relative;
  z-index: 9;
  background-image: none;
}
.crosstalk--ttl > .inner {
  max-width: 112.25rem;
}
.crosstalk--ttl .crosstalk--loop_wrap {
  position: relative;
}
.crosstalk--ttl .crosstalk--loop_wrap::before, .crosstalk--ttl .crosstalk--loop_wrap::after {
  content: "";
  position: absolute;
  left: 1rem;
  pointer-events: none;
  width: calc(100% - 1rem - 3.875rem);
  height: 4px;
  background: var(--clr-text-primary);
}
@media screen and (max-width: 47.9375em) {
  .crosstalk--ttl .crosstalk--loop_wrap::before, .crosstalk--ttl .crosstalk--loop_wrap::after {
    left: 0;
    width: calc(100% - 2.2142857143rem);
    height: 2px;
  }
}
.crosstalk--ttl .crosstalk--loop_wrap::before {
  bottom: -0.875rem;
}
@media screen and (max-width: 47.9375em) {
  .crosstalk--ttl .crosstalk--loop_wrap::before {
    bottom: -0.5rem;
  }
}
.crosstalk--ttl .crosstalk--loop_wrap::after {
  bottom: -1.5rem;
}
@media screen and (max-width: 47.9375em) {
  .crosstalk--ttl .crosstalk--loop_wrap::after {
    bottom: -0.8571428571rem;
  }
}
.crosstalk--ttl .crosstalk--spin {
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
  z-index: 1;
}
.crosstalk--ttl .crosstalk--spin img {
  transform: translateY(0);
}
.crosstalk--ttl .crosstalk--loop {
  text-align: justify;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading3);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}
.crosstalk--ttl .crosstalk--img {
  position: relative;
  border: 0.25rem solid;
  aspect-ratio: 1400/880;
}
.crosstalk--ttl .crosstalk--img:not(:last-child) {
  margin-bottom: 6.875rem;
}
@media screen and (max-width: 47.9375em) {
  .crosstalk--ttl .crosstalk--img:not(:last-child) {
    margin-bottom: 3.9285714286rem;
  }
}
.crosstalk--ttl .crosstalk--img_en {
  bottom: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: inherit;
}
.crosstalk--ttl .crosstalk--txtarea {
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
}
@media screen and (max-width: 47.9375em) {
  .crosstalk--ttl .crosstalk--txtarea {
    gap: 2.5714285714rem;
  }
}
.crosstalk--ttl .crosstalk--catcharea {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.crosstalk--ttl .crosstalk--catch {
  gap: 1.25rem;
  text-align: center;
  font-size: 4.5rem;
  font-weight: var(--font-weight-bold);
}
.crosstalk--ttl .crosstalk--catch .line {
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem 1rem;
  border-radius: 0.5rem;
  background: var(--clr-text-light);
}
.crosstalk--ttl .crosstalk--catch-en {
  color: var(--clr-wht);
  text-align: center;
  font-family: var(--font-en-heading);
  font-size: var(--font-size-heading4);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
}
.crosstalk--ttl .mce-content-body {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}

@media print, screen and (min-width: 48em) {
  .page_recruit--crosstalk > .inner:not(.inner-recruit) {
    width: auto;
    max-width: 113.5rem;
  }
}

.crosstalk--num img {
  display: block;
}

.crosstalk--imgarea .img {
  position: relative;
  aspect-ratio: 867/640;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
  background-color: var(--clr-blk);
}
@media print, screen and (min-width: 48em) {
  .crosstalk--imgarea .img {
    width: 54.1875rem;
  }
}
.crosstalk--imgarea .img img {
  position: absolute;
  inset: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}

.crosstalk--img_en {
  position: absolute;
  top: 37.5rem;
  right: 0;
  text-align: right;
  line-height: normal;
  letter-spacing: 0.1em;
  font-weight: var(--font-weight-semibold);
}
@media screen and (max-width: 47.9375em) {
  .crosstalk--img_en {
    top: 17.7142857143rem;
    font-size: 0.8571428571rem;
  }
}

/* interview
**************************************** */
@media print, screen and (min-width: 48em) {
  .page_recruit--interview .posts-interview_slide {
    margin-left: 6.9791666667vw;
  }
}

/* job
**************************************** */
.page_recruit--job {
  background-image: url(../images/recruit/job-bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.inner-job {
  max-width: 103.25rem;
}

.job--deco-cloud {
  max-height: 41.25rem;
}

.job--deco-town {
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.job--cont_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem 7.5rem;
  padding: 5.75rem 7.5rem 4.625rem;
  background-color: var(--clr-wht);
  border-radius: 2.5rem;
  opacity: 0;
  transition: var(--transit-default);
}
.job--cont_wrap.active {
  opacity: 0.95;
}

.job--btnarea {
  grid-column: span 2;
}

.job--cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.job--cont .imgarea {
  position: relative;
}
.job--cont .imgarea::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 8.625rem;
  height: 8.625rem;
  background-color: var(--clr-wht);
  border-radius: var(--border-radius-max);
  background-image: url(../images/recruit/logomark.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3.875rem 3.875rem;
}
.job--cont .imgarea:not(:last-child) {
  margin-bottom: 3rem;
}
.job--cont .imgarea .img {
  border-radius: 2rem;
  overflow: clip;
}
.job--cont .textarea {
  text-align: center;
}
.job--cont .job--ttl:not(:last-child) {
  margin-bottom: 1.5rem;
}

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

    ARCHIVE

############################################################################## */
.main_side {
  display: grid;
  gap: 8.875rem;
  align-items: flex-start;
  grid-template-columns: 23.625rem minmax(0, 1fr);
  padding-right: 5rem;
}
@media screen and (max-width: 67.5em) {
  .main_side {
    display: flex;
    flex-direction: column-reverse;
    gap: 2.8571428571rem;
  }
}

body[class*=post-type-] .side_column {
  order: -1;
}

/* main_column
**************************************** */
/* --- post --- */
.post {
  position: relative;
}

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

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

.post--info.flex .post--date + .cat_list {
  margin-left: auto;
}

.cat_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 0.5rem;
  z-index: 1;
}

.cat_list a {
  position: relative;
  display: block;
  vertical-align: middle;
  background: var(--clr-wht);
  padding: 0.75rem 1.125rem 0.75rem 2.75rem;
  border-radius: 0.25rem;
  border: 1px solid #3a3a3a;
  line-height: var(--line-height-hdr);
}
@media screen and (max-width: 47.9375em) {
  .cat_list a {
    padding: 0.5714285714rem 0.8571428571rem 0.5714285714rem 2.0714285714rem;
    font-size: 0.8571428571rem;
  }
}
.cat_list a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.25rem;
  margin: auto;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--clr-primary-default);
  border-radius: var(--border-radius-max);
}
@media screen and (max-width: 47.9375em) {
  .cat_list a::before {
    left: 0.9285714286rem;
  }
}
@media (hover: hover) {
  .cat_list a:hover {
    background: var(--clr-bg-01);
  }
}

/* side_column
**************************************** */
@media print, screen and (min-width: 67.5625em) {
  .side_column {
    position: sticky;
    top: calc(var(--section_pdg-sm) * var(--rem-pc));
    z-index: 75;
    transform: translateX(-23.625rem);
    transition: var(--transit-default);
  }
  .side_column.active {
    transform: translateX(0);
  }
}

.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 {
  position: relative;
  font-family: var(--font-jp-heading);
  letter-spacing: 0.2em;
  line-height: 1;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}
.side--ttl::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-right: 0.25rem solid var(--clr-primary-default);
  border-radius: var(--border-radius-max);
}

.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 a {
  display: block;
  margin-inline-start: 1.5rem;
  padding-block: 0.25em;
}
.side--list a::before {
  content: "";
  float: inline-start;
  inline-size: 0.6875rem;
  margin-block: 0.5lh;
  margin-inline-start: -1.5rem;
  border-bottom: 2px solid;
  transition: var(--transit-default);
}
.side--list a + .sub-menu .sub-menu .fnav--link::before {
  border-width: 1px;
}
@media (hover: hover) {
  .side--list a:hover {
    opacity: 0.7;
  }
}

.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 --- */
.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: inherit;
  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 {
    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: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
**************************************** */
.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);
}

/* 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 {
  display: flex;
  gap: 2.5rem;
  padding-block: 2.5rem;
  border-bottom: 1px solid #838383;
}
@media print, screen and (min-width: 48em) {
  .posts-news .post {
    align-items: center;
  }
}
@media screen and (max-width: 47.9375em) {
  .posts-news .post {
    flex-direction: column;
    gap: 0.5714285714rem;
    padding-block: 1.4285714286rem;
  }
}
.posts-news .post--txtarea {
  flex: 1;
}
.posts-news .post--info.flex .post--date + .cat_list {
  margin-left: 1.5rem;
}
.posts-news .post:not(:has(.post--link[href="javascript:void(0);"]))::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 2.375rem;
  height: 2.375rem;
  background-color: #3a3a3a;
  border-radius: var(--border-radius-max);
  z-index: -1;
}
.posts-news .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0.75rem;
  width: 1rem;
}
.posts-news .arrow.out-link::before, .posts-news .arrow.out-link::after {
  rotate: -45deg;
}

/* works
**************************************** */
.posts-works .post {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 2rem 2rem 3rem;
  border-radius: 1rem;
  border: 2px solid #3a3a3a;
  background: #f2f6e9;
}
@media screen and (max-width: 47.9375em) {
  .posts-works .post {
    gap: 1.1428571429rem;
    padding: 1.7142857143rem;
  }
}
.posts-works .post--img {
  border-radius: 1rem;
  overflow: hidden;
}
.posts-works .post--txtarea {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.posts-works .post--info {
  margin-top: auto;
}

/* works_slide
**************************************** */
.posts-works_slide .splide__arrows {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (max-width: 47.9375em) {
  .posts-works_slide .splide__arrows {
    gap: 0.7142857143rem;
  }
}
.posts-works_slide .splide__arrow--prev {
  transform: scaleX(-1);
}
.posts-works_slide .btn {
  margin-bottom: 0;
}
.posts-works_slide .btn:not(.btn-list) {
  width: 5rem;
  height: 5rem;
}
@media screen and (max-width: 47.9375em) {
  .posts-works_slide .btn:not(.btn-list) {
    width: 4rem;
    height: 4rem;
  }
}
.posts-works_slide .btn:not(.btn-list) > * {
  width: 100%;
  height: 100%;
  padding: 0;
}
.posts-works_slide .btn:not(.btn-list) > *::after {
  width: 100%;
  height: 100%;
}
.posts-works_slide .btn:not(.btn-list) > * .arrow {
  inset: 0;
}
.posts-works_slide .btn-list {
  min-width: min(19.125rem, 100%);
}
@media screen and (max-width: 47.9375em) {
  .posts-works_slide .btn-list {
    min-width: min(15.2857142857rem, 100%);
  }
}

/* requirement
**************************************** */
.posts-requirement .post {
  border-radius: 0.5rem;
  overflow: clip;
}
.posts-requirement .post--txtarea {
  padding: 1.5rem;
  background-color: var(--clr-wht);
}

/* interview
**************************************** */
.posts-interview .splide__list li .post {
  height: 100%;
}
.posts-interview .splide__list li:nth-child(3n+1) .post {
  background-color: #50ac9b;
}
.posts-interview .splide__list li:nth-child(3n+2) .post {
  background-color: #8f5f8b;
}
.posts-interview .splide__list li:nth-child(3n+3) .post {
  background-color: #c6b47a;
}
.posts-interview .post {
  padding: 3rem 2.25rem 2.25rem 5.5rem;
  border-radius: 2rem;
  transition: var(--transit-default);
  overflow: clip;
}
@media screen and (max-width: 47.9375em) {
  .posts-interview .post {
    padding: 1.7142857143rem 1.2857142857rem 1.2857142857rem 3.1428571429rem;
  }
}
.posts-interview .post:nth-child(3n+1) {
  background-color: #50ac9b;
}
.posts-interview .post:nth-child(3n+2) {
  background-color: #8f5f8b;
}
.posts-interview .post:nth-child(3n+3) {
  background-color: #c6b47a;
}
@media (hover: hover) {
  .posts-interview .post:has(.post--link:not([href="javascript:void(0);"])):hover {
    opacity: 0.7;
  }
}
.posts-interview .post > :not(.post--deco) {
  z-index: 9;
}
.posts-interview .post--link:not([href="javascript:void(0);"])::before {
  z-index: 99;
}
@media (hover: hover) {
  .posts-interview .post--link:not([href="javascript:void(0);"]):hover {
    color: var(--clr-wht);
  }
}
.posts-interview .post--img {
  position: relative;
  aspect-ratio: 543/721;
  background-color: unset;
}
.posts-interview .post--img:not(:last-child) {
  margin-bottom: 3rem;
}
@media screen and (max-width: 47.9375em) {
  .posts-interview .post--img:not(:last-child) {
    margin-bottom: 2.5714285714rem;
  }
}
.posts-interview .post--img img {
  border-radius: 1rem;
}
.posts-interview .post--catch {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-2rem, 1.5rem);
  min-width: 110%;
}
.posts-interview .post--catch span {
  width: 100%;
  line-height: 2;
  font-family: var(--font-jp-heading);
  font-size: 2rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: normal;
  background-color: var(--clr-wht);
  padding: 0.125em 0.75em 0.125em 0.4375em;
  box-decoration-break: clone;
}
@media screen and (max-width: 47.9375em) {
  .posts-interview .post--catch span {
    font-size: 1.1428571429rem;
  }
}
.posts-interview .post--info {
  min-height: 5rem;
}
.posts-interview .post--info:not(:last-child) {
  margin-bottom: 1rem;
}
.posts-interview .post--ttl a {
  font-family: var(--font-en-heading);
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  color: var(--clr-wht);
}
@media screen and (max-width: 47.9375em) {
  .posts-interview .post--ttl a {
    font-size: 2.2857142857rem;
  }
}
.posts-interview .post--department,
.posts-interview .post--position {
  font-family: var(--font-jp-text);
  font-size: var(--font-size-heading5);
  font-weight: var(--font-weight-bold);
  letter-spacing: normal;
  line-height: 1.83;
  color: var(--clr-wht);
}
@media screen and (max-width: 47.9375em) {
  .posts-interview .post--department,
  .posts-interview .post--position {
    font-size: var(--font-size-heading5-sp);
  }
}
.posts-interview .post--department {
  font-size: max(16px, 1.125rem);
}
@media screen and (max-width: 47.9375em) {
  .posts-interview .post--department {
    font-size: 1rem;
  }
}
.posts-interview .post--time {
  border-radius: var(--border-radius-max);
  background-color: var(--clr-wht);
}
.posts-interview .post--time .label,
.posts-interview .post--time .time {
  font-family: var(--font-jp-text);
  font-weight: var(--font-weight-bold);
  letter-spacing: normal;
  line-height: 1;
}
@media print, screen and (min-width: 48em) {
  .posts-interview .post--time .label,
  .posts-interview .post--time .time {
    font-size: max(16px, 1.125rem);
  }
}
.posts-interview .post--time .label {
  padding: 0.7777777778em 1.7777777778em;
  color: var(--clr-wht);
  border-radius: var(--border-radius-max);
  background-color: var(--clr-text-primary);
}
.posts-interview .post--time .time {
  flex: 1;
  padding-inline: 0.8888888889em;
}
.posts-interview .post--deco {
  position: absolute;
  top: 1rem;
  left: 1rem;
  opacity: 0.4;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 47.9375em) {
  .posts-interview .post--deco {
    top: 0.5714285714rem;
    left: 0.5714285714rem;
  }
}

.interview_other {
  background-color: unset !important;
  overflow: hidden;
}

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

    PAGE

############################################################################## */
/* related_page
********************************************** */
.related_page--ttl {
  color: var(--clr-mono-06);
  line-height: 1;
}

.related_page--list {
  position: relative;
  z-index: 1;
}

.related_page--list a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem;
  line-height: var(--line-height-hdr);
}
@media screen and (max-width: 47.9375em) {
  .related_page--list a {
    padding: 1.7142857143rem;
  }
}
.related_page--list a .related_page--ttl_en {
  color: var(--clr-primary-default);
  text-transform: uppercase;
  transition: var(--transit-default);
  font-weight: 600;
}
.related_page--list a .related_page--txtarea {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 47.9375em) {
  .related_page--list a .related_page--ttlarea {
    position: relative;
    padding-left: 4.2857142857rem;
  }
}
.related_page--list a .arrow_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-text-primary);
}
@media print, screen and (min-width: 48em) {
  .related_page--list a .arrow_wrap {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .related_page--list a .arrow_wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 3.4285714286rem !important;
    width: 3.4285714286rem;
    height: 3.4285714286rem;
  }
}
.related_page--list a .more {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5rem;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: fit-content;
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-heading);
  line-height: 1.7;
}
@media screen and (max-width: 47.9375em) {
  .related_page--list a .more {
    right: 0;
    text-indent: -9999px;
  }
}
.related_page--list a .related_page--txt {
  line-height: var(--line-height-default);
}
@media print, screen and (min-width: 48em) {
  .related_page--list a .related_page--txt {
    padding-left: 8.5rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .related_page--list a .related_page--txt {
    padding-top: 0.5714285714rem;
  }
}

/* type-line パッケージなどシンプル
********************************************** */
.related_page--list.type-line li {
  border-bottom: 1px solid var(--clr-mono-02);
}

/* type-bg 背景画像がある場合
****************************************************** */
.related_page--bg {
  aspect-ratio: 380/279;
  background-image: var(--bg-img);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: var(--border-radius-primary);
  overflow: clip;
  z-index: 1;
}
@media print, screen and (min-width: 48em) {
  .related_page--bg {
    position: absolute;
    right: 4rem;
    width: 23.75rem;
    opacity: 0;
    filter: blur(1.25rem);
  }
}
@media screen and (max-width: 47.9375em) {
  .related_page--bg {
    width: 100%;
  }
}
.related_page--bg[style="--bg-img:url();"] {
  display: none;
}
@media (hover: hover) {
  .related_page--bg {
    transition: var(--transit-default);
    margin-left: -12.75rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .related_page--bg {
    --bg-img-sp: var(--bg-img);
    background-image: var(--bg-img-sp);
  }
}

.related_page--list.type-bg {
  border-radius: 4rem;
  background: #ecf3ec;
}
@media screen and (max-width: 47.9375em) {
  .related_page--list.type-bg {
    border-radius: 2.2857142857rem;
    padding-block: 1.7142857143rem;
  }
}
.related_page--list.type-bg a {
  flex-direction: row;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 4.5rem 5.9375rem;
}
@media print, screen and (min-width: 48em) {
  .related_page--list.type-bg a {
    align-items: center;
  }
}
@media screen and (max-width: 47.9375em) {
  .related_page--list.type-bg a {
    flex-direction: column;
    gap: 1.1428571429rem;
    padding: 1.1428571429rem 1.7142857143rem;
  }
}
.related_page--list.type-bg a::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--clr-primary-default);
  transition: var(--transit-default);
  opacity: 0;
}
@media print, screen and (min-width: 48em) {
  .related_page--list.type-bg .related_page--txt {
    color: var(--clr-wht);
    transition: var(--transit-default);
    opacity: 0;
    height: 0;
  }
}
@media (hover: hover) {
  .related_page--list.type-bg a:hover {
    padding: 6rem 5.9375rem 6rem 7.5rem;
    color: var(--clr-wht);
  }
  .related_page--list.type-bg a:hover::after {
    scale: 1.075 1.4;
    border-radius: 4rem;
    opacity: 1;
  }
  .related_page--list.type-bg a:hover .related_page--bg {
    margin-left: 0;
  }
  .related_page--list.type-bg a:hover .related_page--ttl_en {
    color: var(--clr-wht);
  }
  .related_page--list.type-bg a:hover .related_page--bg {
    opacity: 1;
    filter: blur(0);
  }
  .related_page--list.type-bg a:hover .related_page--txt {
    opacity: 1;
    height: auto;
  }
}

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

    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;
  justify-content: center;
  align-items: center;
  gap: 1.375rem;
}
@media screen and (max-width: 47.9375em) {
  .wp-pagenavi {
    gap: 1rem;
  }
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi a[rel=prev],
.wp-pagenavi a[rel=next] {
  position: relative;
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 5.125rem;
  height: 5.125rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-text-primary);
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .wp-pagenavi a[rel=prev],
  .wp-pagenavi a[rel=next] {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.wp-pagenavi a[rel=prev]::before,
.wp-pagenavi a[rel=next]::before {
  content: "";
  position: absolute;
  display: block;
  width: 1rem;
  aspect-ratio: 1;
  mask-image: url(../images/common/arrow.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--clr-wht);
}
@media (hover: hover) {
  .wp-pagenavi a[rel=prev]:hover,
  .wp-pagenavi a[rel=next]:hover {
    background-color: var(--clr-primary-default);
  }
}

.wp-pagenavi a[rel=prev]::before {
  transform: rotate(180deg);
}

.wp-pagenavi a:not([rel]),
.wp-pagenavi span:not([rel]):not(.pages):not(.current) {
  position: relative;
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: 5.125rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-wht);
  border: 1px solid var(--clr-text-primary);
  color: var(--clr-text-primary);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .wp-pagenavi a:not([rel]),
  .wp-pagenavi span:not([rel]):not(.pages):not(.current) {
    height: 2.5rem;
    font-size: var(--font-size-txt);
  }
}
@media (hover: hover) {
  .wp-pagenavi a:not([rel]):hover,
  .wp-pagenavi span:not([rel]):not(.pages):not(.current):hover {
    background-color: var(--clr-text-primary);
    color: var(--clr-wht);
  }
}

.wp-pagenavi a:not([rel]) {
  padding-inline: 2.5rem;
}

.wp-pagenavi .current {
  position: relative;
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  width: 5.125rem;
  height: 5.125rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-primary-default);
  color: var(--clr-wht);
  border: 1px solid var(--clr-primary-default);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 47.9375em) {
  .wp-pagenavi .current {
    width: 2.5rem;
    height: 2.5rem;
    font-size: var(--font-size-txt);
  }
}

.wp-pagenavi .first,
.wp-pagenavi .last {
  display: none;
}

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

    interview

############################################################################## */
/* 共通
**************************************** */
.lps_sec-recruit {
  position: relative;
  isolation: isolate;
}
.lps_sec-recruit > .inner {
  position: relative;
  z-index: 1;
}

.interview--item:not(:last-child) {
  margin-bottom: 5.75rem;
}

.interview--item_ttl {
  gap: 1rem;
}
.interview--item_ttl .subtitle {
  font-family: var(--font-en-text);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-heading);
  letter-spacing: 0.03em;
  line-height: 1.6;
}

.interview--img {
  max-width: 60rem;
  aspect-ratio: 3/2;
  margin-inline: auto;
  overflow: clip;
  border-radius: 2rem;
}
.interview--img:not(:last-child) {
  margin-bottom: 5rem;
}

.interview--lead {
  position: relative;
  padding-left: 6.125rem;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading4);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03em;
  line-height: 1.6;
}
.interview--lead::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5.125rem;
  height: calc(0.5lh + 1px);
  border-bottom: 2px solid var(--clr-text-primary);
}

.interview--txt {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-heading);
  letter-spacing: 0.03em;
  line-height: 2;
}

/* interview--working
**************************************** */
.interview--working .bg-ptn_sticky {
  background-color: var(--clr-bg-03);
}

.interview--q_a:not(:last-child) {
  margin-bottom: 5rem;
}

.interview--q_a_ttl {
  display: flex;
  gap: 1rem;
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading3);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03em;
  line-height: 1.6;
}
.interview--q_a_ttl .icon-question {
  display: inline-block;
  height: 100%;
  font-family: var(--font-en-heading);
  font-weight: var(--font-weight-heading);
  color: var(--clr-primary-default);
}

.interview--schedule_scroll {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 8.5rem;
}
.interview--schedule_scroll::-webkit-scrollbar {
  height: 8px;
}
.interview--schedule_scroll::-webkit-scrollbar-track {
  background-color: var(--clr-wht);
}
.interview--schedule_scroll::-webkit-scrollbar-thumb {
  background-color: var(--clr-primary-dark);
  border-radius: 8px;
}

.interview--schedule_wrap {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(25rem + 1rem + 5rem);
  width: fit-content;
  padding-top: 0.5rem;
}

.interview--schedule {
  position: relative;
  padding-top: 2rem;
  padding-left: 1rem;
}
.interview--schedule:not(:last-child) {
  padding-right: 5rem;
}
.interview--schedule::before, .interview--schedule::after {
  content: "";
  position: absolute;
}
.interview--schedule::before {
  top: 0;
  left: 0;
  z-index: 2;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  border-radius: var(--border-radius-max);
  background-color: var(--clr-primary-default);
}
.interview--schedule:not(:last-child)::after {
  top: 0;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: var(--clr-text-secondary);
}

.interview--schedule_ttl {
  font-family: var(--font-en-heading);
  font-size: var(--font-size-heading3);
  font-weight: var(--font-weight-heading);
  line-height: 1.6;
  letter-spacing: normal;
  color: var(--clr-primary-default);
}

.interview--schedule_img {
  border-radius: 0.5rem;
  overflow: clip;
}

.interview--schedule_txt {
  font-family: var(--font-jp-text);
  font-size: var(--font-size-txt-lg);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03em;
  line-height: 1.6;
}

/* interview--private
**************************************** */
.interview--private .bg-ptn_sticky {
  background-color: var(--clr-bg-02);
}

.interview--cont_txt:not(:last-child) {
  margin-bottom: 5rem;
}

/* posts-interview_slide
**************************************** */
.inner-interview_other {
  max-width: 93vw;
  margin-inline-end: 0;
}

.posts-interview_slide {
  position: relative;
}
.posts-interview_slide .splide__track {
  overflow: visible !important;
}
.posts-interview_slide .splide__arrows {
  position: absolute;
  top: 0;
  right: 8.3125rem;
  z-index: 999;
  transform: translateY(calc(-100% + -4.8125rem));
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 1.375rem;
  pointer-events: none;
}
.posts-interview_slide .splide__arrow {
  position: relative;
  all: unset;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: var(--transit-default);
}
.posts-interview_slide .splide__arrow .arrow_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.125rem;
  height: 5.125rem;
  border-radius: var(--border-radius-max);
  background-color: var(--clr-text-primary);
  transition: var(--transit-default);
}
@media screen and (max-width: 47.9375em) {
  .posts-interview_slide .splide__arrow .arrow_wrap {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.posts-interview_slide .splide__arrow .arrow {
  position: relative;
  display: flex !important;
  width: 1rem;
  aspect-ratio: 1;
  overflow: hidden;
}
.posts-interview_slide .splide__arrow .arrow::before, .posts-interview_slide .splide__arrow .arrow::after {
  content: "";
  display: block;
  width: 1rem;
  aspect-ratio: 1;
  mask-image: url(../images/common/arrow.svg);
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--clr-wht);
  transition: all 0.2s ease-out;
}
.posts-interview_slide .splide__arrow .arrow::before {
  margin-left: -100%;
}
@media (hover: hover) {
  .posts-interview_slide .splide__arrow:hover .arrow_wrap {
    background-color: var(--clr-primary-default);
  }
  .posts-interview_slide .splide__arrow:hover .arrow::before {
    margin-left: 0;
  }
}
.posts-interview_slide .splide__arrow--prev .arrow {
  transform: rotate(180deg);
}
.posts-interview_slide .btn-more {
  margin-bottom: 0 !important;
}
.posts-interview_slide .btn-more a {
  display: flex;
  align-items: center;
  gap: 4.5rem;
  padding: 2rem 3rem 2rem 3.5rem;
  font-size: var(--font-size-txt-lg);
  line-height: 1;
  background-color: var(--clr-wht);
  border-radius: var(--border-radius-max);
  border: 1px solid var(--clr-text-primary);
  pointer-events: auto;
}
.posts-interview_slide .btn-more a::after {
  content: "";
  position: relative;
  inset: unset;
  transform: unset;
  display: block;
  width: 1.5rem;
  height: 0.8125rem;
  border-radius: 0;
  background-color: unset;
  border-top: 3px solid var(--clr-text-primary);
  border-bottom: 3px solid var(--clr-text-primary);
}

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

    requirement

############################################################################## */
@media print, screen and (min-width: 48em) {
  .requirement--table th {
    white-space: nowrap;
  }
}

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

    works

############################################################################## */
.works--table {
  width: 100%;
}
.works--table th {
  width: 6.25rem;
}
@media print, screen and (min-width: 48em) {
  .works--table th {
    white-space: nowrap;
  }
}

.slide-works {
  --arrow_w: 60;
}
@media screen and (max-width: 47.9375em) {
  .slide-works {
    --arrow_w: 32;
  }
}
.slide-works {
  height: 80vh;
}
.slide-works .splide__track,
.slide-works .splide__list,
.slide-works .splide__slide {
  height: 100%;
}
.slide-works .splide__slide {
  border-radius: var(--border-radius-primary);
  overflow: clip;
  background-color: var(--clr-bg-02);
}
.slide-works .splide__slide img {
  width: 100% !important;
  height: 100%;
}
.slide-works .splide__arrow {
  all: unset;
  position: absolute;
  top: calc(50% - var(--arrow_w) / 2 * var(--rem-pc));
  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;
}
.slide-works .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) {
  .slide-works .splide__arrow::after {
    width: calc(var(--arrow_w) / 2 * var(--rem-sp));
  }
}
.slide-works .splide__arrow--prev {
  left: -3.75rem;
}
@media screen and (max-width: 47.9375em) {
  .slide-works .splide__arrow--prev {
    left: 0;
  }
}
.slide-works .splide__arrow--prev::after {
  margin-right: -20%;
  border-bottom: 2px solid var(--clr-primary-default);
  border-left: 2px solid var(--clr-primary-default);
}
.slide-works .splide__arrow--next {
  right: -3.75rem;
}
@media screen and (max-width: 47.9375em) {
  .slide-works .splide__arrow--next {
    right: 0;
  }
}
.slide-works .splide__arrow--next::after {
  margin-left: -20%;
  border-top: 2px solid var(--clr-primary-default);
  border-right: 2px solid var(--clr-primary-default);
}
.slide-works .splide__pagination {
  margin-top: 2rem;
  gap: 0.625rem;
}
.slide-works .splide__pagination__page {
  width: 0.5rem;
  padding: 0;
  aspect-ratio: 1;
  border: none;
  border-radius: 50%;
  background-color: var(--clr-primary-default);
}
.slide-works .splide__pagination__page:not(.is-active) {
  opacity: 0.5;
}

/* 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 {
  border-bottom: 1px solid var(--clr-text-secondary);
  padding-block: 0.75em;
}
.sitemap--menu > li > a .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 1em;
  width: 1.25rem;
  height: 1.25rem;
}
@media (hover: hover) {
  .sitemap--menu > li > a:hover .arrow::before, .sitemap--menu > li > a:hover .arrow::after {
    background-color: var(--clr-primary-default);
  }
}

.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--menu .hvr-arrow .arrow::before,
.sitemap--menu .hvr-arrow .arrow::after {
  background-color: var(--clr-primary-default);
}

.sitemap_sub_nav--blc {
  padding-top: 0.5em;
  padding-left: 1em;
}
.sitemap_sub_nav--blc:not(:last-child) {
  margin-bottom: 1em;
}

.sitemap--tax {
  display: flex;
  align-items: center;
  gap: 0.5em;
  text-transform: uppercase;
  padding-block: 0.5em;
}
.sitemap--tax span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  opacity: 0.5;
}
.sitemap--tax span::before {
  content: "";
  display: block;
  width: 1em;
  height: 0;
  border-bottom: 1px solid;
  opacity: 0.5;
}

.sitemap_sub_nav a {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-block: 0.25em;
}
.sitemap_sub_nav a::before {
  content: "";
  flex-shrink: 0;
  inline-size: 0.6875rem;
  margin-block: 0.5lh;
  border-bottom: 2px solid;
  transition: var(--transit-default);
}

.sitemap_sub_nav-tax {
  background-color: var(--clr-wht);
  padding: 1.5rem;
}

.sitemap_sub_nav-tax a {
  padding-block: 0.5em;
}

/* lps_parts--button
********************************************** */
/* lps_parts--column
********************************************** */
.lps_parts--column .column_item,
.lps_parts--column .text {
  display: flex;
  flex-direction: column;
}

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

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

/* 白背景 */
.lps_parts--column .column_item.bg-wht {
  border-radius: var(--border-radius-primary);
}
.lps_parts--column .column_item.bg-wht .img img {
  border-radius: var(--border-radius-primary) var(--border-radius-primary) 0 0;
}

/* 白背景なし */
.lps_parts--column .column_item:not(.bg-wht) .img img {
  border-radius: var(--border-radius-primary);
}

@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 .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;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--cta > .inner {
    width: 90% !important;
    margin-left: auto !important;
  }
}
.lps_parts--cta > .inner {
  box-shadow: var(--box-shadow-default);
  backdrop-filter: var(--backdrop-filter-default);
}
.lps_parts--cta .inner {
  background-color: var(--clr-bg-02);
  border-radius: 0.5rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--cta .cta_contact {
    padding-top: calc(1em + 0.625rem);
  }
}
.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;
  }
}

/* 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--faq
********************************************** */
/* --- 共通 --- */
.lps_parts--faq {
  margin-left: auto;
  margin-right: auto;
}
.lps_parts--faq .ttl {
  margin-bottom: 0 !important;
}
.lps_parts--faq .txt-qst::before {
  content: "Q";
  position: absolute;
  top: 2.5rem;
  left: 0;
  line-height: 1;
  font-family: var(--font-en-heading);
  font-weight: var(--font-weight-heading);
  font-size: var(--font-size-heading3);
  color: var(--clr-primary-default);
}
.lps_parts--faq .txt-ans {
  position: relative;
  padding-left: 3.75rem;
}
.lps_parts--faq .txt-ans::before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  font-size: var(--font-size-heading3);
  font-family: var(--font-en-heading);
  font-weight: var(--font-weight-heading);
  color: var(--clr-secondary-light);
}
.lps_parts--faq .text {
  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-dark);
  background-color: var(--clr-wht);
  border-radius: var(--border-radius-primary);
  overflow: clip;
}
.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 {
  padding-left: 5.5rem;
  background-color: var(--clr-primary-dark);
  color: var(--clr-wht);
}
.lps_parts--faq:not(.faq-toggle) .ttl::before {
  top: 1.75rem;
  left: 1.75rem;
  color: var(--clr-wht);
}

/* --- 開閉式 --- */
.lps_parts--faq.faq-toggle .faq_item {
  --pd-block: 40;
  border-bottom: 1px solid var(--clr-mono-04);
}
@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-inline: 3.75rem 4.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.25rem / 2);
  border-right: 0.25rem solid var(--clr-primary-default);
}
@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;
  display: block;
}
.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.6296296296%;
  }
}
.lps_parts--flow .img {
  border-radius: var(--border-radius-primary);
  overflow: clip;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--flow .img {
    width: 27.7777777778%;
  }
}
@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 var(--clr-primary-default);
  background-color: var(--clr-wht);
}
@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-text-primary);
  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);
  }
}

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

    Loops モジュール

############################################################################## */
.lps_sec {
  position: relative;
}
.lps_sec:nth-child(even) {
  background-color: var(--clr-bg-02);
}

@media print, screen and (min-width: 48em) {
  .main_side .lps_sec:nth-child(even) {
    border-image: linear-gradient(var(--clr-bg-02), var(--clr-bg-02)) fill 0/0/0 100vw 0 100vw;
  }
  .main_side .lps_sec:not(:has(.lps_parts--img_text_sticky)) .inner:not(.inner-sm) {
    width: 100%;
    margin-left: 0;
  }
}
/* 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;
  }
}

.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 .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: 5.3333333333%;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .bg-wht .img_text--txt {
    padding: 1.7142857143rem;
  }
}

@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner:not(.flex-reverse) .img_text--txt {
    padding-left: 5.3333333333%;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner.flex-reverse .img_text--txt {
    padding-right: 5.3333333333%;
  }
}

/* --- L --- */
.lps_parts--img_text .inner-lg {
  border-radius: var(--border-radius-primary);
  overflow: clip;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .inner-lg {
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}
.lps_parts--img_text .inner-lg .img_text--img {
  position: absolute;
  top: 0;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner-lg .img_text--img {
    height: 100%;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .inner-lg .img_text--img {
    position: relative;
  }
}
.lps_parts--img_text .inner-lg:not(.flex-reverse) .img_text--img {
  left: 0;
}
.lps_parts--img_text .inner-lg.flex-reverse .img_text--img {
  right: 0;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner-lg .img_text--txt {
    min-height: 37.9775rem;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .inner-lg .img_text--txt {
    width: 87.6923076923% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
.lps_parts--img_text .inner-lg:not(.flex-reverse) .img_text--txt {
  margin-left: auto;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner-lg:not(.flex-reverse) .img_text--txt {
    padding-left: 5.4945054945%;
  }
}
.lps_parts--img_text .inner-lg.flex-reverse .img_text--txt {
  margin-right: auto;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text .inner-lg.flex-reverse .img_text--txt {
    padding-right: 5.4945054945%;
  }
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .inner-lg.bg-wht .img_text--txt {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2.8571428571rem;
  }
}

/* 白背景 */
.lps_parts--img_text .lps_parts--child.bg-wht:not(.inner-lg) {
  border-radius: var(--border-radius-primary);
}
.lps_parts--img_text .lps_parts--child.bg-wht:not(.inner-lg) .img_text--img img {
  border-radius: var(--border-radius-primary) 0 0 var(--border-radius-primary);
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text .lps_parts--child.bg-wht:not(.inner-lg) .img_text--img img {
    border-radius: var(--border-radius-primary);
  }
}
@media screen and (min-width: 48em) {
  .lps_parts--img_text .lps_parts--child.bg-wht:not(.inner-lg).flex-reverse .img_text--img img {
    border-radius: 0 var(--border-radius-primary) var(--border-radius-primary) 0;
  }
}

/* 白背景なし */
.lps_parts--img_text .lps_parts--child:not(.bg-wht) .img_text--img img {
  border-radius: var(--border-radius-primary);
}

/* レイアウトL
   ※Lも全部角丸にしたかったら削除！ */
.lps_parts--img_text .lps_parts--child.inner-lg .img_text--img img {
  border-radius: var(--border-radius-primary) 0 0 var(--border-radius-primary);
}

.lps_parts--img_text .lps_parts--child.inner-lg.flex-reverse .img_text--img img {
  border-radius: 0 var(--border-radius-primary) var(--border-radius-primary) 0;
}

@media screen and (min-width: 48em) {
  .lps_parts--img_text .lps_parts--child.inner-lg:where(:not(.bg-wht)) .img_text--img img {
    border-radius: var(--border-radius-primary);
  }
  .lps_parts--img_text .lps_parts--child.inner-lg:where(:not(.bg-wht)).flex-reverse .img_text--img img {
    border-radius: var(--border-radius-primary);
  }
}
@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;
  }
}
/* lps_parts--img_text_sticky
********************************************** */
.lps_sec:has(.lps_parts--img_text_sticky) {
  background-color: var(--clr-wht);
}
.lps_sec:has(.lps_parts--img_text_sticky):first-child:has(.lps_sec--top_img_wrap) {
  padding-top: 0;
}

@media print, screen and (min-width: 67.5625em) {
  .main_side .lps_sec:has(.lps_parts--img_text_sticky) {
    width: 100vw;
    margin-left: -32.5rem;
  }
}

.lps_parts--img_text_sticky .lps_sec--top_img_wrap {
  position: relative;
}
.lps_parts--img_text_sticky .lps_sec--top_img {
  aspect-ratio: 1920/963;
}
.lps_parts--img_text_sticky .img_text_sticky--loop {
  position: absolute;
  bottom: -4.125rem;
  color: var(--clr-text-light);
  font-size: 9.375rem;
  font-weight: var(--font-weight-heading);
  line-height: 1.6;
}
.lps_parts--img_text_sticky .ttl-01 span:not(.subtitle)::first-letter {
  color: var(--clr-text-primary) !important;
}
.lps_parts--img_text_sticky .lps_parts--child {
  display: flex;
  align-items: flex-start;
  gap: 11.75rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--img_text_sticky .lps_parts--child {
    flex-direction: column;
    gap: 2.8571428571rem;
  }
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text_sticky .img_text_sticky--img {
    position: sticky;
    top: calc(5rem + 4.5rem);
    width: 23rem;
  }
}
.lps_parts--img_text_sticky .img_text_sticky--img .img {
  width: 100%;
  aspect-ratio: 348/547;
}
.lps_parts--img_text_sticky .img_text_sticky--txt {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  flex: 1;
}
@media print, screen and (min-width: 48em) {
  .lps_parts--img_text_sticky .img_text_sticky--txt {
    font-size: max(16px, 1.125rem);
    line-height: 2;
  }
}
.lps_parts--img_text_sticky .img_text_sticky--txt .text {
  margin-bottom: 0;
}
.lps_parts--img_text_sticky .img_text_sticky--txt .ttl-02 {
  flex-direction: column-reverse;
  padding-left: 0;
}
.lps_parts--img_text_sticky .img_text_sticky--txt .ttl-02::before {
  display: none;
}
.lps_parts--img_text_sticky .img_text_sticky--txt p[style="text-align: right;"]:last-child {
  margin-top: 2.6666666667em;
}

/* 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:nth-child(even) .lps_parts--slide .text:only-child,
.lps_sec:nth-child(even) .lps_parts--slide.slide-fit .splide__track {
  background-color: var(--clr-wht);
}

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

    lps_sec--btm_img

############################################################################## */
/* lps_sec--btm_img
********************************************** */
.lps_sec--btm_img_wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  z-index: 1;
}

@media print, screen and (min-width: 67.5625em) {
  .main_side .lps_sec--btm_img_wrap {
    margin-left: -32.5rem;
  }
}

.lps_sec--btm_img {
  width: calc(var(--inner-lg) * var(--rem-pc));
  height: 45rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (max-width: 47.9375em) {
  .lps_sec--btm_img {
    height: 25.7142857143rem;
  }
}
.lps_sec--btm_img img {
  width: 100%;
  aspect-ratio: 1600/720;
}

.lps_sec:has(.lps_sec--btm_img_wrap:last-child) {
  padding-bottom: 0;
}
.lps_sec:has(.lps_sec--btm_img_wrap:last-child) + .lps_sec {
  margin-top: -22.5rem;
  padding-top: calc(22.5rem + var(--section_pdg-md) * var(--rem-pc));
}
@media screen and (max-width: 47.9375em) {
  .lps_sec:has(.lps_sec--btm_img_wrap:last-child) + .lps_sec {
    margin-top: -12.8571428571rem;
    padding-top: calc(12.8571428571rem + var(--section_pdg-md-sp) * var(--rem-sp));
  }
}

/* lps_parts--voice
********************************************** */
.lps_parts--voice {
  margin-top: 5rem;
}
@media screen and (max-width: 47.9375em) {
  .lps_parts--voice {
    margin-top: 2.8571428571rem;
  }
}
.lps_parts--voice .lps_parts--child {
  display: flex;
  gap: 1.5rem;
}
.lps_parts--voice .lps_parts--child::-webkit-scrollbar {
  height: 0.5rem;
}
.lps_parts--voice .lps_parts--child::-webkit-scrollbar-track {
  background: var(--clr-text-light);
  border-radius: var(--border-radius-max);
  border: 0.125rem solid transparent;
  background-clip: padding-box;
}
.lps_parts--voice .lps_parts--child::-webkit-scrollbar-thumb {
  background: var(--clr-primary-dark);
  border-radius: var(--border-radius-max);
}
.lps_parts--voice {
  /* .voice_itemが3個以上なら横スクロール */
}
.lps_parts--voice .lps_parts--child:has(.voice_item:nth-child(3)) {
  overflow: auto;
  padding-bottom: 5rem;
}
.lps_parts--voice .voice_item {
  position: relative;
  padding: 2.5rem;
  border-radius: var(--border-radius-primary);
  background: var(--clr-mono-01);
  min-width: 36.375rem;
}
.lps_parts--voice .img {
  width: 5.625rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  border-radius: var(--border-radius-max);
  overflow: hidden;
}
.lps_parts--voice .voice_item:has(.ttl-03) .img {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
}
.lps_parts--voice .ttl-03 {
  display: flex;
  justify-content: center;
  color: var(--clr-blk);
  font-size: var(--font-size-heading6);
  font-weight: var(--font-weight-heading);
  line-height: 2;
  min-height: 5.625rem;
  padding-right: 6.625rem;
}
.lps_parts--voice .ttl-03:not(:last-child) {
  margin-bottom: 1rem;
}

.lps_parts--number .number_item {
  padding: 2.5rem;
  background-color: var(--clr-wht);
  border-radius: 1rem;
}

.lps_parts--number .number_item--ttl {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  font-family: var(--font-jp-text);
  font-size: max(16px, 1.125rem);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03em;
  line-height: 1.6;
  color: var(--clr-text-light);
  background-color: var(--clr-text-primary);
  border-radius: var(--border-radius-max);
}
.lps_parts--number .number_item--ttl::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--clr-primary-default);
}
.lps_parts--number .number_item--img {
  width: 12.5rem;
  height: 12.5rem;
}
.lps_parts--number .number_item--num span {
  font-family: var(--font-en-heading);
  font-size: 7.5rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: normal;
  color: var(--clr-primary-default);
}
.lps_parts--number .number_item--num span.text {
  font-family: var(--font-jp-heading);
  font-size: var(--font-size-heading3);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03em;
}
.lps_parts--number .number_item--text {
  font-family: var(--font-jp-text);
  font-weight: var(--font-weight-heading);
  line-height: 1.6;
  color: var(--clr-blk);
}
.lps_parts--number .number_item--text p {
  letter-spacing: 0.03em;
}

@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 */