@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap";
:root {
  --color-gray-300: #f3f3f3;
  --color-gray-500: #707070;
  --color-gray-key: var(--color-gray-500);
  --color-blue-500: #b0d4f4;
  --color-blue-key: var(--color-blue-500);
  --color-green-500: #cae08f;
  --color-green-key: var(--color-green-500);
  --color-pale-500: #ffe19e;
  --color-pale-key: var(--color-pale-500);
  --color-yellow-500: #ffc13d;
  --color-yellow-key: var(--color-yellow-500);
  --color-orange-500: #ff6600;
  --color-orange-key: var(--color-orange-500);
  --color-red-500: #cf122e;
  --color-red-key: var(--color-red-500);
  --color-pink-500: #ffcdd3;
  --color-pink-key: var(--color-pink-500);
  --color-trueblack: #000;
  --color-truewhite: #fff;
  --color-black: #000;
  --color-white: #fff;
  --color-font-w: var(--color-white);
  --color-font-b: var(--color-black);
  --shadow005: rgb(0 0 0 /0.05);
  --shadow01: rgb(0 0 0 /0.1);
  --shadow016: rgb(0 0 0 /0.16);
  --shadow02: rgb(0 0 0 /0.2);
  --shadow025: rgb(0 0 0 /0.25);
  --shadow03: rgb(0 0 0 /0.3);
  --shadow07: rgb(0 0 0 /0.7);
  --shadow08: rgb(0 0 0 /0.8);
}

:root {
  --frem: 0.0625rem;
  --fpx: 1px;
  --vpx: 1px;
  --funit: 0.1rem;
  --vunit: 1px;
  --lunit: 1cqi;
  --spr: 0.6;
  --sspr: 0.75;
  --fspr: 0.575;
  --lhr: 1.5;
  --mq-xs: 375;
  --mq-md: 768;
  --mq-lg: 1024;
  --mq-comp: 1500;
  --vws: calc(100 / var(--mq-xs)) * 1dvi;
  --vwm: calc(100 / var(--mq-md)) * 1dvi;
  --vwl: calc(100 / var(--mq-lg)) * 1dvi;
  --vwc: calc(100 / var(--mq-comp)) * 1dvi;
  --vwms: min(var(--vws), var(--fpx));
  --vwmc: min(var(--vwc), var(--fpx));
  --vw: var(--vwc);
  --100dvi: 100dvi;
  --margin-inline-over: calc((100cqi - var(100dvi)) / 2);
  --gutter: calc((var(--100dvi) - 100cqi) / 2);
  --infinity: calc(9999 * 1px);
  --layout-inner-pc: 1280;
  --layout-inner-sp: 100%;
  --layout-inner-margin-pc: 40;
  --layout-inner-margin-sp: 40;
  --layout-inner-margin: var(--layout-inner-margin-pc);
  --fixedcv-height-pc: 90;
  --fixedcv-height-tablet: 60;
  --fixedcv-height-sp: 50;
  --obj-z-fixed-cv: 99;
  --fw-thin: 100;
  --fw-extralight: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: bold;
  --fw-extrabold: 800;
  --fw-black: 900;
  --font-NotoSansJP: "Noto Sans JP";
  --baseFont: var(--font-NotoSansJP), "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --icon-arrow-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="51" height="52" fill="black"><path d="M34.2393 27.985L22.4919 39.7324L25.4812 42.6692L42.2632 25.8872L25.4812 9.10529L22.4919 12.0421L34.2393 23.7895H8.69925V27.985H34.2393Z" fill="black"/></svg>');
  --icon-circle-check: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="black"><circle cx="13" cy="13" r="13"/><path d="M11.566,19.47L6.277,13.51L8.521,11.51L11.635,15.02L18.544,7.71L20.725,9.77L11.566,19.47Z" fill="white"/></svg>');
  --icon-circle-angle-arrow-right: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="black"><circle cx="25" cy="25" r="25"/><path d="M22.432,32.475l-2.121-2.121,5.939-5.939-5.939-5.939,2.121-2.121,8.061,8.061Z" fill="white"/></svg>');
  --icon-circle-angle-arrow-right-w: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="white"><circle cx="25" cy="25" r="25"/><path d="M22.432,32.475l-2.121-2.121,5.939-5.939-5.939-5.939,2.121-2.121,8.061,8.061Z" fill="%23cf122e"/></svg>');
  --icon-circle-angle-arrow-right-m: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="white"><circle cx="13" cy="13" r="12" fill="none" stroke="%23fff" stroke-width="1.5"/><path d="M11 8l5 5-5 5" fill="none" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  --icon-circle-blank-link: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle fill="%23fff" cx="25" cy="25" r="25"/><path fill="none" stroke="%23cf122e" stroke-width="1.5" stroke-linecap="square" stroke-miterlimit="1.5" d="M25.79,20.34h-5.18v9.06h9.06v-5.18M31.39,18.61h-3.37M31.39,21.98v-3.37M25.13,24.87l5.91-5.91"/></svg>');
  --card-s-radius-pc: 30px;
  --card-s-radius-sp: 10px;
  --card-m-radius-pc: 30px;
  --card-m-radius-sp: 18px;
  --btn-hover-opacity: 0.7;
}

@layer reset {}
@layer defaults {
  html {
    scroll-behavior: smooth;
  }

  #app {
    overflow: clip;
    color: var(--color-font-b);
    font-family: Noto Sans JP, sans-serif;
  }

  #app img, video {
    height: auto;
    inline-size: 100%;
    max-inline-size: 100%;
  }

  #app a {
    color: var(--color-font-b);
  }
}
.l-section {
  --_gutter: calc((var(--100dvi) - 100cqi) / 2);
  --_flow: row;
  --_cq-parent-width: var(--layout-inner);
  --_pxcq: calc( 100 / var(--_cq-parent-width) ) * 1cqi;
  container-type: inline-size;
  display: block grid;
  position: relative;
  grid-auto-flow: var(--_flow);
  align-items: center;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  overflow-x: clip;
}

.l-section--fullw {
  justify-content: center;
  inline-size: var(--100dvi);
  margin-inline: calc(var(--gutter) * -1);
}

.l-inner {
  --_gutter: var(--gutter);
  --_cq-parent-width: var(--layout-inner);
  --_cq-parent-calc-width: calc( var(--_cq-parent-width) - var(--_im) );
  --_pxcq: calc( 100 / var(--_cq-parent-calc-width) ) * 1cqi;
  --_flow: row;
  --_iw: calc( var(--_lwi) + var(--_im) );
  --_u-im: calc( (var(--_im) / 2) * var(--vunit) );
  --_u-iw: calc( var(--_iw) * var(--vunit) );
  container-type: inline-size;
  box-sizing: border-box;
  display: block grid;
  position: relative;
  grid-template-columns: 1fr;
  grid-auto-flow: var(--_flow);
  inline-size: 100%;
  max-inline-size: var(--_u-iw, unset);
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
  padding-inline: var(--_u-im);
  transform: translateZ(0);
}

.l-inner--fullw {
  justify-content: center;
  inline-size: var(--100dvi);
  margin-inline: calc(var(--gutter) * -1);
}

.l-grid {
  --_gutter: calc((var(--100dvi) - 100cqi) / 2);
  --_flow: row;
  --_columns: 1fr;
  --_cq-parent-width: var(--layout-inner);
  --_pxcq: calc(100 / var(--_cq-parent-width)) * 1cqi;
  display: block grid;
  position: relative;
  grid-template-columns: var(--_columns);
  grid-auto-flow: var(--_flow);
  align-items: center;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.l-grid-card {
  --_flow: row;
  grid-template-rows: auto;
}
.l-grid-card > * {
  grid-area: span 1;
}

.l-flex {
  --_gutter: calc((var(--100dvi) - 100cqi) / 2);
  --_flow: row;
  --_flex: 1 1 auto;
  display: block flex;
  position: relative;
  flex: var(--_flex);
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

[class*=l-btn] {
  --_flow: row;
  --_columns: 1fr;
  display: block grid;
  position: relative;
  grid-template-columns: var(--_columns);
  grid-auto-flow: var(--_flow);
  align-items: center;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.l-btn--center {
  justify-content: center;
  justify-items: center;
}

.l-background {
  display: block grid;
  z-index: -1;
  position: absolute;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  inline-size: 100%;
  block-size: 100%;
  overflow: clip;
  pointer-events: none;
}
.l-background[data-color-bg] {
  background-color: var(--_color-bg);
}
.l-background[data-color-bg=white] {
  --_color-bg: var(--color-white );
}
.l-background[data-color-bg=lightgray] {
  --_color-bg: var(--color-gray-300 );
}
.l-background[data-color-bg=orange] {
  --_color-bg: var(--color-orange-key );
}
.l-background[data-color-bg=yellow] {
  --_color-bg: var(--color-yellow-key );
}
.l-background[data-color-bg=red] {
  --_color-bg: var(--color-red-key );
}

.l-background__content {
  position: relative;
  inline-size: auto;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.l-background__box {
  inline-size: 100%;
  block-size: 100%;
}

.c-btn-circle {
  --_ls: 16;
  --_ls-pc: 16;
  --_ls-sp: 0;
  --_fw: var( --fw-semibold );
  --_fs-pc: 16;
  --_fs-sp: 16;
  --_lh-pc: 18;
  --_lh-sp: 18;
  --_size-pc: 48;
  --_size-sp: 48;
  --_icon-x: 0;
  --_icon-y: 0;
  --_col-font: var(--color-font-b);
  --_col-bg: transparent;
  --_col-border: var(--color-gray-500);
  --_border-w: 2px;
  --_n_col-icon: var(--_fcol );
  --_h_col-font: var(--color-font-w);
  --_h_col-bg: var(--color-green-500);
  --_h_col-border: var(--color-green-500);
  --_h_col-icon: var(--color-font-w );
  --_col-icon: var(--_n_col-icon );
  box-sizing: border-box;
  display: block grid;
  z-index: 0;
  position: relative;
  grid-template-columns: auto;
  place-content: center;
  place-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-inline-size: min(var(--_size) * var(--unit), var(--_size) * var(--pxr));
  min-block-size: min(var(--_size) * var(--unit), var(--_size) * var(--pxr));
  margin-inline: auto;
  transform: translateZ(0px);
  border: var(--_border-w) solid var(--_col-border);
  border-radius: var(--infinity);
  background-color: var(--_col-bg);
  color: var(--_col-font);
  font-weight: var(--_fw);
  font-size: calc(var(--_fs) * var(--funit));
  line-height: calc(var(--_lh) * var(--funit));
  letter-spacing: calc(var(--_ls) / 100 * 0.625rem);
  text-align: center;
  text-decoration: unset;
  white-space: nowrap;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s;
}
.c-btn-circle:focus-visible {
  --_icon-x: 2;
  opacity: 0.8;
}

.c-btn-circle [class^=c-icon] {
  --_icon-col: var(--_n_col-icon);
  --_x: var( --_icon-x, 0);
  --_y: var( --_icon-y, 0);
  translate: calc(var(--_x) * var(--unit)) calc(var(--_y) * var(--unit));
}

.c-btn-circle[data-color=white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
  --_col-border: unset;
  --_n_col-icon: var(--color-font-b);
  --_h_col-font: var(--color-font-w);
  --_h_col-bg: var(--color-green-500);
  --_h_col-border: var(--color-green-500);
  --_h_col-icon: var(--color-font-w );
}

.c-btn-circle[data-color=gray] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-gray-200);
  --_col-border: unset;
  --_n_col-icon: var(--color-font-b);
  --_h_col-font: var(--color-font-w);
  --_h_col-bg: var(--color-green-500);
  --_h_col-border: var(--color-green-500);
  --_h_col-icon: var(--color-font-w );
}

.c-btn-circle[data-color=black] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-black);
  --_col-border: var(--color-gray-500);
  --_n_col-icon: var(--color-font-w);
}

.c-btn-circle[data-color=green] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-green-500);
  --_col-border: var(--color-green-500);
  --_n_col-icon: var(--color-font-w);
  --_h_col-font: var(--color-font-b );
  --_h_col-bg: var(--color-white );
  --_h_col-border: var(--color-gray-500 );
  --_h_col-icon: var(--color-font-b );
}

#app .c-btn-rounded {
  --_ls-pc: -10;
  --_ls-sp: 0;
  --_ls: var(--_ls-pc);
  --_fw: var( --fw-semibold );
  --_fs-pc: 16;
  --_fs-sp: 16;
  --_lh-pc: 18;
  --_lh-sp: 18;
  --_width-pc: 220;
  --_width-sp: 190;
  --_height-pc: 50;
  --_height-sp: 50;
  --_icon-x: 0;
  --_col-font: var(--color-font-b);
  --_col-bg: transparent;
  --_col-border: var(--color-gray-500, transparent);
  --_border-w: 1px;
  --_n_col-icon: var(--color-font-b );
  --_col-icon: var(--_n_col-icon );
  box-sizing: border-box;
  display: block grid;
  z-index: 0;
  position: relative;
  grid-template-columns: auto;
  place-content: center;
  align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  min-inline-size: calc(var(--_width) * var(--funit));
  min-block-size: calc(var(--_height) * var(--funit));
  margin-inline: auto;
  overflow-x: clip;
  transform: translateZ(0);
  border: var(--_border-w) solid var(--_col-border);
  border-radius: var(--infinity);
  background-color: var(--_col-bg);
  color: var(--_col-font);
  font-weight: var(--_fw);
  font-size: clamp(0rem, var(--_fs) * var(--funit), var(--_fs) * var(--vunit));
  line-height: min(var(--_lh) * var(--funit), var(--_lh) * var(--vunit));
  letter-spacing: calc(var(--_ls) / 100 * 0.625rem);
  text-align: center;
  text-decoration: unset;
  white-space: nowrap;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s;
}
#app .c-btn-rounded:focus-visible {
  opacity: 0.8;
}
#app .c-btn-rounded:has([class^=c-icon]) {
  --_width-pc: 349;
  --_width-sp: 200;
  --_height-pc: 60;
  --_height-sp: 50;
  --_fs-pc: 20;
  --_fs-sp: 16;
  --_ls: 0;
  --_ls-pc: 0;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  margin-inline: 0;
  padding-inline: calc(40 * var(--funit));
}
#app .c-btn-rounded > .txt {
  justify-self: start;
}
#app .c-btn-rounded [class^=c-icon] {
  --_icon-col: var(--_col-icon);
  align-self: center;
  justify-self: end;
  translate: calc(var(--_x) * var(--funit)) 0;
}
#app body:not(.safari) .c-btn-rounded [class^=c-icon] {
  block-size: 1.65lh;
}
#app .c-btn-rounded[data-color=white] {
  --_col-font: var(--color-red-key);
  --_col-bg: var(--color-white);
  --_col-border: transparent;
  --_n_col-icon: var(--color-red-key);
}
#app .c-btn-rounded[data-color=borderless-white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
  --_col-border: transparent;
  --_n_col-icon: var(--color-font-b);
}
#app .c-btn-rounded[data-color=black] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-black);
  --_col-border: transparent;
  --_n_col-icon: var(--color-font-w);
}
#app .c-btn-rounded[data-color=green] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-green-500);
  --_col-border: var(--color-green-500);
  --_n_col-icon: var(--color-font-w);
}
#app .c-btn-rounded[data-color=border-green] {
  --_col-font: var(--color-green-500);
  --_col-bg: var(--color-white);
  --_col-border: var(--color-green-500);
  --_n_col-icon: var(--color-green-500);
}
#app .c-btn-rounded[data-size=header-download] {
  --_width-pc:186 !important;
}

#app [class*=c-btn-box] {
  --_r: 0;
  --_w-pc: 220;
  --_h-pc: 50;
  --_w-sp: 170;
  --_h-sp: 40;
  display: block grid;
  position: relative;
  align-items: center;
  min-inline-size: calc(var(--_w, var(--_w-pc)) * var(--funit));
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  min-block-size: calc(var(--_h, var(--_h-pc)) * var(--funit));
  transform: translateZ(0);
  border-radius: calc(var(--_r) * var(--vunit));
  background-color: var(--_col-bg, var(--color-red-key));
  color: var(--_col-font, var(--color-font-w));
  transition: opacity 0.3s ease;
}
#app [class*=c-btn-box]:focus-visible {
  --_icon-x: 2;
  opacity: var(--btn-hover-opacity);
}
#app [class*=c-btn-box]:has([class^=c-icon]) {
  grid-template-columns: auto auto;
  justify-content: center;
}
#app [class*=c-btn-box]:has([class^=c-icon]) > [class^=c-icon] {
  translate: calc(var(--_icon-x, 0) * var(--funit)) calc(var(--_icon-y, 0) * var(--funit));
  background-color: var(--_col-icon, var(--color-white));
}
#app [class*=c-btn-box]:has(.c-icon--angle-arrow-down):focus-visible {
  --_icon-x: 0;
  --_icon-y: 2;
}
#app [class*=c-btn-box][data-color=white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
}
#app [class*=c-btn-box][data-color=white-red] {
  --_col-font: var(--color-red-key);
  --_col-bg: var(--color-white);
  --_col-icon: var(--color-red-key);
}
#app [class*=c-btn-box][type=Submit] {
  --_w-pc: 400;
  --_h-pc: 60;
  --_w-sp: 200;
  --_h-sp: 50;
}

#app [class*=c-btn-txt] {
  --_r: 0;
  display: block grid;
  position: relative;
  align-items: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  transform: translateZ(0);
  color: var(--_col-font, var(--color-font-b));
  letter-spacing: 0;
  transition: opacity 0.3s ease;
}
#app [class*=c-btn-txt]:focus-visible {
  opacity: var(--btn-hover-opacity);
}
#app [class*=c-btn-txt]:has([class^=c-icon]) {
  grid-template-columns: auto auto;
  justify-content: center;
}
#app [class*=c-btn-txt]:has([class^=c-icon]) > [class^=c-icon] {
  translate: calc(var(--_icon-x, 0) * var(--funit));
}
#app [class*=c-btn-box][data-color=white] {
  --_col-font: var(--color-font-b);
  --_col-bg: var(--color-white);
}
#app [class*=c-btn-box][data-color=white-red] {
  --_col-font: var(--color-red-key);
  --_col-bg: var(--color-white);
  --_col-icon: var(--color-red-key);
}

[class^=c-icon--] {
  --_icon-col: var(--color-black);
  --_itx: 0;
  --_ity: 0;
  --_u-itx: calc(var(--_itx) * var(--funit));
  --_u-ity: calc(var(--_ity) * var(--funit));
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 100%;
  display: inline flow-root;
  position: relative;
  aspect-ratio: var(--_iw)/var(--_ih);
  inline-size: calc(var(--_iw) * var(--funit));
  block-size: calc(var(--_ih) * var(--funit));
  min-block-size: calc(var(--_ih) * var(--funit));
  transform: translateZ(0);
  translate: var(--_u-itx) var(--_u-ity);
  background-color: var(--_icon-col);
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: 100%;
  transition: opacity 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s, translate 0.3s;
}

.c-icon--arrow-left {
  --_iw-pc: 51;
  --_ih-pc: 52;
  -webkit-mask-image: var(--icon-arrow-left);
          mask-image: var(--icon-arrow-left);
}

