@charset "UTF-8";
:root {
  --color-base: #333;
  --color-base-rgb: 51, 51, 51;
  --color-bg: #e5eef4;
  --color-bg-rgb: 229, 244, 238;
  --color-bg-drk: #d3c4ba;
  --color-bg-drk-rgb: 211,196,186;
  --color-bd: #d4d0cc;
  --color-bd-rgb: 212, 208, 204;
  --color-bd-light: #eaeaea;
  --color-gray: #8f8b98;
  --color-gray-rgb: 143, 139, 152;
  --color-primary: #091929;
  --color-primary-rgb: 9, 25, 41;
  --color-primary-light: #094066;
  --color-primary-drk: #040d18;
  --color-secondary: #005591;
  --color-secondary-rgb: 0, 85, 145;
  --color-tertiary: #50b4d2;
  --color-tertiary-rgb: 80, 180, 210;
  --color-danger: #b10507;
  --color-danger-rgb: 177, 5, 7;
  --color-black: #000;
  --color-black-rgb: 0, 0, 0;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-em: #FFCF00;
  --color-em-rgb: 255, 207, 0;
  --anime: cubic-bezier(0.550, 0.085, 0.680, 0.530);
  --font-family: YakuHanJP, "IBM Plex Sans JP", sans-serif;
  --ff-en: "Satoshi", var(--font-family);
  --ff-num: "din-2014", var(--font-family);
  --ff-icon: 'Material Icons Outlined';
  --fw-l: 300;
  --fw-r: 400;
  --fw-m: 500;
  --fw-sb: 600;
  --fw-b: 700;
  --fw-h: 900;
  --fz-3: 0.625rem;
  --fz-2: 0.75rem;
  --fz-1: 0.875rem;
  --fz0: clamp(1rem, 1rem + 0vw, 1rem);
  --fz1: clamp(1.125rem, 1.0708rem + 0.2312vw, 1.25rem);
  --fz2: clamp(1.2656rem, 1.1369rem + 0.5491vw, 1.5625rem);
  --fz3: clamp(1.4238rem, 1.1944rem + 0.979vw, 1.9531rem);
  --fz4: clamp(1.6018rem, 1.2378rem + 1.553vw, 2.4414rem);
  --fz5: clamp(1.802rem, 1.2602rem + 2.3116vw, 3.0518rem);
  --fz6: clamp(2.0273rem, 1.2524rem + 3.3062vw, 3.8147rem);
  --fz7: clamp(2.2807rem, 1.2022rem + 4.6015vw, 4.7684rem);
  --fz8: clamp(2.5658rem, 1.0941rem + 6.2792vw, 5.9605rem);
  --ls-def: 0.1em;
  --ls-wide: 0.15em;
  --ls-tight: 0.05em;
  --ls-zero: 0;
  --ls-en: -0.4em;
  --lh-def: 1.6;
  --lh-lg: 2;
  --lh-xl: 2.5;
  --lh-tight: 1.3;
  --lh-1: 1;
  --lh-zero: 0;
  --lh-en: 0.8;
  --opacity: .6;
}
@media screen and (max-width: 991.98px) {
  :root {
    --header-height: 65px;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --header-height: 80px;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --header-height: 110px;
  }
}

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

:where(:root) {
  font-family: sans-serif;
  line-height: var(--lh-def);
  text-spacing-trim: trim-start;
  text-autospace: normal;
  line-break: strict;
  overflow-wrap: anywhere;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  scrollbar-gutter: stable;
  -webkit-tap-highlight-color: transparent;
}

:where(body) {
  min-block-size: 100dvb;
  margin: unset;
}

:where(:is(h1, h2, h3, h4, h5, h6):lang(en)) {
  text-wrap: pretty;
}

:where(h1, h2, h3, h4, h5, h6) {
  margin-block: unset;
  font-size: unset;
}

:where(search) {
  display: block flow;
}

:where(p, blockquote, figure, pre, address, ul, ol, dl, menu) {
  margin-block: unset;
}

:where(blockquote, figure) {
  margin-inline: unset;
}

:where(p:lang(en)) {
  text-wrap: pretty;
}

:where(address:lang(ja)) {
  font-style: unset;
}

:where(ul, ol, menu) {
  -webkit-padding-start: unset;
          padding-inline-start: unset;
  list-style-type: "";
}

:where(dt) {
  font-weight: bolder;
}

:where(dd) {
  -webkit-margin-start: unset;
          margin-inline-start: unset;
}

:where(pre) {
  text-spacing-trim: space-all;
  text-autospace: no-autospace;
}

@media print {
  :where(pre) {
    text-wrap-mode: unset;
  }
}
:where(em:lang(ja)) {
  font-weight: bolder;
}

:where(:is(i, cite, em, dfn):lang(ja)) {
  font-style: unset;
}

:where(u, s, del, ins) {
  text-decoration-inset: auto;
}

:where(code, kbd, samp) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  -webkit-font-feature-settings: initial;
          font-feature-settings: initial;
  font-variation-settings: initial;
  font-size: unset;
  -webkit-font-variant-ligatures: none;
          font-variant-ligatures: none;
}

:where(abbr[title]) {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-inset: auto;
  cursor: help;
}

:where(time) {
  text-autospace: no-autospace;
}

:where(a) {
  color: unset;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}

:where(a:-moz-any-link) {
  text-decoration-line: unset;
  text-decoration-thickness: from-font;
  text-decoration-inset: auto;
}

:where(a:any-link) {
  text-decoration-line: unset;
  text-decoration-thickness: from-font;
  text-decoration-inset: auto;
}

:where(img, svg, picture, video, audio, canvas, model, iframe, embed, object) {
  max-inline-size: 100%;
  vertical-align: bottom;
}

:where(img, svg, picture, video, canvas, model, iframe, embed, object) {
  block-size: auto;
}

:where(iframe) {
  border: unset;
}

:where(table) {
  border-collapse: collapse;
}

:where(caption, th) {
  text-align: unset;
}

::-webkit-file-upload-button {
  border-width: 1px;
  border-style: solid;
  border-color: unset;
  border-radius: unset;
  color: unset;
  font: unset;
  letter-spacing: unset;
  text-align: unset;
}

:where(button, input, select, textarea),
::file-selector-button {
  border-width: 1px;
  border-style: solid;
  border-color: unset;
  border-radius: unset;
  color: unset;
  font: unset;
  letter-spacing: unset;
  text-align: unset;
}

:where(input:is([type=radio i], [type=checkbox i])) {
  margin: unset;
}

:where(input[type=file i]) {
  border: unset;
}

:where(input[type=search i]) {
  -webkit-appearance: textfield;
}

@supports (-webkit-touch-callout: none) {
  :where(input[type=search i]) {
    background-color: Canvas;
  }
}
:where(textarea) {
  margin-block: unset;
  resize: block;
}

:where(input:not([type=button i], [type=submit i], [type=reset i]),
textarea,
[contenteditable]) {
  text-autospace: no-autospace;
}

::-webkit-file-upload-button {
  background-color: unset;
}

:where(button,
input:is([type=button i], [type=submit i], [type=reset i])),
::file-selector-button {
  background-color: unset;
}

:where(:enabled)::-webkit-file-upload-button {
  cursor: pointer;
}

:where(button:enabled,
label[for],
select:enabled,
input:is([type=button i],
[type=submit i],
[type=reset i],
[type=radio i],
[type=checkbox i]):enabled),
:where(:enabled)::file-selector-button {
  cursor: pointer;
}

:where(fieldset) {
  min-inline-size: 0;
  margin-inline: unset;
  padding: unset;
  border: unset;
}

:where(legend) {
  padding-inline: unset;
}

::-webkit-input-placeholder {
  opacity: unset;
}

::-moz-placeholder {
  opacity: unset;
}

:-ms-input-placeholder {
  opacity: unset;
}

::-ms-input-placeholder {
  opacity: unset;
}

::placeholder {
  opacity: unset;
}

:where(summary) {
  list-style-type: "";
  cursor: pointer;
}

:where(summary)::-webkit-details-marker {
  display: none;
}

:where(dialog, [popover]) {
  overscroll-behavior-block: contain;
  padding: unset;
  border: unset;
}

:where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
  display: none !important;
}

:where(dialog) {
  max-inline-size: unset;
  max-block-size: unset;
}

:where(dialog)::-ms-backdrop {
  background-color: oklch(0% 0 0deg / 0.3);
}

:where(dialog)::backdrop {
  background-color: oklch(0% 0 0deg / 0.3);
}

:where(:focus-visible) {
  outline-offset: 3px;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

:where(:disabled, [aria-disabled=true i]) {
  cursor: default;
}

[hidden]:not([hidden=until-found i]) {
  display: none !important;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  height: 100%;
  word-wrap: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}

body {
  color: var(--color-base);
  font-family: var(--font-family);
  font-weight: var(--fw-r);
  line-height: 1;
  opacity: 0;
}
body.is-loaded {
  -webkit-animation: fadein 0.3s ease-in 0.5s forwards;
          animation: fadein 0.3s ease-in 0.5s forwards;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
h1, h2, h3, h4, h5, p, li, dt, dd, th, td {
  font-weight: var(--fw-r);
  letter-spacing: var(--ls-def);
}

p, li, dt, dd, th, dt {
  line-height: var(--lh-def);
}

a {
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
a[class] {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}

/* =========================================================
 header
========================================================= */
.scroll-prevent {
  overflow: hidden;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: var(--header-height);
  border-bottom: 1px solid var(--color-bd);
  background: var(--color-white);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
  z-index: 888888;
}
@media screen and (max-width: 991.98px) {
  .l-header {
    padding-left: min(30px, 5vw);
  }
}
@media screen and (min-width: 992px) {
  .l-header {
    gap: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    padding-inline: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .l-header {
    gap: 30px;
    padding-inline: 50px;
  }
}
body:has(.l-menu-input:checked) .l-header {
  border-color: transparent;
}
.l-header-logo {
  margin-right: auto;
  line-height: 0;
}
.l-header-logo a {
  display: block;
}
@media screen and (max-width: 1199.98px) {
  .l-header-logo img {
    height: 35px;
  }
}
@media screen and (min-width: 1200px) {
  .l-header-logo img {
    height: 50px;
  }
}
@media screen and (max-width: 991.98px) {
  .l-header-gnav {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .l-header-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .l-header-gnav {
    gap: 30px;
  }
}
.l-header-gnav__item {
  position: relative;
  line-height: 1;
}
@media screen and (max-width: 1199.98px) {
  .l-header-gnav__item {
    font-size: var(--fz-1);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-header-gnav__item:has(.l-header-gnav__pd):hover .l-header-gnav__pd {
    pointer-events: auto;
    opacity: 1;
  }
}
.l-header-gnav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media (hover: hover) and (pointer: fine) {
  .l-header-gnav__link:hover {
    color: var(--color-primary);
  }
}
.l-header-gnav__pd {
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  display: -ms-grid;
  display: grid;
  opacity: 0;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
.l-header-gnav__pd ul {
  margin-top: 1em;
  padding-block: 10px;
  border-radius: 5px;
  background: var(--color-white);
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
}
.l-header-gnav__pd-link {
  display: block;
  padding-block: 0.5em;
  padding-inline: 1.5em;
  white-space: nowrap;
  font-size: var(--fz-1);
}
@media (hover: hover) and (pointer: fine) {
  .l-header-gnav__pd-link:hover {
    color: var(--color-secondary);
  }
}
@media screen and (max-width: 991.98px) {
  .l-header-cta {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .l-header-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 7px;
    height: 44px;
    padding-inline: 25px;
    background: var(--color-primary);
    border-radius: 22px;
    color: var(--color-white);
    font-size: var(--fz-1);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-header-cta:hover {
    background: var(--color-secondary);
  }
}
.l-header-menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  width: var(--header-height);
  aspect-ratio: 1/1;
}
@media screen and (min-width: 992px) {
  .l-header-menu__btn {
    display: none !important;
  }
}
.l-header-menu__btn-lines {
  position: relative;
  width: 24px;
  height: 16px;
}
@media screen and (max-width: 767.98px) {
  .l-header-menu__btn-lines {
    width: 40%;
    height: 16px;
  }
}
.l-header-menu__btn-lines span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--color-secondary);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
.l-header-menu__btn-lines span:nth-of-type(1) {
  top: 0;
}
body:has(.l-menu-input:checked) .l-header-menu__btn-lines span:nth-of-type(1) {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.l-header-menu__btn-lines span:nth-of-type(2) {
  top: 50%;
  margin-top: -1px;
}
body:has(.l-menu-input:checked) .l-header-menu__btn-lines span:nth-of-type(2) {
  opacity: 0;
}
.l-header-menu__btn-lines span:nth-of-type(3) {
  bottom: 0;
}
body:has(.l-menu-input:checked) .l-header-menu__btn-lines span:nth-of-type(3) {
  top: 50%;
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
body:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  inline-size: 100%;
  block-size: 100%;
  -webkit-transition: background-color 0.4s ease-in-out, backdrop-filter 0.5s ease-in-out;
  transition: background-color 0.4s ease-in-out, backdrop-filter 0.5s ease-in-out;
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  pointer-events: none;
  background: rgba(0, 0, 0, 0);
  z-index: 777777;
}
body:has(.l-menu-input:checked):before {
  background: rgba(var(--color-primary-rgb), 0.98);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.l-menu {
  pointer-events: none;
  position: fixed;
  top: var(--header-height);
  right: 0;
  width: 100%;
  height: calc(100svh - var(--header-height));
  -webkit-transition: clip-path 0.5s cubic-bezier(0.52, 0, 0.085, 1) 0.15s;
  transition: clip-path 0.5s cubic-bezier(0.52, 0, 0.085, 1) 0.15s;
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  z-index: 999999;
}
.l-menu:has(.l-menu-input:checked) {
  display: block;
  visibility: visible;
  content-visibility: visible;
  pointer-events: auto;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.l-menu-body {
  position: relative;
  overflow-y: auto;
  display: -ms-grid;
  display: grid;
  gap: min(40px, 5vw);
  width: 90vw;
  max-width: 450px;
  height: 100%;
  margin-left: auto;
  background: var(--color-white);
  z-index: 2;
}
.l-menu-body::-webkit-scrollbar {
  width: 5px;
}
.l-menu-body::-webkit-scrollbar-track {
  background: var(--color-white);
}
.l-menu-body::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}
.l-menu-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
}
.l-menu-item:not(:last-child) {
  border-bottom: 1px solid var(--color-bd);
}
.l-menu-link {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  padding: 25px;
  font-weight: var(--fw-b);
}
.l-menu-pd__list {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  padding-inline: 25px;
  padding-bottom: 25px;
}
.l-menu-pd__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.l-menu-pd__link:before {
  content: "";
  display: block;
  width: 6px;
  height: 1px;
  background: var(--color-secondary);
}
.l-menu-pd span small {
  margin-left: 5px;
}
.l-menu-icon__arrow {
  line-height: 0;
}
.l-menu-cta {
  padding: 25px;
  background: var(--color-primary-drk);
  color: var(--color-white);
}
.l-menu-cta .p-page-cta__lead {
  line-height: var(--lh-def);
}
.l-menu-cta .p-page-cta__main {
  margin-top: min(40px, 5vw);
}
.l-menu-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.l-menu-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  background: var(--color-primary);
}
.l-menu-close {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1/1;
  z-index: 3;
}
@media screen and (max-width: 767.98px) {
  .l-menu-close {
    width: 80px;
  }
}
@media screen and (max-width: 575.98px) {
  .l-menu-close {
    width: 70px;
  }
}
@media screen and (min-width: 768px) {
  .l-menu-close {
    width: 90px;
  }
}
.l-menu-close:before, .l-menu-close:after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 1px;
  background: var(--color-white);
}
.l-menu-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.l-menu-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.l-menu-input {
  display: none;
}

.l-footer {
  position: relative;
  padding-block: min(100px, 12vw);
  background: var(--color-primary);
  z-index: 10;
}
.l-footer-main {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 1199.98px) {
  .l-footer-main {
    gap: min(60px, 8vw);
  }
}
@media screen and (min-width: 1200px) {
  .l-footer-main {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.l-footer-nav {
  font-size: var(--fz-1);
}
@media screen and (max-width: 991.98px) {
  .l-footer-nav {
    display: -ms-grid;
    display: grid;
    gap: 1rem;
  }
}
@media screen and (min-width: 992px) {
  .l-footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer-nav {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
.l-footer-nav a {
  color: var(--color-white);
  text-decoration: none;
  line-height: var(--lh-1);
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-nav a:hover span:after {
    width: 100%;
  }
}
.l-footer-nav a span {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-nav a span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: rgba(var(--color-white-rgb), 0.3);
    -webkit-transition: all 0.3s var(--anime);
    transition: all 0.3s var(--anime);
  }
}
.l-footer-nav__list {
  display: -ms-grid;
  display: grid;
  gap: 1rem;
}
.l-footer-nav__item {
  font-size: var(--fz-1);
  line-height: var(--lh-1);
}
.l-footer-nav__item ul {
  display: -ms-grid;
  display: grid;
  gap: 0.7rem;
  margin-top: 0.7rem;
  padding-left: 15px;
  opacity: 0.6;
}
.l-footer-nav__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-white);
}
.l-footer-nav__link:before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: var(--color-secondary);
}
.l-footer-info {
  display: -ms-grid;
  display: grid;
  gap: min(40px, 5vw);
}
.l-footer-info__logo {
  display: block;
}
.l-footer-info__logo img {
  height: 50px;
}
.l-footer-info__address {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  color: var(--color-white);
  font-size: var(--fz-1);
  opacity: 0.6;
}
.l-footer-info__address dt, .l-footer-info__address dd {
  font-weight: var(--fw-r);
}
.l-footer-bottom {
  margin-top: min(80px, 8vw);
  padding-top: min(80px, 8vw);
  border-top: 1px solid rgba(var(--color-white-rgb), 0.2);
}
@media screen and (max-width: 575.98px) {
  .l-footer-bottom {
    display: -ms-grid;
    display: grid;
    gap: 15px;
  }
}
@media screen and (min-width: 576px) {
  .l-footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.l-footer-privacy {
  color: var(--color-white);
  font-size: var(--fz-2);
  text-decoration: none;
  letter-spacing: var(--ls-def);
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-privacy:hover {
    opacity: 0.7;
  }
}
.l-footer-copyright {
  color: var(--color-white);
  font-size: var(--fz-3);
  font-family: var(--ff-en);
  text-transform: uppercase;
  letter-spacing: var(--ls-def);
  line-height: var(--lh-1);
}

.l-main {
  overflow: clip;
  position: relative;
  padding-top: var(--header-height);
  padding-bottom: min(200px, 18vw);
}
.l-main:has(.p-top-kv) {
  padding-top: 0;
}
.l-main a {
  text-decoration: none;
}
.l-main a:not([class]) {
  color: var(--color-secondary);
  text-decoration: underline;
}
@media (hover: hover) {
  .l-main a:not([class]):hover {
    color: var(--color-secondary);
    text-decoration: none;
  }
}
.l-main:has(.p-page-links--child) {
  padding-bottom: 0;
}

.c-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  height: 70px;
  border-radius: 35px;
  padding-left: 30px;
  padding-right: 10px;
  background: var(--color-primary);
  color: var(--color-white);
  line-height: var(--lh-1);
  letter-spacing: var(--ls-def);
}
@media screen and (max-width: 575.98px) {
  .c-btn {
    width: 100%;
  }
}
@media screen and (min-width: 576px) {
  .c-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 250px;
  }
}
@media screen and (min-width: 992px) {
  .c-btn {
    font-size: 1.125rem;
  }
}
@media (hover: hover) {
  .c-btn:hover .c-icon-arrow svg:first-child {
    left: 200%;
  }
  .c-btn:hover .c-icon-arrow svg:last-child {
    left: 50%;
  }
}
.c-btn--light {
  background: var(--color-primary-light);
}
.c-btn--light .c-icon-arrow {
  background: var(--color-primary) !important;
}
.c-btn span {
  text-align: center;
}
.c-btn .c-icon-arrow {
  overflow: hidden;
  position: relative;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-primary-light);
}
.c-btn .c-icon-arrow svg {
  position: absolute;
  top: 50%;
  fill: var(--color-white);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
  z-index: 2;
}
.c-btn .c-icon-arrow svg:first-child {
  left: 50%;
}
.c-btn .c-icon-arrow svg:last-child {
  left: -100%;
}
.c-btn--en span {
  font-family: var(--ff-en);
  font-size: var(--fz-1);
  font-weight: var(--fw-m);
}
.c-btn--wht {
  border: solid 1px var(--color-black);
  background: var(--color-white);
  color: var(--color-black);
}
.c-btn--wht .c-icon svg {
  fill: var(--color-black);
}
@media screen and (min-width: 992px) {
  .c-btn--wht:hover {
    background: var(--color-primary);
    color: var(--color-black);
  }
}
@media screen and (max-width: 767.98px) {
  .c-btn--sm {
    height: 50px;
    border-radius: 25px;
  }
}
@media screen and (min-width: 576px) {
  .c-btn--sm {
    min-width: 250px;
  }
}
@media screen and (min-width: 768px) {
  .c-btn--sm {
    height: 60px;
    border-radius: 30px;
  }
}
.c-btn--lg {
  width: 400px;
}
@media screen and (max-width: 575.98px) {
  .c-btn--lg {
    width: 100%;
  }
}
.c-btn--primary {
  position: relative;
  padding-left: min(40px, 5vw);
  padding-right: min(30px, 5vw);
  color: var(--color-white);
  text-decoration: none;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
  line-height: var(--lh-1);
}
@media screen and (max-width: 575.98px) {
  .c-btn--primary {
    height: 80px;
    padding-left: min(40px, 5vw);
    padding-right: min(30px, 5vw);
    border-radius: 40px;
  }
}
@media screen and (min-width: 576px) {
  .c-btn--primary {
    height: 100px;
    padding-left: 50px;
    padding-right: 40px;
    border-radius: 50px;
  }
}
.c-btn--primary span {
  font-size: var(--fz1);
}
.c-btn-wrap {
  margin-top: min(50px, 8vw);
}
.c-btn-wrap:has(.c-btn--primary) {
  margin-top: min(80px, 10vw);
}
.c-btn-lead {
  margin-bottom: 1em;
  line-height: var(--lh-def);
  text-align: center;
}
@media screen and (max-width: 575.98px) {
  .c-btn-list {
    display: -ms-grid;
    display: grid;
    gap: 15px;
  }
}
@media screen and (min-width: 576px) {
  .c-btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
  }
}

/**
  @forms
---------------------------------------------------------
  elements/_forms.scss
--------------------------------------------------------- */
.c-form {
  max-width: 800px;
  margin-inline: auto;
}
.c-form .wpcf7-list-item:has(input[value=未選択]) {
  display: none;
}
.c-form-intro__tel {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: min(60px, 8vw);
  padding: min(40px, 5vw);
  background: var(--color-bg);
  border-radius: 5px;
}
.c-form-intro__tel-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: var(--color-secondary);
  font-size: var(--fz0);
  font-weight: var(--fw-m);
  line-height: 1;
}
.c-form-intro__tel-label .c-icon-mio {
  font-size: inherit;
  line-height: 0;
}
.c-form-intro__tel-num {
  font-family: var(--ff-en);
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
@media screen and (max-width: 767.98px) {
  .c-form-intro__tel-num {
    font-size: 8vw;
  }
}
@media screen and (max-width: 413.98px) {
  .c-form-intro__tel-num {
    font-size: 10vw;
  }
}
@media screen and (min-width: 768px) {
  .c-form-intro__tel-num {
    font-size: var(--fz5);
  }
}
.c-form-intro__tel-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
  line-height: var(--lh-1);
}
@media screen and (max-width: 575.98px) {
  .c-form-intro__tel-time {
    font-size: var(--fz-2);
  }
}
@media screen and (min-width: 576px) {
  .c-form-intro__tel-time {
    font-size: var(--fz-1);
  }
}
.c-form__info {
  display: block;
  width: 100%;
  margin: 0;
  font-weight: var(--fw-m);
  font-size: var(--fz-1);
}
.c-form .wpcf7-form-control-wrap + .c-form__info {
  margin-top: 5px;
  opacity: 0.75;
}
.c-form-block {
  display: -ms-grid;
  display: grid;
  gap: min(15px, 2.5vw);
  margin-bottom: 0;
  padding-block: min(40px, 8vw);
  border-bottom: 1px solid var(--color-bd);
}
.c-form-block dt:not(:first-child) {
  margin-top: 1em;
  margin-bottom: 5px;
}
.c-form__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.c-form__head span {
  display: block;
  font-weight: var(--fw-m);
  letter-spacing: var(--ls-wide);
  line-height: var(--lh-1);
}
.c-form__head small {
  font-weight: var(--fw-r);
  font-size: 75%;
  margin-left: 0.5em;
}
.c-form__head-icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4em;
  height: 1.8em;
  border-radius: 3px;
  color: var(--color-white);
  font-size: var(--fz-2);
  font-weight: var(--fw-b);
  line-height: var(--lh-1);
}
.c-form__head-icon--optional {
  background: #808080;
}
.c-form__head-icon--optional:before {
  content: "任意";
}
.c-form__head-icon--required {
  background: var(--color-danger);
}
.c-form__head-icon--required:before {
  content: "必須";
}
.c-form__cnt {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.98px) {
  .c-form__cnt {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .c-form__cnt {
    gap: 15px;
  }
}
.c-form__cnt .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.c-form__cnt p {
  width: 100%;
}
.c-form__cnt:has(.zip) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.c-form__cnt:has(.zip) .wpcf7-form-control-wrap {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type=text], .c-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type=tel], .c-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type=email], .c-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type=number], .c-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) textarea, .c-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type=date] {
  border-color: var(--color-danger);
  background: rgba(var(--color-danger-rgb), 0.06);
}
.c-form .wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) .wpcf7-radio {
  padding: 5px;
  background: rgba(var(--color-danger-rgb), 0.06);
}
.c-form input[type=text], .c-form input[type=tel], .c-form input[type=email], .c-form input[type=number], .c-form input[type=date], .c-form select {
  height: min(70px, 15vw);
}
.c-form input[type=text], .c-form input[type=tel], .c-form input[type=email], .c-form input[type=number], .c-form input[type=date], .c-form textarea, .c-form .wpcf7-form-control-wrap:has(select) {
  -webkit-appearance: none;
  -webkit-transition: border 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: border 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  background: #f5f5f5;
  border: solid 1px var(--color-bd);
  border-radius: 5px;
}
.c-form input[type=text], .c-form input[type=tel], .c-form input[type=email], .c-form input[type=number], .c-form input[type=date], .c-form textarea {
  padding-inline: 1em;
}
.c-form input[type=text], .c-form input[type=tel], .c-form input[type=email], .c-form input[type=number], .c-form input[type=date], .c-form textarea, .c-form select {
  cursor: pointer;
  width: 100%;
  color: var(--color-base);
  font-family: var(--font-family);
  letter-spacing: var(--ls-def);
  vertical-align: baseline;
  font-size: var(--fz0);
}
.c-form input[type=text]:focus, .c-form input[type=tel]:focus, .c-form input[type=email]:focus, .c-form input[type=number]:focus, .c-form input[type=date]:focus, .c-form textarea:focus, .c-form select:focus {
  outline: none;
}
.c-form select {
  position: relative;
  cursor: pointer;
  border: none;
  background: none;
  z-index: 15;
  vertical-align: middle;
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: none;
}
.c-form select::-ms-expand {
  display: none;
}
.c-form textarea {
  height: clamp(100px, 25vw, 200px);
  padding: 1em;
}
.c-form input[type=radio], .c-form input[type=checkbox] {
  display: none;
}
.c-form input.short {
  width: 150px;
}
.c-form input.zip {
  width: 100px;
}
.c-form input.num {
  width: 80px;
}
.c-form-icon__hyphen {
  display: block;
  width: 10px;
  height: 1px;
  background: var(--color-bd);
  line-height: var(--lh-zero);
}
.c-form .wpcf7-form-control-wrap:has(select) {
  display: block;
  position: relative;
  width: 100%;
  height: min(70px, 15vw);
  border: 1px solid var(--color-bd);
  background: #f5f5f5;
  z-index: 10;
}
.c-form .wpcf7-form-control-wrap:has(select):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  margin: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--color-bd);
  border-right: 2px solid var(--color-bd);
  z-index: 11;
}
.c-form .wpcf7-form-control-wrap:has(select) select {
  padding: 0 1em;
}
.c-form span[data-name=pref] {
  position: relative;
  width: 100%;
  height: min(70px, 15vw);
  border: 1px solid var(--color-bd);
  background: #f5f5f5;
  z-index: 10;
  border-radius: 5px;
}
.c-form span[data-name=pref]:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  margin: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--color-bd);
  border-right: 2px solid var(--color-bd);
  z-index: 11;
}
.c-form span[data-name=pref]:has(.wpcf7-not-valid-tip) {
  border-color: var(--color-danger);
  background: rgba(var(--color-danger-rgb), 0.06);
}
.c-form span[data-name=pref]:has(.wpcf7-not-valid-tip):after {
  border-color: var(--color-danger);
}
.c-form span[data-name=pref] select {
  padding: 0 1em;
}