.c-icon--arrow-right {
  --_iw-pc: 51;
  --_ih-pc: 52;
  --_iw-sp: 51;
  --_ih-sp: 52;
  -webkit-mask-image: var(--icon-arrow-right);
          mask-image: var(--icon-arrow-right);
}

.c-icon--angle-arrow-right {
  --_aw: calc(var(--_tickness) * var(--frem));
  --_as: calc(var(--_size) * var(--frem));
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  inline-size: var(--_as);
  block-size: var(--_as);
  rotate: 45deg;
  background-color: var(--color-gray-300, var(--color-white));
          clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
}

.c-icon--angle-arrow-up {
  --_iw-pc: 20;
  --_ih-pc: 12;
  -webkit-mask-image: var(--icon-angle-arrow-up);
          mask-image: var(--icon-angle-arrow-up);
}

.c-icon--circle-angle-arrow-right {
  --_iw-pc: 26;
  --_ih-pc: 26;
  --_iw-sp: 16;
  --_ih-sp: 16;
  -webkit-mask-image: var(--icon-circle-angle-arrow-right-m);
          mask-image: var(--icon-circle-angle-arrow-right-m);
}

.c-icon--angle-arrow-down {
  --_iw-pc: 26;
  --_ih-pc: 26;
  --_iw-sp: 16;
  --_ih-sp: 16;
  -webkit-mask-image: var(--icon-circle-angle-arrow-right-m);
  transform: rotate(90deg);
          mask-image: var(--icon-circle-angle-arrow-right-m);
}

[class^=c-icon-img--] {
  --_itx: 0;
  --_ity: 0;
  --_u-itx: calc(var(--_itx) * var(--funit));
  --_u-ity: calc(var(--_ity) * var(--funit));
  display: inline flow-root;
  position: relative;
  aspect-ratio: var(--_iw)/var(--_ih);
  inline-size: calc(var(--_iw) * var(--funit));
  block-size: calc(var(--_ih) * var(--funit));
  transform: translateZ(0);
  translate: var(--_u-itx) var(--_u-ity);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: opacity 0.3s, box-shadow 0.3s, translate 0.3s;
}

.c-icon-img--map-pointer {
  --_iw-pc: 48;
  --_ih-pc: 61;
  background-image: var(--icon-map-pointer);
}

.c-icon-img--circle-check {
  --_iw-pc: 26;
  --_ih-pc: 26;
  --_iw-sp: 16;
  --_ih-sp: 16;
  background-image: var(--icon-circle-check);
}

.c-icon-img--circle-angle-arrow-right {
  --_iw-pc: 50;
  --_ih-pc: 50;
  --_iw-sp: 40;
  --_ih-sp: 40;
  background-image: var(--icon-circle-angle-arrow-right);
}

.c-icon-img--circle-angle-arrow-right-w {
  --_iw-pc: 50;
  --_ih-pc: 50;
  --_iw-sp: 40;
  --_ih-sp: 40;
  background-image: var(--icon-circle-angle-arrow-right-w);
}

.c-icon-img--circle-blank-link {
  --_iw-pc: 50;
  --_ih-pc: 50;
  --_iw-sp: 40;
  --_ih-sp: 40;
  background-image: var(--icon-circle-blank-link);
}

#app .c-link {
  transition: color 0.3s, opacity 0.3s;
}
#app .c-link:focus-visible {
  opacity: var(--btn-hover-opacity);
}

#app .c-link-txt {
  --_txt-color-normal: var(--color-font-b);
  --_txt-color-hover: var(--color-green-key);
  --_txt-color: var(--_txt-color-normal);
  color: var(--_txt-color);
  vertical-align: middle;
  transition: color 0.3s, opacity 0.3s;
}
#app .c-link-txt:focus-visible {
  opacity: var(--btn-hover-opacity);
}

.c-link-txt--arrow {
  --_col-icon: var(--color-black);
  position: relative;
  transition: opacity 0.3s;
}
.c-link-txt--arrow:focus-visible {
  opacity: 0.8;
}
.c-link-txt--arrow:focus-visible:after {
  --_ix: 2;
}

.c-link-txt--arrow::after {
  --_iy: 0.2rem;
  -webkit-margin-start: 0.5rem;
  -webkit-mask-image: var(--icon-angle-arrow-right);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  display: inline grid;
  aspect-ratio: 7/12;
  inline-size: 0.4375rem;
  min-inline-size: 0.4375rem;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
          margin-inline-start: 0.5rem;
  translate: calc(var(--_ix, 0) * var(--unit)) var(--_iy, 0);
  background-color: var(--_col-icon);
  content: "";
          mask-image: var(--icon-angle-arrow-right);
          mask-repeat: no-repeat;
          mask-size: 100%;
  transition: translate 0.3s, -webkit-margin-start 0.3s;
  transition: translate 0.3s, margin-inline-start 0.3s;
  transition: translate 0.3s, margin-inline-start 0.3s, -webkit-margin-start 0.3s;
}

.c-link-txt--arrow [class^=c-icon] {
  --_icon-col: var(--_c_col-icon);
  --_x: var( --_icon-x);
  translate: calc(var(--_x) * var(--unit)) 0;
}

.c-link-txt--arrow[data-color=white] {
  --_col-icon: var(--color-font-w);
}
.c-link-txt--arrow[data-color=black] {
  --_col-icon: var(--color-font-b);
}

#app .c-list--indent {
  display: block flex;
  row-gap: var(--_gap, 12px);
  flex-direction: column;
  margin: unset;
  padding: unset;
}
#app .c-list--indent > li {
  -webkit-padding-start: var(--_padding, 2em);
  -webkit-margin-start: var(--_margin, 0em);
  margin: unset;
          margin-inline-start: var(--_margin, 0em);
  padding: unset;
          padding-inline-start: var(--_padding, 2em);
  list-style-type: none;
  text-indent: calc(var(--_padding, 2em) * -1);
}
#app .c-list--indent[data-indent="1"], #app .c-list--indent[data-indent="1.0"] {
  --_padding: 1em;
}
#app .c-list--indent[data-indent="2"] {
  --_padding: 2em;
}
#app .c-list--indent[data-type="*"] {
  --_padding: 1em;
}
#app .c-list--indent[data-type=bullet] {
  --_padding: 0.0em;
  --_margin: 1.6em;
}
#app .c-list--indent[data-type=bullet] li {
  --_size: 0.50em;
  position: relative;
}
#app .c-list--indent[data-type=bullet] li:before {
  position: absolute;
  inline-size: var(--_size);
  block-size: var(--_size);
  inset-block-start: 0.4em;
  inset-inline-start: -1.6em;
  translate: 50% 50%;
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}
#app .c-list--indent[data-type=circle-check] {
  --_padding: 0.0em;
}
#app .c-list--indent[data-type=circle-check] li {
  position: relative;
}
#app .c-list--indent[data-type=circle-check] li:before {
  position: absolute;
  inline-size: calc(var(--_size) * var(--funit));
  block-size: calc(var(--_size) * var(--funit));
  translate: 50% 50%;
  background-image: var(--icon-circle-check);
  background-size: contain;
  content: "";
}
#app .c-list--count {
  counter-reset: number 0;
}
#app .c-list--count[data-char=")"] {
  --_char: ")";
  --_padding: 1.5em;
}
#app .c-list--count > li {
  -webkit-margin-start: var(--_padding, 1.2em);
          margin-inline-start: var(--_padding, 1.2em);
  text-indent: calc(var(--_padding, 1.2em) * -1);
  counter-increment: number 1;
}
#app .c-list--count > li:before {
  content: counter(number) var(--_char, ".") " ";
}

[class*=c-pic] {
  display: block flow;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
[class*=c-pic] img {
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

.c-pic img {
  -o-object-fit: contain;
     object-fit: contain;
}

.c-pic--cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.c-tag--req {
  --_min-height-pc: 23;
  --_padding-inline-sp: 6;
  --_padding-inline-pc: 6;
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-orange-500);
  display: block grid;
  align-content: center;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  min-block-size: calc(var(--_min-height-pc) * var(--unit));
  padding-inline: calc(var(--_padding-inline-pc) * var(--unit));
  border-radius: 0.375rem;
  background-color: var(--_bgcol);
  color: var(--_fcol);
  font-weight: var(--fw-light);
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.c-tag--req:before {
  content: "必須";
}
.c-tag--req[data-color=blackblue] {
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-blue-650);
}
.c-tag--req[data-color=black] {
  --_fcol: var(--color-font-w);
  --_bgcol: var(--color-black);
}

.c-tag-circle {
  --_ls-pc: 0;
  --_ls-sp: 0;
  --_fw: var( --fw-bold );
  --_fs-pc: 20;
  --_fs-sp: 12;
  --_lh-pc: 29;
  --_lh-sp: 18;
  --_size-pc: 120;
  --_size-sp: 80;
  --_icon-x: 0;
  --_icon-y: 0;
  --_c_font: var(--color-font-w);
  --_c_bg: var(--color-red-key, transparent);
  --_c_border: transparent;
  --_border-w: vpx(2);
  box-sizing: border-box;
  display: block grid;
  z-index: 0;
  position: relative;
  grid-template-columns: auto;
  place-content: center;
  place-items: center;
  aspect-ratio: 1;
  min-inline-size: calc(var(--_size) * var(--vunit));
  min-block-size: calc(var(--_size) * var(--vunit));
  overflow-x: clip;
  transform: translateZ(0px);
  border: var(--_border-w) solid var(--_c_border);
  border-radius: var(--infinity);
  background-color: var(--_c_bg);
  color: var(--_c_font);
  font-weight: var(--_fw);
  font-size: clamp(0.1rem, var(--_fs) * var(--funit), var(--_fs) * var(--funit));
  line-height: min(var(--_lh) * var(--funit), var(--_lh) * var(--funit));
  letter-spacing: calc(var(--_ls) / 100 * 0.625rem);
  text-align: center;
  text-decoration: unset;
  white-space: nowrap;
  transition: opacity 0.3s, color 0.3s, background-color 0.3s, translate 0.3s, filter 0.3s;
}

.c-tag-circle [class^=c-icon] {
  --_icon-col: var(--_c_icon);
  --_x: var( --_icon-x);
  --_y: var( --_icon-y);
  translate: calc(var(--_x) * var(--unit)) calc(var(--_y) * var(--unit));
}

.c-tag-circle[data-color=white] {
  --_c_font: var(--color-font-b);
  --_c_bg: var(--color-white);
  --_c_border: unset;
  --_c_icon: var(--color-font-b);
}
.c-tag-circle[data-color=black] {
  --_c_font: var(--color-font-w);
  --_c_bg: var(--color-black);
  --_c_border: var(--color-gray-500);
  --_c_icon: var(--color-font-w);
}
.c-tag-circle[data-color=green] {
  --_c_font: var(--color-font-w);
  --_c_bg: var(--color-green-500);
  --_c_border: var(--color-green-500);
  --_c_icon: var(--color-font-w);
}

#app [class*=c-ttl--] {
  color: var(--_col-font, var(--color-font-b));
  font-weight: var(--fw-bold);
  font-size: calc(var(--_font-size, 32) * var(--funit));
  line-height: calc(var(--_line-height, 48) / var(--_font-size));
  letter-spacing: calc(var(--_letter-spacing, 0) * var(--funit));
}
#app .c-ttl--s {
  --_font-size-pc: 24;
  --_font-size-sp: 14;
  --_line-height-pc: 35;
  --_line-height-sp: 20;
  --_letter-spacing-pc: 0.0;
  text-align: var(--_text-align, center);
}
#app .c-ttl--section-s {
  --_font-size-pc: 25;
  --_font-size-sp: 14;
  --_line-height-pc: 35;
  --_line-height-sp: 20;
  --_letter-spacing-pc: 0.55;
  text-align: var(--_text-align, center);
}
#app .c-ttl--section-m {
  --_font-size-pc: 30;
  --_font-size-sp: 18;
  --_line-height-pc: 44;
  --_line-height-sp: 26;
  --_letter-spacing-pc: 0.0;
  text-align: var(--_text-align, center);
}
#app .c-ttl--section-40 {
  --_font-size-pc: 40;
  --_font-size-sp: 22;
  --_line-height-pc: 58;
  --_line-height-sp: 32;
  --_letter-spacing-pc: 3.9;
  text-align: var(--_text-align, center);
}
#app .c-ttl--section-l {
  --_font-size-pc: 50;
  --_font-size-sp: 26;
  --_line-height-pc: 73;
  --_line-height-sp: 37;
  --_letter-spacing-pc: 5.0;
  --_letter-spacing-sp: 2.5;
  text-align: var(--_text-align, center);
}

#app [class*=c-txt--] {
  color: var(--_col-font, var(--color-font-b));
  font-weight: var(--_font-weight, var(--fw-regular));
  font-size: calc(var(--_font-size, 32) * var(--funit));
  line-height: calc(var(--_line-height, 48) / var(--_font-size));
  letter-spacing: calc(var(--_letter-spacing, 0) * var(--funit));
}
#app .c-txt--xs {
  --_font-size-pc: 11;
  --_font-size-sp: 11;
  --_line-height-pc: 16;
  --_line-height-sp: 16;
  --_letter-spacing: 0.0;
}
#app .c-txt--s {
  --_font-size-pc: 14;
  --_font-size-sp: 12;
  --_line-height-pc: 20;
  --_line-height-sp: 17;
  --_letter-spacing: 0.0;
}
#app .c-txt--m {
  --_font-size-pc: 30;
  --_font-size-sp: 18;
  --_line-height-pc: 44;
  --_line-height-sp: 26;
  --_letter-spacing: 0.0;
}
#app .c-txt--l {
  --_font-size-pc: 50;
  --_font-size-sp: 26;
  --_line-height-pc: 70;
  --_line-height-sp: 37;
  --_letter-spacing: 1.0;
}
#app .c-txt--list {
  --_font-size-pc: 24;
  --_font-size-sp: 14;
  --_line-height-pc: 35;
  --_line-height-sp: 20;
  --_letter-spacing: 0;
  --_font-weight: var(--fw-bold);
}
#app .c-txt--list-s {
  --_font-size-pc: 14;
  --_font-size-sp: 10;
  --_line-height-pc: 20;
  --_line-height-sp: 15;
  --_letter-spacing: 0;
  --_font-weight: var(--fw-medium);
}
#app .c-txt--btn-m {
  --_font-size-pc: 20;
  --_font-size-sp: 14;
  --_line-height-pc: 29;
  --_line-height-sp: 20;
  --_letter-spacing: 0;
  --_font-weight: var(--fw-bold);
}
#app .c-txt--btn-l {
  --_font-size-pc: 40;
  --_font-size-sp: 22;
  --_line-height-pc: 58;
  --_line-height-sp: 32;
  --_letter-spacing: 3.6;
  --_font-weight: var(--fw-bold);
}

.c-txtdec--box {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  padding-inline: 0.625rem;
  padding-block: 0.5rem;
  background-color: var(--_bgcol, var(--color-blue-800));
  color: var(--_fcol, var(--color-font-w));
}

.c-txtdec--box[data-color=blue] {
  --_bgcol: var(--color-blue-800);
}
.c-txtdec--box[data-color=gold] {
  --_bgcol: var(--color-yellow-500);
}

#app .c-txtdec--serif {
  -webkit-clip-path: var(--_clip, unset);
  inline-size: var(--_inline-size, -webkit-fit-content);
  inline-size: var(--_inline-size, -moz-fit-content);
  inline-size: var(--_inline-size, fit-content);
  margin-inline: auto;
  padding-inline: calc(var(--_padding-x, 10) * var(--vunit));
  padding-block: var(--_c-padding-y, 8px);
  background-color: var(--_col-bg, var(--color-red-key));
  color: var(--_col-font, var(--color-font-w));
          clip-path: var(--_clip, unset);
}
#app .c-txtdec--serif[data-color=red] {
  --_col-font: var(--color-font-w);
  --_col-bg: var(--color-red-key);
}
#app .c-txtdec--serif[data-dir=bottom] {
  --_bgcol: var(--color-red-key);
  --_c-tail-size: calc( var(--_tail-size) / 2 * var(--vunit) );
  --_c-tail-length: calc( var(--_tail-length) * var(--vunit) );
  --_c-padding-y: calc( var(--_padding-y-base) * var(--vunit) ) calc( (var(--_padding-y-base) + var(--_padding-yb-base) + var(--_tail-length)) * var(--vunit) );
  --_clip: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--_c-tail-length) ),
    calc(50% + var(--_c-tail-size) ) calc(100% - var(--_c-tail-length) ),
    50% 100%,
    calc(50% - var(--_c-tail-size) ) calc(100% - var(--_c-tail-length) ),
    0% calc(100% - var(--_c-tail-length) ));
}

.c-txtdec--underline {
  --_marker-height: calc(100% - 34%);
  display: inline;
  position: relative;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  padding-inline: 0.1875rem;
  background: linear-gradient(transparent var(--_marker-height), var(--_bgcol, var(--color-green-key)) var(--_marker-height));
  color: var(--_font-color, var(--color-font-b));
}

.c-txtdec--underline[data-color=blue] {
  --_font-color: var(--color-font-b);
  --_marker-color: var(--color-blue-key);
}
.c-txtdec--underline[data-color=green] {
  --_font-color: var(--color-font-b);
  --_marker-color: var(--color-green-key);
}

#app [class*=u-mt] {
  -webkit-margin-before: calc(var(--_mt) * var(--vunit));
          margin-block-start: calc(var(--_mt) * var(--vunit));
}
#app [class*=u-mte], #app [class*=u-mt-pc], #app [class*=u-mt-sp] {
  -webkit-margin-before: calc(var(--_mt) * var(--vunit));
          margin-block-start: calc(var(--_mt) * var(--vunit));
}
#app .u-mte5 {
  --_mt: 5;
}
#app .u-mte10 {
  --_mt: 10;
}
#app .u-mte15 {
  --_mt: 15;
}
#app .u-mte20 {
  --_mt: 20;
}
#app .u-mte25 {
  --_mt: 25;
}
#app .u-mte30 {
  --_mt: 30;
}
#app .u-mte35 {
  --_mt: 35;
}
#app .u-mte40 {
  --_mt: 40;
}
#app .u-mte45 {
  --_mt: 45;
}
#app .u-mte50 {
  --_mt: 50;
}
#app .u-mte55 {
  --_mt: 55;
}
#app .u-mte60 {
  --_mt: 60;
}
#app .u-mte65 {
  --_mt: 65;
}
#app .u-mte70 {
  --_mt: 70;
}
#app .u-mte75 {
  --_mt: 75;
}
#app .u-mte80 {
  --_mt: 80;
}
#app .u-mte85 {
  --_mt: 85;
}
#app .u-mte90 {
  --_mt: 90;
}
#app .u-mte95 {
  --_mt: 95;
}
#app .u-mte100 {
  --_mt: 100;
}
#app [class*=u-mb], #app [class*=u-mbe], #app [class*=u-mb-pc], #app [class*=u-mb-sp] {
  -webkit-margin-after: calc(var(--_mt) * var(--vunit));
          margin-block-end: calc(var(--_mt) * var(--vunit));
}
#app .u-mbe5 {
  --_mb: 5;
}
#app .u-mbe10 {
  --_mb: 10;
}
#app .u-mbe15 {
  --_mb: 15;
}
#app .u-mbe20 {
  --_mb: 20;
}
#app .u-mbe25 {
  --_mb: 25;
}
#app .u-mbe30 {
  --_mb: 30;
}
#app .u-mbe35 {
  --_mb: 35;
}
#app .u-mbe40 {
  --_mb: 40;
}
#app .u-mbe45 {
  --_mb: 45;
}
#app .u-mbe50 {
  --_mb: 50;
}
#app .u-mbe55 {
  --_mb: 55;
}
#app .u-mbe60 {
  --_mb: 60;
}
#app .u-mbe65 {
  --_mb: 65;
}
#app .u-mbe70 {
  --_mb: 70;
}
#app .u-mbe75 {
  --_mb: 75;
}
#app .u-mbe80 {
  --_mb: 80;
}
#app .u-mbe85 {
  --_mb: 85;
}
#app .u-mbe90 {
  --_mb: 90;
}
#app .u-mbe95 {
  --_mb: 95;
}
#app .u-mbe100 {
  --_mb: 100;
}

[class*=u-pt], [class*=u-pte], [class*=u-pt-pc], [class*=u-pt-sp] {
  -webkit-padding-before: calc(var(--_pt) * var(--vunit));
          padding-block-start: calc(var(--_pt) * var(--vunit));
}

.u-pte5 {
  --_pt: 5;
}

.u-pte10 {
  --_pt: 10;
}

.u-pte15 {
  --_pt: 15;
}

.u-pte20 {
  --_pt: 20;
}

.u-pte25 {
  --_pt: 25;
}

.u-pte30 {
  --_pt: 30;
}

.u-pte35 {
  --_pt: 35;
}

.u-pte40 {
  --_pt: 40;
}

.u-pte45 {
  --_pt: 45;
}

.u-pte50 {
  --_pt: 50;
}

.u-pte55 {
  --_pt: 55;
}

.u-pte60 {
  --_pt: 60;
}

.u-pte65 {
  --_pt: 65;
}

.u-pte70 {
  --_pt: 70;
}

.u-pte75 {
  --_pt: 75;
}

.u-pte80 {
  --_pt: 80;
}

.u-pte85 {
  --_pt: 85;
}

.u-pte90 {
  --_pt: 90;
}

.u-pte95 {
  --_pt: 95;
}

.u-pte100 {
  --_pt: 100;
}

[class*=u-pb], [class*=u-pbe], [class*=u-pb-pc], [class*=u-pb-sp] {
  -webkit-padding-after: calc(var(--_pb) * var(--vunit));
          padding-block-end: calc(var(--_pb) * var(--vunit));
}

.u-pbe5 {
  --_pb: 5;
}

.u-pbe10 {
  --_pb: 10;
}

.u-pbe15 {
  --_pb: 15;
}

.u-pbe20 {
  --_pb: 20;
}

.u-pbe25 {
  --_pb: 25;
}

.u-pbe30 {
  --_pb: 30;
}

.u-pbe35 {
  --_pb: 35;
}

.u-pbe40 {
  --_pb: 40;
}

.u-pbe45 {
  --_pb: 45;
}

.u-pbe50 {
  --_pb: 50;
}

.u-pbe55 {
  --_pb: 55;
}

.u-pbe60 {
  --_pb: 60;
}

.u-pbe65 {
  --_pb: 65;
}

.u-pbe70 {
  --_pb: 70;
}

.u-pbe75 {
  --_pb: 75;
}

.u-pbe80 {
  --_pb: 80;
}

.u-pbe85 {
  --_pb: 85;
}

.u-pbe90 {
  --_pb: 90;
}

.u-pbe95 {
  --_pb: 95;
}

.u-pbe100 {
  --_pb: 100;
}
.u-sr-only {
  visibility: hidden;
  position: absolute !important;
  block-size: 0;
  margin-block: 0;
  inset-block-start: 0;
}
.u-hidden {
  display: none;
}

.u-font-gotham {
  font-family: Gotham-Bold;
}

.u-col-red {
  color: var(--color-red-key);
}

#app .swiper {
  overflow: unset;
}
#app .swiper-slide {
  transform: none !important;
}
#app .swiper-button-prev,
#app .swiper-button-next {
  display: block grid;
  place-content: center;
  inline-size: 6.4rem;
  block-size: 6.4rem;
  cursor: pointer;
  transition: opacity 0.3s;
}
#app .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
#app .p-slider-wrap > .swiper {
  --_serif-tail-h: 58;
  --_serif-w: 670;
  --_serif-h: 124;
  --_slider-serif-clip-sp: polygon(7% 0%,
      19% var(--_serif-tail-w),
      100% var(--_serif-tail-w),
      95% 100%,
      0% 100%,
      5% var(--_serif-tail-w),
      12% var(--_serif-tail-w));
  position: relative;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
}
#app .p-slider-wrap > .swiper[data-color=green] {
  --_slider-color: var(--color-green-key);
}
#app .p-slider-wrap > .swiper[data-color=blue] {
  --_slider-color: var(--color-blue-key);
}
#app .p-slider-wrap > .swiper[data-color=pink] {
  --_slider-color: var(--color-pink-key);
}
#app .p-slider-wrap .swiper-button-prev,
#app .p-slider-wrap .swiper-button-next {
  display: block grid;
  z-index: 100;
  position: absolute;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--color-font-w);
  cursor: pointer;
  filter: drop-shadow(0 4px 4px var(--shadow02));
  transition: filter 0.3s;
}
#app .p-slider-wrap .swiper-button-prev:focus-visible,
#app .p-slider-wrap .swiper-button-next:focus-visible {
  outline: solid;
}
#app .p-slider-wrap .swiper-button-prev::before,
#app .p-slider-wrap .swiper-button-next::before {
  content: "";
}
#app .p-slider-wrap .swiper-button-prev::before {
  transform: rotate(-135deg);
}
#app .p-slider-wrap .swiper-button-next::before {
  transform: rotate(45deg);
}
#app .p-slider-wrap .swiper-pagination {
  -moz-column-gap: 10px;
  display: block grid;
  grid-auto-flow: column;
       column-gap: 10px;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
#app .p-slider-wrap .swiper-pagination-bullet {
  display: block grid;
  inline-size: 10px;
  block-size: 10px;
  background-color: #ccc;
  cursor: pointer;
}
#app .p-slider-wrap .swiper-pagination-bullet:focus-visible {
  outline: solid;
}
#app .p-slider-wrap .swiper-pagination-bullet-active {
  background-color: var(--_slider-color);
  opacity: 1;
  pointer-events: none;
}
#app .p-slider-wrap .swiper-slide:not(.swiper-slide-visible) .slide-content {
  opacity: 0.3;
  pointer-events: none;
}
#app .p-slider-wrap .slide-content {
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
  transform: translateZ(0);
  opacity: 1;
  transition: opacity 1s ease;
}
#app .p-slider-wrap .swiper-slide.overlay-active-first .overlay-content > .pic {
  -webkit-animation: 0s forwards fadeIn00;
          animation: 0s forwards fadeIn00;
}
#app .p-slider-wrap .swiper-slide.overlay-active-first .overlay-content > .ttlwrap {
  -webkit-animation: 0s forwards fadeIn00;
          animation: 0s forwards fadeIn00;
}
#app .p-slider-wrap .swiper-slide.overlay-active-first .overlay-content > .desc {
  -webkit-animation: 0s forwards fadeIn00;
          animation: 0s forwards fadeIn00;
}
#app .p-slider-wrap .swiper-slide.overlay-active .overlay-content > .pic {
  -webkit-animation: 1s forwards 0.7s fadeIn00;
          animation: 1s forwards 0.7s fadeIn00;
}
#app .p-slider-wrap .swiper-slide.overlay-active .overlay-content > .ttlwrap {
  -webkit-animation: 1s forwards 0.9s fadeIn00;
          animation: 1s forwards 0.9s fadeIn00;
}
#app .p-slider-wrap .swiper-slide.overlay-active .overlay-content > .desc {
  -webkit-animation: 1s forwards 1.1s fadeIn00;
          animation: 1s forwards 1.1s fadeIn00;
}
#app .p-slider-wrap .swiper-slide:not(.overlay-active-first, .overlay-active) .overlay-content {
  visibility: none;
}
@-webkit-keyframes fadeIn05 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn05 {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut05 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes fadeOut05 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@-webkit-keyframes fadeIn00 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn00 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut00 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut00 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#app .p-slider-wrap .slide-media {
  -o-object-fit: cover;
  inline-size: 100%;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  margin-inline: auto;
     object-fit: cover;
  border-radius: 20px;
}
#app .p-slider-wrap .overlay-content {
  display: block grid;
  z-index: 100;
  position: relative;
}
#app .p-slider-wrap .overlay-content > .pic {
  z-index: 2;
  grid-row: 1/-1;
  grid-column: 1/-1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  inset: 0;
  opacity: 0;
}
#app .p-slider-wrap .overlay-content > .ttlwrap {
  -webkit-clip-path: var(--_slider-serif-clip);
  z-index: 3;
  grid-area: ttl;
  align-content: center;
  align-self: end;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  background-color: var(--_slider-color);
  color: var(--color-font-b);
          clip-path: var(--_slider-serif-clip);
  opacity: 0;
}
#app .p-slider-wrap .overlay-content > .desc {
  z-index: 3;
  grid-area: desc;
  color: var(--color-font-b);
  font-weight: var(--fw-semibold);
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  opacity: 0;
}
#app .p-slider-wrap .overlay-content .comment {
  display: block grid;
}

[data-anim][data-noanime] {
  transition: none !important;
}
[data-anim][data-noanime]:after {
  transition: none !important;
}
#app .p-mv-slide {
  display: block grid;
  position: relative;
}
#app .p-mv-slide > * {
  display: block grid;
  position: relative;
  grid-area: 1/1;
}
#app .p-mv-slide > .logo {
  -webkit-animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
  -webkit-animation-delay: 0.5s;
  place-self: start;
          animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
          animation-delay: 0.5s;
  opacity: 0;
  transition: scale 0.3s, opacity 0.3s;
}
@-webkit-keyframes poyoyon {
  0% {
    scale: 1.4;
    opacity: 0;
  }
  50% {
    scale: 1;
  }
  65% {
    scale: 1.1;
  }
  80% {
    scale: 1;
  }
  90% {
    scale: 1.02;
  }
  100% {
    scale: 1;
  }
  20%, 100% {
    opacity: 1;
  }
}
@keyframes poyoyon {
  0% {
    scale: 1.4;
    opacity: 0;
  }
  50% {
    scale: 1;
  }
  65% {
    scale: 1.1;
  }
  80% {
    scale: 1;
  }
  90% {
    scale: 1.02;
  }
  100% {
    scale: 1;
  }
  20%, 100% {
    opacity: 1;
  }
}
#app .p-mv-front {
  display: block grid;
  z-index: 1;
  inline-size: 100%;
}
#app .p-mv-front > .obj01 {
  grid-area: img;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-mv-front > .ttl {
  grid-area: ttl;
  color: var(--color-font-b);
  letter-spacing: 0;
}
#app .p-mv-front > .desc {
  grid-area: txt;
}
#app .p-mv-front > .c-tag-circle {
  -webkit-margin-start: auto;
  grid-area: tag;
  justify-self: end;
          margin-inline-start: auto;
}
#app .p-sec01 > .l-inner > .sec-ttl {
  --_col-font: var(--color-font-w);
}
#app .p-sec01 > .l-inner > .l-grid-col3 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
#app .p-sec01 > .l-inner > .l-grid-col3 > .l-grid {
  overflow: clip;
  border-radius: var(--card-s-radius);
}
#app .p-sec01 > .l-inner > .l-grid-col3 > .l-grid > .c-pic {
  aspect-ratio: 420/300;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-sec03 {
  color: var(--color-font-w);
}
#app .p-sec03 > .l-inner > .sec-ttl {
  color: var(--color-font-w);
}
#app .p-sec03 > .l-inner > .l-grid-col2 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
#app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid {
  border-radius: var(--card-s-radius);
}
#app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid > .c-pic {
  aspect-ratio: 600/336;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  overflow: clip;
  border-radius: var(--card-s-radius);
}
#app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl {
  display: block flex;
  flex-direction: column;
  color: var(--color-font-w);
  text-align: center;
  overflow-wrap: break-word;
}
#app .p-sec04 > .l-inner > .l-grid-col2 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
#app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 {
  align-self: start;
}
#app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 > .c-list--indent {
  color: var(--color-font-b);
}
#app .p-sec04 > .l-inner > .l-grid-col2 > .grid02 > .c-pic {
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-sec05 > .l-inner {
  --_im-sp: 30;
}
#app .p-sec05 > .l-inner > .l-grid-col1 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
#app .p-sec05 > .l-inner > .l-grid-col1 > .l-grid > .c-pic {
  aspect-ratio: 600/336;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-sec05 > .l-inner > .l-grid-col2 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
#app .p-sec05 > .l-inner > .l-grid-col2 > .l-grid {
  border-radius: var(--card-s-radius);
}
#app .p-sec05 > .l-inner > .l-grid-col2 > .l-grid > .c-pic {
  aspect-ratio: 600/336;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  border-radius: var(--card-s-radius);
}
#app .p-sec06 > .l-inner {
  --_lwi-pc: 1340;
  --_im-sp: 30;
}
#app .p-sec06 > .l-inner .sec-ttl .red {
  color: var(--color-red-key);
}
#app .p-sec06 > .l-inner > .grid01 {
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-content: end;
  justify-content: center;
  justify-items: center;
}
#app .p-sec06 > .l-inner > .grid01 > .pic01 {
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-sec06 > .l-inner > .grid01 > .desc {
  letter-spacing: 0.075rem;
  text-align: center;
}
#app .p-sec06 > .l-inner > .grid01 > .desc .red {
  color: var(--color-red-key);
}
#app .p-sec06 > .l-inner > .grid01 > .pic02 {
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-sec06 > .l-inner > .l-grid-col2 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
#app .p-sec06 > .l-inner > .l-grid-col2 > .l-grid > .c-pic {
  aspect-ratio: 600/336;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-sec06 > .l-inner .grid-flow .l-grid-card {
  align-items: start;
  justify-items: center;
  background-color: var(--color-gray-300);
}
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) {
  grid-template: "step" minmax(10px, auto) "ttl" minmax(10px, auto) "txt" minmax(10px, auto) "img" minmax(10px, 1fr)/1fr;
}
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .step {
  display: block grid;
  grid-area: step;
  place-content: center;
  place-items: center;
  aspect-ratio: 1/1;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
  border-radius: var(--infinity);
  background: var(--color-red-key);
  color: var(--color-font-w);
  letter-spacing: 0.03125rem;
}
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .ttl {
  -webkit-margin-before: 10px;
  grid-area: ttl;
          margin-block-start: 10px;
  letter-spacing: 0;
}
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .desc {
  grid-area: txt;
  text-align: center;
}
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .c-pic {
  grid-area: img;
  align-self: end;
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
#app .p-sec06 > .l-inner .grid-flow > .grid-step06 {
  --_columns: 1fr;
  align-content: center;
}
#app .p-sec06 > .l-inner .grid-flow > .grid-step06 > .ttl {
  color: var(--color-red-key);
}
#app .p-sec06 > .l-inner .grid-flow > .grid-step06 > .desc {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
.p-sec07 > .l-inner .sec-ttl {
  --_inline-size: 100%;
}
.p-sec07 > .l-inner .form-cautions .c-list--indent {
  --_gap: 0 !important;
}
.p-sec08 > .l-inner {
  --_lwi: 900;
}
.p-sec08 > .l-inner.--full-btn {
  --_im: 0;
  --_u-iw: 100%;
}
.p-sec08 > .l-inner.--full-btn .grid-list {
  justify-content: center;
  inline-size: 100%;
  block-size: 100%;
}
.p-sec08 > .l-inner .l-grid-col2 {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.p-sec08 > .l-inner .l-grid-col2 > .grid01 {
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}
.p-sec08 > .l-inner .l-grid-col2 > .grid02 > * {
  --_col-font: var(--color-font-w);
}
.p-sec08 > .l-inner .l-grid-col2 > .grid02 > .ttl {
  --_text-align: start;
  -webkit-margin-start: min(0.3333333333dvi, 5px);
          margin-inline-start: min(0.3333333333dvi, 5px);
}
.p-sec08 > .l-inner .l-grid-col2 > .grid02 > .l-btn .c-btn-txt {
  pointer-events: none;
}

#app .p-fixed-cv {
  display: block grid;
  z-index: var(--obj-z-fixed-cv);
  position: fixed;
  grid-template-columns: 1fr;
  inline-size: 100%;
  min-block-size: calc(var(--fixedcv-height) * var(--vunit));
  inset-block-start: 0;
  background-color: var(--color-white);
  box-shadow: 0 3px 6px 0 var(--shadow01);
}
#app .p-fixed-cv > [class*=c-btn-box] {
  align-self: center;
}
#app .p-fixed-cv > [class*=c-btn-box] > [class*=c-icon] {
  -webkit-margin-before: 2px;
          margin-block-start: 2px;
}

#app .elq-label {
  font-weight: 700;
  font-size: 20px;
}

#app .row + .row {
  margin-top: 21px;
}

#app .elq-item-input {
  height: 50px;
  padding: 10px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
}

.elq-item-input::-moz-placeholder {
  font-weight: 700;
  font-size: 20px;
}

.elq-item-input:-ms-input-placeholder {
  font-weight: 700;
  font-size: 20px;
}

.elq-item-input::placeholder {
  font-weight: 700;
  font-size: 20px;
}

.elq-required {
  color: #cf142b;
}

.form-radio input {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #c5c5c5;
  border-radius: 50%;
  background-color: #fff;
}

.form-radio input:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #cf142b;
  content: "";
  opacity: 0;
}

.form-radio input:checked:after {
  opacity: 1;
}

#app .elq-item-select {
  -webkit-padding-end: 38px;
  height: 50px;
  padding: 10px;
          padding-inline-end: 38px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
}

#app .elq-item-textarea {
  padding: 10px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
}

.form-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #c9c9c9;
  background-color: #fff;
}

.form-submit input {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}

.form-checkbox {
  position: relative;
}

.form-checkbox:before {
  position: absolute;
  top: -4px;
  left: 0;
  width: 22px;
  height: 22px;
  content: "";
  opacity: 0;
}

.form-checkbox:checked:before {
  opacity: 1;
}
*, :before, :after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

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

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

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

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

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

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

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

b, strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

button, select {
  text-transform: none;
}

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

:-moz-focusring {
  outline: auto;
}

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

progress {
  vertical-align: baseline;
}

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

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

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

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

summary {
  display: list-item;
}

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

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

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

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

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

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

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

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

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