/* =========================================================
 radio & checkbox
========================================================= */
@media screen and (max-width: 767.98px) {
  .c-form .wpcf7-radio, .c-form .wpcf7-checkbox, .c-form .wpcf7-acceptance {
    display: -ms-grid;
    display: grid;
    gap: 15px;
  }
}
@media screen and (min-width: 768px) {
  .c-form .wpcf7-radio, .c-form .wpcf7-checkbox, .c-form .wpcf7-acceptance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .c-form .wpcf7-radio, .c-form .wpcf7-checkbox, .c-form .wpcf7-acceptance {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.c-form .wpcf7-radio label, .c-form .wpcf7-checkbox label, .c-form .wpcf7-acceptance label {
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.c-form .wpcf7-radio label:before, .c-form .wpcf7-radio label:after, .c-form .wpcf7-checkbox label:before, .c-form .wpcf7-checkbox label:after, .c-form .wpcf7-acceptance label:before, .c-form .wpcf7-acceptance label:after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-form .wpcf7-radio label:before, .c-form .wpcf7-checkbox label:before, .c-form .wpcf7-acceptance label:before {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  z-index: 2;
}
.c-form .wpcf7-radio label:after, .c-form .wpcf7-checkbox label:after, .c-form .wpcf7-acceptance label:after {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  left: 0;
  width: 24px;
  height: 24px;
  border: solid 1px var(--color-bd);
  background: var(--color-white);
  -webkit-transition: background 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), border 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: background 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), border 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .c-form .wpcf7-radio label:hover:after, .c-form .wpcf7-checkbox label:hover:after, .c-form .wpcf7-acceptance label:hover:after {
    border-color: var(--color-primary);
  }
}
.c-form .wpcf7-radio label:has(input:checked):after, .c-form .wpcf7-checkbox label:has(input:checked):after, .c-form .wpcf7-acceptance label:has(input:checked):after {
  border-color: var(--color-primary);
}
.c-form .wpcf7-radio label:has(input:checked):before, .c-form .wpcf7-checkbox label:has(input:checked):before, .c-form .wpcf7-acceptance label:has(input:checked):before {
  opacity: 1;
}
.c-form .wpcf7-radio label span, .c-form .wpcf7-checkbox label span, .c-form .wpcf7-acceptance label span {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  letter-spacing: var(--ls-wide);
  line-height: var(--lh-1);
}
.c-form .wpcf7-radio label:before {
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: 7px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.c-form .wpcf7-radio label:after {
  border-radius: 100%;
}
.c-form .wpcf7-checkbox label:before, .c-form .wpcf7-acceptance label:before {
  top: 50%;
  left: 0;
  display: block;
  width: 7px;
  height: 11px;
  margin-top: -7px;
  margin-left: 8px;
  border-right: 3px solid var(--color-primary);
  border-bottom: 3px solid var(--color-primary);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-form .wpcf7-list-item {
  display: block;
  margin: 0;
}
.c-form-radio-field, .c-form-checkbox-field {
  display: block;
}
.c-form-radio-field label, .c-form-checkbox-field label {
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  height: min(70px, 15vw);
  padding-inline: 15px;
  border: solid 1px var(--color-bd);
  border-top: none;
  background: #f5f5f5;
  -webkit-transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: background 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.c-form-radio-field label span, .c-form-checkbox-field label span {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  line-height: var(--lh-1);
}
.c-form-radio-field label:before, .c-form-radio-field label:after, .c-form-checkbox-field label:before, .c-form-checkbox-field label:after {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-form-radio-field label:before, .c-form-checkbox-field label:before {
  position: absolute;
  opacity: 0;
  z-index: 2;
}
.c-form-radio-field label:after, .c-form-checkbox-field label:after {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  left: 0;
  width: 24px;
  height: 24px;
  border: solid 1px var(--color-bd);
  background: var(--color-white);
  -webkit-transition: background 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), border 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: background 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53), border 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  z-index: 1;
}
.c-form-radio-field label:hover:after, .c-form-checkbox-field label:hover:after {
  border-color: var(--color-primary);
}
.c-form-radio-field label.selected:after, .c-form-checkbox-field label.selected:after {
  border-color: var(--color-primary);
  background: var(--color-primary);
}
.c-form-radio-field label.selected:before, .c-form-checkbox-field label.selected:before {
  opacity: 1;
}
.c-form-radio-field label:before {
  -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  left: 15px;
  width: 10px;
  height: 10px;
  margin-left: 7px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.c-form-radio-field label:after {
  border-radius: 100%;
}
.c-form-checkbox-field label:before {
  -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  left: 15px;
  display: block;
  width: 7px;
  height: 11px;
  margin-left: 8px;
  border-right: 3px solid var(--color-primary);
  border-bottom: 3px solid var(--color-primary);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* =========================================================
 privacy
========================================================= */
.c-form-privacy {
  text-align: center;
}
.c-form-privacy .wpcf7-form-control-wrap {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

/* =========================================================
 error
========================================================= */
.wpcf7-form-control-wrap {
  position: relative;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(calc(100% + 10px));
          transform: translateY(calc(100% + 10px));
  white-space: nowrap;
}

/* =========================================================
 custom
========================================================= */
.c-form .wpcf7-not-valid-tip {
  color: var(--color-danger);
  font-weight: var(--fw-b);
  line-height: var(--lh-1);
}
@media screen and (max-width: 575.98px) {
  .c-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: var(--fz-3);
  }
}
@media screen and (min-width: 576px) {
  .c-form .wpcf7-not-valid-tip {
    margin-top: 10px;
    font-size: var(--fz-2);
  }
}
.c-form .wpcf7-spinner {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  margin: 0;
  margin-top: -10px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.c-form .wpcf7-response-output {
  padding: 1em !important;
  border-color: var(--color-danger) !important;
  background: rgba(var(--color-danger-rgb), 0.06);
  color: var(--color-danger);
  font-size: var(--fz-1);
  font-weight: var(--fw-m);
  text-align: center;
}

/* =========================================================
 btn
========================================================= */
.c-form .c-btn-wrap {
  position: relative;
  margin-top: min(60px, 8vw);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .c-form .c-btn-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
@media screen and (min-width: 768px) {
  .c-form .c-btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
  }
}
.c-form .c-btn-wrap input.c-btn, .c-form .c-btn-wrap button.c-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  width: 300px;
  margin-inline: 0;
  padding-inline: 0;
  border: none;
  font-size: 1rem;
  font-weight: var(--fw-m);
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
@media screen and (max-width: 413.98px) {
  .c-form .c-btn-wrap input.c-btn, .c-form .c-btn-wrap button.c-btn {
    width: 100%;
  }
}
@media (hover: hover) {
  .c-form .c-btn-wrap input.c-btn:hover, .c-form .c-btn-wrap button.c-btn:hover {
    background: var(--color-primary-light);
  }
}

/* =========================================================
 confirm
========================================================= */
.c-form--confirm .c-form-block {
  padding: 0;
  padding-block: min(30px, 5vw);
  border-bottom: 1px solid var(--color-bd);
}
.c-form--confirm .c-form-block:nth-of-type(1) {
  border-top: 1px solid var(--color-bd);
}
.c-form--confirm .c-form__head {
  padding-bottom: 1em;
}
.c-form--confirm .c-form__head-icon {
  display: none;
}

/* =========================================================
 thanks
========================================================= */
.c-form-thanks {
  text-align: center;
}
.c-form-thanks__ttl {
  margin-bottom: 1em;
  font-size: var(--fz2);
  font-weight: var(--fw-m);
}
.c-form-thanks__attention {
  padding: min(30px, 5vw);
  border: 1px solid var(--color-danger);
  background: rgba(var(--color-danger-rgb), 0.06);
  color: var(--color-danger);
  font-size: var(--fz-1);
}
.c-form-thanks .c-btn {
  margin-inline: auto;
}
.c-form-thanks .c-sentence {
  text-align: center;
}

/* =========================================================
 hide
========================================================= */
.c-form-hide {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
  width: 100%;
  margin-top: 0 !important;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
.c-form-hide__inner {
  overflow: hidden;
}
.c-form:has(input[value=希望する]:checked) .c-form-hide {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  margin-top: min(80px, 10vw) !important;
}

.js-form-hide {
  display: none;
}
.js-form-hide.is-show {
  display: block;
}

:root {
  --spacing: .25rem;
}

.c-grid {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 767.98px) {
  .c-grid + .c-grid {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .c-grid + .c-grid {
    margin-top: 30px;
  }
}
@media screen and (min-width: 992px) {
  .c-grid + .c-grid {
    margin-top: 40px;
  }
}
@media screen and (max-width: 991.98px) {
  .c-grid-cols-2 {
    gap: 8vw;
  }
}
@media screen and (min-width: 992px) {
  .c-grid-cols-2 {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .c-grid-cols-2 {
    gap: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .c-grid-cols-2 {
    gap: 80px;
  }
}
@media screen and (min-width: 992px) {
  .c-grid-cols-2.img-s {
    -ms-grid-columns: 1fr 35%;
    grid-template-columns: 1fr 35%;
  }
}
@media screen and (min-width: 576px) {
  .c-grid-cols-3 {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 991.98px) {
  .c-grid-cols-3 {
    gap: 15px;
  }
}
@media screen and (min-width: 992px) {
  .c-grid-cols-3 {
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .c-grid-col-span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2/span 2;
  }
}
@media screen and (min-width: 768px) {
  .c-grid-col-span-3 {
    -ms-grid-column-span: 3;
    grid-column: span 3/span 3;
  }
}
.c-grid-gap_s {
  gap: min(50px, 6vw);
}
.c-grid figure {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.c-icon-mio {
  font-size: 24px;
  line-height: var(--lh-zero);
}
.c-icon-mio:before {
  font-family: var(--ff-icon);
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  line-height: var(--lh-1);
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.c-icon-down:before {
  content: "keyboard_arrow_down";
}
.c-icon-add:before {
  content: "add";
}
.c-icon-remove:before {
  content: "remove";
}
.c-icon-tel:before {
  content: "phone";
}
.c-icon-mail:before {
  content: "mail";
}
.c-icon-cal:before {
  content: "calendar_month";
}
.c-icon-launch:before {
  content: "launch";
}
.c-icon-arrow {
  line-height: 0;
}
.c-icon-arrow svg {
  width: 13px;
  height: 7px;
  fill: var(--color-base);
}
.c-icon-arrow--lg svg {
  width: 19px;
  height: 11px;
}
.c-icon-arrow--wht svg {
  fill: var(--color-white);
}
.c-icon-sq {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 45px;
  height: 25px;
  border-radius: 4px;
  background: var(--color-primary);
}
@media screen and (max-width: 575.98px) {
  .c-icon-sq {
    width: 40px;
    height: 20px;
  }
}
.c-icon-sq svg {
  position: absolute;
  top: 50%;
  fill: var(--color-white);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
  z-index: 2;
}
.c-icon-sq svg:first-child {
  left: 50%;
}
.c-icon-sq svg:last-child {
  left: -100%;
}
@media (hover: hover) and (pointer: fine) {
  a:hover .c-icon-sq svg:first-child {
    left: 200%;
  }
  a:hover .c-icon-sq svg:last-child {
    left: 50%;
  }
}

@-webkit-keyframes icon-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  37% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 1;
  }
  38% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  39% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes icon-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  37% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 1;
  }
  38% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  39% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.c-link-line {
  position: relative;
}
.c-link-line:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
  height: 1px;
  background: rgba(var(--color-base), 0.6);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
@media (hover: hover) and (pointer: fine) {
  .c-link-line:hover:after {
    width: 100%;
  }
}
.c-link-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-base);
  text-decoration: none;
}
@media screen and (max-width: 575.98px) {
  .c-link-txt {
    margin-top: 20px;
  }
}
.c-link-txt .c-icon-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  aspect-ratio: 1/1;
  background: var(--color-base);
  border-radius: 100%;
  color: var(--color-white);
  font-size: var(--fz0);
}
.c-link-txt > span {
  overflow: hidden;
  position: relative;
  display: block;
  padding-block: 5px;
  line-height: var(--lh-tight);
}
.c-link-txt > span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-base);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
.c-link-txt p {
  margin: 0 !important;
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
  .c-link-txt:hover span:after {
    width: 0;
  }
}
.c-link-txt .c-icon-circle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.c-link-txt--en span {
  font-family: var(--ff-en);
  font-size: var(--fz-1);
}
.c-link-txt__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 30px;
  margin-top: 30px;
}
.c-link-txt__list--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.c-link-txt__list--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-link-txt__list .c-link-txt {
  margin-top: 0;
}
.c-link-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
@media (hover: hover) and (pointer: fine) {
  .c-link-external:hover span:after {
    width: 100%;
  }
}
.c-link-external span {
  position: relative;
}
.c-link-external span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--color-base);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
.c-link-external svg {
  width: 1em;
  aspect-ratio: 1/1;
}
.c-link-pdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 60px;
  padding: 1em;
  border-radius: 10px;
  border: 1px solid var(--color-bd);
  background: var(--color-white);
}
@media screen and (max-width: 413.98px) {
  .c-link-pdf {
    min-height: 50px;
  }
}
@media (hover: hover) {
  .c-link-pdf:hover {
    border-color: var(--color-primary);
  }
}
.c-link-pdf i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-primary);
}
.c-link-pdf i svg {
  width: 16px;
  aspect-ratio: 1/1;
  fill: var(--color-white);
}
.c-link-pdf__list {
  display: -ms-grid;
  display: grid;
  gap: 15px;
}
@media screen and (max-width: 767.98px) {
  .c-link-pdf__list {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .c-link-pdf__list {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  }
}
.c-link-pdf__list .c-link-pdf {
  width: 100%;
}
.c-link-tel {
  letter-spacing: var(--ls-tight);
}

@-webkit-keyframes underline {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  37% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  38% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  39% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes underline {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  37% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  38% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  39% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.c-list {
  display: -ms-grid;
  display: grid;
}
.c-list:has(> li) {
  gap: 0.5em;
}
.c-list:not(:last-child) {
  margin-bottom: 1.6em;
}
.c-list > li, .c-list > dt {
  position: relative;
  padding-left: 15px;
}
.c-list > li:before, .c-list > dt:before {
  position: absolute;
  display: block;
  content: "";
  top: calc(1em * var(--lh-def) / 2);
  left: 0;
  width: 6px;
  aspect-ratio: 1/1;
  margin-top: -6px;
  border-radius: 100%;
  background: var(--color-secondary);
}
.c-list dt {
  margin-bottom: 5px;
}
.c-list dt:not(:first-child) {
  margin-top: 1rem;
}
.c-list dd {
  padding-left: 15px;
}
.c-list dd ul {
  display: -ms-grid;
  display: grid;
  gap: 5px;
}
.c-list-num {
  display: -ms-grid;
  display: grid;
  gap: 0.5em;
}
.c-list-num:not(:last-child) {
  margin-bottom: 1.6em;
}
.c-list-num > li, .c-list-num > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  counter-increment: calc-ex9;
  line-height: 1.6;
}
.c-list-num > li:last-child, .c-list-num > dt:last-child {
  margin-bottom: 0;
}
.c-list-num > li:before, .c-list-num > dt:before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  content: counter(calc-ex9) ".";
  display: inline-block;
  width: 2em;
  text-indent: 0;
}
.c-list-num > dt {
  margin-bottom: 5px;
  line-height: var(--lh-tight);
}
.c-list-num > dd {
  padding-left: calc(2em + 5px);
}
.c-list-num > dd:not(:last-child) {
  margin-bottom: 10px;
}
.c-list-num--parenthesis > li:before, .c-list-num--parenthesis > dt:before {
  content: "（" counter(calc-ex9) "）";
}
.c-list--def dt {
  margin-bottom: 5px;
}
.c-list--def dt:not(:first-child) {
  margin-top: 1rem;
}

.c-map iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

/*  c-modal
--------------------------------------------- */
.c-modal {
  pointer-events: none;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}
.c-modal.is-open {
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-modal-overlay {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(15px);
  z-index: 99999999;
}
.c-modal-container {
  overflow: hidden;
  position: relative;
  width: 90vw;
  max-height: 90svh;
  background: var(--color-white);
  z-index: 10;
}
@media screen and (min-width: 992px) {
  .c-modal-container {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: min(40px, 5vw);
  }
}
.c-modal-main {
  padding-bottom: min(90px, 16vw);
}
.c-modal-close {
  cursor: pointer;
  position: absolute;
  top: 5vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 90vw;
  z-index: 20;
}
@media screen and (max-width: 991.98px) {
  .c-modal-close {
    left: 5vw;
  }
}
@media screen and (min-width: 992px) {
  .c-modal-close {
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.c-modal-close i {
  position: relative;
  width: 60px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-primary);
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}
@media screen and (max-width: 767.98px) {
  .c-modal-close i {
    width: 50px;
    -webkit-transform: translate(3vw, -5vw);
            transform: translate(3vw, -5vw);
  }
}
.c-modal-close i:before, .c-modal-close i:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  margin-top: -1px;
  margin-left: -25%;
  background: var(--color-white);
}
.c-modal-close i:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-modal-close i:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/* Modal Animation Style　(アニメーション不要の場合は削除)
--------------------------------------------- */
.c-modal[aria-hidden=false] {
  -webkit-animation: mmfadeIn 0.8s cubic-bezier(0, 0.7, 0.22, 1);
          animation: mmfadeIn 0.8s cubic-bezier(0, 0.7, 0.22, 1);
}
.c-modal[aria-hidden=true] {
  -webkit-animation: mmfadeOut 0.8s cubic-bezier(0, 0.7, 0.22, 1);
          animation: mmfadeOut 0.8s cubic-bezier(0, 0.7, 0.22, 1);
}
.c-modal__overlay, .c-modal__container {
  will-change: transform;
}

@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(15%);
            transform: translateX(15%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(15%);
            transform: translateX(15%);
  }
}
.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px 8px;
  padding-top: clamp(2.5rem, 1.296rem + 4.94vw, 5rem);
}
@media screen and (max-width: 575.98px) {
  .wp-pagenavi {
    gap: 10px 5px;
  }
}
.wp-pagenavi * {
  font-size: 0.875rem;
  font-family: var(--ff-en);
  font-weight: var(--fw-m);
  line-height: var(--lh-en);
  text-decoration: none;
}
.wp-pagenavi span:not(.pages):not(.extend), .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  aspect-ratio: 1/1;
  border-radius: 5px;
  border: none;
  background: var(--color-white);
  color: var(--color-base);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 575.98px) {
  .wp-pagenavi span:not(.pages):not(.extend), .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink) {
    width: 40px;
  }
}
.wp-pagenavi a:not(.nextpostslink):not(.previouspostslink) {
  border-radius: 5px;
  border: 1px solid var(--color-bd);
}
@media (hover: hover) and (pointer: fine) {
  .wp-pagenavi a:not(.nextpostslink):not(.previouspostslink):hover {
    border-color: var(--color-primary);
    color: var(--color-base);
  }
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
  position: relative;
  width: 40px;
  aspect-ratio: 1/1;
  font-size: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
@media (hover: hover) and (pointer: fine) {
  .wp-pagenavi a.previouspostslink:hover:before, .wp-pagenavi a.nextpostslink:hover:before {
    border-color: var(--color-primary);
  }
}
.wp-pagenavi a.previouspostslink:before, .wp-pagenavi a.nextpostslink:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-top: 2px solid var(--color-base);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.wp-pagenavi a.previouspostslink:before {
  border-left: 2px solid var(--color-base);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.wp-pagenavi a.nextpostslink:before {
  border-right: 2px solid var(--color-base);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.wp-pagenavi .pages {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: var(--fz-2);
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last {
  font-size: 0.875rem;
  font-family: var(--font-family);
}
@media screen and (max-width: 575.98px) {
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last {
    font-size: 0.75rem;
  }
}
.wp-pagenavi span.current {
  color: var(--color-white) !important;
  background: var(--color-primary) !important;
}

.c-sentence {
  text-align: justify;
  line-height: var(--lh-lg);
}
.c-sentence:not(:last-child) {
  margin-bottom: 1.5em;
}
.c-sentence-note {
  display: -ms-grid;
  display: grid;
  margin-top: 5px;
  opacity: 0.7;
}
.c-sentence-note:not(.u-text-base) {
  font-size: var(--fz-2);
}
.c-sentence-note p, .c-sentence-note li, .c-sentence-note dt {
  margin-left: 1em;
  font-size: inhert;
  text-indent: -1em;
  line-height: var(--lh-def);
}
.c-sentence-note p:not(:last-child) {
  margin-bottom: 5px !important;
}
.c-sentence-note dd {
  margin-left: 1em;
  font-size: var(--fz-2);
}
.c-sentence + .c-sentence-note {
  margin-top: 1em;
}

ul.c-sentence-note {
  gap: 5px;
}

.c-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
@media screen and (min-width: 768px) {
  .c-table tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 50px auto;
    grid-template-columns: 200px auto;
    gap: 50px;
  }
  .c-table tr:first-child th, .c-table tr:first-child td {
    border-top: 1px solid var(--color-bd-light);
  }
}
@media screen and (min-width: 992px) {
  .c-table tr {
    -ms-grid-columns: 250px auto;
    grid-template-columns: 250px auto;
  }
}
.c-table th, .c-table td {
  border: none;
  border-bottom: 1px solid var(--color-bd-light);
  font-weight: var(--fw-r);
  text-align: left;
  line-height: var(--lh-def);
}
@media screen and (max-width: 767.98px) {
  .c-table th, .c-table td {
    padding-block: 1em;
  }
}
@media screen and (min-width: 768px) {
  .c-table th, .c-table td {
    padding-block: 2em;
  }
}
.c-table th {
  color: var(--color-secondary);
}
.c-table td {
  background: rgba(var(--color-white), 0.5);
}
@media screen and (max-width: 767.98px) {
  .c-table--resp {
    border-top: 1px solid var(--color-bd-light);
  }
}
@media screen and (max-width: 767.98px) {
  .c-table--resp th, .c-table--resp td {
    display: block;
  }
}
@media screen and (max-width: 767.98px) {
  .c-table--resp th {
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }
}
.c-table-swipe th, .c-table-swipe td {
  white-space: nowrap;
}

div:has(> .js-scrollable) {
  overflow: hidden;
}

.c-title-hgroup {
  display: -ms-grid;
  display: grid;
  margin-bottom: 1em;
}
@media screen and (max-width: 575.98px) {
  .c-title-hgroup {
    gap: 10px;
  }
}
@media screen and (min-width: 576px) {
  .c-title-hgroup {
    gap: 15px;
  }
}
.c-title-hgroup:has([class$="-1ry"]) {
  font-size: var(--fz4);
  text-align: center;
}
.c-title-hgroup:has([class$="-2ry"]) {
  color: var(--color-secondary);
  font-size: var(--fz3);
  font-weight: var(--fw-m);
}
.c-title-hgroup [class$="-1ry"], .c-title-hgroup [class$="-2ry"] {
  margin-bottom: 0;
}
.c-title-lead {
  color: var(--color-primary);
  font-size: 0.6em;
  font-weight: var(--fw-b);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-def);
}
.c-title-1ry {
  margin-bottom: 1em;
  font-size: var(--fz5);
  font-weight: var(--fw-m);
  line-height: var(--lh-tight);
}
.c-title-1ry[data-en] {
  display: -ms-grid;
  display: grid;
  gap: min(25px, 5vw);
}
.c-title-1ry[data-en]:before {
  content: attr(data-en);
  color: var(--color-secondary);
  font-size: var(--fz-2);
  font-family: var(--ff-en);
  font-weight: var(--fw-b);
  text-transform: uppercase;
  line-height: var(--lh-en);
  letter-spacing: var(--ls-def);
}
.c-title-1ry > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 0;
}
.c-title-1ry--center > span {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-title-2ry {
  margin-bottom: 0.8em;
  color: var(--color-secondary);
  font-size: var(--fz3);
  font-weight: var(--fw-m);
  line-height: var(--lh-tight);
}
.c-title-3ry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 10px;
  margin-bottom: 0.8em;
  font-size: var(--fz2);
  line-height: var(--lh-tight);
}
.c-title-3ry:before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  content: "";
  display: block;
  width: 0.3em;
  aspect-ratio: 1/1;
  margin-top: 0.5em;
  background: var(--color-primary);
}
h2 + .c-title-3ry, h3 + .c-title-3ry, h4 + .c-title-3ry {
  margin-top: 0;
}
.c-title-3ry:not(:first-child) {
  margin-top: 2em;
}
.c-title-4ry {
  margin-bottom: 0.5em;
  font-size: var(--fz1);
}
h2 + .c-title-4ry, h3 + .c-title-4ry, h4 + .c-title-4ry {
  margin-top: 0;
}
.c-title-lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