.invisible {
  visibility: hidden;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.bottom-\[-22px\] {
  bottom: -22px;
}

.bottom-\[-25px\] {
  bottom: -25px;
}

.left-0 {
  left: 0;
}

.left-1\/2 {
  left: 50%;
}

.left-\[65\.6\%\] {
  left: 65.6%;
}

.top-0 {
  top: 0;
}

.top-\[77\.76\%\] {
  top: 77.76%;
}

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

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

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

.\!mt-1 {
  margin-top: 4px !important;
}

.mb-\[3px\] {
  margin-bottom: 3px;
}

.ml-\[11px\] {
  margin-left: 11px;
}

.ml-\[9px\] {
  margin-left: 9px;
}

.ml-auto {
  margin-left: auto;
}

.mr-\[10px\] {
  margin-right: 10px;
}

.mt-4 {
  margin-top: 16px;
}

.\!mt-4 {
  margin-top: 16px !important;
}

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

.mt-\[-30px\] {
  margin-top: -30px;
}

.mt-\[10px\] {
  margin-top: 10px;
}

.mt-\[17px\] {
  margin-top: 17px;
}

.mt-\[5px\] {
  margin-top: 5px;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.hidden {
  display: none;
}

.h-full {
  height: 100%;
}

.w-\[22\%\] {
  width: 22%;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[25\%\] {
  width: 25%;
}

.w-\[48\.54\%\] {
  width: 48.54%;
}

.w-\[49\.06\%\] {
  width: 49.06%;
}

.w-full {
  width: 100%;
}

.max-w-\[1366px\] {
  max-width: 1366px;
}

.max-w-\[324px\] {
  max-width: 324px;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.flex-col {
  flex-direction: column;
}

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

.\!items-start {
  align-items: flex-start !important;
}

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

.\!justify-center {
  justify-content: center !important;
}

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

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

.rounded-\[30px\] {
  border-radius: 30px;
}

.rounded-\[50\%\] {
  border-radius: 50%;
}

.border {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-solid {
  border-style: solid;
}

.border-\[\#231815\] {
  --tw-border-opacity: 1;
  border-color: rgb(35 24 21/var(--tw-border-opacity));
}

.border-\[\#CF142B\] {
  --tw-border-opacity: 1;
  border-color: rgb(207 20 43/var(--tw-border-opacity));
}

.bg-\[\#231815\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 24 21/var(--tw-bg-opacity));
}

.bg-\[\#CF142B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(207 20 43/var(--tw-bg-opacity));
}

.bg-\[\#EFEFEF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239/var(--tw-bg-opacity));
}

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

.p-\[10px\] {
  padding: 10px;
}

.p-\[12px\] {
  padding: 12px;
}

.\!text-\[14px\] {
  font-size: 14px !important;
}

.text-center {
  text-align: center;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.leading-\[1\.2\] {
  line-height: 1.2;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\], .leading-none {
  line-height: 1;
}

.\!tracking-widest {
  letter-spacing: 0.1em !important;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

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

.text-\[\#CF142B\] {
  --tw-text-opacity: 1;
  color: rgb(207 20 43/var(--tw-text-opacity));
}

.text-\[\#FFFFFF\], .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.\!underline {
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

.opacity-0 {
  opacity: 0;
}

.shadow-\[0px_3px_6px_rgba\(0\,\ 0\,\ 0\,\ 0\.1\)\] {
  --tw-shadow: 0px 3px 6px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0px 3px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#app select, #app input[type=checkbox], #app input[type=radio], #app label[for] {
  cursor: pointer;
}
#app .elq-item-select-wrap {
  position: relative;
}
#app .elq-item-select-wrap:after {
  -webkit-margin-before: calc(var(--_padding-t, 10px) + 0.5lh);
  --_aw: calc( var(--_tickness, 3) * var(--vunit) );
  --_as: calc( var(--_size,12 ) * var(--vunit) );
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  position: absolute;
  inline-size: var(--_as);
  block-size: var(--_as);
          margin-block-start: calc(var(--_padding-t, 10px) + 0.5lh);
  inset-inline-end: var(--_right, 14px);
  translate: 0 -50%;
  rotate: 135deg;
  background-color: var(--color-black);
  content: "";
          clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--_aw)) 100%, calc(100% - var(--_aw)) var(--_aw), 0 var(--_aw));
  pointer-events: none;
}
#app .form-checkbox:before {
  -webkit-margin-before: calc(var(--_padding-t, -13px));
  -webkit-margin-start: var(--_right, 0px);
  --_aw: calc( var(--_tickness, 3.5) * var(--vunit) );
  --_asw: calc( var(--_sizew,11) * var(--vunit) );
  --_ash: calc( var(--_sizeh,22) * var(--vunit) );
  -webkit-clip-path: polygon(calc(100% - var(--_aw)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--_aw)), calc(100% - var(--_aw)) calc(100% - var(--_aw)));
  position: absolute;
  inline-size: var(--_asw);
  block-size: var(--_ash);
          margin-inline-start: var(--_right, 0px);
          margin-block-start: calc(var(--_padding-t, -13px));
  translate: 50% 50%;
  rotate: 40deg;
  background-color: var(--color-red-key);
  content: "";
          clip-path: polygon(calc(100% - var(--_aw)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - var(--_aw)), calc(100% - var(--_aw)) calc(100% - var(--_aw)));
  pointer-events: none;
}
@media screen and (max-width: 23.43125em) {
  :root {
    --vw: var(--vws);
    --vh: var(--vhs);
    --funit: var(--vw);
    --vunit: var(--vw);
  }
  .u-disp__xs- {
    display: none !important;
  }
}
@media screen and (min-width: 23.43125em) and (max-width: 39.99375em) {
  :root {
    --vw: var(--vws);
    --vh: var(--vhs);
    --funit: var(--frem);
    --vunit: var(--vpx);
  }
}
@media screen and (max-width: 39.99375em) {
  :root {
    --layout-inner: var(--layout-inner-sp);
    --layout-inner-margin: var(--layout-inner-margin-sp);
    --fixedcv-height: var(--fixedcv-height-sp);
    --card-s-radius: var(--card-s-radius-sp);
    --card-m-radius: var(--card-m-radius-sp);
  }
  .l-inner {
    --_lwi-sp: var(--layout-inner-sp);
    --_im-sp: var(--layout-inner-margin-sp);
    --_lwi: var(--_lwi-sp);
    --_im: var(--_im-sp);
  }
  .l-grid-col2 {
    --_flow: row;
    --_columns: 1fr;
  }
  .l-grid-col3 {
    --_flow: row;
    --_columns: 1fr;
  }
  .c-btn-circle {
    --_ls: var(--_ls-sp);
    --_fs: var(--_fs-sp);
    --_lh: var(--_lh-sp);
    --_size: var(--_size-sp);
  }
  #app .c-btn-rounded {
    --_ls: var(--_ls-sp);
    --_fs: var(--_fs-sp);
    --_lh: var(--_lh-sp);
    --_width: var(--_width-sp);
    --_height: var(--_height-sp);
  }
  #app .c-btn-rounded [class^=c-icon] {
    --_x: calc(var( --_icon-x,0) + 10 );
  }
  #app [class*=c-btn-box] {
    --_w: var(--_w-sp);
    --_h: var(--_h-sp);
    padding-inline: 1.125rem;
    padding-block: 0.25rem;
    font-weight: var(--fw-bold);
    font-size: 0.875rem;
    line-height: 2.1428571429;
    letter-spacing: 0;
  }
  #app [class*=c-btn-box]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: 0.3125rem;
            margin-inline-start: 0.3125rem;
  }
  #app .c-btn-box--rounded {
    --_r: 4;
  }
  #app [class*=c-btn-txt] {
    min-block-size: 2.5rem;
  }
  #app [class*=c-btn-txt]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: 0.625rem;
            margin-inline-start: 0.625rem;
  }
  [class^=c-icon--] {
    --_iw: var(--_iw-sp, var(--_iw-pc, 0));
    --_ih: var(--_ih-sp, var(--_ih-pc, 0));
  }
  .c-icon--angle-arrow-right {
    --_tickness: 3;
    --_size: 10;
  }
  [class^=c-icon-img--] {
    --_iw: var(--_iw-sp, var(--_iw-pc, 0));
    --_ih: var(--_ih-sp, var(--_ih-pc, 0));
  }
  #app .c-link-txt {
    font-weight: var(--fw-bold);
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
  #app .c-list--indent {
    --_gap: 9px;
  }
  #app .c-list--indent[data-type=circle-check] {
    --_margin: 1.1em;
  }
  #app .c-list--indent[data-type=circle-check] li {
    --_size: 16;
  }
  #app .c-list--indent[data-type=circle-check] li:before {
    inset-block-start: -0.25em;
    inset-inline-start: calc(var(--_size) * -1.6 * var(--funit));
  }
  .c-tag-circle {
    --_ls: var(--_ls-sp);
    --_fs: var(--_fs-sp);
    --_lh: var(--_lh-sp);
    --_size: var(--_size-sp);
    --_icon-x: 1;
  }
  #app [class*=c-ttl--] {
    --_font-size: var(--_font-size-sp);
    --_line-height: var(--_line-height-sp);
    --_letter-spacing: var(--_letter-spacing-sp, --_letter-spacing-pc);
  }
  #app [class*=c-txt--] {
    --_font-size: var(--_font-size-sp);
    --_line-height: var(--_line-height-sp);
  }
  #app .c-txtdec--serif[data-dir=bottom] {
    --_tail-size: 13;
    --_tail-length: 12;
    --_padding-y-base: 4;
    --_padding-yb-base: 5;
    --_line-height-sp: 30;
    --_letter-spacing-sp: 2.5;
  }
  #app .u-mt5 {
    --_mt: calc( 5 * var(--spr));
  }
  #app .u-mt10 {
    --_mt: calc( 10 * var(--spr));
  }
  #app .u-mt15 {
    --_mt: calc( 15 * var(--spr));
  }
  #app .u-mt20 {
    --_mt: calc( 20 * var(--spr));
  }
  #app .u-mt25 {
    --_mt: calc( 25 * var(--spr));
  }
  #app .u-mt30 {
    --_mt: calc( 30 * var(--spr));
  }
  #app .u-mt35 {
    --_mt: calc( 35 * var(--spr));
  }
  #app .u-mt40 {
    --_mt: calc( 40 * var(--spr));
  }
  #app .u-mt45 {
    --_mt: calc( 45 * var(--spr));
  }
  #app .u-mt50 {
    --_mt: calc( 50 * var(--spr));
  }
  #app .u-mt55 {
    --_mt: calc( 55 * var(--spr));
  }
  #app .u-mt60 {
    --_mt: calc( 60 * var(--spr));
  }
  #app .u-mt65 {
    --_mt: calc( 65 * var(--spr));
  }
  #app .u-mt70 {
    --_mt: calc( 70 * var(--spr));
  }
  #app .u-mt75 {
    --_mt: calc( 75 * var(--spr));
  }
  #app .u-mt80 {
    --_mt: calc( 80 * var(--spr));
  }
  #app .u-mt85 {
    --_mt: calc( 85 * var(--spr));
  }
  #app .u-mt90 {
    --_mt: calc( 90 * var(--spr));
  }
  #app .u-mt95 {
    --_mt: calc( 95 * var(--spr));
  }
  #app .u-mt100 {
    --_mt: calc( 100 * var(--spr));
  }
  #app .u-mt-sp5 {
    --_mt: 5;
  }
  #app .u-mt-sp10 {
    --_mt: 10;
  }
  #app .u-mt-sp15 {
    --_mt: 15;
  }
  #app .u-mt-sp20 {
    --_mt: 20;
  }
  #app .u-mt-sp25 {
    --_mt: 25;
  }
  #app .u-mt-sp30 {
    --_mt: 30;
  }
  #app .u-mt-sp35 {
    --_mt: 35;
  }
  #app .u-mt-sp40 {
    --_mt: 40;
  }
  #app .u-mt-sp45 {
    --_mt: 45;
  }
  #app .u-mt-sp50 {
    --_mt: 50;
  }
  #app .u-mt-sp55 {
    --_mt: 55;
  }
  #app .u-mt-sp60 {
    --_mt: 60;
  }
  #app .u-mt-sp65 {
    --_mt: 65;
  }
  #app .u-mt-sp70 {
    --_mt: 70;
  }
  #app .u-mt-sp75 {
    --_mt: 75;
  }
  #app .u-mt-sp80 {
    --_mt: 80;
  }
  #app .u-mt-sp85 {
    --_mt: 85;
  }
  #app .u-mt-sp90 {
    --_mt: 90;
  }
  #app .u-mt-sp95 {
    --_mt: 95;
  }
  #app .u-mt-sp100 {
    --_mt: 100;
  }
  #app .u-mb5 {
    --_mb: calc( 5 * var(--spr));
  }
  #app .u-mb10 {
    --_mb: calc( 10 * var(--spr));
  }
  #app .u-mb15 {
    --_mb: calc( 15 * var(--spr));
  }
  #app .u-mb20 {
    --_mb: calc( 20 * var(--spr));
  }
  #app .u-mb25 {
    --_mb: calc( 25 * var(--spr));
  }
  #app .u-mb30 {
    --_mb: calc( 30 * var(--spr));
  }
  #app .u-mb35 {
    --_mb: calc( 35 * var(--spr));
  }
  #app .u-mb40 {
    --_mb: calc( 40 * var(--spr));
  }
  #app .u-mb45 {
    --_mb: calc( 45 * var(--spr));
  }
  #app .u-mb50 {
    --_mb: calc( 50 * var(--spr));
  }
  #app .u-mb-sp5 {
    --_mb: 5;
  }
  #app .u-mb-sp10 {
    --_mb: 10;
  }
  #app .u-mb-sp15 {
    --_mb: 15;
  }
  #app .u-mb-sp20 {
    --_mb: 20;
  }
  #app .u-mb-sp25 {
    --_mb: 25;
  }
  #app .u-mb-sp30 {
    --_mb: 30;
  }
  #app .u-mb-sp35 {
    --_mb: 35;
  }
  #app .u-mb-sp40 {
    --_mb: 40;
  }
  #app .u-mb-sp45 {
    --_mb: 45;
  }
  #app .u-mb-sp50 {
    --_mb: 50;
  }
  #app .u-mb-sp55 {
    --_mb: 55;
  }
  #app .u-mb-sp60 {
    --_mb: 60;
  }
  #app .u-mb-sp65 {
    --_mb: 65;
  }
  #app .u-mb-sp70 {
    --_mb: 70;
  }
  #app .u-mb-sp75 {
    --_mb: 75;
  }
  #app .u-mb-sp80 {
    --_mb: 80;
  }
  #app .u-mb-sp85 {
    --_mb: 85;
  }
  #app .u-mb-sp90 {
    --_mb: 90;
  }
  #app .u-mb-sp95 {
    --_mb: 95;
  }
  #app .u-mb-sp100 {
    --_mb: 100;
  }
  #app .u-mt2 {
    --_mt: calc( 2 * var(--spr));
  }
  #app .u-mt22 {
    --_mt: calc( 22 * var(--spr));
  }
  #app .u-mt41 {
    --_mt: calc( 41 * var(--spr));
  }
  #app .u-mt58 {
    --_mt: calc( 58 * var(--spr));
  }
  #app .u-mt62 {
    --_mt: calc( 62 * var(--spr));
  }
  #app .u-mt98 {
    --_mt: calc( 98 * var(--spr));
  }
  #app .u-mt-sp41 {
    --_mt: 41;
  }
  #app .u-mt-sp29 {
    --_mt: 29;
  }
  #app .u-mt-sp26 {
    --_mt: 26;
  }
  #app .u-mt-sp19 {
    --_mt: 19;
  }
  .u-pt5 {
    --_pt: calc( 5 * var(--spr));
  }
  .u-pt10 {
    --_pt: calc( 10 * var(--spr));
  }
  .u-pt15 {
    --_pt: calc( 15 * var(--spr));
  }
  .u-pt20 {
    --_pt: calc( 20 * var(--spr));
  }
  .u-pt25 {
    --_pt: calc( 25 * var(--spr));
  }
  .u-pt30 {
    --_pt: calc( 30 * var(--spr));
  }
  .u-pt35 {
    --_pt: calc( 35 * var(--spr));
  }
  .u-pt40 {
    --_pt: calc( 40 * var(--spr));
  }
  .u-pt45 {
    --_pt: calc( 45 * var(--spr));
  }
  .u-pt50 {
    --_pt: calc( 50 * var(--spr));
  }
  .u-pt55 {
    --_pt: calc( 55 * var(--spr));
  }
  .u-pt60 {
    --_pt: calc( 60 * var(--spr));
  }
  .u-pt65 {
    --_pt: calc( 65 * var(--spr));
  }
  .u-pt70 {
    --_pt: calc( 70 * var(--spr));
  }
  .u-pt75 {
    --_pt: calc( 75 * var(--spr));
  }
  .u-pt80 {
    --_pt: calc( 80 * var(--spr));
  }
  .u-pt85 {
    --_pt: calc( 85 * var(--spr));
  }
  .u-pt90 {
    --_pt: calc( 90 * var(--spr));
  }
  .u-pt95 {
    --_pt: calc( 95 * var(--spr));
  }
  .u-pt100 {
    --_pt: calc( 100 * var(--spr));
  }
  .u-pt105 {
    --_pt: calc( 105 * var(--spr));
  }
  .u-pt110 {
    --_pt: calc( 110 * var(--spr));
  }
  .u-pt115 {
    --_pt: calc( 115 * var(--spr));
  }
  .u-pt120 {
    --_pt: calc( 120 * var(--spr));
  }
  .u-pt125 {
    --_pt: calc( 125 * var(--spr));
  }
  .u-pt-sp5 {
    --_pt: 5;
  }
  .u-pt-sp10 {
    --_pt: 10;
  }
  .u-pt-sp15 {
    --_pt: 15;
  }
  .u-pt-sp20 {
    --_pt: 20;
  }
  .u-pt-sp25 {
    --_pt: 25;
  }
  .u-pt-sp30 {
    --_pt: 30;
  }
  .u-pt-sp35 {
    --_pt: 35;
  }
  .u-pt-sp40 {
    --_pt: 40;
  }
  .u-pt-sp45 {
    --_pt: 45;
  }
  .u-pt-sp50 {
    --_pt: 50;
  }
  .u-pt-sp55 {
    --_pt: 55;
  }
  .u-pt-sp60 {
    --_pt: 60;
  }
  .u-pt-sp65 {
    --_pt: 65;
  }
  .u-pt-sp70 {
    --_pt: 70;
  }
  .u-pt-sp75 {
    --_pt: 75;
  }
  .u-pt-sp80 {
    --_pt: 80;
  }
  .u-pt-sp85 {
    --_pt: 85;
  }
  .u-pt-sp90 {
    --_pt: 90;
  }
  .u-pt-sp95 {
    --_pt: 95;
  }
  .u-pt-sp100 {
    --_pt: 100;
  }
  .u-pb5 {
    --_pb: calc( 5 * var(--spr));
  }
  .u-pb10 {
    --_pb: calc( 10 * var(--spr));
  }
  .u-pb15 {
    --_pb: calc( 15 * var(--spr));
  }
  .u-pb20 {
    --_pb: calc( 20 * var(--spr));
  }
  .u-pb25 {
    --_pb: calc( 25 * var(--spr));
  }
  .u-pb30 {
    --_pb: calc( 30 * var(--spr));
  }
  .u-pb35 {
    --_pb: calc( 35 * var(--spr));
  }
  .u-pb40 {
    --_pb: calc( 40 * var(--spr));
  }
  .u-pb45 {
    --_pb: calc( 45 * var(--spr));
  }
  .u-pb50 {
    --_pb: calc( 50 * var(--spr));
  }
  .u-pb55 {
    --_pb: calc( 55 * var(--spr));
  }
  .u-pb60 {
    --_pb: calc( 60 * var(--spr));
  }
  .u-pb65 {
    --_pb: calc( 65 * var(--spr));
  }
  .u-pb70 {
    --_pb: calc( 70 * var(--spr));
  }
  .u-pb75 {
    --_pb: calc( 75 * var(--spr));
  }
  .u-pb80 {
    --_pb: calc( 80 * var(--spr));
  }
  .u-pb85 {
    --_pb: calc( 85 * var(--spr));
  }
  .u-pb90 {
    --_pb: calc( 90 * var(--spr));
  }
  .u-pb95 {
    --_pb: calc( 95 * var(--spr));
  }
  .u-pb100 {
    --_pb: calc( 100 * var(--spr));
  }
  .u-pb105 {
    --_pb: calc( 105 * var(--spr));
  }
  .u-pb110 {
    --_pb: calc( 110 * var(--spr));
  }
  .u-pb115 {
    --_pb: calc( 115 * var(--spr));
  }
  .u-pb120 {
    --_pb: calc( 120 * var(--spr));
  }
  .u-pb125 {
    --_pb: calc( 125 * var(--spr));
  }
  .u-pb-sp5 {
    --_pb: 5;
  }
  .u-pb-sp10 {
    --_pb: 10;
  }
  .u-pb-sp15 {
    --_pb: 15;
  }
  .u-pb-sp20 {
    --_pb: 20;
  }
  .u-pb-sp25 {
    --_pb: 25;
  }
  .u-pb-sp30 {
    --_pb: 30;
  }
  .u-pb-sp35 {
    --_pb: 35;
  }
  .u-pb-sp40 {
    --_pb: 40;
  }
  .u-pb-sp45 {
    --_pb: 45;
  }
  .u-pb-sp50 {
    --_pb: 50;
  }
  .u-pb-sp55 {
    --_pb: 55;
  }
  .u-pb-sp60 {
    --_pb: 60;
  }
  .u-pb-sp65 {
    --_pb: 65;
  }
  .u-pb-sp70 {
    --_pb: 70;
  }
  .u-pb-sp75 {
    --_pb: 75;
  }
  .u-pb-sp80 {
    --_pb: 80;
  }
  .u-pb-sp85 {
    --_pb: 85;
  }
  .u-pb-sp90 {
    --_pb: 90;
  }
  .u-pb-sp95 {
    --_pb: 95;
  }
  .u-pb-sp100 {
    --_pb: 100;
  }
  .u-pt99 {
    --_pt: calc( 99 * var(--spr));
  }
  .u-pt102 {
    --_pt: calc( 102 * var(--spr));
  }
  .u-pb98 {
    --_pb: calc( 98 * var(--spr));
  }
  .u-pb101 {
    --_pb: calc( 101 * var(--spr));
  }
  .u-pt-sp62 {
    --_pt: 62;
  }

  .u-pt-sp61 {
    --_pt: 61;
  }

  .u-pt-sp59 {
    --_pt: 59;
  }

  .u-pt-sp37 {
    --_pt: 37;
  }

  .u-pb-sp58 {
    --_pb: 58;
  }

  .u-pb-sp38 {
    --_pb: 38;
  }
  .isPC {
    display: none !important;
  }

  .u-disp__md- {
    display: none !important;
  }

  .u-hidden__-md {
    display: none !important;
  }
  #app .p-slider-wrap > .swiper {
    -webkit-margin-after: 40px;
    max-inline-size: 76.5333333333dvi;
            margin-block-end: 40px;
  }
  #app .p-slider-wrap > .swiper:not([data-serif-frame]), #app .p-slider-wrap > .swiper[data-serif-frame=normal] {
    --_serif-tail-w: 16px;
    --_slider-serif-clip: var(--_slider-serif-clip-sp);
  }
  #app .p-slider-wrap > .swiper[data-serif-frame=reverse] {
    --_serif-tail-w: 16px;
    --_slider-serif-clip: var(--_slider-serif-clip-sp);
  }
  #app .p-slider-wrap .swiper-button-prev,