a img {
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}

.c-img-mt {
  margin-top: min(30px, 3vw) !important;
}
.c-img-mb {
  margin-bottom: min(30px, 3vw) !important;
}
@media screen and (max-width: 991.98px) {
  .c-img-rd img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 575.98px) {
  .c-img-rd img {
    border-radius: 10px;
  }
}
@media screen and (min-width: 992px) {
  .c-img-rd img {
    border-radius: 30px;
  }
}

[class^=c-img] figcaption {
  display: block;
  margin-top: 1em;
  padding-inline: 1em;
  font-size: var(--fz-1);
}

body:has(.p-top-kv) .l-header-logo {
  position: relative;
}
body:has(.p-top-kv) .l-header-logo img {
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
body:has(.p-top-kv) .l-header-logo img:first-child {
  opacity: 1;
}
body:has(.p-top-kv) .l-header-logo img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
body:has(.p-top-kv) .l-header:not(.is-fixed) {
  background: none;
  border: none;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
body:has(.p-top-kv) .l-header:not(.is-fixed) .l-header-logo img:first-child {
  opacity: 0;
}
body:has(.p-top-kv) .l-header:not(.is-fixed) .l-header-logo img:last-child {
  opacity: 1;
}
body:has(.p-top-kv) .l-header:not(.is-fixed) .l-header-gnav__link {
  color: var(--color-white);
}
body:has(.p-top-kv) .l-header:not(.is-fixed) .l-header-menu__btn-lines span {
  background: var(--color-white);
}
@media screen and (min-width: 992px) {
  body:has(.p-top-kv) .l-main {
    padding-top: 100svh;
    padding-bottom: 0;
  }
}

.p-top-section {
  padding-block: min(180px, 20vw);
}
.p-top-hgroup {
  display: -ms-grid;
  display: grid;
  gap: min(60px, 8vw);
}
.p-top-hgroup [class$=ttl] {
  margin-bottom: 0;
}
.p-top-hgroup__lead {
  line-height: 1.8;
}
.p-top-kv {
  width: 100%;
  height: 100svh;
}
@media screen and (max-width: 991.98px) {
  .p-top-kv {
    position: relative;
  }
}
@media screen and (min-width: 992px) {
  .p-top-kv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
.p-top-kv__copy {
  position: absolute;
  left: 5%;
  bottom: min(80px, 10vw);
  display: -ms-grid;
  display: grid;
  color: var(--color-white);
  z-index: 10;
}
@media screen and (max-width: 575.98px) {
  .p-top-kv__copy {
    gap: 20px;
  }
}
@media screen and (min-width: 576px) {
  .p-top-kv__copy {
    gap: 30px;
  }
}
.p-top-kv__copy-main {
  display: -ms-grid;
  display: grid;
  gap: 0.5em;
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
@media screen and (max-width: 575.98px) {
  .p-top-kv__copy-main {
    font-size: 7.5vw;
  }
}
@media screen and (min-width: 576px) {
  .p-top-kv__copy-main {
    font-size: var(--fz5);
  }
}
.p-top-kv__copy-sub {
  font-family: var(--ff-en);
  font-weight: var(--fw-m);
  line-height: var(--lh-en);
  letter-spacing: var(--ls-tught);
  text-transform: uppercase;
}
@media screen and (max-width: 575.98px) {
  .p-top-kv__copy-sub {
    font-size: var(--fz-2);
  }
}
.p-top-kv__slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.p-top-kv__slide:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 37, 75, 0.4);
  z-index: 1;
}
.p-top-kv__slide .splide__list {
  height: 100svh;
}
.p-top-kv__slide .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 20s ease-out;
  transition: 20s ease-out;
}
.p-top-kv__slide .splide__slide.is-active img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.p-top-news {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px auto;
  grid-template-columns: 1fr auto;
  gap: 20px;
  background: var(--color-primary);
  z-index: 20;
}
@media screen and (max-width: 991.98px) {
  .p-top-news {
    margin-top: min(60px, 8vw);
    margin-inline: min(40px, 5vw);
    padding-left: min(30px, 5vw);
    border-radius: 5px;
  }
}
@media screen and (min-width: 992px) {
  .p-top-news {
    position: absolute;
    top: 100svh;
    right: 0;
    width: 50%;
    height: 80px;
    max-width: 600px;
    padding-left: 35px;
    border-top-left-radius: 5px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.p-top-news__main {
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 10px;
}
@media screen and (max-width: 991.98px) {
  .p-top-news__main {
    padding-block: min(30px, 5vw);
  }
}
.p-top-news__ttl {
  color: var(--color-white);
  font-size: var(--fz-2);
  font-weight: var(--fw-m);
  line-height: var(--lh-en);
}
.p-top-news__link {
  color: var(--color-white);
  letter-spacing: var(--ls-def);
}
@media screen and (max-width: 575.98px) {
  .p-top-news__link {
    display: -ms-grid;
    display: grid;
    gap: 10px;
  }
}
@media screen and (min-width: 576px) {
  .p-top-news__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
.p-top-news__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: var(--fz-2);
  font-family: var(--ff-en);
  line-height: var(--lh-en);
}
.p-top-news__txt {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-white)), to(var(--color-white)));
  background-image: linear-gradient(90deg, var(--color-white), var(--color-white));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  -webkit-transition: background-size 0.6s;
  transition: background-size 0.6s;
  font-size: var(--fz-1);
  line-height: var(--lh-tight);
}
@media screen and (min-width: 992px) {
  .p-top-news__txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
@media (hover: hover) and (pointer: fine) {
  a:hover .p-top-news__txt {
    background-size: 100% 1px;
  }
}
.p-top-news__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-left: 1px solid rgba(var(--color-white-rgb), 0.2);
  color: var(--color-white);
  font-size: var(--fz-2);
  font-weight: var(--fw-m);
  font-family: var(--ff-en);
  line-height: var(--lh-en);
}
@media screen and (max-width: 767.98px) {
  .p-top-news__btn {
    padding-inline: 15px;
  }
}
@media screen and (min-width: 768px) {
  .p-top-news__btn {
    padding-inline: 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-top-news__btn:hover {
    background: var(--color-secondary);
  }
}
.p-top-main {
  background: var(--color-white);
}
.p-top-intro {
  position: relative;
  padding-block: min(180px, 20vw);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.p-top-intro:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(238, 237, 234, 0.7)), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(0deg, rgba(238, 237, 234, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
}
@media screen and (min-width: 992px) {
  .p-top-intro__inner {
    position: relative;
    z-index: 2;
  }
}
.p-top-intro .c-title-1ry {
  gap: 30px;
  font-size: var(--fz7);
  font-weight: var(--fw-r);
  line-height: var(--lh-1);
}
@media screen and (max-width: 991.98px) {
  .p-top-intro .c-title-1ry {
    margin-bottom: min(60px, 8vw);
    padding-inline: min(40px, 5vw);
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro .c-title-1ry {
    margin-left: 5%;
    margin-bottom: 100px;
  }
}
.p-top-intro .c-title-1ry:before {
  font-size: var(--fz0);
  font-weight: var(--fw-m);
}
.p-top-intro .c-title-1ry > span {
  display: -ms-grid;
  display: grid;
  gap: 0.5em;
}
@media screen and (max-width: 991.98px) {
  .p-top-intro__main {
    display: -ms-grid;
    display: grid;
    gap: 8vw;
  }
}
@media screen and (max-width: 991.98px) {
  .p-top-intro__main {
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: min(40px, 5vw);
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .p-top-intro__main .p-top-intro__images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 35% 5vw 1fr;
    grid-template-columns: 35% 1fr;
    gap: 5vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__main .p-top-intro__images {
    width: 50%;
    padding-right: 4vw;
  }
}
.p-top-intro__main .c-sentence {
  line-height: 2.2;
}
@media screen and (min-width: 992px) {
  .p-top-intro__main .c-sentence {
    font-size: var(--fz1);
  }
}
.p-top-intro__main + .p-top-intro__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 991.98px) {
  .p-top-intro__main + .p-top-intro__images {
    margin-top: 8vw;
    margin-inline: min(40px, 5vw);
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__main + .p-top-intro__images {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__txt {
    max-width: 500px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 1280px) {
  .p-top-intro__txt {
    margin-right: calc((100vw - 1200px) / 2);
  }
}
.p-top-intro__images {
  position: relative;
}
.p-top-intro__img {
  overflow: hidden;
  border-radius: 5px;
}
@media screen and (max-width: 991.98px) {
  .p-top-intro__img01 {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__img01 {
    position: absolute;
    top: 0;
    right: 5%;
    width: 23vw;
    max-width: 350px;
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__img02 {
    width: 20vw;
    max-width: 180px;
    margin-left: auto;
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__img03 {
    position: absolute;
    top: 15vw;
    left: 2vw;
    width: 30vw;
    max-width: 450px;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-intro__img03 {
    top: 10vw;
  }
}
@media screen and (max-width: 991.98px) {
  .p-top-intro__img04 {
    width: 60%;
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__img04 {
    width: 20vw;
    max-width: 250px;
    margin-top: 10%;
    -webkit-transform: translateX(30vw);
            transform: translateX(30vw);
  }
}
@media screen and (min-width: 1400px) {
  .p-top-intro__img04 {
    -webkit-transform: translateX(40vw);
            transform: translateX(40vw);
  }
}
@media screen and (max-width: 991.98px) {
  .p-top-intro__img05 {
    position: absolute;
    top: 15%;
    right: 0;
    width: 50%;
  }
}
@media screen and (min-width: 992px) {
  .p-top-intro__img05 {
    width: 50vw;
    max-width: 450px;
    margin-right: 2vw;
  }
}
.p-top-business {
  background: var(--color-primary);
  color: var(--color-white);
}
.p-top-business .p-page-container {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 991.98px) {
  .p-top-business .p-page-container {
    gap: 60px;
  }
}
@media screen and (min-width: 992px) {
  .p-top-business .p-page-container {
    position: relative;
    -ms-grid-columns: 50% 80px 1fr;
    grid-template-columns: 50% 1fr;
    gap: 80px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-business .p-page-container {
    gap: 120px;
  }
}
@media screen and (min-width: 1400px) {
  .p-top-business .p-page-container {
    gap: 150px;
  }
}
@media screen and (min-width: 992px) {
  .p-top-business__intro {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    position: sticky;
    top: calc(20px + var(--header-height));
    right: 0;
  }
}
.p-top-business__intro .c-title-1ry:before {
  color: var(--color-white);
}
@media screen and (max-width: 575.98px) {
  .p-top-business__intro .c-btn {
    margin-top: 40px;
  }
}
@media screen and (min-width: 576px) {
  .p-top-business__intro .c-btn {
    margin-top: 30px;
  }
}
.p-top-business__list {
  display: -ms-grid;
  display: grid;
  gap: min(100px, 12vw);
}
@media screen and (min-width: 992px) {
  .p-top-business__list {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
}
@media (hover: hover) {
  .p-top-business__link:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .p-top-business__link:hover .c-icon-arrow svg:first-child {
    left: 200%;
  }
  .p-top-business__link:hover .c-icon-arrow svg:last-child {
    left: 50%;
  }
}
.p-top-business__img {
  width: 100%;
  aspect-ratio: 1.618/1;
  margin-bottom: min(40px, 6vw);
  border-radius: 5px;
}
.p-top-business__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
.p-top-business__ttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.p-top-business__ttl .c-icon-arrow {
  overflow: hidden;
  position: relative;
  border: 1px solid var(--color-white);
  aspect-ratio: 1/1;
  border-radius: 100%;
}
@media screen and (max-width: 575.98px) {
  .p-top-business__ttl .c-icon-arrow {
    width: 60px;
  }
}
@media screen and (min-width: 576px) {
  .p-top-business__ttl .c-icon-arrow {
    width: 80px;
  }
}
.p-top-business__ttl .c-icon-arrow svg {
  position: absolute;
  top: 50%;
  fill: var(--color-white);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
  z-index: 2;
}
.p-top-business__ttl .c-icon-arrow svg:first-child {
  left: 50%;
}
.p-top-business__ttl .c-icon-arrow svg:last-child {
  left: -100%;
}
.p-top-business__ttl .c-title-1ry {
  gap: 20px;
  margin-bottom: 0;
  font-size: var(--fz3);
}
.p-top-business__ttl .c-title-1ry:before {
  color: var(--color-white);
  font-size: 11px;
}
.p-top-business__ttl .c-title-1ry span {
  line-height: 1.3;
}
.p-top-about {
  display: -ms-grid;
  display: grid;
  background: var(--color-white);
  padding-inline: 5%;
}
@media screen and (min-width: 1200px) {
  .p-top-about {
    -ms-grid-columns: 55% min(100px, 15vw) 1fr;
    grid-template-columns: 55% 1fr;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: min(100px, 15vw);
  }
}
@media screen and (max-width: 575.98px) {
  .p-top-about .c-btn {
    margin-top: 40px;
  }
}
@media screen and (min-width: 576px) {
  .p-top-about .c-btn {
    margin-top: 30px;
  }
}
.p-top-about__list {
  margin-top: 60px;
}
@media screen and (min-width: 992px) {
  .p-top-about__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
  }
}
.p-top-about__list li {
  border-bottom: 1px solid var(--color-bd);
}
.p-top-about__list li:nth-of-type(1) {
  border-top: 1px solid var(--color-bd);
}
@media screen and (min-width: 992px) {
  .p-top-about__list li:nth-of-type(2) {
    border-top: 1px solid var(--color-bd);
  }
}
.p-top-about__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1199.98px) {
  .p-top-about__link {
    padding-block: 30px;
  }
}
@media screen and (max-width: 575.98px) {
  .p-top-about__link {
    padding-block: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-about__link {
    padding-block: 35px;
  }
}
@media screen and (max-width: 1199.98px) {
  .p-top-about__link figure {
    width: 150px;
    aspect-ratio: 1.618/1;
  }
  .p-top-about__link figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
  }
}
@media screen and (max-width: 575.98px) {
  .p-top-about__link figure {
    width: 30%;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-about__link figure {
    display: none;
  }
}
.p-top-about__link span {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
@media screen and (min-width: 576px) {
  .p-top-about__link span {
    font-size: var(--fz1);
  }
}
.p-top-about__link span small {
  color: var(--color-secondary);
  font-size: var(--fz-3);
  font-family: var(--ff-en);
  font-weight: var(--fw-b);
  text-transform: uppercase;
  line-height: var(--lh-en);
  letter-spacing: var(--ls-def);
}
.p-top-about__link .c-icon-sq {
  margin-left: auto;
  background: var(--color-secondary);
}
@media screen and (max-width: 1199.98px) {
  .p-top-about__images {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-about__images {
    overflow: hidden;
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 5px;
  }
  .p-top-about__images img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-about__images li {
    position: absolute;
    inset: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.p-top-about:has(.p-top-about__list li:not(:first-child) a:hover) .p-top-about__images li:first-child {
  opacity: 0;
}
@media screen and (min-width: 1200px) {
  .p-top-about__images li:not(:first-child) {
    opacity: 0;
  }
}
.p-top-about:has(.p-top-about__list li:nth-of-type(1) a:hover) .p-top-about__images li:nth-of-type(2) {
  opacity: 1;
}
.p-top-about:has(.p-top-about__list li:nth-of-type(2) a:hover) .p-top-about__images li:nth-of-type(3) {
  opacity: 1;
}
.p-top-about:has(.p-top-about__list li:nth-of-type(3) a:hover) .p-top-about__images li:nth-of-type(4) {
  opacity: 1;
}
.p-top-about:has(.p-top-about__list li:nth-of-type(4) a:hover) .p-top-about__images li:nth-of-type(5) {
  opacity: 1;
}
.p-top-about:has(.p-top-about__list li:nth-of-type(5) a:hover) .p-top-about__images li:nth-of-type(6) {
  opacity: 1;
}
.p-top-recruit {
  background: var(--color-primary);
  color: var(--color-white);
  text-align: center;
}
.p-top-recruit__main {
  position: sticky;
  top: min(180px, 20vw);
  left: 0;
  padding-inline: 5vw;
  z-index: 10;
}
.p-top-recruit__ttl {
  margin-bottom: 30px;
  font-size: var(--fz0);
  font-weight: var(--fw-r);
  line-height: var(--lh-1);
  letter-spacing: var(--ls-wide);
}
@media screen and (max-width: 575.98px) {
  .p-top-recruit__ttl {
    margin-bottom: 20px;
    font-size: var(--fz-1);
  }
}
.p-top-recruit__copy {
  display: -ms-grid;
  display: grid;
  gap: 0.3em;
  margin-bottom: 40px;
  font-size: var(--fz8);
  line-height: var(--lh-1);
  letter-spacing: var(--ls-wide);
}
@media screen and (max-width: 575.98px) {
  .p-top-recruit__copy {
    margin-bottom: 20px;
    font-size: var(--fz7);
  }
}
.p-top-recruit__en {
  color: var(--color-secondary);
  font-family: var(--ff-en);
  font-weight: var(--fw-m);
  text-transform: uppercase;
  line-height: var(--lh-en);
  letter-spacing: var(--ls-wide);
}
@media screen and (max-width: 575.98px) {
  .p-top-recruit__en {
    font-size: var(--fz-3);
  }
}
@media screen and (max-width: 575.98px) {
  .p-top-recruit .c-btn {
    margin-top: 40px;
  }
}
@media screen and (min-width: 576px) {
  .p-top-recruit .c-btn {
    margin-top: 60px;
  }
}
.p-top-recruit__images {
  display: -ms-grid;
  display: grid;
  margin-top: 100px;
  padding-bottom: 100svh;
}
.p-top-recruit__images li {
  overflow: hidden;
  border-radius: 5px;
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.p-top-recruit__images li:nth-of-type(1) {
  width: 30vw;
  max-width: 450px;
  margin-left: auto;
  margin-right: 30px;
}
.p-top-recruit__images li:nth-of-type(2) {
  width: 20vw;
  max-width: 350px;
  margin-top: 10%;
  margin-left: 50px;
}
.p-top-recruit__images li:nth-of-type(3) {
  width: 20vw;
  max-width: 250px;
  margin-left: auto;
}
@media screen and (max-width: 1279.98px) {
  .p-top-recruit__images li:nth-of-type(3) {
    margin-right: 5vw;
  }
}
@media screen and (min-width: 1280px) {
  .p-top-recruit__images li:nth-of-type(3) {
    margin-right: calc((100vw - 1200px) / 2);
  }
}
.p-top-recruit__images li:nth-of-type(4) {
  width: 30vw;
  max-width: 450px;
  margin-top: 5%;
  margin-left: 5vw;
}
.p-top-recruit__images li:nth-of-type(5) {
  width: 25vw;
  max-width: 300px;
  margin-top: 10%;
  margin-left: 70vw;
}
.p-top-recruit + .p-top-section {
  padding-block: min(150px, 15vw);
  background: var(--color-white);
}

.p-page {
  position: relative;
}
.p-page-container {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: min(40px, 5vw);
}
.p-page-container--full {
  max-width: none;
}
@media screen and (min-width: 992px) {
  .p-page-container--full {
    padding-inline: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .p-page-container--full {
    padding-inline: 80px;
  }
}
.p-page-header {
  position: relative;
  margin-bottom: min(150px, 18vw);
  padding-block: min(80px, 8vw);
  border-bottom: 1px solid var(--color-bd);
}
@media screen and (min-width: 992px) {
  .p-page-header {
    padding-top: 30px;
  }
}
.p-page-header .p-page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: min(40px, 5vw);
}
.p-page-header__title-jp, .p-page-header__title-en {
  line-height: var(--lh-1);
}
.is-loaded .p-page-header__title-jp, .is-loaded .p-page-header__title-en {
  translate: 0 0;
  opacity: 1;
}
.p-page-header__title-jp {
  font-size: var(--fz6);
  font-weight: var(--fw-r);
  line-height: var(--lh-tight);
}
.p-page-header__title-en {
  color: var(--color-secondary);
  font-size: var(--fz-2);
  font-weight: var(--fw-b);
  font-family: var(--ff-en);
  text-transform: uppercase;
  line-height: var(--lh-en);
}
@media screen and (max-width: 575.98px) {
  .p-page-header__title-en {
    font-size: var(--fz-3);
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-breadcrumbs {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .p-page-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: 10px;
    width: 100%;
    font-size: var(--fz-2);
    z-index: 10;
  }
}
.p-page-breadcrumbs br {
  display: none;
}
.p-page-breadcrumbs span, .p-page-breadcrumbs a {
  letter-spacing: 0.1em;
  line-height: 1;
}
.p-page-breadcrumbs span {
  display: block;
}
.p-page-breadcrumbs > span:not(:last-child) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-page-breadcrumbs > span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: rgba(var(--color-base-rgb), 0.5);
  text-decoration: underline;
}
.p-page-breadcrumbs > span a:after {
  content: "";
  display: block;
  font-size: 0;
  width: 5px;
  height: 1px;
  background: rgba(var(--color-base-rgb), 0.3);
}
.p-page-breadcrumbs > span a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.p-page-body {
  position: relative;
  line-height: var(--lh-def);
}
.p-page-body p:not(:last-child):not([class]), .p-page-body ul:not(:last-child):not([class]), .p-page-body ol:not(:last-child):not([class]) {
  margin-bottom: 1.6em;
}
.p-page-body--single {
  padding-top: min(50px, 6vw);
}
.p-page-section + .p-page-section {
  margin-top: min(200px, 18vw);
}
.p-page-article {
  position: relative;
}
.p-page-article + .p-page-article {
  margin-top: min(100px, 12vw);
}
.p-page-article__block + .p-page-article__block {
  margin-top: min(60px, 8vw);
}
.p-page-article--short {
  max-width: 800px;
}
@media screen and (max-width: 991.98px) {
  .p-page-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 50px;
  }
}
@media screen and (min-width: 992px) {
  .p-page-column {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 75%;
    grid-template-columns: 1fr 75%;
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .p-page-main {
    -ms-grid-column: 2;
        grid-column-start: 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-aside {
    position: sticky;
    top: 80px;
    left: 0;
    z-index: 777777;
  }
}
@media screen and (max-width: 767.98px) {
  .p-page-aside {
    top: 70px;
  }
}
@media screen and (max-width: 575.98px) {
  .p-page-aside {
    top: 60px;
  }
}
@media screen and (min-width: 992px) {
  .p-page-aside {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-row: 1;
        grid-row-start: 1;
    width: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .p-page-aside {
    width: 230px;
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-aside:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: var(--color-white);
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-navi, .p-page-anchor {
    position: relative;
    z-index: 10;
  }
}
@media screen and (min-width: 992px) {
  .p-page-navi, .p-page-anchor {
    position: sticky;
    top: 100px;
    left: 0;
  }
}
.p-page-navi__ttl, .p-page-anchor__ttl {
  color: var(--color-primary);
  font-family: var(--ff-en);
  font-size: var(--fz-2);
  font-weight: var(--fw-b);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 0.8;
}
@media screen and (max-width: 991.98px) {
  .p-page-navi__ttl, .p-page-anchor__ttl {
    margin-bottom: 1em;
    padding-top: 1em;
  }
}
@media screen and (min-width: 992px) {
  .p-page-navi__ttl, .p-page-anchor__ttl {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-navi__wrap, .p-page-anchor__wrap {
    overflow-x: auto;
    position: relative;
    left: 50%;
    width: 100vw;
    padding-inline: 5vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: rgba(var(--color-primary-rgb), 0.1);
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-navi__list, .p-page-anchor__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid var(--color-white);
  }
}
@media screen and (min-width: 992px) {
  .p-page-navi__list, .p-page-anchor__list {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-navi__item, .p-page-anchor__item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    border-right: 1px solid var(--color-white);
  }
}
@media screen and (max-width: 767.98px) {
  .p-page-navi__item, .p-page-anchor__item {
    font-size: var(--fz-1);
  }
}
@media screen and (min-width: 992px) {
  .p-page-navi__item, .p-page-anchor__item {
    line-height: 1;
  }
}
.p-page-navi__link, .p-page-anchor__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991.98px) {
  .p-page-navi__link, .p-page-anchor__link {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
    padding: min(20px, 4vw);
    white-space: nowrap;
  }
}
@media screen and (max-width: 575.98px) {
  .p-page-navi__link, .p-page-anchor__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 5px;
  }
}
@media screen and (max-width: 991.98px) {
  .p-page-navi__link:after, .p-page-anchor__link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: var(--color-primary);
  }
}
.p-page-navi__item {
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .p-page-anchor__link {
    opacity: 0.6;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-page-anchor__link:hover {
    opacity: 1;
  }
}
.p-page-anchor__link.is-current {
  opacity: 1;
}
@media screen and (max-width: 991.98px) {
  .p-page-anchor__link.is-current:after {
    height: 2px;
  }
}
@media screen and (min-width: 992px) {
  .p-page-anchor__link.is-current i {
    width: 10px;
    margin-right: 10px;
  }
}
.p-page-anchor__link i {
  -webkit-transition: var(--anime);
  transition: var(--anime);
}
@media screen and (max-width: 991.98px) {
  .p-page-anchor__link i {
    width: 6px;
    aspect-ratio: 1/1;
    border-right: 2px solid var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@media screen and (min-width: 992px) {
  .p-page-anchor__link i {
    width: 0;
    height: 2px;
    background: var(--color-primary);
  }
}
.p-page-links--child {
  padding-block: min(80px, 10vw);
  background: rgba(var(--color-primary-rgb), 0.05);
}
.p-page-links__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: min(50px, 6vw);
  color: var(--color-secondary);
  font-size: var(--fz0);
  font-family: var(--ff-en);
  font-weight: var(--fw-m);
  line-height: var(--lh-en);
}
.p-page-links--child .p-page-links__ttl {
  margin-bottom: 0;
}
.p-page-links__ttl:before {
  display: block;
  content: "";
  width: 15px;
  height: 2px;
  background: var(--color-secondary);
}
.p-page-links__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: min(60px, 8vw);
}
.p-page-links--child .p-page-links__list {
  gap: 0 min(40px, 5vw);
}
.p-page-links__link {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 25px;
}
@media (hover: hover) and (pointer: fine) {
  .p-page-links__link:hover {
    color: var(--color-secondary);
  }
  .p-page-links__link:hover .c-icon-arrow {
    background: var(--color-secondary);
  }
}
.p-page-links--child .p-page-links__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: min(30px, 5vw);
  border-bottom: 1px solid var(--color-white);
}
.p-page-links--child .p-page-links__link:after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: var(--color-secondary);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
@media (hover: hover) and (pointer: fine) {
  .p-page-links--child .p-page-links__link:hover:after {
    width: 100%;
  }
}
.p-page-links__link.is-current:after {
  width: 100%;
}
.p-page-links__link.is-current .c-icon-arrow {
  background: var(--color-secondary);
}
.p-page-links__link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-page-links__img {
  overflow: hidden;
  border-radius: 5px;
}
.p-page-links__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
@media (hover: hover) and (pointer: fine) {
  a:hover .p-page-links__img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.p-page-links--child .p-page-links__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 80px;
  aspect-ratio: 1/1;
}
.p-page-links__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  line-height: var(--lh-tight);
}
@media screen and (max-width: 575.98px) {
  .p-page-links__label {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 576px) {
  .p-page-links__label {
    font-size: var(--fz1);
  }
}
.p-page-links__link.is-current .p-page-links__label {
  color: var(--color-secondary);
}
.p-page-links--child .p-page-links__label {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 575.98px) {
  .p-page-links--child .p-page-links__label {
    font-size: var(--fz0);
  }
}
@media screen and (min-width: 576px) {
  .p-page-links--child .p-page-links__label {
    font-size: var(--fz0);
  }
}
.p-page-cta {
  position: relative;
  background: var(--color-primary-drk);
  color: var(--color-white);
}
.p-page-cta__body {
  padding-block: min(100px, 10vw);
}
@media screen and (min-width: 992px) {
  .p-page-cta__body {
    width: 62.5%;
  }
}
.p-page-cta__ttl {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  margin-bottom: 1.3em;
  font-size: var(--fz3);
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
.p-page-cta__ttl small {
  font-family: var(--ff-en);
  font-size: var(--fz-3);
  font-weight: var(--fw-b);
  line-height: var(--lh-en);
  letter-spacing: var(--ls-def);
}
.p-page-cta__lead {
  letter-spacing: var(--ls-wide);
  line-height: 2.2;
}
@media screen and (max-width: 575.98px) {
  .p-page-cta__lead {
    font-size: var(--fz-1);
  }
}
@media screen and (max-width: 575.98px) {
  .p-page-cta__lead br {
    display: none;
  }
}
.p-page-cta__main {
  display: -ms-grid;
  display: grid;
  gap: 30px;
  margin-top: min(80px, 10vw);
  max-width: 500px;
}
.p-page-cta__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  font-size: var(--fz-1);
  font-weight: var(--fw-m);
  line-height: 1;
}
.p-page-cta__label .c-icon-mio {
  font-size: var(--fz-1);
  line-height: 0;
}
.p-page-cta__mail {
  display: -ms-grid;
  display: grid;
  gap: 15px;
}
@media screen and (max-width: 575.98px) {
  .p-page-cta__mail {
    margin-bottom: 10px;
  }
}
.p-page-cta__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 80px;
  padding-inline: min(20px, 5vw);
  background: var(--color-white);
  border-radius: 5px;
  color: var(--color-base);
  font-weight: var(--fw-b);
}
@media screen and (max-width: 991.98px) {
  .p-page-cta__btn {
    font-size: var(--fz0);
  }
}
@media screen and (max-width: 575.98px) {
  .p-page-cta__btn {
    height: 60px;
  }
}
@media screen and (min-width: 992px) {
  .p-page-cta__btn {
    font-size: var(--fz1);
  }
}
.p-page-cta__btn span {
  line-height: var(--lh-1);
}
.p-page-cta__tel {
  display: -ms-grid;
  display: grid;
  gap: 15px;
}
@media screen and (max-width: 991.98px) {
  .p-page-cta__tel {
    gap: 10px;
  }
}
@media screen and (min-width: 992px) {
  .p-page-cta__tel {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
        grid-template-areas: "label num" "time num";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .p-page-cta__tel .p-page-cta__label {
    grid-area: label;
  }
}
.p-page-cta__tel .p-page-cta__num {
  font-size: var(--fz3);
  font-family: var(--ff-en);
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
@media screen and (max-width: 991.98px) {
  .p-page-cta__tel .p-page-cta__num {
    font-size: var(--fz4);
  }
}
@media screen and (max-width: 767.98px) {
  .p-page-cta__tel .p-page-cta__num {
    font-size: 8vw;
  }
}
@media screen and (min-width: 992px) {
  .p-page-cta__tel .p-page-cta__num {
    grid-area: num;
    text-align: right;
  }
}
.p-page-cta__tel .p-page-cta__num a {
  color: var(--color-white);
  text-decoration: none;
}
.p-page-cta__tel .p-page-cta__time {
  font-size: var(--fz-1);
  line-height: var(--lh-1);
}
@media screen and (max-width: 991.98px) {
  .p-page-cta__tel .p-page-cta__time {
    font-size: var(--fz-2);
    text-align: right;
  }
}
@media screen and (min-width: 992px) {
  .p-page-cta__tel .p-page-cta__time {
    grid-area: time;
  }
}
@media screen and (min-width: 992px){
  .p-page-cta__tel .p-page-cta__label {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-page-cta__tel .p-page-cta__num {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .p-page-cta__tel .p-page-cta__time {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 992px) {
  .p-page-cta__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: var(--color-white);
  }
}
.p-page-cta__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 10% center;
     object-position: 10% center;
}

.p-business-list {
  display: -ms-grid;
  display: grid;
  gap: min(80px, 8vw);
  margin-top: min(80px, 8vw);
}
@media screen and (max-width: 991.98px) {
  .p-business-list {
    gap: min(80px, 8vw);
  }
}
@media screen and (min-width: 992px) {
  .p-business-list {
    -ms-grid-columns: 1fr 60px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .p-business-list {
    gap: 80px;
  }
}
.p-business-list__link {
  display: -ms-grid;
  display: grid;
}
@media (hover: hover) {
  .p-business-list__link:hover img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .p-business-list__link:hover .c-icon-arrow svg:first-child {
    left: 200%;
  }
  .p-business-list__link:hover .c-icon-arrow svg:last-child {
    left: 50%;
  }
}
.p-business-list__img {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1.618/1;
  margin-bottom: min(40px, 6vw);
  border-radius: 5px;
}
.p-business-list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
.p-business-list__ttl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px auto;
  grid-template-columns: 1fr auto;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.p-business-list__ttl .c-icon-arrow {
  overflow: hidden;
  position: relative;
  border: 1px solid var(--color-secondary);
  aspect-ratio: 1/1;
  border-radius: 100%;
}
@media screen and (max-width: 575.98px) {
  .p-business-list__ttl .c-icon-arrow {
    width: 60px;
  }
}
@media screen and (min-width: 576px) {
  .p-business-list__ttl .c-icon-arrow {
    width: 80px;
  }
}
.p-business-list__ttl .c-icon-arrow svg {
  position: absolute;
  top: 50%;
  fill: var(--color-secondary);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
  z-index: 2;
}
.p-business-list__ttl .c-icon-arrow svg:first-child {
  left: 50%;
}
.p-business-list__ttl .c-icon-arrow svg:last-child {
  left: -100%;
}
.p-business-list__ttl .c-title-1ry {
  gap: 20px;
  margin-bottom: 0;
  font-size: var(--fz3);
}
.p-business-list__ttl .c-title-1ry:before {
  font-size: 11px;
}
.p-business-list__ttl .c-title-1ry span {
  line-height: var(--lh-tight);
}
.p-business-overview {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 992px) {
  .p-business-overview {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto 0 auto;
        grid-template-areas: "ttl ttl" "txt img";
    gap: 0 40px;
  }
}
@media screen and (min-width: 1200px) {
  .p-business-overview {
    -ms-grid-columns: 1fr 80px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto 0 auto;
        grid-template-areas: "img ttl" "img txt";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 80px;
  }
}
@media screen and (min-width: 1400px) {
  .p-business-overview {
    gap: 0 100px;
  }
}
@media screen and (min-width: 992px) {
  .p-business-overview__ttl {
    grid-area: ttl;
  }
}
@media screen and (min-width: 1200px) {
  .p-business-overview__ttl {
    padding-top: 100px;
  }
}
@media screen and (max-width: 991.98px) {
  .p-business-overview__img {
    margin-bottom: min(40px, 6vw);
  }
}
@media screen and (min-width: 992px) {
  .p-business-overview__img {
    grid-area: img;
  }
}
@media screen and (min-width: 1200px) {
  .p-business-overview__img {
    position: relative;
    height: 100%;
  }
}
.p-business-overview__img span {
  overflow: hidden;
  border-radius: 5px;
}
@media screen and (max-width: 1199.98px) {
  .p-business-overview__img span {
    display: block;
    width: 100%;
    aspect-ratio: 1.618/1;
  }
}
@media screen and (min-width: 1200px) {
  .p-business-overview__img span {
    width: calc(50vw - 80px);
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .p-business-overview__img span {
    width: calc(50vw - 90px);
  }
}
.p-business-overview__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 992px) {
  .p-business-overview__txt {
    grid-area: txt;
  }
}
@media screen and (min-width: 1200px) {
  .p-business-overview__txt {
    padding-bottom: 100px;
  }
}
.p-business-sales_results {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 991.98px) {
  .p-business-sales_results {
    gap: min(60px, 10vw);
  }
}
@media screen and (min-width: 992px) {
  .p-business-sales_results {
    -ms-grid-columns: 1fr 60px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 60px;
  }
}
@media screen and (min-width: 1200px) {
  .p-business-sales_results {
    gap: 60px 80px;
  }
}
.p-business-sales_results__item {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-business-sales_results__cat {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5em;
  height: 1.8em;
  background: var(--color-bg);
  color: var(--color-white);
  font-size: var(--fz-2);
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
.p-business-sales_results__cat--house {
  background: var(--color-primary-light);
}
.p-business-sales_results__cat--land {
  background: var(--color-secondary);
}
.p-business-sales_results__img {
  width: 100%;
  aspect-ratio: 3/2;
  margin-bottom: 30px;
}
@media screen and (max-width: 575.98px) {
  .p-business-sales_results__img {
    margin-bottom: 20px;
  }
}
.p-business-sales_results__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-business-sales_results__comment {
  margin-bottom: 15px;
}
@media screen and (max-width: 575.98px) {
  .p-business-sales_results__comment {
    margin-bottom: 10px;
  }
}
.p-business-sales_results__comment dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 9.5em;
  height: 1.8em;
  margin-bottom: 15px;
  background: var(--color-primary);
  border-radius: 3px;
  color: var(--color-white);
  font-size: var(--fz-2);
  font-weight: var(--fw-b);
  line-height: var(--lh-1);
}
.p-business-sales_results__comment dd {
  line-height: 1.8;
}
.p-business-sales_results__person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 15px;
  font-weight: var(--fw-m);
}
.p-business-sales_results__person div {
  display: -ms-grid;
  display: grid;
  gap: 10px;
  text-align: right;
}
.p-business-sales_results__person figure {
  overflow: hidden;
  width: 80px;
  aspect-ratio: 1/1;
  border-radius: 100%;
}
.p-business-sales_results__name {
  font-family: var(--ff-en);
  line-height: var(--lh-en);
}
.p-business-sales_results__dept {
  font-size: var(--fz-2);
  line-height: var(--lh-1);
}
.p-business-sales_results__nopost {
  font-size: 1.125rem;
}
.p-management-intro {
  text-align: center;
}
.p-management-intro__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  margin-bottom: 1em;
  color: var(--color-secondary);
  font-size: var(--fz3);
  font-weight: var(--fw-r);
}
@media screen and (max-width: 767.98px) {
  .p-management-intro__lead:before, .p-management-intro__lead:after {
    width: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-management-intro__lead:before, .p-management-intro__lead:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: var(--color-secondary);
  }
}
.p-management-intro__lead > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-management-intro .c-sentence {
  text-align: center;
}
@media screen and (min-width: 576px) {
  .p-management-intro .c-sentence {
    font-size: var(--fz1);
    line-height: var(--lh-lg);
    letter-spacing: var(--ls-wide);
  }
}
.p-management-intro .c-sentence > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-management-trouble {
  position: relative;
  padding-block: min(80px, 10vw);
  background: rgba(var(--color-secondary-rgb), 0.1);
}
.p-management-trouble:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: rgba(var(--color-secondary-rgb), 0.1) transparent transparent transparent;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  z-index: -2;
}
@media screen and (max-width: 767.98px) {
  .p-management-trouble:after {
    border-width: 30px 40px 0px 40px;
  }
}
@media screen and (max-width: 575.98px) {
  .p-management-trouble:after {
    border-width: 20px 30px 0px 30px;
  }
}
@media screen and (min-width: 768px) {
  .p-management-trouble:after {
    border-width: 40px 60px 0px 60px;
  }
}
.p-management-trouble .p-page-container {
  position: relative;
  z-index: 10;
}
.p-management-trouble .c-title-2ry {
  color: var(--color-base);
  text-align: center;
}
.p-management-trouble__list {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 575.98px) {
  .p-management-trouble__list {
    gap: 30px;
  }
}
@media screen and (min-width: 576px) {
  .p-management-trouble__list {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-management-trouble__list {
    gap: 30px;
  }
}
@media screen and (min-width: 992px) {
  .p-management-trouble__list {
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .p-management-trouble__list {
    gap: 30px;
  }
}
@media screen and (min-width: 1400px) {
  .p-management-trouble__list {
    gap: 40px;
  }
}
.p-management-trouble__item {
  display: -ms-grid;
  display: grid;
  gap: 20px;
  background: var(--color-white);
  border-radius: 5px;
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .p-management-trouble__item {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .p-management-trouble__item {
    padding: 30px;
  }
}
@media screen and (min-width: 992px) {
  .p-management-trouble__item {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .p-management-trouble__item {
    padding: 30px;
  }
}
.p-management-trouble__item p {
  display: -ms-grid;
  display: grid;
}
.p-management-trouble__item p em {
  color: var(--color-secondary);
  font-weight: var(--fw-m);
  font-size: var(--fz1);
}
.p-management-system .c-title-2ry, .p-management-long .c-title-2ry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 575.98px) {
  .p-management-system .c-title-2ry:before, .p-management-system .c-title-2ry:after, .p-management-long .c-title-2ry:before, .p-management-long .c-title-2ry:after {
    width: 20px;
  }
}
@media screen and (min-width: 576px) {
  .p-management-system .c-title-2ry:before, .p-management-system .c-title-2ry:after, .p-management-long .c-title-2ry:before, .p-management-long .c-title-2ry:after {
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background: var(--color-secondary);
  }
}
.p-management-system .c-title-2ry > span, .p-management-long .c-title-2ry > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-management-system__main {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 991.98px) {
  .p-management-system__main {
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .p-management-system__main {
    -ms-grid-columns: 1fr 40px 50%;
    grid-template-columns: 1fr 50%;
    gap: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .p-management-system__main {
    gap: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .p-management-system__main {
    gap: 80px;
  }
}
.p-management-system__img {
  overflow: hidden;
  border-radius: 5px;
}
.p-management-system .c-sentence {
  letter-spacing: var(--ls-wide);
}
.p-management-long__main {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 1199.98px) {
  .p-management-long__main {
    gap: 40px;
  }
}
@media screen and (min-width: 992px) {
  .p-management-long__main {
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .p-management-long__main {
    gap: 60px;
  }
}
@media screen and (min-width: 1400px) {
  .p-management-long__main {
    gap: 60px 80px;
  }
}
.p-management-long__item {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 991.98px) {
  .p-management-long__item {
    gap: 20px;
  }
}
@media screen and (min-width: 576px) {
  .p-management-long__item {
    -ms-grid-columns: 150px 1fr;
    grid-template-columns: 150px 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media screen and (min-width: 992px) {
  .p-management-long__item {
    gap: 30px;
  }
}
.p-management-long__item h4 {
  margin-bottom: 0.6em;
  font-size: var(--fz1);
  font-weight: var(--fw-m);
  line-height: var(--lh-tight);
}
@media screen and (max-width: 575.98px) {
  .p-management-long__item figure {
    max-width: 150px;
    margin-inline: auto;
  }
}
@media screen and (min-width: 992px) {
  .p-management-long__txt {
    -ms-grid-column-span: 2;
    grid-column: span 2/span 2;
  }
}
.p-management-voice {
  padding-block: min(80px, 10vw);
  background: rgba(var(--color-secondary-rgb), 0.1);
}
.p-management-voice .c-title-2ry {
  color: var(--color-black);
  font-weight: var(--fw-r);
  text-align: center;
}
.p-management-voice__list {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 1199.98px) {
  .p-management-voice__list {
    gap: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .p-management-voice__list {
    gap: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .p-management-voice__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-management-voice__item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  background: var(--color-white);
  border-radius: 5px;
}
@media screen and (max-width: 991.98px) {
  .p-management-voice__item {
    gap: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  .p-management-voice__item {
    padding: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-management-voice__item {
    -ms-grid-columns: 100px 1fr;
    grid-template-columns: 100px 1fr;
    padding: 30px;
  }
}
@media screen and (min-width: 992px) {
  .p-management-voice__item {
    gap: 30px;
  }
}
.p-management-voice__user {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 767.98px) {
  .p-management-voice__user {
    -ms-grid-columns: 80px 15px 1fr;
    grid-template-columns: 80px 1fr;
    gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .p-management-voice__user {
    gap: 10px;
    text-align: center;
  }
}
.p-management-voice__user dl {
  display: -ms-grid;
  display: grid;
  gap: 10px;
}
.p-management-voice__user dt {
  font-size: var(--fz1);
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
.p-management-voice__user dd {
  font-size: var(--fz-1);
  line-height: var(--lh-tight);
}
@media screen and (min-width: 768px) {
  .p-management-voice__user dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: var(--lh-tight);
  }
}

.p-aboutus-message__kv {
  overflow: hidden;
  border-radius: 5px;
}
.p-aboutus-message__main {
  max-width: 800px;
  margin-top: min(80px, 10vw);
  margin-inline: auto;
}
.p-aboutus-message__main .c-sentence {
  line-height: var(--lh-xl);
  letter-spacing: var(--ls-wide);
}
.p-aboutus-message__sign {
  text-align: right;
}
.p-aboutus-message__sign small {
  margin-right: 5px;
  font-size: var(--fz-1);
}
.p-aboutus-message__sign span {
  font-size: var(--fz1);
}
@media screen and (min-width: 1200px) {
  .p-aboutus-philosophy {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px 800px;
    grid-template-columns: 1fr 800px;
    gap: 80px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.p-aboutus-philosophy__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: 1em;
  color: var(--color-secondary);
  font-size: var(--fz3);
  font-weight: var(--fw-m);
}
.p-aboutus-philosophy__main .c-sentence {
  line-height: var(--lh-xl);
  letter-spacing: var(--ls-wide);
}
.p-aboutus-philosophy__guide dt {
  margin-bottom: 0;
  font-size: var(--fz1);
  font-weight: var(--fw-m);
}
.p-aboutus-philosophy__guide dd {
  padding-left: calc(var(--fz1) * 2 + 5px);
}
.p-aboutus-philosophy__guide dd:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 991.98px) {
  .p-aboutus-history__row {
    position: relative;
    padding-left: 30px;
  }
}
@media screen and (min-width: 992px) {
  .p-aboutus-history__row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 150px 1fr;
    grid-template-columns: auto 1fr;
    gap: 0 150px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
@media screen and (max-width: 991.98px) {
  .p-aboutus-history__row:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    margin-left: 9px;
    background: var(--color-bd);
  }
}
.p-aboutus-history__year {
  position: relative;
  color: var(--color-secondary);
  font-size: var(--fz2);
  font-weight: var(--fw-m);
  line-height: var(--lh-1);
}
@media screen and (max-width: 991.98px) {
  .p-aboutus-history__year {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 992px) {
  .p-aboutus-history__year {
    padding-bottom: min(80px, 10vw);
  }
}
.p-aboutus-history__year:before, .p-aboutus-history__year:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 992px) {
  .p-aboutus-history__year:before, .p-aboutus-history__year:after {
    right: -75px;
  }
}
@media screen and (min-width: 992px) {
  .p-aboutus-history__year:before {
    width: 2px;
    height: 100%;
    margin-right: -1px;
    background: var(--color-bd);
  }
}
.p-aboutus-history__year:after {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 5px solid var(--color-white);
  background: var(--color-secondary);
}
@media screen and (max-width: 991.98px) {
  .p-aboutus-history__year:after {
    left: -30px;
    width: 10px;
  }
}
@media screen and (min-width: 992px) {
  .p-aboutus-history__year:after {
    width: 16px;
    margin-right: -13px;
  }
}
.p-aboutus-history__year span {
  font-family: var(--ff-en);
  font-size: var(--fz3);
}
.p-aboutus-history__cnt {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 991.98px) {
  .p-aboutus-history__cnt {
    padding-bottom: 10vw;
  }
}
@media screen and (min-width: 992px) {
  .p-aboutus-history__cnt {
    padding-top: 3px;
    padding-bottom: min(80px, 10vw);
  }
}
.p-aboutus-history__month {
  margin-bottom: 5px;
  color: var(--color-secondary);
  font-weight: var(--fw-m);
}
@media screen and (max-width: 991.98px) {
  .p-aboutus-history__month {
    line-height: var(--lh-1);
  }
}
@media screen and (min-width: 992px) {
  .p-aboutus-history__month {
    line-height: var(--lh-lg);
  }
}
.p-aboutus-outline__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-aboutus-outline__office dt {
  font-weight: var(--fw-r);
}
.p-aboutus-outline__office dt:not(:first-child) {
  margin-top: 1em;
}
.p-aboutus-office__list {
  display: -ms-grid;
  display: grid;
  gap: min(100px, 16vw);
}
.p-aboutus-office__item {
  display: -ms-grid;
  display: grid;
  gap: min(60px, 8vw);
}
@media screen and (min-width: 992px) {
  .p-aboutus-office__item {
    -ms-grid-columns: 1fr 50%;
    grid-template-columns: 1fr 50%;
  }
}
.p-aboutus-office__info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  margin-top: min(30px, 5vw);
}
.p-aboutus-office__info dt, .p-aboutus-office__info dd {
  padding-block: 1.5em;
  border-bottom: 1px solid var(--color-bd-light);
}
.p-aboutus-office__info dt:nth-of-type(1), .p-aboutus-office__info dd:nth-of-type(1) {
  border-top: 1px solid var(--color-bd-light);
}
.p-aboutus-office__info dt {
  padding-right: 2em;
}
@media screen and (max-width: 991.98px) {
  .p-aboutus-office__map {
    aspect-ratio: 3/2;
  }
}
.p-aboutus-office__map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-recruit-join {
  position: relative;
  overflow: hidden;
  background: linear-gradient(45deg, rgb(0, 51, 106) 0%, rgb(0, 85, 145) 50%, rgb(0, 128, 187) 100%);
  color: var(--color-white);
}
@media (hover: hover) and (pointer: fine) {
  .p-recruit-join:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--color-secondary);
    mix-blend-mode: screen;
    -webkit-transition: all 0.3s var(--anime);
    transition: all 0.3s var(--anime);
    opacity: 0.2;
    z-index: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-recruit-join:has(a:hover):after {
    width: 100%;
  }
}
.p-recruit-join__link {
  position: relative;
  padding-block: min(100px, 12vw);
  z-index: 10;
}
@media screen and (max-width: 767.98px) {
  .p-recruit-join__link {
    display: -ms-grid;
    display: grid;
    gap: 10px;
  }
}
@media screen and (min-width: 768px) {
  .p-recruit-join__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.p-recruit-join__main {
  position: relative;
  z-index: 10;
}
.p-recruit-join__main .c-title-1ry {
  margin-bottom: 0.6em;
  font-weight: var(--fw-r);
  font-size: var(--fz6);
}
.p-recruit-join__main .c-title-1ry:before {
  color: var(--color-white);
  font-weight: var(--fw-m);
}
.p-recruit-join__main p {
  line-height: var(--lh-lg);
  letter-spacing: var(--ls-wide);
  opacity: 0.6;
}
@media screen and (max-width: 413.98px) {
  .p-recruit-join__main p br {
    display: none;
  }
}
.p-recruit-join__arrow {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  font-family: var(--ff-en);
}
@media screen and (max-width: 991.98px) {
  .p-recruit-join__arrow {
    font-size: var(--fz5);
  }
}
@media screen and (max-width: 767.98px) {
  .p-recruit-join__arrow {
    margin-left: auto;
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-join__arrow {
    font-size: var(--fz6);
  }
}
.p-recruit-join__arrow .c-icon-arrow {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 1px solid var(--color-white);
}
@media screen and (max-width: 991.98px) {
  .p-recruit-join__arrow .c-icon-arrow {
    width: 60px;
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-join__arrow .c-icon-arrow {
    width: 80px;
  }
}
.p-recruit-join__arrow .c-icon-arrow svg {
  position: absolute;
  top: 50%;
  fill: var(--color-white);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
  z-index: 2;
}
.p-recruit-join__arrow .c-icon-arrow svg:first-child {
  left: 50%;
}
.p-recruit-join__arrow .c-icon-arrow svg:last-child {
  left: -100%;
}
@media (hover: hover) and (pointer: fine) {
  a:hover .p-recruit-join__arrow .c-icon-arrow svg:first-child {
    left: 200%;
  }
  a:hover .p-recruit-join__arrow .c-icon-arrow svg:last-child {
    left: 50%;
  }
}
.p-recruit-join__bg {
  position: absolute;
  top: 0;
  right: -5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: 0.1;
  z-index: 2;
}
.p-recruit-join__bg img {
  height: 150%;
}
.p-recruit-join__bg img:first-child {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  -webkit-transform: translate(40%, 50%);
          transform: translate(40%, 50%);
}
.p-recruit-join__bg img:last-child {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-recruit-message__kv {
  overflow: hidden;
  border-radius: 5px;
}
.p-recruit-message__main {
  max-width: 800px;
  margin-top: min(80px, 10vw);
  margin-inline: auto;
}
.p-recruit-message__main .c-sentence {
  line-height: var(--lh-xl);
  letter-spacing: var(--ls-wide);
}
@media screen and (min-width: 1200px) {
  .p-recruit-message__main .c-sentence {
    font-size: 1.125rem;
  }
}
.p-recruit-message__lead {
  margin-bottom: 1em;
  color: var(--color-secondary);
  font-size: var(--fz4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-recruit-message__lead span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-recruit-message__sign {
  text-align: right;
}
.p-recruit-message__sign small {
  margin-right: 5px;
  font-size: var(--fz-1);
}
.p-recruit-message__sign span {
  font-size: var(--fz1);
}
.p-recruit-work__intro {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 991.98px) {
  .p-recruit-work__intro {
        grid-template-areas: "ttl" "img" "txt";
  }
  .p-recruit-work__intro > .p-business-overview__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__intro > .p-business-overview__img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro > .p-business-overview__txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-work__intro {
    -ms-grid-columns: 1fr 60px 50%;
    grid-template-columns: 1fr 50%;
    -ms-grid-rows: auto 0 auto;
        grid-template-areas: "ttl img" "txt img";
    gap: 0 60px;
  }
  .p-recruit-work__intro > .p-business-overview__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__intro > .p-business-overview__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__intro > .p-business-overview__txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 1200px) {
  .p-recruit-work__intro {
    gap: 0 80px;
  }
}
.p-recruit-work__intro .c-title-1ry {
  grid-area: ttl;
}
.p-recruit-work__intro-txt {
  grid-area: txt;
}
.p-recruit-work__intro-img {
  grid-area: img;
  overflow: hidden;
  border-radius: 5px;
}
@media screen and (max-width: 991.98px) {
  .p-recruit-work__intro-img {
    aspect-ratio: 1.618/1;
    margin-bottom: 5vw;
  }
}
.p-recruit-work__intro-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-work__cnt {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 991.98px) {
  .p-recruit-work__cnt {
        grid-template-areas: "ttl" "img" "txt";
  }
  .p-recruit-work__cnt > .p-business-overview__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt > .p-business-overview__img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt > .p-business-overview__txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt > .c-title-1ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt > .p-recruit-work__intro-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt > .p-recruit-work__intro-img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-work__cnt {
    -ms-grid-columns: 1fr 40px 37.5%;
    grid-template-columns: 1fr 37.5%;
        grid-template-areas: "ttl img" "txt img";
    -ms-grid-rows: auto 0 1fr;
    grid-template-rows: auto 1fr;
    gap: 0 40px;
  }
  .p-recruit-work__cnt:nth-of-type(even) {
    -ms-grid-columns: 37.5% 1fr;
    grid-template-columns: 37.5% 1fr;
        grid-template-areas: "img ttl" "img txt";
  }
  .p-recruit-work__cnt > .p-business-overview__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .p-business-overview__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt > .p-business-overview__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .p-business-overview__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt > .p-business-overview__txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .p-business-overview__txt {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-recruit-work__cnt > .c-title-1ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .c-title-1ry {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt > .p-recruit-work__intro-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .p-recruit-work__intro-txt {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-recruit-work__cnt > .p-recruit-work__intro-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .p-recruit-work__intro-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 1200px) {
  .p-recruit-work__cnt {
    gap: 0 60px;
  }
}
.p-recruit-work__cnt .c-title-2ry {
  grid-area: ttl;
}
.p-recruit-work__cnt-txt {
  grid-area: txt;
}
.p-recruit-work__cnt-img {
  grid-area: img;
  overflow: hidden;
  border-radius: 5px;
}
@media screen and (min-width: 992px){
  .p-business-overview__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-business-overview__img {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-business-overview__txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro .c-title-1ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-recruit-work__intro > .c-title-1ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__intro-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro > .p-recruit-work__intro-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro-img {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__intro > .p-recruit-work__intro-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__cnt .c-title-2ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-recruit-work__intro > .c-title-2ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt > .c-title-2ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .c-title-2ry {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro > .p-recruit-work__cnt-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt > .p-recruit-work__cnt-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .p-recruit-work__cnt-txt {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .p-recruit-work__cnt-img {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__intro > .p-recruit-work__cnt-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__cnt > .p-recruit-work__cnt-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__cnt:nth-of-type(even) > .p-recruit-work__cnt-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
}
@media screen and (min-width: 1200px){
  .p-business-overview__ttl {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .p-business-overview__img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .p-business-overview__txt {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__intro .c-title-1ry {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__intro-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__intro-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt .c-title-2ry {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-recruit-work__cnt-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 991.98px){
  .p-recruit-work__intro > .c-title-1ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__intro > .p-recruit-work__intro-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro > .p-recruit-work__intro-img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro > .c-title-2ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__cnt > .c-title-2ry {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .p-recruit-work__intro > .p-recruit-work__cnt-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt > .p-recruit-work__cnt-txt {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-recruit-work__intro > .p-recruit-work__cnt-img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-recruit-work__cnt > .p-recruit-work__cnt-img {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 991.98px) {
  .p-recruit-work__cnt-img {
    margin-bottom: 5vw;
  }
}
.p-recruit-work__flow {
  display: -ms-grid;
  display: grid;
}
.p-recruit-work__flow-item {
  position: relative;
  display: -ms-grid;
  display: grid;
  border-bottom: 1px solid var(--color-bd);
}
@media screen and (min-width: 992px) {
  .p-recruit-work__flow-item {
    -ms-grid-columns: 45% 1fr;
    grid-template-columns: 45% 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.p-recruit-work__flow-item:first-child {
  padding-bottom: min(50px, 6vw);
}
.p-recruit-work__flow-item:not(:first-child) {
  padding-block: min(50px, 6vw);
}
.p-recruit-work__flow-item:last-child:before {
  height: 50%;
}
@media screen and (max-width: 575.98px) {
  .p-recruit-work__flow-item:last-child:before {
    height: 30px;
  }
}
.p-recruit-work__flow-item:before, .p-recruit-work__flow-item:after {
  content: "";
  display: block;
  position: absolute;
}
.p-recruit-work__flow-item:before {
  border-left: 1px dashed var(--color-bd);
  top: 0;
  width: 1px;
  height: 100%;
}
@media screen and (max-width: 575.98px) {
  .p-recruit-work__flow-item:before {
    left: 20px;
  }
}
@media screen and (min-width: 576px) {
  .p-recruit-work__flow-item:before {
    left: 30px;
  }
}
.p-recruit-work__flow-item:after {
  left: 0;
  bottom: -1px;
  height: 1px;
  background: var(--color-white);
}
@media screen and (max-width: 575.98px) {
  .p-recruit-work__flow-item:after {
    width: 60px;
  }
}
@media screen and (min-width: 576px) {
  .p-recruit-work__flow-item:after {
    width: 90px;
  }
}
.p-recruit-work__flow-ttl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--fz2);
  z-index: 10;
}
@media screen and (max-width: 575.98px) {
  .p-recruit-work__flow-ttl {
    gap: 20px;
  }
}
@media screen and (min-width: 576px) {
  .p-recruit-work__flow-ttl {
    gap: 30px;
  }
}
.p-recruit-work__flow-ttl i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: var(--color-primary);
  color: var(--color-white);
  font-family: var(--ff-en);
  line-height: var(--lh-en);
}
@media screen and (max-width: 575.98px) {
  .p-recruit-work__flow-ttl i {
    width: 40px;
  }
}
@media screen and (min-width: 576px) {
  .p-recruit-work__flow-ttl i {
    width: 60px;
  }
}
@media screen and (max-width: 991.98px) {
  .p-recruit-work__flow-txt {
    padding-left: 90px;
  }
}
@media screen and (max-width: 575.98px) {
  .p-recruit-work__flow-txt {
    padding-left: 60px;
  }
}
.p-recruit-interview {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (min-width: 992px) {
  .p-recruit-interview {
    -ms-grid-columns: 400px 80px 1fr;
    grid-template-columns: 400px 1fr;
    gap: 80px;
  }
}
.p-recruit-interview + hr {
  padding-bottom: 0;
  background: none;
  border: none;
}
@media screen and (max-width: 991.98px) {
  .p-recruit-interview + hr {
    margin-top: 20vw;
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-interview + hr {
    margin-block: min(150px, 15vw);
    border-top: 1px solid var(--color-bd-light);
  }
}
.p-recruit-interview__anchor {
  margin-bottom: min(80px, 10vw);
}
.p-recruit-interview__anchor dl {
  background: var(--color-bg);
  border-radius: 5px;
}
@media screen and (max-width: 767.98px) {
  .p-recruit-interview__anchor dl {
    display: -ms-grid;
    display: grid;
    gap: 10px;
    padding: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .p-recruit-interview__anchor dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px;
  }
}
.p-recruit-interview__anchor dt {
  color: var(--color-secondary);
  font-weight: var(--fw-m);
  font-family: var(--ff-en);
  line-height: var(--lh-en);
}
@media screen and (max-width: 767.98px) {
  .p-recruit-interview__anchor dt {
    font-size: var(--fz-2);
  }
}
@media screen and (min-width: 768px) {
  .p-recruit-interview__anchor dt {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid var(--color-bd);
  }
}
.p-recruit-interview__anchor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
}
.p-recruit-interview__anchor ul span {
  font-family: var(--ff-en);
}
.p-recruit-interview__anchor li {
  line-height: var(--lh-1);
}
.p-recruit-interview__anchor-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 991.98px) {
  .p-recruit-interview__prof {
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-interview__prof {
    position: sticky;
    top: calc(20px + var(--header-height));
    left: 0;
  }
}
.p-recruit-interview__prof-img {
  overflow: hidden;
  margin-bottom: 30px;
}
@media screen and (max-width: 991.98px) {
  .p-recruit-interview__prof-img {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-interview__prof-img {
    aspect-ratio: 1/1;
    border-radius: 5px;
  }
}
.p-recruit-interview__prof-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-interview__prof-num {
  margin-bottom: 1em;
  color: var(--color-secondary);
  font-size: var(--fz-2);
  font-family: var(--ff-en);
  font-weight: var(--fw-m);
  line-height: var(--lh-en);
}
.p-recruit-interview__prof-copy {
  font-size: var(--fz1);
  font-weight: var(--fw-m);
}
.p-recruit-interview__prof-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-recruit-interview__prof-name {
  font-size: var(--fz2);
  line-height: var(--lh-1);
}
.p-recruit-interview__prof-name span {
  font-family: var(--ff-en);
}
.p-recruit-interview__prof-name small {
  font-size: var(--fz0);
}
.p-recruit-interview__prof-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--fz-2);
  line-height: var(--lh-1);
}
.p-recruit-interview__prof-info span + span:before {
  content: "/";
  margin-inline: 5px;
}
.p-recruit-interview__main h3 {
  display: -ms-grid;
  display: grid;
  margin-bottom: 1em;
  font-weight: var(--fw-m);
}
.p-recruit-interview__main h3 i {
  margin-bottom: 1em;
  color: var(--color-secondary);
  font-size: var(--fz-2);
  font-family: var(--ff-en);
  line-height: var(--lh-en);
}
.p-recruit-interview__main h3 span {
  font-size: var(--fz2);
}
.p-recruit-interview__main-img {
  overflow: hidden;
  margin-top: min(30px, 5vw);
  border-radius: 5px;
}
.p-recruit-training {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 991.98px) {
  .p-recruit-training {
    gap: min(40px, 5vw);
  }
}
@media screen and (min-width: 992px) {
  .p-recruit-training {
    -ms-grid-columns: 1fr min(60px, 8vw) 50%;
    grid-template-columns: 1fr 50%;
    gap: min(60px, 8vw);
  }
}
.p-recruit-training__img {
  overflow: hidden;
  border-radius: 5px;
}
.p-recruit-benefits__list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: min(40px, 5vw);
}
.p-recruit-benefits__item {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-rows: auto 15px auto 15px 1fr;
  grid-template-rows: auto auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border-radius: 5px;
  padding: 30px;
  background: var(--color-bg);
  text-align: center;
}
.p-recruit-benefits__item span {
  color: var(--color-primary);
  font-size: var(--fz1);
  font-weight: var(--fw-m);
  line-height: var(--lh-tight);
}
.p-recruit-benefits__item small {
  font-size: var(--fz-2);
  line-height: var(--lh-tight);
}
.p-recruit-benefits__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 120px;
  aspect-ratio: 1/1;
  margin-inline: auto;
  border-radius: 100%;
  background: var(--color-white);
}
.p-recruit-benefits__icon img {
  width: 50%;
}

.p-news-list {
  display: -ms-grid;
  display: grid;
  border-top: 1px solid var(--color-bd-light);
}
@media screen and (min-width: 576px) {
  .p-news-list {
    width: 100%;
    max-width: 1000px;
    margin-inline: auto;
  }
}
.p-news-list__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 575.98px) {
  .p-news-list__link {
    padding-block: 5vw;
  }
}
@media screen and (min-width: 576px) {
  .p-news-list__link {
    padding-block: 30px;
  }
}
.p-news-list__link:before, .p-news-list__link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
}
.p-news-list__link:before {
  width: 100%;
  background: var(--color-bd-light);
}
.p-news-list__link:after {
  width: 0;
  background: var(--color-secondary);
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
@media (hover: hover) and (pointer: fine) {
  .p-news-list__link:hover:after {
    width: 100%;
  }
  .p-news-list__link:hover .c-icon {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.p-news-list__main {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}
@media screen and (max-width: 575.98px) {
  .p-news-list__main {
    gap: 10px;
  }
}
.p-news-list__date {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: var(--ff-en);
  font-size: var(--fz-2);
  font-weight: var(--fw-m);
}
.p-news-list__ttl {
  line-height: 1.3;
}
@media screen and (max-width: 575.98px) {
  .p-news-list__ttl {
    font-size: var(--fz-1);
  }
}
.p-news-head {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  max-width: 800px;
  margin-inline: auto;
  margin-block: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid var(--color-bd);
  font-size: var(--fz4);
}
.p-news-head__ttl {
  font-weight: var(--fw-m);
}
.p-news-head__date {
  font-size: var(--fz-1);
  font-family: var(--ff-en);
}
.p-news-main {
  max-width: 800px;
  margin-inline: auto;
}
.p-news-main h2, .p-news-main h3, .p-news-main h4 {
  margin-top: 2.5em;
  margin-bottom: 1em;
  font-weight: var(--fw-m);
  line-height: 1.3;
}
.p-news-main h2:first-child, .p-news-main h3:first-child, .p-news-main h4:first-child {
  margin-top: 0 !important;
}
.p-news-main h2 {
  font-size: var(--fz3);
}
.p-news-main h3 {
  font-size: var(--fz2);
}
.p-news-main h4 {
  font-size: var(--fz0);
}
.p-news-main p {
  letter-spacing: 0.15em;
  line-height: 2;
}
.p-news-main p:not(:last-child) {
  margin-bottom: 1.5em;
}
.p-news-main figure + figure {
  margin-top: 15px;
}

.p-article {
  max-width: 1280px;
  margin-top: min(50px, 10vw);
  margin-inline: auto;
  padding-inline: min(40px, 5vw);
}
.p-article-inner {
  display: -ms-grid;
  display: grid;
  gap: min(60px, 10vw);
  padding: min(150px, 10vw);
  border-radius: 25px;
  background: var(--color-white);
  -webkit-box-shadow: 0 0 10px 0px rgba(var(--color-black-rgb), 0.08);
          box-shadow: 0 0 10px 0px rgba(var(--color-black-rgb), 0.08);
}
@media screen and (max-width: 575.98px) {
  .p-article-inner {
    padding-block: 10vw;
    padding-inline: 8vw;
  }
}
.p-article-header {
  display: -ms-grid;
  display: grid;
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
  padding-bottom: min(60px, 8vw);
  border-bottom: 1px solid var(--color-bd);
}
@media screen and (max-width: 575.98px) {
  .p-article-header {
    gap: 15px;
  }
}
@media screen and (min-width: 576px) {
  .p-article-header {
    gap: 20px;
  }
}
.p-article-header__cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.p-article-header__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2em;
  padding-inline: 1.5em;
  background: var(--color-primary);
  border-radius: 2em;
  color: var(--color-white);
  font-size: var(--fz-1);
  font-weight: var(--fw-b);
  line-height: var(--lh-1);
}
.p-article-header__cat--kindai {
  background: var(--color-kindai);
}
.p-article-header__cat--kandai {
  background: var(--color-kandai);
}
.p-article-header__ttl {
  font-size: var(--fz4);
  line-height: var(--lh-tight);
}
.p-article-header__date {
  color: var(--color-primary);
  font-size: var(--fz-2);
  line-height: var(--lh-1);
  letter-spacing: var(--ls-def);
  font-weight: var(--fw-b);
}
.p-article-content {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
}
.p-article-content h2, .p-article-content h3, .p-article-content h4 {
  margin-bottom: 0.6em;
  line-height: var(--lh-tight);
}
.p-article-content h2:not(:first-child), .p-article-content h3:not(:first-child), .p-article-content h4:not(:first-child) {
  margin-top: 2.5em;
}
.p-article-content h2 + h2, .p-article-content h2 + h3, .p-article-content h2 + h4, .p-article-content h3 + h2, .p-article-content h3 + h3, .p-article-content h3 + h4, .p-article-content h4 + h2, .p-article-content h4 + h3, .p-article-content h4 + h4 {
  margin-top: 0 !important;
}
.p-article-content h2 {
  padding-left: 20px;
  border-left: 4px solid var(--color-primary);
  font-size: var(--fz3);
}
.p-article-content h3 {
  color: var(--color-primary);
  font-size: var(--fz1);
}
.p-article-content h4 {
  font-size: var(--fz0);
}
.p-article-content p {
  line-height: var(--lh-lg);
}
.p-article-content figure:not([class$=eyecatch]) + p {
  margin-top: 2em;
}

.p-privacy .c-title-2ry:not(:first-child) {
  margin-top: 2em;
}
.p-privacy p {
  line-height: 2;
}
.p-privacy p + p {
  margin-top: 1.5em;
}
.p-privacy-num_dot {
  display: -ms-grid;
  display: grid;
  gap: 1em;
  counter-reset: dot;
}
.p-privacy-num_dot:not(:last-child) {
  margin-top: 1.5em;
}
.p-privacy-num_dot > li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.p-privacy-num_dot > li:before {
  counter-increment: dot;
  content: counter(dot) ".";
}
.p-privacy-num_dot ol:not(:first-child) {
  margin-top: 1em;
}
.p-privacy-num_bracket {
  display: -ms-grid;
  display: grid;
  gap: 1em;
  counter-reset: bracket;
}
.p-privacy-num_bracket:not(:last-child) {
  margin-top: 1.5em;
}
.p-privacy-num_bracket > li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.p-privacy-num_bracket > li:before {
  counter-increment: bracket;
  content: "（" counter(bracket) "）";
}

.p-404-ttl {
  margin: 1em;
  font-size: var(--fz3);
  font-family: var(--ff-en);
  font-weight: var(--fw-r);
  text-align: center;
  line-height: var(--lh-en);
}

/**
  @align
---------------------------------------------------------
  utility/_align.scss
--------------------------------------------------------- */
.u-align-left {
  margin-right: auto;
  margin-left: inherit;
}
.u-align-right {
  margin-left: auto;
  margin-right: 0;
}
.u-align-center {
  margin-inline: auto;
}

/**
  @hide
---------------------------------------------------------
  utility/_hide.scss
--------------------------------------------------------- */
.u-d-none {
  display: none !important;
}

.u-d-inline {
  display: inline !important;
}

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

.u-d-block {
  display: block !important;
}

.u-d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media screen and (max-width: 1399.98px) {
  .u-d-xxl-none {
    display: none !important;
  }
  .u-d-xxl-inline {
    display: inline !important;
  }
  .u-d-xlx-inline-block {
    display: inline-block !important;
  }
  .u-d-xxl-block {
    display: block !important;
  }
  .u-d-xxl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (max-width: 1199.98px) {
  .u-d-xl-none {
    display: none !important;
  }
  .u-d-xl-inline {
    display: inline !important;
  }
  .u-d-xl-inline-block {
    display: inline-block !important;
  }
  .u-d-xl-block {
    display: block !important;
  }
  .u-d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media screen and (max-width: 991.98px) {
  .u-d-lg-none {
    display: none !important;
  }
  .u-d-lg-inline {
    display: inline !important;
  }
  .u-d-lg-inline-block {
    display: inline-block !important;
  }
  .u-d-lg-block {
    display: block !important;
  }
  .u-d-lg-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
}
@media screen and (max-width: 767.98px) {
  .u-d-md-none {
    display: none !important;
  }
  .u-d-md-inline {
    display: inline !important;
  }
  .u-d-md-inline-block {
    display: inline-block !important;
  }
  .u-d-md-block {
    display: block !important;
  }
  .u-d-md-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
}
@media screen and (max-width: 575.98px) {
  .u-d-sm-none {
    display: none !important;
  }
  .u-d-sm-inline {
    display: inline !important;
  }
  .u-d-sm-inline-block {
    display: inline-block !important;
  }
  .u-d-sm-block {
    display: block !important;
  }
  .u-d-sm-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
}
@media screen and (max-width: 413.98px) {
  .u-d-xs-none {
    display: none !important;
  }
  .u-d-xs-inline {
    display: inline !important;
  }
  .u-d-xs-inline-block {
    display: inline-block !important;
  }
  .u-d-xs-block {
    display: block !important;
  }
  .u-d-xs-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
  }
}
/**
  @spacing
---------------------------------------------------------
  utility/_spacing.scss
------------------------------------------------------ */
.u-mt0 {
  margin-top: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-mr0 {
  margin-right: 0px !important;
}

.u-ml0 {
  margin-left: 0px !important;
}

.u-pt0 {
  padding-top: 0px !important;
}

.u-pb0 {
  padding-bottom: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 575.98px) {
  .u-mt-sm-0 {
    margin-top: 0px !important;
  }
  .u-mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .u-pt-sm-0 {
    padding-top: 0px !important;
  }
  .u-pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .u-mt-sm-5 {
    margin-top: 5px !important;
  }
  .u-mb-sm-5 {
    margin-bottom: 5px !important;
  }
  .u-pt-sm-5 {
    padding-top: 5px !important;
  }
  .u-pb-sm-5 {
    padding-bottom: 5px !important;
  }
  .u-mt-sm-10 {
    margin-top: 10px !important;
  }
  .u-mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .u-pt-sm-10 {
    padding-top: 10px !important;
  }
  .u-pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .u-mt-sm-15 {
    margin-top: 15px !important;
  }
  .u-mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .u-pt-sm-15 {
    padding-top: 15px !important;
  }
  .u-pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .u-mt-sm-20 {
    margin-top: 20px !important;
  }
  .u-mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .u-pt-sm-20 {
    padding-top: 20px !important;
  }
  .u-pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .u-mt-sm-25 {
    margin-top: 25px !important;
  }
  .u-mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .u-pt-sm-25 {
    padding-top: 25px !important;
  }
  .u-pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .u-mt-sm-30 {
    margin-top: 30px !important;
  }
  .u-mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .u-pt-sm-30 {
    padding-top: 30px !important;
  }
  .u-pb-sm-30 {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 767.98px) {
  .u-mt-md-0 {
    margin-top: 0px !important;
  }
  .u-mb-md-0 {
    margin-bottom: 0px !important;
  }
  .u-pt-md-0 {
    padding-top: 0px !important;
  }
  .u-pb-md-0 {
    padding-bottom: 0px !important;
  }
  .u-mt-md-5 {
    margin-top: 5px !important;
  }
  .u-mb-md-5 {
    margin-bottom: 5px !important;
  }
  .u-pt-md-5 {
    padding-top: 5px !important;
  }
  .u-pb-md-5 {
    padding-bottom: 5px !important;
  }
  .u-mt-md-10 {
    margin-top: 10px !important;
  }
  .u-mb-md-10 {
    margin-bottom: 10px !important;
  }
  .u-pt-md-10 {
    padding-top: 10px !important;
  }
  .u-pb-md-10 {
    padding-bottom: 10px !important;
  }
  .u-mt-md-15 {
    margin-top: 15px !important;
  }
  .u-mb-md-15 {
    margin-bottom: 15px !important;
  }
  .u-pt-md-15 {
    padding-top: 15px !important;
  }
  .u-pb-md-15 {
    padding-bottom: 15px !important;
  }
  .u-mt-md-20 {
    margin-top: 20px !important;
  }
  .u-mb-md-20 {
    margin-bottom: 20px !important;
  }
  .u-pt-md-20 {
    padding-top: 20px !important;
  }
  .u-pb-md-20 {
    padding-bottom: 20px !important;
  }
  .u-mt-md-25 {
    margin-top: 25px !important;
  }
  .u-mb-md-25 {
    margin-bottom: 25px !important;
  }
  .u-pt-md-25 {
    padding-top: 25px !important;
  }
  .u-pb-md-25 {
    padding-bottom: 25px !important;
  }
  .u-mt-md-30 {
    margin-top: 30px !important;
  }
  .u-mb-md-30 {
    margin-bottom: 30px !important;
  }
  .u-pt-md-30 {
    padding-top: 30px !important;
  }
  .u-pb-md-30 {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 991.98px) {
  .u-mt-lg-0 {
    margin-top: 0px !important;
  }
  .u-mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .u-pt-lg-0 {
    padding-top: 0px !important;
  }
  .u-pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .u-mt-lg-5 {
    margin-top: 5px !important;
  }
  .u-mb-lg-5 {
    margin-bottom: 5px !important;
  }
  .u-pt-lg-5 {
    padding-top: 5px !important;
  }
  .u-pb-lg-5 {
    padding-bottom: 5px !important;
  }
  .u-mt-lg-10 {
    margin-top: 10px !important;
  }
  .u-mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .u-pt-lg-10 {
    padding-top: 10px !important;
  }
  .u-pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .u-mt-lg-15 {
    margin-top: 15px !important;
  }
  .u-mb-lg-15 {
    margin-bottom: 15px !important;
  }
  .u-pt-lg-15 {
    padding-top: 15px !important;
  }
  .u-pb-lg-15 {
    padding-bottom: 15px !important;
  }
  .u-mt-lg-20 {
    margin-top: 20px !important;
  }
  .u-mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .u-pt-lg-20 {
    padding-top: 20px !important;
  }
  .u-pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .u-mt-lg-25 {
    margin-top: 25px !important;
  }
  .u-mb-lg-25 {
    margin-bottom: 25px !important;
  }
  .u-pt-lg-25 {
    padding-top: 25px !important;
  }
  .u-pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .u-mt-lg-30 {
    margin-top: 30px !important;
  }
  .u-mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .u-pt-lg-30 {
    padding-top: 30px !important;
  }
  .u-pb-lg-30 {
    padding-bottom: 30px !important;
  }
}
/**
  @text
---------------------------------------------------------
  utility/_text.scss
--------------------------------------------------------- */
.u-text-red {
  color: var(--color-danger);
}
.u-text-blu {
  color: var(--color-primary);
}
.u-text-gry {
  color: var(--color-gray);
}
.u-text-left {
  text-align: left !important;
}
.u-text-right {
  text-align: right !important;
}
.u-text-center {
  text-align: center !important;
}
.u-text-mid {
  font-weight: var(--fw-m);
}
.u-text-bold {
  font-weight: var(--fw-b);
}
.u-text-lg {
  font-size: var(--fz2);
}
.u-text-md {
  font-size: var(--fz1);
}
.u-text-base {
  font-size: var(--fz0);
}
.u-text-small {
  font-size: var(--fz-1);
}
.u-text-xs {
  font-size: var(--fz-2);
}
.u-text-smaller {
  font-size: 70%;
}
.u-text-sep {
  display: inline-block;
}
.u-text-sup {
  font-size: 10px;
}
.u-text-marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, var(--color-em)));
  background: linear-gradient(transparent 50%, var(--color-em) 0%);
}

/**
  @inview
---------------------------------------------------------
  javascript/_inview.scss
--------------------------------------------------------- */
[data-slideup] {
  translate: 0 2rem;
  opacity: 0;
  -webkit-transition: all 0.3s var(--anime);
  transition: all 0.3s var(--anime);
}
[data-slideup].is-inview {
  translate: 0 0;
  opacity: 1;
}

[data-clip] {
  clip-path: inset(0 0 100% 0);
  -webkit-transition: clip-path 0.5s cubic-bezier(0.71, 0, 0.34, 1);
  transition: clip-path 0.5s cubic-bezier(0.71, 0, 0.34, 1);
}
[data-clip].is-inview {
  overflow: hidden;
  clip-path: inset(0);
}