#app .p-slider-wrap .swiper-button-next {
    inline-size: 8dvi;
    block-size: 8dvi;
    inset-block-start: 17.0666666667dvi;
  }
  #app .p-slider-wrap .swiper-button-prev {
    inset-inline-start: -8.5333333333dvi;
  }
  #app .p-slider-wrap .swiper-button-next {
    inset-inline-end: -8.5333333333dvi;
  }
  #app .p-slider-wrap .swiper-button-prev::before,
#app .p-slider-wrap .swiper-button-next::before {
    -webkit-border-before: min(0.5333333333dvi, 2px) solid var(--color-black);
    -webkit-border-end: min(0.5333333333dvi, 2px) solid var(--color-black);
    width: 2.1333333333dvi;
    height: 2.1333333333dvi;
            border-inline-end: min(0.5333333333dvi, 2px) solid var(--color-black);
            border-block-start: min(0.5333333333dvi, 2px) solid var(--color-black);
  }
  #app .p-slider-wrap .swiper-button-prev::before {
    -webkit-margin-start: 1.0666666667dvi;
            margin-inline-start: 1.0666666667dvi;
    translate: -0.2666666667dvi 0.2666666667dvi;
  }
  #app .p-slider-wrap .swiper-button-next::before {
    -webkit-margin-end: 1.0666666667dvi;
            margin-inline-end: 1.0666666667dvi;
    translate: 0.2666666667dvi 0.2666666667dvi;
  }
  #app .p-slider-wrap .swiper-pagination {
    inset-block-end: 2.6666666667dvi;
  }
  #app .p-slider-wrap .slide-content {
    inline-size: 61.3333333333dvi;
  }
  #app .p-slider-wrap .slide-media {
    aspect-ratio: 260/150;
    max-inline-size: 69.3333333333dvi;
  }
  #app .p-slider-wrap .overlay-content {
    grid-template: "img  ttl" minmax(min(35.7333333333dvi, 134px), auto) "desc desc" minmax(20px, auto)/min(18.6666666667dvi, 70px) 1fr;
    margin-inline: max(-15.4666666667dvi, -58px);
    margin-block: max(-26.6666666667dvi, -100px) min(5.3333333333dvi, 20px);
  }
  #app .p-slider-wrap .overlay-content > .pic {
    inline-size: min(53.3333333333dvi, 200px);
    min-inline-size: min(53.3333333333dvi, 200px);
    block-size: min(35.7333333333dvi, 134px);
    margin-inline: max(-9.3333333333dvi, -35px) max(-25.3333333333dvi, -95px);
    translate: min(9.3333333333dvi, 35px) max(-1.0666666667dvi, -4px);
  }
  #app .p-slider-wrap .overlay-content > .ttlwrap {
    -webkit-margin-start: min(6.6666666667dvi, 25px);
    -webkit-margin-after: min(0.8dvi, 3px);
    inline-size: calc(100% - min(10.6666666667dvi, 40px));
    min-block-size: 16.2666666667dvi;
            margin-inline-start: min(6.6666666667dvi, 25px);
            margin-block-end: min(0.8dvi, 3px);
    padding-inline: 4.2666666667dvi 4dvi;
    padding-block: min(4.2666666667dvi, 16px) max(0dvi, 0px);
  }
  #app .p-slider-wrap .overlay-content > .ttlwrap .ttl {
    padding-block: min(2.1333333333dvi, 8px) min(2.1333333333dvi, 8px);
    font-weight: var(--fw-bold);
    font-size: 3.4666666667dvi;
    line-height: 1.1538461538;
    letter-spacing: 0;
  }
  #app .p-slider-wrap .overlay-content > .desc {
    -webkit-margin-before: 1.8666666667dvi;
    -webkit-margin-start: 4.2666666667dvi;
    max-inline-size: 84dvi;
            margin-inline-start: 4.2666666667dvi;
            margin-block-start: 1.8666666667dvi;
    font-weight: var(--fw-medium);
    font-size: 0.6875rem;
    line-height: 1.4545454545;
    letter-spacing: 0;
  }
  #app .p-mv-slide > .logo {
    inline-size: 20dvi;
    block-size: 18.6666666667dvi;
    inset-block-start: 11.7333333333dvi;
    inset-inline-start: 2.4dvi;
  }
  #app .p-mv-front {
    -webkit-margin-before: -56px;
    grid-template: "img tag" minmax(20px, auto) "ttl ttl" minmax(20px, auto) "txt txt" minmax(20px, auto)/auto 1fr;
            margin-block-start: -56px;
  }
  #app .p-mv-front > .obj01 {
    aspect-ratio: 90/93;
    inline-size: 24dvi;
    translate: 0.5333333333dvi 2.6666666667dvi;
  }
  #app .p-mv-front > .ttl {
    -webkit-margin-start: 14px;
    -webkit-margin-before: 10px;
            margin-inline-start: 14px;
            margin-block-start: 10px;
    font-weight: var(--fw-semibold);
    font-size: 4.2666666667dvi;
    line-height: 1.5;
  }
  #app .p-mv-front > .desc {
    margin-inline: 14px;
    margin-block: 6px 34px;
    font-weight: var(--fw-bold);
    font-size: 9.6dvi;
    line-height: 1.2777777778;
  }
  #app .p-mv-front > .desc .punk {
    -webkit-margin-end: max(-7.4666666667dvi, -28px);
            margin-inline-end: max(-7.4666666667dvi, -28px);
  }
  #app .p-mv-front > .c-tag-circle {
    align-self: start;
    inline-size: 21.3333333333dvi;
    inset-block-start: min(7.4666666667dvi, 28px);
    inset-inline-start: -4.2666666667dvi;
    font-weight: var(--fw-semibold);
    font-size: 3.2dvi;
    line-height: 1.5;
  }
  #app .p-sec01 > .l-inner {
    --_im: 20;
  }
  #app .p-sec01 > .l-inner > .l-grid-col3 {
    row-gap: 2.6666666667dvi;
  }
  #app .p-sec03 > .l-inner {
    --_im: 30;
  }
  #app .p-sec03 > .l-inner > .sec-ttl {
    --_line-height-sp: 39;
    --_letter-spacing-sp: 0;
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 {
    row-gap: min(10.6666666667dvi, 40px);
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl {
    -webkit-margin-before: 15px;
    row-gap: 5px;
            margin-block-start: 15px;
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl .company {
    font-weight: var(--fw-bold);
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl .name {
    font-weight: var(--fw-bold);
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl .sama {
    font-weight: var(--fw-bold);
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
  #app .p-sec04 > .l-inner > hgroup {
    -webkit-margin-before: 8px;
            margin-block-start: 8px;
  }
  #app .p-sec04 > .l-inner > hgroup > .sec-ttl {
    -webkit-margin-before: 8px;
            margin-block-start: 8px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 {
    -webkit-margin-after: -13px;
            margin-block-end: -13px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 {
    order: 1;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 > .c-list--indent {
    -webkit-margin-before: -5px;
            margin-block-start: -5px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 > .c-list--indent .c-txt--list-s {
    -webkit-margin-start: 4px;
    -webkit-margin-before: 2px;
    display: block grid;
            margin-inline-start: 4px;
            margin-block-start: 2px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 > .l-btn {
    justify-items: center;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid02 {
    order: 0;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid02 > .c-pic {
    inline-size: min(48dvi, 180px);
    margin-inline: auto;
  }
  #app .p-sec05 > .l-inner > .sec-ttl {
    --_letter-spacing-sp: 0;
  }
  #app .p-sec05 > .l-inner > .sec-ttl .center {
    -webkit-margin-start: 13px;
            margin-inline-start: 13px;
  }
  #app .p-sec05 > .l-inner > .l-grid-col1 {
    row-gap: min(10.6666666667dvi, 40px);
  }
  #app .p-sec05 > .l-inner > .l-grid-col2 {
    row-gap: min(5.3333333333dvi, 20px);
  }
  #app .p-sec06 > .l-inner .sec-ttl {
    --_line-height-sp: 34;
    -webkit-margin-before: -5px;
            margin-block-start: -5px;
    letter-spacing: 0;
  }
  #app .p-sec06 > .l-inner .sec-ttl .num {
    font-weight: var(--fw-bold);
    font-size: 2.375rem;
    line-height: 1.4473684211;
    letter-spacing: 0;
  }
  #app .p-sec06 > .l-inner .sec-ttl .head {
    letter-spacing: 0;
  }
  #app .p-sec06 > .l-inner .sec-ttl .punk {
    -webkit-margin-end: -12px;
            margin-inline-end: -12px;
  }
  #app .p-sec06 > .l-inner > .grid01 {
    -webkit-margin-before: 21px;
            margin-block-start: 21px;
  }
  #app .p-sec06 > .l-inner > .grid01 > .pic01 {
    aspect-ratio: 49/78;
    inline-size: min(13.0666666667dvi, 49px);
    translate: min(1.3333333333dvi, 5px) min(2.1333333333dvi, 8px);
  }
  #app .p-sec06 > .l-inner > .grid01 > .desc {
    font-weight: var(--fw-bold);
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
  #app .p-sec06 > .l-inner > .grid01 > .desc .red {
    font-weight: var(--fw-bold);
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
  #app .p-sec06 > .l-inner > .grid01 > .desc .bottom {
    -webkit-margin-before: 3px;
    display: block grid;
            margin-block-start: 3px;
  }
  #app .p-sec06 > .l-inner > .grid01 > .pic02 {
    aspect-ratio: 49/86;
    inline-size: min(13.0666666667dvi, 49px);
    translate: max(-1.0666666667dvi, -4px) min(1.0666666667dvi, 4px);
  }
  #app .p-sec06 > .l-inner > .l-grid-col2 {
    row-gap: min(10.6666666667dvi, 40px);
  }
  #app .p-sec06 > .l-inner .grid-flow {
    row-gap: 11px;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card {
    block-size: -webkit-fit-content;
    block-size: -moz-fit-content;
    block-size: fit-content;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(:last-child):before, #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(:last-child):after {
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
    z-index: 10;
    position: absolute;
    align-self: end;
    justify-self: center;
    inline-size: 50px;
    block-size: 15px;
    content: "";
            clip-path: polygon(0 0, 100% 0%, 50% 100%);
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(:last-child):before {
    -webkit-margin-after: -25px;
            margin-block-end: -25px;
    background-color: var(--color-white);
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(:last-child):after {
    -webkit-margin-after: -15px;
            margin-block-end: -15px;
    background-color: var(--color-gray-300);
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .step {
    -webkit-margin-before: 20px;
    -webkit-padding-before: 6px;
    inline-size: 50px;
            margin-block-start: 20px;
            padding-block-start: 6px;
    font-weight: var(--fw-bold);
    font-size: 0.625rem;
    line-height: 1;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .step .num {
    font-weight: var(--fw-bold);
    font-size: 1.25rem;
    line-height: 1.2;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .ttl {
    font-weight: var(--fw-bold);
    font-size: 1.25rem;
    line-height: 1.45;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .desc {
    -webkit-margin-before: 5px;
            margin-block-start: 5px;
    line-height: 1.25rem;
    letter-spacing: -0.0625rem;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .c-pic {
    -webkit-margin-before: 30px;
    -webkit-margin-after: 29px;
            margin-block-start: 30px;
            margin-block-end: 29px;
  }
  #app .p-sec06 > .l-inner .grid-flow > .grid-step06 {
    block-size: 167px;
  }
  #app .p-sec06 > .l-inner .grid-flow > .grid-step06 > .ttl {
    font-weight: var(--fw-bold);
    font-size: 1.625rem;
    line-height: 1.4230769231;
  }
  #app .p-sec06 > .l-inner .grid-flow > .grid-step06 > .desc {
    font-weight: var(--fw-medium);
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
  .p-sec07 > .l-inner {
    --_im: 0;
  }
  .p-sec07 > .l-inner .txtwrap02 .txt-guid {
    font-weight: var(--fw-semibold);
    font-size: 0.625rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .p-sec07 > .l-inner .form-cautions {
    -webkit-padding-after: 18px;
    padding-inline: 8px;
            padding-block-end: 18px;
  }
  .p-sec07 > .l-inner .form-cautions .c-list--indent {
    -webkit-margin-before: 5px !important;
            margin-block-start: 5px !important;
  }
  .p-sec07 > .l-inner .form-cautions .c-list--indent li {
    --_gap: 0;
    font-weight: var(--fw-regular);
    font-size: 0.75rem;
    line-height: 1.4166666667;
  }
  .p-sec08:not(:has(.--full-btn)) {
    padding-block: 50px 60px;
  }
  .p-sec08 > .l-inner.--full-btn > .c-link {
    padding-block: 50px 60px;
  }
  .p-sec08 > .l-inner > .c-link {
    display: block grid !important;
    justify-content: center;
  }
  .p-sec08 > .l-inner .l-grid-col2 > .grid01 {
    aspect-ratio: 180/187;
    inline-size: 48dvi;
    margin-inline: auto;
  }
  .p-sec08 > .l-inner .l-grid-col2 > .grid02 {
    -webkit-margin-before: -15px;
    justify-items: center;
            margin-block-start: -15px;
  }
  .p-sec08 > .l-inner .l-grid-col2 > .grid02 > .l-btn .c-btn-txt {
    -webkit-margin-before: 5px;
    --_letter-spacing: 2;
    justify-items: center;
            margin-block-start: 5px;
  }
  .p-sec08 > .l-inner .l-grid-col2 > .grid02 > .l-btn [class*=c-icon] {
    -webkit-margin-before: 10px;
    -webkit-margin-start: 0 !important;
            margin-inline-start: 0 !important;
            margin-block-start: 10px;
  }
  #app .p-fixed-cv > [class*=c-btn-box] {
    --_r: 8;
    justify-self: center;
  }
  #app .elq-item-select {
    font-weight: var(--fw-bold);
    font-size: 16px;
    line-height: 1.5;
  }
  #app .elq-item-select-wrap:after {
    --_padding-t: 8px;
    --_right: 11px;
    --_tickness: 2;
    --_size: 7;
  }
  #app .input-dairiten {
    inline-size: auto;
  }
}
@media screen and (max-width: 73.74375em) {
  :root {
    --fixedcv-height: var(--fixedcv-height-tablet);
  }
  #app .p-fixed-cv {
    min-block-size: calc(var(--fixedcv-height-tablet) * var(--vunit));
  }
}
@media screen and (min-width: 40em) {
  :root {
    --vw: var(--vwc);
    --vh: var(--vhc);
    --funit: var(--frem);
    --vunit: var(--vpx);
    --layout-inner: var(--layout-inner-pc);
    --layout-inner-margin: var(--layout-inner-margin-pc);
    --fixedcv-height: var(--fixedcv-height-pc);
    --card-s-radius: var(--card-s-radius-pc);
    --card-m-radius: var(--card-m-radius-pc);
  }
  .l-inner {
    --_lwi-pc: var(--layout-inner-pc);
    --_im-pc: var(--layout-inner-margin-pc);
    --_lwi: var(--_lwi-pc);
    --_im: var(--_im-pc);
  }
  .l-grid-col2 {
    --_flow: column;
    --_columns: 1fr 1fr;
  }
  .l-grid-col3 {
    --_flow: column;
    --_columns: 1fr 1fr 1fr;
  }
  .c-btn-circle {
    --_fs: var(--_fs-pc);
    --_lh: var(--_lh-pc);
    --_size: var(--_size-pc);
  }
  #app .c-btn-rounded {
    --_ls: var(--_ls-pc);
    --_fs: var(--_fs-pc);
    --_lh: var(--_lh-pc);
    --_width: var(--_width-pc);
    --_height: var(--_height-pc);
  }
  #app .c-btn-rounded [class^=c-icon] {
    --_x: calc(var( --_icon-x,0) + 10 );
  }
  #app [class*=c-btn-box] {
    padding-inline: 1.875rem;
    padding-block: 0.1875rem 0.25rem;
    font-weight: var(--fw-bold);
    font-size: 1.1875rem;
    line-height: 2;
    letter-spacing: 0.0625rem;
  }
  #app [class*=c-btn-box]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: 0.3125rem;
            margin-inline-start: 0.3125rem;
  }
  #app .c-btn-box--rounded {
    --_r: 8;
  }
  #app [class*=c-btn-txt] {
    min-block-size: 3.125rem;
  }
  #app [class*=c-btn-txt]:has([class^=c-icon]) > [class^=c-icon] {
    -webkit-margin-start: 1.25rem;
            margin-inline-start: 1.25rem;
  }
  [class^=c-icon--] {
    --_iw: var(--_iw-pc, 0);
    --_ih: var(--_ih-pc, 0);
  }
  .c-icon--angle-arrow-right {
    --_tickness: 3;
    --_size: 12;
  }
  [class^=c-icon-img--] {
    --_iw: var(--_iw-pc, 0);
    --_ih: var(--_ih-pc, 0);
  }
  #app .c-link-txt {
    font-weight: var(--fw-bold);
    font-size: 1.25rem;
    line-height: 1.45;
  }
  #app .c-list--indent[data-type=circle-check] {
    --_margin: 1.8em;
  }
  #app .c-list--indent[data-type=circle-check] li {
    --_size: 26;
  }
  #app .c-list--indent[data-type=circle-check] li:before {
    inset-block-start: -0.5em;
    inset-inline-start: calc(var(--_size) * -1.8 * var(--funit));
  }
  .c-tag-circle {
    --_ls: var(--_ls-pc);
    --_fs: var(--_fs-pc);
    --_lh: var(--_lh-pc);
    --_size: var(--_size-pc);
  }
  #app [class*=c-ttl--] {
    --_font-size: var(--_font-size-pc);
    --_line-height: var(--_line-height-pc);
    --_letter-spacing: var(--_letter-spacing-pc);
  }
  #app [class*=c-txt--] {
    --_font-size: var(--_font-size-pc);
    --_line-height: var(--_line-height-pc);
  }
  #app .c-txtdec--serif[data-dir=bottom] {
    --_tail-size: 26;
    --_tail-length: 24;
    --_padding-y-base: 16;
    --_padding-yb-base: 7;
  }
  #app .u-mt5 {
    --_mt: 5;
  }
  #app .u-mt10 {
    --_mt: 10;
  }
  #app .u-mt15 {
    --_mt: 15;
  }
  #app .u-mt20 {
    --_mt: 20;
  }
  #app .u-mt25 {
    --_mt: 25;
  }
  #app .u-mt30 {
    --_mt: 30;
  }
  #app .u-mt35 {
    --_mt: 35;
  }
  #app .u-mt40 {
    --_mt: 40;
  }
  #app .u-mt45 {
    --_mt: 45;
  }
  #app .u-mt50 {
    --_mt: 50;
  }
  #app .u-mt55 {
    --_mt: 55;
  }
  #app .u-mt60 {
    --_mt: 60;
  }
  #app .u-mt65 {
    --_mt: 65;
  }
  #app .u-mt70 {
    --_mt: 70;
  }
  #app .u-mt75 {
    --_mt: 75;
  }
  #app .u-mt80 {
    --_mt: 80;
  }
  #app .u-mt85 {
    --_mt: 85;
  }
  #app .u-mt90 {
    --_mt: 90;
  }
  #app .u-mt95 {
    --_mt: 95;
  }
  #app .u-mt100 {
    --_mt: 100;
  }
  #app .u-mt-pc5 {
    --_mt: 5;
  }
  #app .u-mt-pc10 {
    --_mt: 10;
  }
  #app .u-mt-pc15 {
    --_mt: 15;
  }
  #app .u-mt-pc20 {
    --_mt: 20;
  }
  #app .u-mt-pc25 {
    --_mt: 25;
  }
  #app .u-mt-pc30 {
    --_mt: 30;
  }
  #app .u-mt-pc35 {
    --_mt: 35;
  }
  #app .u-mt-pc40 {
    --_mt: 40;
  }
  #app .u-mt-pc45 {
    --_mt: 45;
  }
  #app .u-mt-pc50 {
    --_mt: 50;
  }
  #app .u-mt-pc55 {
    --_mt: 55;
  }
  #app .u-mt-pc60 {
    --_mt: 60;
  }
  #app .u-mt-pc65 {
    --_mt: 65;
  }
  #app .u-mt-pc70 {
    --_mt: 70;
  }
  #app .u-mt-pc75 {
    --_mt: 75;
  }
  #app .u-mt-pc80 {
    --_mt: 80;
  }
  #app .u-mt-pc85 {
    --_mt: 85;
  }
  #app .u-mt-pc90 {
    --_mt: 90;
  }
  #app .u-mt-pc95 {
    --_mt: 95;
  }
  #app .u-mt-pc100 {
    --_mt: 100;
  }
  #app .u-mb5 {
    --_mb: 5;
  }
  #app .u-mb10 {
    --_mb: 10;
  }
  #app .u-mb15 {
    --_mb: 15;
  }
  #app .u-mb20 {
    --_mb: 20;
  }
  #app .u-mb25 {
    --_mb: 25;
  }
  #app .u-mb30 {
    --_mb: 30;
  }
  #app .u-mb35 {
    --_mb: 35;
  }
  #app .u-mb40 {
    --_mb: 40;
  }
  #app .u-mb45 {
    --_mb: 45;
  }
  #app .u-mb50 {
    --_mb: 50;
  }
  #app .u-mb-pc5 {
    --_mb: 5;
  }
  #app .u-mb-pc10 {
    --_mb: 10;
  }
  #app .u-mb-pc15 {
    --_mb: 15;
  }
  #app .u-mb-pc20 {
    --_mb: 20;
  }
  #app .u-mb-pc25 {
    --_mb: 25;
  }
  #app .u-mb-pc30 {
    --_mb: 30;
  }
  #app .u-mb-pc35 {
    --_mb: 35;
  }
  #app .u-mb-pc40 {
    --_mb: 40;
  }
  #app .u-mb-pc45 {
    --_mb: 45;
  }
  #app .u-mb-pc50 {
    --_mb: 50;
  }
  #app .u-mb-pc55 {
    --_mb: 55;
  }
  #app .u-mb-pc60 {
    --_mb: 60;
  }
  #app .u-mb-pc65 {
    --_mb: 65;
  }
  #app .u-mb-pc70 {
    --_mb: 70;
  }
  #app .u-mb-pc75 {
    --_mb: 75;
  }
  #app .u-mb-pc80 {
    --_mb: 80;
  }
  #app .u-mb-pc85 {
    --_mb: 85;
  }
  #app .u-mb-pc90 {
    --_mb: 90;
  }
  #app .u-mb-pc95 {
    --_mb: 95;
  }
  #app .u-mb-pc100 {
    --_mb: 100;
  }
  #app .u-mt2 {
    --_mt: 2;
  }
  #app .u-mt22 {
    --_mt: 22;
  }
  #app .u-mt41 {
    --_mt: 41;
  }
  #app .u-mt58 {
    --_mt: 58;
  }
  #app .u-mt62 {
    --_mt: 62;
  }
  #app .u-mt98 {
    --_mt: 98;
  }
  #app .u-mt-pc98 {
    --_mt: 98;
  }
  #app .u-mt-pc62 {
    --_mt: 62;
  }
  #app .u-mt-pc58 {
    --_mt: 58;
  }
  #app .u-mt-pc41 {
    --_mt: 41;
  }
  #app .u-mt-pc22 {
    --_mt: 22;
  }
  .u-pt5 {
    --_pt: 5;
  }
  .u-pt10 {
    --_pt: 10;
  }
  .u-pt15 {
    --_pt: 15;
  }
  .u-pt20 {
    --_pt: 20;
  }
  .u-pt25 {
    --_pt: 25;
  }
  .u-pt30 {
    --_pt: 30;
  }
  .u-pt35 {
    --_pt: 35;
  }
  .u-pt40 {
    --_pt: 40;
  }
  .u-pt45 {
    --_pt: 45;
  }
  .u-pt50 {
    --_pt: 50;
  }
  .u-pt55 {
    --_pt: 55;
  }
  .u-pt60 {
    --_pt: 60;
  }
  .u-pt65 {
    --_pt: 65;
  }
  .u-pt70 {
    --_pt: 70;
  }
  .u-pt75 {
    --_pt: 75;
  }
  .u-pt80 {
    --_pt: 80;
  }
  .u-pt85 {
    --_pt: 85;
  }
  .u-pt90 {
    --_pt: 90;
  }
  .u-pt95 {
    --_pt: 95;
  }
  .u-pt100 {
    --_pt: 100;
  }
  .u-pt105 {
    --_pt: 105;
  }
  .u-pt110 {
    --_pt: 110;
  }
  .u-pt115 {
    --_pt: 115;
  }
  .u-pt120 {
    --_pt: 120;
  }
  .u-pt125 {
    --_pt: 125;
  }
  .u-pt-pc5 {
    --_pt: 5;
  }
  .u-pt-pc10 {
    --_pt: 10;
  }
  .u-pt-pc15 {
    --_pt: 15;
  }
  .u-pt-pc20 {
    --_pt: 20;
  }
  .u-pt-pc25 {
    --_pt: 25;
  }
  .u-pt-pc30 {
    --_pt: 30;
  }
  .u-pt-pc35 {
    --_pt: 35;
  }
  .u-pt-pc40 {
    --_pt: 40;
  }
  .u-pt-pc45 {
    --_pt: 45;
  }
  .u-pt-pc50 {
    --_pt: 50;
  }
  .u-pt-pc55 {
    --_pt: 55;
  }
  .u-pt-pc60 {
    --_pt: 60;
  }
  .u-pt-pc65 {
    --_pt: 65;
  }
  .u-pt-pc70 {
    --_pt: 70;
  }
  .u-pt-pc75 {
    --_pt: 75;
  }
  .u-pt-pc80 {
    --_pt: 80;
  }
  .u-pt-pc85 {
    --_pt: 85;
  }
  .u-pt-pc90 {
    --_pt: 90;
  }
  .u-pt-pc95 {
    --_pt: 95;
  }
  .u-pt-pc100 {
    --_pt: 100;
  }
  .u-pb5 {
    --_pb: 5;
  }
  .u-pb10 {
    --_pb: 10;
  }
  .u-pb15 {
    --_pb: 15;
  }
  .u-pb20 {
    --_pb: 20;
  }
  .u-pb25 {
    --_pb: 25;
  }
  .u-pb30 {
    --_pb: 30;
  }
  .u-pb35 {
    --_pb: 35;
  }
  .u-pb40 {
    --_pb: 40;
  }
  .u-pb45 {
    --_pb: 45;
  }
  .u-pb50 {
    --_pb: 50;
  }
  .u-pb55 {
    --_pb: 55;
  }
  .u-pb60 {
    --_pb: 60;
  }
  .u-pb65 {
    --_pb: 65;
  }
  .u-pb70 {
    --_pb: 70;
  }
  .u-pb75 {
    --_pb: 75;
  }
  .u-pb80 {
    --_pb: 80;
  }
  .u-pb85 {
    --_pb: 85;
  }
  .u-pb90 {
    --_pb: 90;
  }
  .u-pb95 {
    --_pb: 95;
  }
  .u-pb100 {
    --_pb: 100;
  }
  .u-pb105 {
    --_pb: 105;
  }
  .u-pb110 {
    --_pb: 110;
  }
  .u-pb115 {
    --_pb: 115;
  }
  .u-pb120 {
    --_pb: 120;
  }
  .u-pb125 {
    --_pb: 125;
  }
  .u-pb-pc5 {
    --_pb: 5;
  }
  .u-pb-pc10 {
    --_pb: 10;
  }
  .u-pb-pc15 {
    --_pb: 15;
  }
  .u-pb-pc20 {
    --_pb: 20;
  }
  .u-pb-pc25 {
    --_pb: 25;
  }
  .u-pb-pc30 {
    --_pb: 30;
  }
  .u-pb-pc35 {
    --_pb: 35;
  }
  .u-pb-pc40 {
    --_pb: 40;
  }
  .u-pb-pc45 {
    --_pb: 45;
  }
  .u-pb-pc50 {
    --_pb: 50;
  }
  .u-pb-pc55 {
    --_pb: 55;
  }
  .u-pb-pc60 {
    --_pb: 60;
  }
  .u-pb-pc65 {
    --_pb: 65;
  }
  .u-pb-pc70 {
    --_pb: 70;
  }
  .u-pb-pc75 {
    --_pb: 75;
  }
  .u-pb-pc80 {
    --_pb: 80;
  }
  .u-pb-pc85 {
    --_pb: 85;
  }
  .u-pb-pc90 {
    --_pb: 90;
  }
  .u-pb-pc95 {
    --_pb: 95;
  }
  .u-pb-pc100 {
    --_pb: 100;
  }
  .u-pt99 {
    --_pt: 99;
  }
  .u-pt102 {
    --_pt: 102;
  }
  .u-pb98 {
    --_pb: 98;
  }
  .u-pb101 {
    --_pb: 101;
  }
  .u-pt-pc109 {
    --_pt: 109;
  }

  .u-pt-pc102 {
    --_pt: 102;
  }

  .u-pb-pc69 {
    --_pb: 69;
  }
  .isSP {
    display: none !important;
  }

  .u-disp__-md {
    display: none !important;
  }

  .u-hidden__md- {
    display: none !important;
  }
  #app .p-slider-wrap > .swiper {
    -webkit-margin-after: 100px;
    max-inline-size: min(61dvi, 915px);
            margin-block-end: 100px;
  }
  #app .p-slider-wrap > .swiper:not([data-serif-frame]), #app .p-slider-wrap > .swiper[data-serif-frame=normal] {
    --_serif-tail-w: 8.1%;
    --_slider-serif-clip: polygon(0.2% 10%,
        var(--_serif-tail-w) 30%,
        var(--_serif-tail-w) 8%,
        93% 0%,
        100% 100%,
        var(--_serif-tail-w) 92%,
        var(--_serif-tail-w) 53%);
  }
  #app .p-slider-wrap > .swiper[data-serif-frame=reverse] {
    --_serif-tail-w: 8.1%;
    --_slider-serif-clip: polygon(0.2% 10%,
        var(--_serif-tail-w) 30%,
        var(--_serif-tail-w) 8%,
        100% 0%,
        93% 100%,
        var(--_serif-tail-w) 92%,
        var(--_serif-tail-w) 53%);
  }
  #app .p-slider-wrap .swiper-button-prev,
#app .p-slider-wrap .swiper-button-next {
    inline-size: clamp(60px, 5.3333333333dvi, 80px);
    block-size: clamp(60px, 5.3333333333dvi, 80px);
    inset-block-start: min(13.6666666667dvi, 205px);
  }
  #app .p-slider-wrap .swiper-button-prev {
    inset-inline-start: max(-14.1333333333dvi, -212px);
  }
  #app .p-slider-wrap .swiper-button-next {
    inset-inline-end: max(-14.1333333333dvi, -212px);
  }
  #app .p-slider-wrap .swiper-button-prev::before,
#app .p-slider-wrap .swiper-button-next::before {
    -webkit-border-before: clamp(2.8px, 0.2666666667dvi, 4px) solid var(--color-black);
    -webkit-border-end: clamp(2.8px, 0.2666666667dvi, 4px) solid var(--color-black);
    width: clamp(11.2px, 1.0666666667dvi, 16px);
    height: clamp(11.2px, 1.0666666667dvi, 16px);
            border-inline-end: clamp(2.8px, 0.2666666667dvi, 4px) solid var(--color-black);
            border-block-start: clamp(2.8px, 0.2666666667dvi, 4px) solid var(--color-black);
  }
  #app .p-slider-wrap .swiper-button-prev::before {
    -webkit-margin-start: min(0.3333333333dvi, 5px);
            margin-inline-start: min(0.3333333333dvi, 5px);
  }
  #app .p-slider-wrap .swiper-button-next::before {
    -webkit-margin-end: min(0.3333333333dvi, 5px);
            margin-inline-end: min(0.3333333333dvi, 5px);
  }
  #app .p-slider-wrap .swiper-pagination {
    inset-block-end: min(1.3333333333dvi, 20px);
  }
  #app .p-slider-wrap .slide-content {
    inline-size: min(48.6666666667dvi, 730px);
  }
  #app .p-slider-wrap .slide-media {
    aspect-ratio: 730/400;
    max-inline-size: min(48.6666666667dvi, 730px);
  }
  #app .p-slider-wrap .overlay-content {
    grid-template: "img ttl " minmax(20px, auto) "img desc" minmax(20px, auto)/min(13.3333333333dvi, 200px) 1fr;
    margin-inline: max(-12.3333333333dvi, -185px);
    margin-block: max(-12.2dvi, -183px) min(1.8dvi, 27px);
  }
  #app .p-slider-wrap .overlay-content > .pic {
    inline-size: min(36.6666666667dvi, 550px);
    block-size: min(24.6666666667dvi, 370px);
    margin-inline: max(-6.3333333333dvi, -95px) max(-17dvi, -255px);
    translate: min(6.3333333333dvi, 95px) max(-0.2666666667dvi, -4px);
  }
  #app .p-slider-wrap .overlay-content > .ttlwrap {
    -webkit-margin-start: min(5.3333333333dvi, 80px);
    -webkit-margin-before: min(9.3333333333dvi, 140px);
    inline-size: calc(100% - min(11.3333333333dvi, 170px));
    min-block-size: min(8.2666666667dvi, 124px);
            margin-inline-start: min(5.3333333333dvi, 80px);
            margin-block-start: min(9.3333333333dvi, 140px);
    padding-inline: min(6dvi, 90px) min(2dvi, 30px);
  }
  #app .p-slider-wrap .overlay-content > .ttlwrap .ttl {
    -webkit-padding-end: 15px;
            padding-inline-end: 15px;
    padding-block: min(1.6dvi, 24px);
    font-weight: var(--fw-bold);
    font-size: clamp(1.5rem, 2dvi, 1.875rem);
    line-height: clamp(1.875rem, 2.4dvi, 2.25rem);
    letter-spacing: 0;
  }
  #app .p-slider-wrap .overlay-content > .desc {
    -webkit-margin-before: min(1.3333333333dvi, 20px);
    -webkit-margin-start: min(9.3333333333dvi, 140px);
    max-inline-size: calc(100% - min(12.6666666667dvi, 190px));
            margin-inline-start: min(9.3333333333dvi, 140px);
            margin-block-start: min(1.3333333333dvi, 20px);
    font-weight: var(--fw-medium);
    font-size: 1.125rem;
    line-height: 1.4444444444;
    letter-spacing: 0;
  }
  #app .p-mv-slide > .logo {
    inline-size: min(19.5652173913dvi, 270px);
    block-size: min(18.115942029dvi, 250px);
    inset-block-start: min(11.5217391304dvi, 159px);
    inset-inline-start: min(2.3188405797dvi, 32px);
  }
  #app .p-mv-front {
    -webkit-margin-before: max(-10.8dvi, -162px);
    grid-template: "img ttl tag" minmax(20px, 1fr) "img txt txt" minmax(20px, auto)/auto 1fr auto;
            margin-block-start: max(-10.8dvi, -162px);
  }
  #app .p-mv-front > .obj01 {
    aspect-ratio: 330/343;
    inline-size: clamp(231px, 23.9130434783dvi, 330px);
    translate: min(0.2dvi, 3px) min(0.8666666667dvi, 13px);
  }
  #app .p-mv-front > .ttl {
    -webkit-margin-start: -8px;
    -webkit-margin-before: min(13.4057971014dvi, 185px);
    -webkit-padding-end: 10px;
            margin-inline-start: -8px;
            margin-block-start: min(13.4057971014dvi, 185px);
            padding-inline-end: 10px;
    font-weight: var(--fw-semibold);
    font-size: 1.875rem;
    line-height: 1.6;
  }
  #app .p-mv-front > .desc .bold {
    font-weight: var(--fw-bold);
  }
  #app .p-mv-front > .desc .bold {
    -webkit-margin-start: 0.5rem;
            margin-inline-start: 0.5rem;
  }
  #app .p-mv-front > .desc .punk {
    -webkit-margin-end: max(-1.8666666667dvi, -28px);
            margin-inline-end: max(-1.8666666667dvi, -28px);
  }
  #app .p-mv-front > .c-tag-circle {
    align-self: center;
    inset-block-start: min(3.2dvi, 48px);
    inset-inline-start: max(-3.3333333333dvi, -50px);
  }
  #app .p-sec01 > .l-inner > .l-grid-col3 {
    -moz-column-gap: min(2.6666666667dvi, 40px);
         column-gap: min(2.6666666667dvi, 40px);
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 {
    -moz-column-gap: min(3.3333333333dvi, 50px);
         column-gap: min(3.3333333333dvi, 50px);
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid {
    inline-size: min(40dvi, 600px);
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl {
    -webkit-margin-before: 40px;
    row-gap: 10px;
            margin-block-start: 40px;
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl .company {
    font-weight: var(--fw-bold);
    font-size: 1.625rem;
    line-height: 1.4230769231;
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl .name {
    font-weight: var(--fw-bold);
    font-size: 2.125rem;
    line-height: 1.4411764706;
  }
  #app .p-sec03 > .l-inner > .l-grid-col2 > .l-grid .ttl .sama {
    font-size: 1.5rem;
    line-height: 1.4583333333;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 {
    --_columns: 1fr auto;
    -webkit-margin-after: -13px;
            margin-block-end: -13px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 > .c-list--indent {
    -webkit-margin-before: 8px;
            margin-block-start: 8px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 > .c-list--indent .c-txt--list-s {
    -webkit-margin-start: 3px;
            margin-inline-start: 3px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid01 > .l-btn {
    -webkit-margin-start: 32px;
    justify-items: start;
            margin-inline-start: 32px;
    margin-block: 41px 60px;
  }
  #app .p-sec04 > .l-inner > .l-grid-col2 > .grid02 > .c-pic {
    aspect-ratio: 310/322;
    inline-size: clamp(217px, 20.6666666667dvi, 310px);
    translate: min(0.5333333333dvi, 8px) max(-0.2666666667dvi, -4px);
  }
  #app .p-sec05 > .l-inner > .l-grid-col1 {
    -moz-column-gap: min(3.3333333333dvi, 50px);
         column-gap: min(3.3333333333dvi, 50px);
  }
  #app .p-sec05 > .l-inner > .l-grid-col1 > .l-grid {
    inline-size: min(40dvi, 600px);
  }
  #app .p-sec05 > .l-inner > .l-grid-col2 {
    -moz-column-gap: min(3.3333333333dvi, 50px);
         column-gap: min(3.3333333333dvi, 50px);
  }
  #app .p-sec05 > .l-inner > .l-grid-col2 > .l-grid {
    inline-size: min(40dvi, 600px);
  }
  #app .p-sec06 > .l-inner .sec-ttl-sub {
    -webkit-margin-start: -14px;
            margin-inline-start: -14px;
  }
  #app .p-sec06 > .l-inner .sec-ttl {
    -webkit-margin-before: 4px;
            margin-block-start: 4px;
    letter-spacing: 0.1125rem;
  }
  #app .p-sec06 > .l-inner .sec-ttl .num {
    -webkit-margin-end: 13px;
            margin-inline-end: 13px;
    font-weight: var(--fw-bold);
    font-size: 5rem;
    line-height: 0.75;
    letter-spacing: -0.5625rem;
  }
  #app .p-sec06 > .l-inner .sec-ttl .head {
    letter-spacing: -0.25rem;
  }
  #app .p-sec06 > .l-inner .sec-ttl .punk {
    -webkit-margin-end: -23px;
            margin-inline-end: -23px;
  }
  #app .p-sec06 > .l-inner > .grid01 {
    -webkit-margin-before: 17px;
            margin-block-start: 17px;
  }
  #app .p-sec06 > .l-inner > .grid01 > .pic01 {
    aspect-ratio: 71/113;
    inline-size: vwcmaxca(71, 0.7);
    translate: 0 min(0.9333333333dvi, 14px);
  }
  #app .p-sec06 > .l-inner > .grid01 > .desc {
    font-weight: var(--fw-bold);
    font-size: 1.375rem;
    line-height: 1.4545454545;
  }
  #app .p-sec06 > .l-inner > .grid01 > .desc .num {
    font-weight: var(--fw-bold);
    font-size: 2.1875rem;
    line-height: 1.4571428571;
  }
  #app .p-sec06 > .l-inner > .grid01 > .desc .red {
    font-weight: var(--fw-bold);
    font-size: 1.5625rem;
    line-height: 1.44;
  }
  #app .p-sec06 > .l-inner > .grid01 > .pic02 {
    aspect-ratio: 71/124;
    inline-size: vwcmaxca(71, 0.7);
    translate: 0 min(0.4666666667dvi, 7px);
  }
  #app .p-sec06 > .l-inner > .l-grid-col2 {
    -moz-column-gap: min(3.3333333333dvi, 50px);
         column-gap: min(3.3333333333dvi, 50px);
  }
  #app .p-sec06 > .l-inner > .l-grid-col2 > .l-grid {
    inline-size: min(40dvi, 600px);
  }
  #app .p-sec06 > .l-inner .grid-flow {
    --_columns: repeat(3, 1fr);
    -moz-column-gap: 10px;
    grid-template-rows: auto auto;
         column-gap: 10px;
    row-gap: 60px;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card {
    block-size: 100%;
    min-block-size: 371px;
    padding-inline: 20px;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+1):before, #app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+1):after,
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+2):before,
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+2):after {
    -webkit-clip-path: polygon(0 0, 100% 50%, 0% 100%);
    z-index: 10;
    position: absolute;
    align-self: center;
    justify-self: end;
    inline-size: 20px;
    block-size: 60px;
    content: "";
            clip-path: polygon(0 0, 100% 50%, 0% 100%);
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+1):before,
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+2):before {
    -webkit-margin-end: -30px;
            margin-inline-end: -30px;
    background-color: var(--color-white);
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+1):after,
#app .p-sec06 > .l-inner .grid-flow .l-grid-card:nth-child(3n+2):after {
    -webkit-margin-end: -20px;
            margin-inline-end: -20px;
    background-color: var(--color-gray-300);
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .step {
    -webkit-margin-before: -30px;
    inline-size: 100px;
            margin-block-start: -30px;
    font-weight: var(--fw-bold);
    font-size: 0.875rem;
    line-height: 1;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .step .num {
    font-weight: var(--fw-bold);
    font-size: 2.5rem;
    line-height: 1;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .ttl {
    font-weight: var(--fw-bold);
    font-size: 1.75rem;
    line-height: 1.4285714286;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .desc {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }
  #app .p-sec06 > .l-inner .grid-flow .l-grid-card:not(.grid-step06) > .c-pic {
    -webkit-margin-after: 30px;
            margin-block-end: 30px;
  }
  #app .p-sec06 > .l-inner .grid-flow > .grid-step04,
#app .p-sec06 > .l-inner .grid-flow .grid-step05,
#app .p-sec06 > .l-inner .grid-flow .grid-step06 {
    min-block-size: 384px;
  }
  #app .p-sec06 > .l-inner .grid-flow > .grid-step06 {
    -webkit-padding-after: 13px;
            padding-block-end: 13px;
  }
  #app .p-sec06 > .l-inner .grid-flow > .grid-step06 > .ttl {
    font-weight: var(--fw-bold);
    font-size: 2.125rem;
    line-height: 1.4411764706;
  }
  #app .p-sec06 > .l-inner .grid-flow > .grid-step06 > .desc {
    font-weight: var(--fw-medium);
    font-size: 1rem;
    line-height: 1.5;
  }
  .p-sec07 > .l-inner .form-cautions .c-list--indent {
    -webkit-margin-before: 10px !important;
            margin-block-start: 10px !important;
  }
  .p-sec07 > .l-inner .form-cautions .c-list--indent li {
    font-weight: var(--fw-regular);
    font-size: 1rem;
    line-height: 1.5;
  }
  .p-sec08:not(:has(.--full-btn)) {
    padding-block: 60px 25px;
  }
  .p-sec08 > .l-inner.--full-btn > .c-link {
    padding-block: 60px 25px;
  }
  .p-sec08 > .l-inner.--full-btn .grid-list {
    padding-inline: 20px;
  }
  .p-sec08 > .l-inner .l-grid-col2 {
    --_columns: auto auto;
    -moz-column-gap: min(0.7333333333dvi, 11px);
         column-gap: min(0.7333333333dvi, 11px);
  }
  .p-sec08 > .l-inner .l-grid-col2 > .grid01 {
    aspect-ratio: 210/218;
    inline-size: clamp(120px, 21dvi, 210px);
  }
  .p-sec08 > .l-inner .l-grid-col2 > .grid02 {
    -webkit-margin-before: -18px;
            margin-block-start: -18px;
  }
  #app .p-fixed-cv > [class*=c-btn-box] {
    -webkit-margin-end: 20px;
    justify-self: end;
            margin-inline-end: 20px;
  }
  #app .elq-item-select {
    font-weight: var(--fw-bold);
    font-size: 20px;
    line-height: 1.45;
  }
}
@media (any-hover: hover) and (pointer: fine) {
  .c-btn-circle:hover {
    --_icon-x: 2;
    opacity: 0.8;
  }
  #app .c-btn-rounded:hover {
    opacity: 0.8;
  }
  #app [class*=c-btn-box]:hover {
    --_icon-x: 2;
    opacity: var(--btn-hover-opacity);
  }
  #app [class*=c-btn-box]:has(.c-icon--angle-arrow-down):hover {
    --_icon-x: 0;
    --_icon-y: 2;
  }
  #app [class*=c-btn-txt]:hover {
    opacity: var(--btn-hover-opacity);
  }
  #app .c-link:hover {
    opacity: var(--btn-hover-opacity);
  }
  #app .c-link-txt:hover {
    opacity: var(--btn-hover-opacity);
  }
  .c-link-txt--arrow:hover {
    opacity: 0.8;
  }
  .c-link-txt--arrow:hover:after {
    --_ix: 2;
  }
  #app .p-slider-wrap .swiper-button-prev:hover,
#app .p-slider-wrap .swiper-button-next:hover {
    outline: solid;
  }
  #app .p-slider-wrap .swiper-pagination-bullet:hover {
    outline: solid;
  }
}
@media screen and (min-width: 23.4375em) {
  .u-disp__-xs {
    display: none !important;
  }
}
@media screen and (max-width: 63.99375em) {
  .u-disp__lg- {
    display: none !important;
  }

  .u-hidden__-lg {
    display: none !important;
  }
}
@media screen and (min-width: 64em) {
  .u-disp__-lg {
    display: none !important;
  }

  .u-hidden__lg- {
    display: none !important;
  }
}
@media screen and (max-width: 59.99375em) {
  .u-disp__lgm- {
    display: none !important;
  }

  .u-hidden__-lgm {
    display: none !important;
  }
}
@media screen and (min-width: 60em) {
  .u-disp__-lgm {
    display: none !important;
  }

  .u-hidden__lgm- {
    display: none !important;
  }
}
@media (prefers-reduced-motion: no-preference) and (scripting: enabled) {
  [data-anim]:not([data-animated=end]) {
    transition-property: var(--_property);
    transition-timing-function: var(--_easing);
  }
  [data-anim][data-animated=true]:not(:focus-within) {
    transition-duration: var(--_duration);
  }
  [data-anim][data-animated]:not([data-animated=end]) {
    pointer-events: none;
  }

  [data-anim^=clip--] {
    --_property: clip-path;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_start-opacity: 0;
    --_stating-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
  }
  [data-anim^=clip--]:not([data-animated]) {
    -webkit-clip-path: unset;
            clip-path: unset;
    opacity: var(--_start-opacity);
    transition: none;
  }
  [data-anim^=clip--][data-animated=start] {
    -webkit-clip-path: var(--_stating-path);
            clip-path: var(--_stating-path);
  }
  [data-anim^=clip--][data-animated=true] {
    -webkit-clip-path: var(--_end-path);
            clip-path: var(--_end-path);
  }

  [data-anim=clip--x] {
    --_stating-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
  }
  [data-anim=clip--x]:not([data-animated]) {
    --_start-opacity: 1;
    -webkit-clip-path: var(--_stating-path);
            clip-path: var(--_stating-path);
  }
  [data-anim=clip--x][data-animated=true] {
    --_end-path: polygon(0 0, 0% 20%, 0 50%, 0 100%, 20% 100%, 50% 100%, 81% 100%, 100% 100%, 100% 50%, 100% 20%, 100% 0, 50% 0);
  }

  [data-anim=clip--up] {
    --_stating-path: inset(100% 0 0% 0);
  }

  [data-anim=clip--down] {
    --_stating-path: inset(0 0 100% 0);
  }

  [data-anim=clip--right] {
    --_stating-path: inset(0 100% 0 0);
  }

  [data-anim=clip--left] {
    --_stating-path: inset(0 0 0% 100%);
  }

  [data-anim^=clip-slide--] {
    --_property: clip-path, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_stating-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    transition-delay: var(--_delay);
  }
  [data-anim^=clip-slide--]:not([data-animated]) {
    -webkit-clip-path: unset;
    translate: var(--_start-x) var(--_start-y);
            clip-path: unset;
    transition: none;
  }
  [data-anim^=clip-slide--][data-animated=start] {
    -webkit-clip-path: var(--_stating-path);
    translate: var(--_start-x) var(--_start-y);
            clip-path: var(--_stating-path);
  }
  [data-anim^=clip-slide--][data-animated=true] {
    -webkit-clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
            clip-path: var(--_end-path);
  }

  [data-anim=clip-slide--up] {
    --_stating-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }

  [data-anim=clip-slide--down] {
    --_stating-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }

  [data-anim=clip-slide--right] {
    --_stating-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }

  [data-anim=clip-slide--left] {
    --_stating-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }

  [data-anim^=clip-slide-fade--] {
    --_property: clip-path, opacity, translate;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_start-opacity: 0;
    --_stating-path: inset(0% 100% 0% 0%);
    --_end-path: inset(0 0 0 0);
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    transition-delay: var(--_delay);
  }
  [data-anim^=clip-slide-fade--]:not([data-animated]) {
    -webkit-clip-path: unset;
    translate: var(--_start-x) var(--_start-y);
            clip-path: unset;
    opacity: var(--_start-opacity);
    transition: none;
  }
  [data-anim^=clip-slide-fade--][data-animated=start] {
    -webkit-clip-path: var(--_stating-path);
    translate: var(--_start-x) var(--_start-y);
            clip-path: var(--_stating-path);
    opacity: var(--_start-opacity);
  }
  [data-anim^=clip-slide-fade--][data-animated=true] {
    -webkit-clip-path: var(--_end-path);
    translate: var(--_end-x) var(--_end-y);
            clip-path: var(--_end-path);
    opacity: 1;
  }

  [data-anim=clip-slide-fade--up] {
    --_stating-path: inset(0 0 100% 0);
    --_start-y: 100%;
  }

  [data-anim=clip-slide-fade--down] {
    --_stating-path: inset(100% 0 0% 0);
    --_start-y: -100%;
  }

  [data-anim=clip-slide-fade--right] {
    --_stating-path: inset(0 0 0% 100%);
    --_start-x: -100%;
  }

  [data-anim=clip-slide-fade--left] {
    --_stating-path: inset(0 100% 0 0);
    --_start-x: 100%;
  }

  [data-anim^=clip-overlay--] {
    --_overlay-color: var(--color-black);
    --_overlay-duration: var(--_duration);
    --_overlay-delay: calc(var(--_overlay-duration) / 2);
    position: relative;
  }
  [data-anim^=clip-overlay--]::after {
    -webkit-clip-path: var(--_stating-path);
    position: absolute;
    inset: 0;
    rotate: 180deg;
    background-color: var(--_overlay-color);
    content: "";
            clip-path: var(--_stating-path);
    transition-property: var(--_property);
    transition-timing-function: var(--_easing);
  }
  [data-anim^=clip-overlay--]:not(:focus-within)::after {
    transition-delay: calc(var(--_duration) / 2);
    transition-duration: var(--_duration);
  }
  [data-anim^=clip-overlay--]:not([data-animated])::after {
    -webkit-clip-path: var(--_end-path);
            clip-path: var(--_end-path);
  }
  [data-anim^=clip-overlay--][data-animated=start]::after {
    -webkit-clip-path: var(--_end-path);
            clip-path: var(--_end-path);
  }
  [data-anim^=clip-overlay--][data-animated=true]::after {
    -webkit-clip-path: var(--_stating-path);
            clip-path: var(--_stating-path);
  }
  [data-anim=clip-overlay--up] {
    --_stating-path: inset(100% 0 0% 0);
  }

  [data-anim=clip-overlay--down] {
    --_stating-path: inset(0 0 100% 0);
  }

  [data-anim=clip-overlay--right] {
    --_stating-path: inset(0 100% 0 0);
  }

  [data-anim=clip-overlay--left] {
    --_stating-path: inset(0 0 0% 100%);
  }

  [data-anim^=fade--] {
    --_property: opacity, translate;
    --_easing: ease-in-out;
    --_duration: 0.5s;
    --_delay: 0;
    --_start-x: 0;
    --_start-y: 0;
    --_end-x: 0;
    --_end-y: 0;
    transition-delay: var(--_delay);
  }
  [data-anim^=fade--]:not([data-animated=true]):not([data-animated=end]) {
    translate: var(--_start-x) var(--_start-y);
    opacity: 0;
  }
  [data-anim^=fade--][data-animated=start] {
    translate: var(--_start-x) var(--_start-y);
  }
  [data-anim^=fade--][data-animated=true] {
    translate: var(--_end-x) var(--_end-y);
  }

  [data-anim=fade--up] {
    --_start-y: calc( 40 * var(--vunit) );
  }

  [data-anim=fade--down] {
    --_start-y: calc( -40 * var(--vunit) );
  }

  [data-anim=fade--left] {
    --_start-x: calc( 40 * var(--vunit) );
  }

  [data-anim=fade--right] {
    --_start-x: calc( -40 * var(--vunit) );
  }

  [data-anim=scale--in] {
    --_property: opacity, scale;
    --_easing: cubic-bezier(0.19, 1, 0.22, 1);
    --_duration: 1s;
    --_starting-scale: 0.9;
    --_end-scale: 1.0;
    --_delay: 0;
    transition-delay: var(--_delay);
  }
  [data-anim=scale--in]:not([data-animated=true]):not([data-animated=end]) {
    scale: var(--_starting-scale);
    opacity: 0;
  }
  [data-anim=scale--in][data-animated=start] {
    scale: var(--_starting-scale);
  }
  [data-anim=scale--in][data-animated=true] {
    scale: var(--_end-scale);
  }
}
@media screen and (min-width: 39.99375em) and (max-width: 79.99375em) {
  #app .p-mv-front > .desc {
    margin-inline: -8px -1px;
    margin-block: 7px 40px;
    font-weight: var(--fw-bold);
    font-size: clamp(16.8px, 3.5dvi, 56px);
    line-height: clamp(20.4px, 4.25dvi, 68px);
  }
}
@media screen and (min-width: 80em) {
  #app .p-mv-front > .desc {
    margin-inline: -8px -1px;
    margin-block: 7px 40px;
    font-weight: var(--fw-bold);
    font-size: clamp(16.8px, 3.7333333333dvi, 56px);
    line-height: clamp(20.4px, 4.5333333333dvi, 68px);
  }
}
@media (min-width: 641px) {
  #app .elq-field-style {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #app .form-input {
    flex-shrink: 0;
    width: 66.25%;
  }

  #app .elq-item-textarea {
    min-height: 150px;
  }
  .pc\:absolute {
    position: absolute;
  }

  .pc\:bottom-\[66px\] {
    bottom: 66px;
  }

  .pc\:left-\[-16\.54\%\] {
    left: -16.54%;
  }

  .pc\:left-\[-6\.23\%\] {
    left: -6.23%;
  }

  .pc\:left-\[18px\] {
    left: 18px;
  }

  .pc\:left-\[31px\] {
    left: 31px;
  }

  .pc\:left-\[34\.99\%\] {
    left: 34.99%;
  }

  .pc\:right-0 {
    right: 0;
  }

  .pc\:right-\[-11\.32\%\] {
    right: -11.32%;
  }

  .pc\:right-\[-16\.15\%\] {
    right: -16.15%;
  }

  .pc\:right-\[-80px\] {
    right: -80px;
  }

  .pc\:top-1\/2 {
    top: 50%;
  }

  .pc\:top-\[-142px\] {
    top: -142px;
  }

  .pc\:top-\[-80px\] {
    top: -80px;
  }

  .pc\:top-\[105px\] {
    top: 105px;
  }

  .pc\:top-\[16px\] {
    top: 16px;
  }

  .pc\:top-\[552px\] {
    top: 552px;
  }

  .pc\:top-\[68px\] {
    top: 68px;
  }

  .pc\:top-\[7\.99\%\] {
    top: 7.99%;
  }

  .pc\:\!mt-\[15px\] {
    margin-top: 15px !important;
  }

  .pc\:\!mt-\[20px\] {
    margin-top: 20px !important;
  }

  .pc\:\!mt-\[23px\] {
    margin-top: 23px !important;
  }

  .pc\:ml-5 {
    margin-left: 20px;
  }

  .pc\:mr-5 {
    margin-right: 20px;
  }

  .pc\:mt-15 {
    margin-top: 60px;
  }

  .pc\:mt-20 {
    margin-top: 80px;
  }

  .pc\:mt-5 {
    margin-top: 20px;
  }

  .pc\:mt-\[-132px\] {
    margin-top: -132px;
  }

  .pc\:mt-\[-144px\] {
    margin-top: -144px;
  }

  .pc\:mt-\[-194px\] {
    margin-top: -194px;
  }

  .pc\:mt-\[100px\] {
    margin-top: 100px;
  }

  .pc\:mt-\[10px\] {
    margin-top: 10px;
  }

  .pc\:mt-\[20px\] {
    margin-top: 20px;
  }

  .pc\:mt-\[214px\] {
    margin-top: 214px;
  }

  .pc\:mt-\[242px\] {
    margin-top: 242px;
  }

  .pc\:mt-\[277px\] {
    margin-top: 277px;
  }

  .pc\:mt-\[29px\] {
    margin-top: 29px;
  }

  .pc\:mt-\[30px\] {
    margin-top: 30px;
  }

  .pc\:mt-\[33px\] {
    margin-top: 33px;
  }

  .pc\:mt-\[44px\] {
    margin-top: 44px;
  }

  .pc\:mt-\[45px\] {
    margin-top: 45px;
  }

  .pc\:mt-\[50px\] {
    margin-top: 50px;
  }

  .pc\:mt-\[65px\] {
    margin-top: 65px;
  }

  .pc\:mt-\[90px\] {
    margin-top: 90px;
  }

  .pc\:flex {
    display: flex;
  }

  .pc\:\!hidden {
    display: none !important;
  }

  .pc\:hidden {
    display: none;
  }

  .pc\:h-\[100px\] {
    height: 100px;
  }

  .pc\:h-\[50px\] {
    height: 50px;
  }

  .pc\:h-\[55px\] {
    height: 55px;
  }

  .pc\:h-\[60px\] {
    height: 60px;
  }

  .pc\:h-\[77px\] {
    height: 77px;
  }

  .pc\:h-\[90px\] {
    height: 90px;
  }

  .pc\:min-h-\[28px\] {
    min-height: 28px;
  }

  .pc\:w-\[100px\] {
    width: 100px;
  }

  .pc\:w-\[10px\] {
    width: 10px;
  }

  .pc\:w-\[21\%\] {
    width: 21%;
  }

  .pc\:w-\[23\.4\%\] {
    width: 23.4%;
  }

  .pc\:w-\[26\%\] {
    width: 26%;
  }

  .pc\:w-\[28\%\] {
    width: 28%;
  }

  .pc\:w-\[31\.04\%\] {
    width: 31.04%;
  }

  .pc\:w-\[31\.3\%\] {
    width: 31.3%;
  }

  .pc\:w-\[31px\] {
    width: 31px;
  }

  .pc\:w-\[352px\] {
    width: 352px;
  }

  .pc\:w-\[38\%\] {
    width: 38%;
  }

  .pc\:w-\[400px\] {
    width: 400px;
  }

  .pc\:w-\[43\.28\%\] {
    width: 43.28%;
  }

  .pc\:w-\[45\%\] {
    width: 45%;
  }

  .pc\:w-\[47\%\] {
    width: 47%;
  }

  .pc\:w-\[47\.5\%\] {
    width: 47.5%;
  }

  .pc\:w-\[50px\] {
    width: 50px;
  }

  .pc\:w-\[51\.06\%\] {
    width: 51.06%;
  }

  .pc\:w-\[52\.42\%\] {
    width: 52.42%;
  }

  .pc\:w-\[53\.19\%\] {
    width: 53.19%;
  }

  .pc\:w-\[66\%\] {
    width: 66%;
  }

  .pc\:w-\[68\%\] {
    width: 68%;
  }

  .pc\:w-\[69\%\] {
    width: 69%;
  }

  .pc\:w-\[70\%\] {
    width: 70%;
  }

  .pc\:w-\[73\.2\%\] {
    width: 73.2%;
  }

  .pc\:w-\[80\%\] {
    width: 80%;
  }

  .pc\:w-\[82\.32\%\] {
    width: 82.32%;
  }

  .pc\:w-\[84\.62\%\] {
    width: 84.62%;
  }

  .pc\:w-\[85\.3\%\] {
    width: 85.3%;
  }

  .pc\:w-\[89\.47\%\] {
    width: 89.47%;
  }

  .pc\:w-\[9\%\] {
    width: 9%;
  }

  .pc\:w-full {
    width: 100%;
  }

  .pc\:max-w-\[1160px\] {
    max-width: 1160px;
  }

  .pc\:max-w-\[880px\] {
    max-width: 880px;
  }

  .pc\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .pc\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .pc\:justify-between {
    justify-content: space-between;
  }

  .pc\:gap-x-\[5\%\] {
    -moz-column-gap: 5%;
    column-gap: 5%;
  }

  .pc\:gap-y-\[70px\] {
    row-gap: 70px;
  }

  .pc\:p-10 {
    padding: 40px;
  }

  .pc\:p-\[15px\] {
    padding: 15px;
  }

  .pc\:p-\[18px\] {
    padding: 18px;
  }

  .pc\:px-20 {
    padding-right: 80px;
    padding-left: 80px;
  }

  .pc\:px-\[40px\] {
    padding-right: 40px;
    padding-left: 40px;
  }

  .pc\:pb-\[100px\] {
    padding-bottom: 100px;
  }

  .pc\:pb-\[11px\] {
    padding-bottom: 11px;
  }

  .pc\:pb-\[230px\] {
    padding-bottom: 230px;
  }

  .pc\:pt-\[100px\] {
    padding-top: 100px;
  }

  .pc\:pt-\[145px\] {
    padding-top: 145px;
  }

  .pc\:pt-\[49\.49\%\] {
    padding-top: 49.49%;
  }

  .pc\:\!text-\[11px\] {
    font-size: 11px !important;
  }

  .pc\:\!text-\[16px\] {
    font-size: 16px !important;
  }

  .pc\:\!text-\[18px\] {
    font-size: 18px !important;
  }

  .pc\:\!text-\[20px\] {
    font-size: 20px !important;
  }

  .pc\:\!text-\[22px\] {
    font-size: 22px !important;
  }

  .pc\:\!text-\[24px\] {
    font-size: 24px !important;
  }

  .pc\:\!text-\[26px\] {
    font-size: 26px !important;
  }

  .pc\:\!text-\[28px\] {
    font-size: 28px !important;
  }

  .pc\:\!text-\[34px\] {
    font-size: 34px !important;
  }

  .pc\:\!text-\[40px\] {
    font-size: 40px !important;
  }

  .pc\:\!text-\[50px\] {
    font-size: 50px !important;
  }

  .pc\:text-\[16px\] {
    font-size: 16px;
  }

  .pc\:text-\[18px\] {
    font-size: 18px;
  }

  .pc\:text-\[19px\] {
    font-size: 19px;
  }

  .pc\:text-\[20px\] {
    font-size: 20px;
  }

  .pc\:text-\[28px\] {
    font-size: 28px;
  }

  .pc\:text-\[40px\] {
    font-size: 40px;
  }

  .pc\:text-\[48px\] {
    font-size: 48px;
  }

  .pc\:leading-\[1\.7\] {
    line-height: 1.7;
  }
}
@media (max-width: 640px) {
  .bg-intro {
    -webkit-clip-path: polygon(0 3%, 100% 0%, 100% 97%, 0% 100%);
    background-image: url(/-/Media/Ricoh/Sites/co_jp/special/meeting360-portable-monitor-14days-trial/img/bg_under_sp.svg), linear-gradient(90deg, #8e0029, #b31238, #5f091c);
    background-position: bottom center, top center;
    background-size: 100%;
    background-repeat: no-repeat;
    clip-path: polygon(0 3%, 100% 0%, 100% 97%, 0% 100%);
  }

  #app .elq-label, .form-submit input {
    font-size: 16px;
  }

  .form-input {
    margin-top: 10px;
  }

  #app .elq-item-input {
    height: 40px;
  }

  #app .elq-item-select {
    -webkit-padding-end: 25px;
    height: 40px;
    padding: 8px 10px;
            padding-inline-end: 25px;
  }

  #app .elq-item-textarea {
    min-height: 120px;
  }

  .elq-item-input::-moz-placeholder {
    font-size: 16px;
  }

  .elq-item-input:-ms-input-placeholder {
    font-size: 16px;
  }

  .elq-item-input::placeholder {
    font-size: 16px;
  }
  .sp\:bottom-\[-30px\] {
    bottom: -30px;
  }

  .sp\:bottom-\[25px\] {
    bottom: 25px;
  }

  .sp\:left-1\/2 {
    left: 50%;
  }

  .sp\:left-\[15px\] {
    left: 15px;
  }

  .sp\:left-\[20\%\] {
    left: 20%;
  }

  .sp\:right-\[11px\] {
    right: 11px;
  }

  .sp\:top-\[-47px\] {
    top: -47px;
  }

  .sp\:top-\[-69px\] {
    top: -69px;
  }

  .sp\:top-\[13\.43\%\] {
    top: 13.43%;
  }

  .sp\:top-\[5px\] {
    top: 5px;
  }

  .sp\:top-\[90\.66vw\] {
    top: 90.66vw;
  }

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

  .sp\:\!mt-\[11px\] {
    margin-top: 11px !important;
  }

  .sp\:\!mt-\[5px\] {
    margin-top: 5px !important;
  }

  .sp\:ml-\[10px\] {
    margin-left: 10px;
  }

  .sp\:ml-\[25px\] {
    margin-left: 25px;
  }

  .sp\:mr-\[10px\] {
    margin-right: 10px;
  }

  .sp\:mt-10 {
    margin-top: 40px;
  }

  .sp\:mt-15 {
    margin-top: 60px;
  }

  .sp\:mt-2 {
    margin-top: 8px;
  }

  .sp\:mt-20 {
    margin-top: 80px;
  }

  .sp\:mt-5 {
    margin-top: 20px;
  }

  .sp\:mt-\[-133px\] {
    margin-top: -133px;
  }

  .sp\:mt-\[-54px\] {
    margin-top: -54px;
  }

  .sp\:mt-\[-93px\] {
    margin-top: -93px;
  }

  .sp\:mt-\[10px\] {
    margin-top: 10px;
  }

  .sp\:mt-\[120px\] {
    margin-top: 120px;
  }

  .sp\:mt-\[129px\] {
    margin-top: 129px;
  }

  .sp\:mt-\[14px\] {
    margin-top: 14px;
  }

  .sp\:mt-\[16px\] {
    margin-top: 16px;
  }

  .sp\:mt-\[20px\] {
    margin-top: 20px;
  }

  .sp\:mt-\[30px\] {
    margin-top: 30px;
  }

  .sp\:mt-\[38\.13vw\] {
    margin-top: 38.13vw;
  }

  .sp\:mt-\[5px\] {
    margin-top: 5px;
  }

  .sp\:mt-\[60px\] {
    margin-top: 60px;
  }

  .sp\:mt-\[62px\] {
    margin-top: 62px;
  }

  .sp\:flex {
    display: flex;
  }

  .sp\:\!hidden {
    display: none !important;
  }

  .sp\:h-\[16px\] {
    height: 16px;
  }

  .sp\:h-\[30px\] {
    height: 30px;
  }

  .sp\:h-\[40px\] {
    height: 40px;
  }

  .sp\:h-\[50px\] {
    height: 50px;
  }

  .sp\:h-\[52px\] {
    height: 52px;
  }

  .sp\:h-\[80px\] {
    height: 80px;
  }

  .sp\:w-\[197px\] {
    width: 197px;
  }

  .sp\:w-\[200px\] {
    width: 200px;
  }

  .sp\:w-\[20px\] {
    width: 20px;
  }

  .sp\:w-\[260px\] {
    width: 260px;
  }

  .sp\:w-\[30px\] {
    width: 30px;
  }

  .sp\:w-\[52\.46\%\] {
    width: 52.46%;
  }

  .sp\:w-\[58\.4\%\] {
    width: 58.4%;
  }

  .sp\:w-\[64\%\] {
    width: 64%;
  }

  .sp\:w-\[66\.67\%\] {
    width: 66.67%;
  }

  .sp\:w-\[6px\] {
    width: 6px;
  }

  .sp\:w-\[80\%\] {
    width: 80%;
  }

  .sp\:w-\[80px\] {
    width: 80px;
  }

  .sp\:w-\[83\.46\%\] {
    width: 83.46%;
  }

  .sp\:w-\[84\.8\%\] {
    width: 84.8%;
  }

  .sp\:w-\[92\%\] {
    width: 92%;
  }

  .sp\:w-\[93\.65\%\] {
    width: 93.65%;
  }

  .sp\:w-full {
    width: 100%;
  }

  .sp\:max-w-\[140px\] {
    max-width: 140px;
  }

  .sp\:max-w-\[200px\] {
    max-width: 200px;
  }

  .sp\:max-w-\[220px\] {
    max-width: 220px;
  }

  .sp\:max-w-\[275px\] {
    max-width: 275px;
  }

  .sp\:max-w-\[313px\] {
    max-width: 313px;
  }

  .sp\:max-w-\[600px\] {
    max-width: 600px;
  }

  .sp\:max-w-\[60px\] {
    max-width: 60px;
  }

  .sp\:max-w-\[80px\] {
    max-width: 80px;
  }

  .sp\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sp\:items-end {
    align-items: flex-end;
  }

  .sp\:justify-center {
    justify-content: center;
  }

  .sp\:p-5 {
    padding: 20px;
  }

  .sp\:p-\[10px\] {
    padding: 10px;
  }

  .sp\:p-\[5px\] {
    padding: 5px;
  }

  .sp\:px-\[15px\] {
    padding-right: 15px;
    padding-left: 15px;
  }

  .sp\:px-\[30px\] {
    padding-right: 30px;
    padding-left: 30px;
  }

  .sp\:pb-15 {
    padding-bottom: 60px;
  }

  .sp\:pb-\[112px\] {
    padding-bottom: 112px;
  }

  .sp\:pb-\[60px\] {
    padding-bottom: 60px;
  }

  .sp\:pb-\[7px\] {
    padding-bottom: 7px;
  }

  .sp\:pt-\[58px\] {
    padding-top: 58px;
  }

  .sp\:pt-\[60px\] {
    padding-top: 60px;
  }

  .sp\:pt-\[93\.33\%\] {
    padding-top: 93.33%;
  }

  .sp\:text-center {
    text-align: center;
  }

  .sp\:\!text-\[10px\] {
    font-size: 10px !important;
  }

  .sp\:\!text-\[12px\] {
    font-size: 12px !important;
  }

  .sp\:\!text-\[14px\] {
    font-size: 14px !important;
  }

  .sp\:\!text-\[16px\] {
    font-size: 16px !important;
  }

  .sp\:\!text-\[18px\] {
    font-size: 18px !important;
  }

  .sp\:\!text-\[20px\] {
    font-size: 20px !important;
  }

  .sp\:\!text-\[24px\] {
    font-size: 24px !important;
  }

  .sp\:\!text-\[26px\] {
    font-size: 26px !important;
  }

  .sp\:\!text-\[8px\] {
    font-size: 8px !important;
  }

  .sp\:text-\[11px\] {
    font-size: 11px;
  }

  .sp\:text-\[12px\] {
    font-size: 12px;
  }

  .sp\:text-\[16px\] {
    font-size: 16px;
  }

  .sp\:text-\[18px\] {
    font-size: 18px;
  }

  .sp\:text-\[22px\] {
    font-size: 22px;
  }

  .sp\:leading-\[1\.4\] {
    line-height: 1.4;
  }
}