@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

[data-simplebar] {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
}

.simplebar-wrapper {
  height: inherit;
  max-height: inherit;
  max-width: inherit;
  overflow: hidden;
  width: inherit;
}

.simplebar-mask {
  bottom: 0;
  direction: inherit;
  height: auto !important;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto !important;
  z-index: 0;
}

.simplebar-offset {
  bottom: 0;
  box-sizing: inherit !important;
  direction: inherit !important;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none !important;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  box-sizing: border-box !important;
  direction: inherit;
  display: block;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  position: relative;
  scrollbar-width: none;
  width: auto;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  width: 100%;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  flex-basis: 0;
  flex-grow: inherit;
  flex-shrink: 0;
  float: left;
  height: 100%;
  margin: 0;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: -1;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  height: 1000%;
  left: 0;
  min-height: 1px;
  min-width: 1px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 1000%;
  z-index: -1;
}

.simplebar-track {
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  left: 0;
  min-height: 10px;
  position: absolute;
  right: 0;
}

.simplebar-scrollbar:before {
  background: #000;
  border-radius: 7px;
  content: "";
  left: 2px;
  opacity: 0;
  position: absolute;
  right: 2px;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  bottom: 2px;
  left: 2px;
  right: 2px;
  top: 2px;
}

.simplebar-track.simplebar-horizontal {
  height: 11px;
  left: 0;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  bottom: 0;
  left: 0;
  min-height: 0;
  min-width: 10px;
  right: auto;
  top: 0;
  width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  left: 0;
  right: auto;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  height: 500px;
  opacity: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  position: fixed;
  visibility: hidden;
  width: 500px;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  height: 200%;
  margin: 10px 0;
  width: 200%;
}

.simplebar-hide-scrollbar {
  left: 0;
  overflow-y: scroll;
  position: fixed;
  scrollbar-width: none;
  visibility: hidden;
  -ms-overflow-style: none;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

:root {
  /*--------------------------------------------　font
  ---------------------------------------------*/
  --regular: 400;
  --medium: 500;
  --bold: 700;
  --ex-bold: 800;
  --black: 900;
  --font-jp: "Zen Kaku Gothic New", sans-serif;
  --font-en: "EB Garamond", serif;
  /*--------------------------------------------　color
  ---------------------------------------------*/
  --bck: #191919;
  --gry: #656565;
  --wte: #fff;
  --bg: #EAE6D8;
  --bgD: #DFDBCB;
  --theme: #D12600;
  --accent: #A30E00;
  --orange: #D58D52;
  --bdr: #B4B4B4;
  --gradation-text: linear-gradient(to right, #D58D52, #B33306);
  /*--------------------------------------------　easing
  ---------------------------------------------*/
  --ease-hover: cubic-bezier(0.43, 0.05, 0.17, 1);
  --ease-base: cubic-bezier(0.62, 0.05, 0.01, 0.99);
}

/*--------------------------------------------　Media Query
---------------------------------------------*/
/*--------------------------------------------　Mixin
---------------------------------------------*/
/*--------------------------------------------　Keyframe
---------------------------------------------*/
@keyframes elasticity {
  0% {
    opacity: 0;
    top: 0;
  }
  50% {
    opacity: 1;
    top: 0;
  }
  100% {
    opacity: 1;
    top: 102%;
  }
}
@keyframes bounceAlphaArrowUp {
  0% {
    opacity: 1;
    transform: translate(0px, 0px) scale(1);
  }
  25% {
    opacity: 0;
    transform: translate(1rem, -1rem) scale(0.9);
    @media screen and (min-width: 769px) {
      transform: translate(0.75rem, -0.75rem) scale(0.9);
    }
  }
  26% {
    opacity: 0;
    transform: translate(-1rem, 1rem) scale(0.9);
    @media screen and (min-width: 769px) {
      transform: translate(-0.75rem, 0.75rem) scale(0.9);
    }
  }
  55% {
    opacity: 1;
    transform: translate(0px, 0px) scale(1);
  }
}
@keyframes bounceAlphaUp {
  0% {
    opacity: 1;
    transform: translateY(0px) scale(1);
  }
  25% {
    opacity: 0;
    transform: translateY(2rem) scale(0.9);
    @media screen and (min-width: 769px) {
      transform: translateY(1.5rem) scale(0.9);
    }
  }
  26% {
    opacity: 0;
    transform: translateY(-2rem) scale(0.9);
    @media screen and (min-width: 769px) {
      transform: translateY(-1.5rem) scale(0.9);
    }
  }
  55% {
    opacity: 1;
    transform: translateY(0px) scale(1);
  }
}
@keyframes shrink {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@keyframes blink {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes revealFromRight {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes hideToRight {
  from {
    clip-path: inset(0 0 0 0);
  }
  to {
    clip-path: inset(0 0 0 100%);
  }
}
/*--------------------------------------------　Function
---------------------------------------------*/
/*--------------------------------------------　Base
---------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html {
  font-size: 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.3020833333vw;
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: 62.5%;
  }
}
html::-webkit-scrollbar {
  background-color: var(--bg);
  height: 1px;
  width: 4px;
}
html::-webkit-scrollbar-thumb {
  background-color: var(--theme);
  border-radius: 4px;
}
html ::-moz-selection {
  background-color: var(--theme);
  color: var(--wte);
}
html ::selection {
  background-color: var(--theme);
  color: var(--wte);
}
html ::-moz-selection {
  background-color: var(--theme);
  color: var(--wte);
}

body {
  background-color: var(--bg);
  color: var(--bck);
  font-family: var(--font-jp);
  font-optical-sizing: auto;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: var(--medium);
  letter-spacing: 0.07em;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt" 1;
  /* カーニングとリガチャ（合字）を調整 */
  text-rendering: optimizeLegibility;
  /* 文字をシャープに */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 768px) {
  body {
    /* 16px */
    font-size: 1.6rem;
  }
}

/*--------------------------------------------　page
---------------------------------------------*/
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  height: auto;
  position: relative;
  width: 100%;
}
.page#js-page, #js-page.page__header, #js-page.page__nav, #js-page.page__main, #js-page.page__section, #js-page.page__article, #js-page.page__aside, #js-page.page__footer, #js-page.page__inner, #js-page.page__flex {
  margin: 0 auto;
  max-width: 192rem;
}
.page__inner {
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page__inner.--comWide {
    max-width: clamp(0rem, 94.4444444444vw, 136rem);
  }
}
@media screen and (min-width: 769px) {
  .page__inner.--comNarrow {
    max-width: clamp(0rem, 83.3333333333vw, 120rem);
  }
}
@media screen and (min-width: 769px) {
  .page__inner.--comNarrowPage {
    max-width: clamp(0rem, 86.1111111111vw, 124rem);
  }
}
@media screen and (min-width: 769px) {
  .page__inner.--comNarrow2Page {
    max-width: clamp(0rem, 56.9444444444vw, 82rem);
  }
}
.page__flex {
  display: flex;
}
.page__flex > * {
  flex-shrink: 0;
  width: auto;
}
.page__flex.--v {
  flex-direction: column;
}
.page__flex.--i {
  display: inline-flex;
}
@media screen and (min-width: 769px) {
  .page__md {
    display: none;
  }
}
.page__dd {
  display: none;
}
@media screen and (min-width: 769px) {
  .page__dd {
    display: block;
  }
}
.page__img {
  display: block;
  font-size: 0;
}
.page__img img,
.page__img video,
.page__img iframe,
.page__img svg,
.page__img path,
.page__img g {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.page__hidden {
  overflow: hidden;
}
.page__pointer-none {
  pointer-events: none;
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /*--------------------------------------------　color
  ---------------------------------------------*/
}
.page__wte {
  color: var(--wte);
}
.page__bck {
  color: var(--bck);
}
.page__gry {
  color: var(--gry);
}
.page__theme {
  color: var(--theme);
}
.page__acce {
  color: var(--accent);
}
.page__gradation-txt {
  background: var(--gradation-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page__bgWte {
  background-color: var(--wte);
}
.page__bgBck {
  background-color: var(--bck);
}
.page__bgGry {
  background-color: var(--gry);
}
.page__bgTheme {
  background-color: var(--theme);
}
.page__bgAcce {
  background-color: var(--accent);
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /*--------------------------------------------　font
  ---------------------------------------------*/
}
.page__en {
  font-family: var(--font-en);
  font-weight: var(--ex-bold);
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /*--------------------------------------------　weight
  ---------------------------------------------*/
}
.page__black {
  font-weight: var(--black);
}
.page__ebold {
  font-weight: var(--ex-bold);
}
.page__bold {
  font-weight: var(--bold);
}
.page__sbold {
  font-weight: var(--semi-bold);
}
.page__medium {
  font-weight: var(--medium);
}
.page__regular {
  font-weight: var(--regular);
}
.page__light {
  font-weight: var(--light);
}
.page__elight {
  font-weight: var(--ex-light);
}
.page__thin {
  font-weight: var(--thin);
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /*--------------------------------------------　site
  ---------------------------------------------*/
  /* 上 → 下 に現れる */
}
.page__wave-bottomToTop {
  /* 0deg＝下→上方向。下側が透明(隠す)、上側が黒(見える)にしておく */
  -webkit-mask-image: linear-gradient(0deg, transparent, transparent 41.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
  mask-image: linear-gradient(0deg, transparent, transparent 41.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
  /* 縦方向に長めにしてスライド余白を確保 */
  -webkit-mask-size: 100% max(300%, 100svh);
  mask-size: 100% max(300%, 100svh);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  /* 初期＝下寄せ：透明側で全面を覆って“非表示” */
  -webkit-mask-position: center 100%;
  mask-position: center 100%;
  will-change: -webkit-mask-position, mask-position;
}
.js-page-out .page__wave-bottomToTop {
  /* 上へスライド → 下から上に“現れる” */
  -webkit-mask-position: center 0%;
  mask-position: center 0%;
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /* 左 → 右 に“現れる”（初期=非表示 / 発火で左から出現） */
}
.page__wave-leftToRight {
  /* 横帯：左が黒(見える)、右が透明(隠す) */
  -webkit-mask-image: linear-gradient(90deg, #000, #000 41.6666666667%, rgba(0, 0, 0, 0.98) 43.3333333333%, rgba(0, 0, 0, 0.92) 45%, rgba(0, 0, 0, 0.82) 46.6666666667%, rgba(0, 0, 0, 0.68) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.32) 51.6666666667%, rgba(0, 0, 0, 0.18) 53.3333333333%, rgba(0, 0, 0, 0.08) 55%, rgba(0, 0, 0, 0.02) 56.6666666667%, transparent 58.3333333333%, transparent);
  mask-image: linear-gradient(90deg, #000, #000 41.6666666667%, rgba(0, 0, 0, 0.98) 43.3333333333%, rgba(0, 0, 0, 0.92) 45%, rgba(0, 0, 0, 0.82) 46.6666666667%, rgba(0, 0, 0, 0.68) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.32) 51.6666666667%, rgba(0, 0, 0, 0.18) 53.3333333333%, rgba(0, 0, 0, 0.08) 55%, rgba(0, 0, 0, 0.02) 56.6666666667%, transparent 58.3333333333%, transparent);
  /* 横スライドに余白を確保（幅を大きめに） */
  -webkit-mask-size: max(300%, 100vw) 100%;
  mask-size: max(300%, 100vw) 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  /* 初期＝右寄せ：透明側が要素を覆い“非表示” */
  -webkit-mask-position: 100% center;
  mask-position: 100% center;
  will-change: -webkit-mask-position, mask-position;
}
.js-page-out .page__wave-leftToRight {
  /* 右→左へスライド → 左端から右方向に“現れる” */
  -webkit-mask-position: 0% center;
  mask-position: 0% center;
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /* 上 → 下 に“隠れる”（初期=表示 / 発火で上から隠す） */
  /* 左 → 右 に“隠れる”（初期=表示 / 発火で左から隠す） */
}
.page__wave-hideLeftToRight {
  /* 左が透明 → 右が黒（黒=#000 は見える、透明は隠す） */
  -webkit-mask-image: linear-gradient(90deg, transparent, transparent 41.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
  mask-image: linear-gradient(90deg, transparent, transparent 41.6666666667%, rgba(0, 0, 0, 0.02) 43.3333333333%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.18) 46.6666666667%, rgba(0, 0, 0, 0.32) 48.3333333333%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.68) 51.6666666667%, rgba(0, 0, 0, 0.82) 53.3333333333%, rgba(0, 0, 0, 0.92) 55%, rgba(0, 0, 0, 0.98) 56.6666666667%, #000 58.3333333333%, #000);
  /* 横方向に長め＆リピート無し（横スライド用） */
  -webkit-mask-size: max(300%, 100vw) 100%;
  mask-size: max(300%, 100vw) 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  /* 初期＝右寄せ：透明帯は要素の左外へ逃がし、全面が黒で“表示” */
  -webkit-mask-position: 100% center;
  mask-position: 100% center;
  transition: -webkit-mask-position 0.8s ease-out, mask-position 0.8s ease-out;
  will-change: -webkit-mask-position, mask-position;
}
.page__wave-hideLeftToRight.js-inview-acv {
  /* 左へスライド → 左端から透明帯が侵入して右へ“隠れる” */
  -webkit-mask-position: 0% center;
  mask-position: 0% center;
}
.page__fadein-home {
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
}
.page__fadein-home.js-inview-acv {
  opacity: 1;
  transform: scale(1);
}
.page__fadein-up {
  opacity: 0;
  transform: translateY(4vw);
  transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
}
@media screen and (min-width: 769px) {
  .page__fadein-up {
    transform: translateY(2vw);
  }
}
.page__fadein-up.js-inview-acv {
  opacity: 1;
  transform: translateY(0);
}
.page__fadein {
  opacity: 0;
  transition: opacity 1s var(--ease-base);
}
.page__fadein.js-inview-acv {
  opacity: 1;
}
.page__fadeinZoom {
  transform: scale(1.15);
  transition: transform 3s var(--ease-base);
}
.page__fadeinZoom.js-inview-acv {
  transform: scale(1);
}
.page__border {
  border-bottom: 0.4rem solid var(--bck);
}
@media screen and (min-width: 769px) {
  .page__border {
    border-bottom: clamp(0rem, 0.2777777778vw, 0.4rem) solid var(--bck);
  }
}
.page__home1 {
  aspect-ratio: 174/168;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page__home1 {
    aspect-ratio: 292/282;
  }
}
.page__home2 {
  aspect-ratio: 134/128;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page__home2 {
    aspect-ratio: 214/204;
  }
}
.page__home3 {
  aspect-ratio: 134/130;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page__home3 {
    aspect-ratio: 196/192;
  }
}
.page__btn {
  align-items: center;
  background: linear-gradient(to bottom, #D58D52, #B33306);
  background-image: linear-gradient(180deg, #D58D52 0%, #B33306 50%, #D58D52 100%);
  background-position: 0 0;
  background-size: 100% 200%;
  border-radius: 0.5rem;
  color: var(--wte);
  display: flex;
  font-size: 1.4rem;
  height: 5.9rem;
  justify-content: center;
  letter-spacing: 0.05em;
  padding: 0 4.4rem 0 0;
  position: relative;
  transition: background 0.3s var(--ease-hover);
  transition: background-position 0.3s var(--ease-hover);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page__btn {
    border-radius: clamp(0rem, 0.3472222222vw, 0.5rem);
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
    height: clamp(0rem, 4.0972222222vw, 5.9rem);
    justify-content: flex-start;
    padding: 0 clamp(0rem, 3.0555555556vw, 4.4rem) 0 0;
    width: clamp(0rem, 18.0555555556vw, 26rem);
  }
}
.page__btn:after {
  background-color: var(--wte);
  content: "";
  display: block;
  height: 3.3rem;
  position: absolute;
  right: 4.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
}
@media screen and (min-width: 769px) {
  .page__btn:after {
    height: clamp(0rem, 2.2916666667vw, 3.3rem);
    position: absolute;
    right: clamp(0rem, 3.0555555556vw, 4.4rem);
    top: 50%;
  }
}
.page__btn.js-touch-acv {
  background-position: 0 100%;
}
.page__btn-txt {
  align-items: center;
  flex: 1;
  justify-content: center;
}
.page__btn-ico {
  aspect-ratio: 1/1;
  height: auto;
  position: absolute;
  right: 1.8rem;
  top: calc(50% - 0.4rem);
  width: 0.8rem;
}
@media screen and (min-width: 769px) {
  .page__btn-ico {
    position: absolute;
    right: clamp(0rem, 1.25vw, 1.8rem);
    top: calc(50% - clamp(0rem, 0.3125vw, 0.45rem));
    width: clamp(0rem, 0.625vw, 0.9rem);
  }
}
.js-touch-acv .page__btn-ico {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: bounceAlphaArrowUp;
  animation-timing-function: var(--ease-hover);
}
.page__ttl-flex {
  flex-direction: column;
  margin: 0 auto;
  margin: 0 0 3.2rem;
  row-gap: 2rem;
}
@media screen and (min-width: 769px) {
  .page__ttl-flex {
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 clamp(0rem, 3.3333333333vw, 4.8rem);
  }
}
.page__ttl-flex.--center {
  justify-content: center;
}
.page__ttl-en, .page__ttl-flex1-en {
  font-size: 1.2rem;
  letter-spacing: 0.28em;
  margin: 0 0 1.6rem;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .page__ttl-en, .page__ttl-flex1-en {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.--center .page__ttl-en, .--center .page__ttl-flex1-en {
  text-align: center;
}
.page__ttl-jp, .page__ttl-flex1-jp {
  font-size: 3rem;
  letter-spacing: 0em;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .page__ttl-jp, .page__ttl-flex1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
    letter-spacing: 0.08em;
  }
}
.--center .page__ttl-jp, .--center .page__ttl-flex1-jp {
  text-align: center;
}
.page__ttl-flex2-txt {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .page__ttl-flex2-txt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    margin: 0 0 clamp(-1rem, -0.6944444444vw, 0rem);
  }
}
.page__shadow1 {
  position: relative;
}
.page__shadow1:after {
  background: linear-gradient(to bottom, rgba(79, 71, 58, 0) 20%, rgba(79, 71, 58, 0.75) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page__shadow1 {
    height: 50%;
  }
}
.page__shadow2 {
  position: relative;
}
.page__shadow2:after {
  background: linear-gradient(to bottom, rgba(79, 71, 58, 0) 20%, rgba(79, 71, 58, 0.75) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 70%;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page__shadow2:after {
    background: linear-gradient(to left, rgba(79, 71, 58, 0) 0%, rgba(79, 71, 58, 0.75) 100%);
    height: 100%;
    width: 70%;
  }
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /*--------------------------------------------　link
  ---------------------------------------------*/
}
.page__linkLine {
  /* 下端より 1px 内側に線を置く */
  background: linear-gradient(0deg, var(--orange), var(--orange)) no-repeat right 100%/0 1px;
  transition: background-size 0.5s var(--ease-hover), color 0.5s var(--ease-hover);
}
.page__linkLine.--bck {
  background: linear-gradient(0deg, var(--bck), var(--bck)) no-repeat right 100%/0 1px;
}
.page__linkLine.--theme {
  background: linear-gradient(0deg, var(--theme), var(--theme)) no-repeat right 100%/0 1px;
}
.page__linkLine.js-touch-acv, .js-touch-acv .page__linkLine {
  background-position: left 100%;
  background-size: 100% 1px;
}
.page__linkTransform {
  overflow: hidden;
  position: relative;
}
.page__linkTransform:after {
  content: attr(data-replace);
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0, 200%);
  transform-origin: 50% 100%;
  transition: transform 0.3s var(--ease-hover);
  width: 100%;
  will-change: transform;
}
.page__linkTransform:hover:after {
  transform: translate(0, 0);
}
.page__linkTransform:hover .page__linkReplace {
  transform: translate(0, -200%);
}
.page__linkReplace {
  display: block;
  transition: 0.3s var(--ease-hover);
}
.page, .page__header, .page__nav, .page__main, .page__section, .page__article, .page__aside, .page__footer, .page__inner, .page__flex {
  /*--------------------------------------------　z-index
  ---------------------------------------------*/
}
.page__100 {
  z-index: 100;
}
.page__10 {
  z-index: 10;
}
.page__1 {
  z-index: 1;
}

/*--------------------------------------------　vendor
---------------------------------------------*/
.splide {
  visibility: visible;
}

/*--------------------------------------------　footer
---------------------------------------------*/
.footer__inner {
  padding: 6.4rem 2rem 3.2rem;
}
@media screen and (min-width: 769px) {
  .footer__inner {
    padding: clamp(0rem, 5vw, 7.2rem) 0;
  }
}
.footer__flex {
  flex-direction: column;
  position: relative;
  row-gap: 3rem;
}
@media screen and (min-width: 769px) {
  .footer__flex {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
}
.footer__flex1 {
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .footer__flex1 {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.footer__flex1-logo {
  display: block;
  height: 5.2rem;
  height: auto;
  position: relative;
  width: 16.4rem;
}
@media screen and (min-width: 769px) {
  .footer__flex1-logo {
    aspect-ratio: 234/61;
    margin: 0 0 clamp(0rem, 3.8194444444vw, 5.5rem);
    width: clamp(0rem, 20.9722222222vw, 30.2rem);
  }
}
.footer__flex1-logo:after {
  background-image: url("../img/common/logo-theme.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  clip-path: inset(0 100% 0 0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.footer__flex1-logo img {
  pointer-events: none;
  transition: opacity 0.5s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .footer__flex1-logo.js-touch-acv:after {
    animation: revealFromRight 0.5s var(--ease-hover) forwards;
  }
}
.footer__flex1-logo.js-touch-acv img {
  opacity: 0.25;
}
@media screen and (min-width: 769px) {
  .footer__flex1-logo:not(.js-touch-acv):after {
    animation: hideToRight 0.5s var(--ease-hover) forwards;
  }
}
.footer__flex1-btn {
  border-radius: 9999px;
  height: 3.7rem;
  padding: 0;
  width: 12.8rem;
}
@media screen and (min-width: 769px) {
  .footer__flex1-btn {
    border-radius: clamp(0rem, 0.3472222222vw, 0.5rem);
    display: none;
    height: clamp(0rem, 4.0972222222vw, 5.9rem);
    padding: 0 clamp(0rem, 3.0555555556vw, 4.4rem) 0 0;
    width: clamp(0rem, 18.0555555556vw, 26rem);
  }
}
.footer__flex1-btn .page__btn-ico {
  display: none;
}
@media screen and (min-width: 769px) {
  .footer__flex1-btn .page__btn-ico {
    display: block;
  }
}
.footer__flex1-btn:after {
  display: none;
}
@media screen and (min-width: 769px) {
  .footer__flex1-btn:after {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .footer__flex2 {
    -moz-column-gap: clamp(0rem, 1.5277777778vw, 2.2rem);
    column-gap: clamp(0rem, 1.5277777778vw, 2.2rem);
    padding: clamp(0rem, 0.5555555556vw, 0.8rem) 0 0;
  }
}
.footer__flex2-left-list, .footer__flex2-rigt-list {
  align-items: flex-start;
  row-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .footer__flex2-left-list, .footer__flex2-rigt-list {
    row-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.footer__flex2-left-list-box, .footer__flex2-rigt-list-box {
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 769px) {
  .footer__flex2-left-list-box, .footer__flex2-rigt-list-box {
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.footer__flex2-left-ttl, .footer__flex2-rigt-ttl {
  font-size: 1.5rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .footer__flex2-left-ttl, .footer__flex2-rigt-ttl {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.footer__flex2-left-link, .footer__flex2-rigt-link {
  align-items: center;
  font-size: 1.3rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .footer__flex2-left-link, .footer__flex2-rigt-link {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    font-size: clamp(0rem, 0.9027777778vw, 1.3rem);
  }
}
.footer__flex2-left-link:before, .footer__flex2-rigt-link:before {
  background-color: var(--bck);
  content: "";
  display: block;
  height: 0.1rem;
  transition: 0.3s background-color var(--ease-hover);
  width: 0.5rem;
}
@media screen and (min-width: 769px) {
  .footer__flex2-left-link:before, .footer__flex2-rigt-link:before {
    width: clamp(0rem, 0.4861111111vw, 0.7rem);
  }
}
.footer__flex2-left-link.js-touch-acv, .footer__flex2-rigt-link.js-touch-acv {
  color: var(--theme);
}
.footer__flex2-left-link.js-touch-acv:before, .footer__flex2-rigt-link.js-touch-acv:before {
  background-color: var(--theme);
}
.footer__flex2-rigt-txtlink {
  display: block;
  font-size: 1.5rem;
  margin: 0 0 2.4rem;
  transition: 0.3s color var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .footer__flex2-rigt-txtlink {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.footer__flex2-rigt-txtlink.js-touch-acv {
  color: var(--theme);
}
.footer__flex2-copy-privacy {
  align-items: flex-start;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .footer__flex2-copy-privacy {
    left: 0;
    position: absolute;
    row-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    top: clamp(0rem, 15.2777777778vw, 22rem);
  }
}
.footer__flex2-copy-privacy-link, .footer__flex2-copy-privacy-txt {
  display: block;
  font-size: 1.1rem;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .footer__flex2-copy-privacy-link, .footer__flex2-copy-privacy-txt {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
  }
}
.footer__flex2-copy-privacy-link.js-touch-acv, .footer__flex2-copy-privacy-txt.js-touch-acv {
  color: var(--theme);
}
@media screen and (min-width: 769px) {
  .footer__flex2-copy-privacy-txt {
    letter-spacing: 0.14em;
  }
}

/*--------------------------------------------　off-canvas
---------------------------------------------*/
.off-canvas {
  height: 100lvh;
  left: 0;
  position: fixed;
  top: 0;
  transform: translateX(100%);
  transition: 1s transform var(--ease-base);
  width: 100%;
  will-change: translateX;
}
.js-menu-active .off-canvas {
  transform: translateX(0);
}
.off-canvas__inner {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 2.8rem;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 769px) {
  .off-canvas__inner {
    padding: clamp(0rem, 2.0138888889vw, 2.9rem) clamp(0rem, 2.0833333333vw, 3rem);
    width: clamp(0rem, 51.3888888889vw, 74rem);
  }
}
.off-canvas__menu {
  align-items: flex-end;
  cursor: pointer;
  flex-direction: column;
  row-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__menu {
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.off-canvas__menu-txt {
  font-size: 1.2rem;
  margin: 0 -0.8rem 0 0;
}
@media screen and (min-width: 769px) {
  .off-canvas__menu-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0;
  }
}
.off-canvas__menu-btn {
  height: 0.8rem;
  position: relative;
  width: 2.7rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__menu-btn {
    cursor: pointer;
    height: clamp(0rem, 3.4722222222vw, 5rem);
    width: clamp(0rem, 3.4722222222vw, 5rem);
  }
}
.off-canvas__menu-btn-bar {
  background: var(--bck);
  bottom: 0;
  display: block;
  height: 0.1rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.5s var(--ease-base) 0.75s, transform 0.5s var(--ease-base) 0.75s;
  width: 2.7rem;
  will-change: opacity transform;
}
@media screen and (min-width: 769px) {
  .off-canvas__menu-btn-bar {
    width: clamp(0rem, 1.875vw, 2.7rem);
  }
}
.off-canvas__menu-btn-bar:nth-child(1) {
  transform: translateY(-0.4rem);
}
@media screen and (min-width: 769px) {
  .off-canvas__menu-btn-bar:nth-child(1) {
    transform: translateY(clamp(-0.4rem, -0.2777777778vw, 0rem));
  }
}
.js-menu-active .off-canvas__menu-btn-bar:nth-child(1) {
  transform: rotate(15deg);
}
.js-menu-active .off-canvas__menu-btn-bar:nth-child(2) {
  opacity: 0;
}
.off-canvas__menu-btn-bar:nth-child(3) {
  transform: translateY(0.4rem);
}
@media screen and (min-width: 769px) {
  .off-canvas__menu-btn-bar:nth-child(3) {
    transform: translateY(clamp(0rem, 0.2777777778vw, 0.4rem));
  }
}
.js-menu-active .off-canvas__menu-btn-bar:nth-child(3) {
  transform: rotate(-15deg);
}
.off-canvas__cnt {
  left: 50%;
  padding: 0 4rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt {
    padding: 0 clamp(0rem, 8.0555555556vw, 11.6rem);
  }
}
.off-canvas__cnt-flex {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt-flex {
    -moz-column-gap: clamp(0rem, 1.5277777778vw, 2.2rem);
    column-gap: clamp(0rem, 1.5277777778vw, 2.2rem);
    padding: clamp(0rem, 0.5555555556vw, 0.8rem) 0 0;
  }
}
.off-canvas__cnt-flex-left-list, .off-canvas__cnt-flex-rigt-list {
  align-items: flex-start;
  row-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt-flex-left-list, .off-canvas__cnt-flex-rigt-list {
    row-gap: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.off-canvas__cnt-flex-left-list-box, .off-canvas__cnt-flex-rigt-list-box {
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt-flex-left-list-box, .off-canvas__cnt-flex-rigt-list-box {
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.off-canvas__cnt-flex-left-ttl, .off-canvas__cnt-flex-rigt-ttl {
  font-size: 1.5rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt-flex-left-ttl, .off-canvas__cnt-flex-rigt-ttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.off-canvas__cnt-flex-left-link, .off-canvas__cnt-flex-rigt-link {
  align-items: center;
  font-size: 1.3rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt-flex-left-link, .off-canvas__cnt-flex-rigt-link {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    font-size: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.off-canvas__cnt-flex-left-link:before, .off-canvas__cnt-flex-rigt-link:before {
  background-color: var(--bck);
  content: "";
  display: block;
  height: 0.1rem;
  width: 0.5rem;
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt-flex-left-link:before, .off-canvas__cnt-flex-rigt-link:before {
    width: clamp(0rem, 0.4861111111vw, 0.7rem);
  }
}
.off-canvas__cnt-flex-rigt-txtlink {
  display: block;
  font-size: 1.5rem;
  margin: 0 0 2.4rem;
  transition: color 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .off-canvas__cnt-flex-rigt-txtlink {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.off-canvas__cnt-flex-rigt-txtlink.js-touch-acv {
  color: var(--theme);
}

/*--------------------------------------------　page-out
---------------------------------------------*/
.page-out {
  align-items: center;
  background-color: var(--bg);
  height: 100lvh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: -webkit-mask-position 0.8s linear, mask-position 0.8s linear;
}
.page-out__logo {
  aspect-ratio: 234/61;
  width: 18rem;
}
@media screen and (min-width: 769px) {
  .page-out__logo {
    width: clamp(0rem, 22.2222222222vw, 32rem);
  }
}

.page-out-bar {
  background: linear-gradient(to left, #D58D52, #B33306);
  height: 0.2rem;
  left: 0;
  position: fixed;
  top: 0;
  transition: 0.5s width linear;
  width: 0;
}
@media screen and (min-width: 769px) {
  .page-out-bar {
    height: clamp(0rem, 0.1388888889vw, 0.2rem);
  }
}
.js-page-out .page-out-bar {
  width: 100%;
}

.page-in {
  align-items: center;
  background-color: var(--bg);
  height: 100lvh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: -webkit-mask-position 1s linear, mask-position 1s linear;
}
.js-page-new .page-in {
  transition: -webkit-mask-position 1.75s linear, mask-position 1.75s linear;
}
.page-in__logo {
  aspect-ratio: 234/61;
  width: 18rem;
}
@media screen and (min-width: 769px) {
  .page-in__logo {
    width: clamp(0rem, 22.2222222222vw, 32rem);
  }
}

.page-in-bar {
  background: linear-gradient(to left, #D58D52, #B33306);
  height: 0.2rem;
  left: auto;
  position: fixed;
  right: 0;
  top: 0;
  transform: scaleX(1);
  transform-origin: 100% 0%;
  transition: transform 0.5s linear;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page-in-bar {
    height: clamp(0rem, 0.1388888889vw, 0.2rem);
  }
}
.js-page-new .page-in-bar {
  transition: transform 0.75s linear;
}
.page-in-bar.js-inview-acv {
  transform: scaleX(0);
}

/*--------------------------------------------　header
---------------------------------------------*/
.header {
  background-color: var(--wte);
  border-radius: 1.5rem;
  box-shadow: 1.2rem 1.2rem 3rem rgba(0, 0, 0, 0.03);
  left: 50%;
  max-width: 33.5rem;
  position: absolute;
  top: 3rem;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .header {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    box-shadow: clamp(0rem, 0.8333333333vw, 1.2rem) clamp(0rem, 0.8333333333vw, 1.2rem) clamp(0rem, 2.0833333333vw, 3rem) rgba(0, 0, 0, 0.03);
    left: 50%;
    max-width: clamp(0rem, 86.1111111111vw, 124rem);
    position: absolute;
    top: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.home .header {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  transform: translateX(0);
}
.header__inner {
  padding: 1rem 1.6rem;
}
@media screen and (min-width: 769px) {
  .header__inner {
    padding: clamp(0rem, 0.7638888889vw, 1.1rem) clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.home .header__inner {
  padding: 1.6rem 2rem;
}
@media screen and (min-width: 769px) {
  .home .header__inner {
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.header__flex {
  align-items: center;
  justify-content: space-between;
}
.header__flex1-ttl-link {
  height: 5.2rem;
  position: relative;
  width: 16.4rem;
}
@media screen and (min-width: 769px) {
  .header__flex1-ttl-link {
    height: clamp(0rem, 3.0555555556vw, 4.4rem);
    width: clamp(0rem, 11.8055555556vw, 17rem);
  }
}
.home .header__flex1-ttl-link {
  height: 5.2rem;
  width: 16.4rem;
}
@media screen and (min-width: 769px) {
  .home .header__flex1-ttl-link {
    height: clamp(0rem, 4.2361111111vw, 6.1rem);
    width: clamp(0rem, 16.25vw, 23.4rem);
  }
}
.header__flex1-ttl-link:after {
  background-image: url("../img/common/logo-theme.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  clip-path: inset(0 100% 0 0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.header__flex1-ttl-link img {
  pointer-events: none;
  transition: opacity 0.5s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .header__flex1-ttl-link.js-touch-acv:after {
    animation: revealFromRight 0.5s var(--ease-hover) forwards;
  }
}
.header__flex1-ttl-link.js-touch-acv img {
  opacity: 0.25;
}
@media screen and (min-width: 769px) {
  .header__flex1-ttl-link:not(.js-touch-acv):after {
    animation: hideToRight 0.5s var(--ease-hover) forwards;
  }
}
@media screen and (min-width: 769px) {
  .header__flex2 {
    align-items: center;
    -moz-column-gap: clamp(0rem, 0.9722222222vw, 1.4rem);
    column-gap: clamp(0rem, 0.9722222222vw, 1.4rem);
  }
}
.header__flex2-list {
  display: none;
}
@media screen and (min-width: 769px) {
  .header__flex2-list {
    display: flex;
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.header__flex2-link {
  transition: background-color 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .header__flex2-link {
    align-items: center;
    border-radius: 9999px;
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
    height: clamp(0rem, 2.5694444444vw, 3.7rem);
    justify-content: center;
    letter-spacing: 0.05em;
    width: clamp(0rem, 8.8888888889vw, 12.8rem);
  }
}
.header__flex2-link.js-touch-acv {
  background-color: var(--orange);
}
.header__flex2-menu {
  align-items: center;
  flex-direction: column;
  row-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .header__flex2-menu {
    cursor: pointer;
    flex-direction: row;
  }
}
.header__flex2-menu-txt {
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  .header__flex2-menu-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.header__flex2-menu-btn {
  height: 0.8rem;
  position: relative;
  width: 2.7rem;
}
@media screen and (min-width: 769px) {
  .header__flex2-menu-btn {
    cursor: pointer;
    height: clamp(0rem, 3.4722222222vw, 5rem);
    width: clamp(0rem, 3.4722222222vw, 5rem);
  }
}
.header__flex2-menu-btn-bar {
  background: var(--bck);
  bottom: 0;
  display: block;
  height: 0.1rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.5s var(--ease-nav), transform 0.5s var(--ease-nav);
  width: 2.7rem;
  will-change: opacity transform;
}
@media screen and (min-width: 769px) {
  .header__flex2-menu-btn-bar {
    width: clamp(0rem, 1.875vw, 2.7rem);
  }
}
.header__flex2-menu-btn-bar:nth-child(1) {
  transform: translateY(-0.4rem);
}
@media screen and (min-width: 769px) {
  .header__flex2-menu-btn-bar:nth-child(1) {
    transform: translateY(clamp(-0.4rem, -0.2777777778vw, 0rem));
  }
}
.menu-active .header__flex2-menu-btn-bar:nth-child(1) {
  transform: rotate(15deg);
}
.menu-active .header__flex2-menu-btn-bar:nth-child(2) {
  opacity: 0;
}
.header__flex2-menu-btn-bar:nth-child(3) {
  transform: translateY(0.4rem);
}
@media screen and (min-width: 769px) {
  .header__flex2-menu-btn-bar:nth-child(3) {
    transform: translateY(clamp(0rem, 0.2777777778vw, 0.4rem));
  }
}
.menu-active .header__flex2-menu-btn-bar:nth-child(3) {
  transform: rotate(-15deg);
}

/*--------------------------------------------　about-history
---------------------------------------------*/
.about-history__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .about-history__inner {
    padding: clamp(0rem, 9.3055555556vw, 13.4rem) 0 clamp(0rem, 10.2083333333vw, 14.7rem);
  }
}
.about-history__line {
  height: 111rem;
  left: 40%;
  position: absolute;
  top: 27rem;
  transform: translateX(-50%);
  width: 22rem;
}
@media screen and (min-width: 769px) {
  .about-history__line {
    height: clamp(0rem, 95.1388888889vw, 137rem);
    left: 50.5%;
    position: absolute;
    top: clamp(0rem, 28.0555555556vw, 40.4rem);
    width: clamp(0rem, 18.75vw, 27rem);
  }
}
.about-history__home1 {
  display: none;
}
@media screen and (min-width: 769px) {
  .about-history__home1 {
    display: block;
    position: absolute;
    right: clamp(0rem, 8.3333333333vw, 12rem);
    top: clamp(0rem, 27.7777777778vw, 40rem);
    width: 11.7rem;
  }
}
.about-history__home2 {
  display: none;
}
@media screen and (min-width: 769px) {
  .about-history__home2 {
    display: block;
    left: clamp(-4.8rem, -3.3333333333vw, 0rem);
    position: absolute;
    top: clamp(0rem, 79.8611111111vw, 115rem);
    width: clamp(0rem, 6.3194444444vw, 9.1rem);
  }
}
.about-history__home3 {
  display: none;
}
@media screen and (min-width: 769px) {
  .about-history__home3 {
    display: block;
    position: absolute;
    right: clamp(0rem, 7.2916666667vw, 10.5rem);
    top: clamp(0rem, 88.8888888889vw, 128rem);
    width: clamp(0rem, 6.8055555556vw, 9.8rem);
  }
}
.about-history__ttl {
  margin: 0 0 4.8rem;
  row-gap: 3.2rem;
}
@media screen and (min-width: 769px) {
  .about-history__ttl {
    margin: 0 0 clamp(0rem, 3.3333333333vw, 4.8rem);
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
  }
}
@media screen and (min-width: 769px) {
  .about-history__ttl2-txt {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.about-history__1911, .about-history__1922, .about-history__1938 {
  position: relative;
}
.about-history__1911-year, .about-history__1922-year, .about-history__1938-year {
  font-size: 6.5rem;
}
@media screen and (min-width: 769px) {
  .about-history__1911-year, .about-history__1922-year, .about-history__1938-year {
    font-size: clamp(0rem, 5.8333333333vw, 8.4rem);
  }
}
.about-history__1911-cnt-img, .about-history__1922-cnt1-img, .about-history__1922-cnt2-img, .about-history__1938-cnt-img {
  height: 14.5rem;
  width: 21.2rem;
}
@media screen and (min-width: 769px) {
  .about-history__1911-cnt-img, .about-history__1922-cnt1-img, .about-history__1922-cnt2-img, .about-history__1938-cnt-img {
    height: clamp(0rem, 18.0555555556vw, 26rem);
    width: clamp(0rem, 26.3888888889vw, 38rem);
  }
}
.about-history__1911-cnt-txt, .about-history__1922-cnt1-txt, .about-history__1922-cnt2-txt, .about-history__1938-cnt-txt {
  background-color: var(--bg);
  font-size: 1.3rem;
  line-height: 1.65;
  padding: 0.4rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .about-history__1911-cnt-txt, .about-history__1922-cnt1-txt, .about-history__1922-cnt2-txt, .about-history__1938-cnt-txt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    padding: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.about-history__1911 {
  height: 26.1rem;
}
@media screen and (min-width: 769px) {
  .about-history__1911 {
    height: clamp(0rem, 26.6666666667vw, 38.4rem);
  }
}
.about-history__1911-year {
  left: 0.4rem;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  .about-history__1911-year {
    left: clamp(0rem, 30vw, 43.2rem);
    position: absolute;
    top: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.about-history__1911-cnt-img {
  left: 16.3rem;
  opacity: 0;
  position: absolute;
  top: 11.6rem;
}
@media screen and (min-width: 769px) {
  .about-history__1911-cnt-img {
    left: clamp(0rem, 14.9305555556vw, 21.5rem);
    position: absolute;
    top: clamp(0rem, 10.625vw, 15.3rem);
  }
}
.about-history__1911-cnt-txt {
  left: 1rem;
  position: absolute;
  top: 8rem;
}
@media screen and (min-width: 769px) {
  .about-history__1911-cnt-txt {
    left: clamp(0rem, 6.3888888889vw, 9.2rem);
    position: absolute;
    top: clamp(0rem, 6.9444444444vw, 10rem);
  }
}
.about-history__1922 {
  height: 48rem;
}
@media screen and (min-width: 769px) {
  .about-history__1922 {
    height: clamp(0rem, 36.875vw, 53.1rem);
  }
}
.about-history__1922-year {
  left: 4.8rem;
  position: absolute;
  top: 2rem;
}
@media screen and (min-width: 769px) {
  .about-history__1922-year {
    left: clamp(0rem, 53.4722222222vw, 77rem);
    position: absolute;
    top: clamp(-8.5rem, -5.9027777778vw, 0rem);
  }
}
.about-history__1922-cnt1-img {
  left: -2rem;
  opacity: 0;
  position: absolute;
  top: 12rem;
}
@media screen and (min-width: 769px) {
  .about-history__1922-cnt1-img {
    left: clamp(0rem, 53.6111111111vw, 77.2rem);
    position: absolute;
    top: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.about-history__1922-cnt1-txt {
  position: absolute;
  right: 0;
  top: 8.8rem;
}
@media screen and (min-width: 769px) {
  .about-history__1922-cnt1-txt {
    position: absolute;
    right: clamp(0rem, 1.5277777778vw, 2.2rem);
    top: clamp(-5.5rem, -3.8194444444vw, 0rem);
  }
}
.about-history__1922-cnt2-img {
  bottom: 0;
  left: 5.5rem;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .about-history__1922-cnt2-img {
    bottom: auto;
    left: clamp(0rem, 6.9444444444vw, 10rem);
    position: absolute;
    top: clamp(0rem, 12.8472222222vw, 18.5rem);
  }
}
.about-history__1922-cnt2-txt {
  left: 10.8rem;
  position: absolute;
  top: 30rem;
}
@media screen and (min-width: 769px) {
  .about-history__1922-cnt2-txt {
    left: clamp(0rem, 27.7777777778vw, 40rem);
    position: absolute;
    top: clamp(0rem, 10.4166666667vw, 15rem);
  }
}
.about-history__1938 {
  height: 40rem;
}
@media screen and (min-width: 769px) {
  .about-history__1938 {
    height: clamp(0rem, 21.5277777778vw, 31rem);
  }
}
.about-history__1938-year {
  left: 9rem;
  position: absolute;
  top: 7rem;
}
@media screen and (min-width: 769px) {
  .about-history__1938-year {
    left: clamp(0rem, 46.5277777778vw, 67rem);
    position: absolute;
    top: clamp(-15.5rem, -10.7638888889vw, 0rem);
  }
}
.about-history__1938-cnt-img {
  left: 5rem;
  position: absolute;
  top: 15rem;
}
@media screen and (min-width: 769px) {
  .about-history__1938-cnt-img {
    left: auto;
    position: absolute;
    right: clamp(0rem, 13.0555555556vw, 18.8rem);
    top: clamp(-4rem, -2.7777777778vw, 0rem);
  }
}
.about-history__1938-cnt-txt {
  position: absolute;
  right: 0;
  top: 27rem;
}
@media screen and (min-width: 769px) {
  .about-history__1938-cnt-txt {
    position: absolute;
    right: clamp(0rem, 4.5138888889vw, 6.5rem);
    top: clamp(0rem, 9.0277777778vw, 13rem);
  }
}
.about-history__service-lead {
  font-size: 1.3rem;
  letter-spacing: 0.07em;
  line-height: 1.7;
  margin: 0 0 4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .about-history__service-lead {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.about-history__service-list {
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .about-history__service-list {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.about-history__service-item {
  aspect-ratio: 164/149;
  width: calc(50% - 0.2rem);
}
@media screen and (min-width: 769px) {
  .about-history__service-item {
    aspect-ratio: 304/275;
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .about-history__service-item:nth-child(1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .about-history__service-item:nth-child(2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .about-history__service-item:nth-child(3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .about-history__service-item:nth-child(4) {
    transition: opacity 1.75s var(--ease-base), transform 1.75s var(--ease-base);
  }
}
.about-history__service-link {
  align-items: flex-end;
  height: 100%;
  padding: 1.6rem 0.8rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .about-history__service-link {
    padding: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.about-history__service-link-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.about-history__service-link-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .about-history__service-link-img img {
  transform: scale(1.1);
}
.about-history__service-link-cnt {
  position: relative;
}
.about-history__service-link-cnt-ttl {
  font-size: 1.4rem;
  letter-spacing: 0em;
  margin: 0 0 0.8rem;
}
@media screen and (min-width: 769px) {
  .about-history__service-link-cnt-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.about-history__service-link-cnt-txt {
  font-size: 1rem;
  letter-spacing: 0em;
}
@media screen and (min-width: 769px) {
  .about-history__service-link-cnt-txt {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
  }
}

/*--------------------------------------------　about-chart
---------------------------------------------*/
.about-chart__inner {
  padding: 7.2rem 0;
}
@media screen and (min-width: 769px) {
  .about-chart__inner {
    padding: clamp(0rem, 9.7222222222vw, 14rem) 0 clamp(0rem, 10.2083333333vw, 14.7rem);
  }
}
@media screen and (min-width: 769px) {
  .about-chart__ttl {
    margin: 0 0 clamp(0rem, 5.4166666667vw, 7.8rem);
  }
}
.about-chart__chart1 {
  height: 46.7rem;
  margin: 0 auto 7.2rem;
  width: 34.7rem;
}
@media screen and (min-width: 769px) {
  .about-chart__chart1 {
    height: clamp(0rem, 24.5833333333vw, 35.4rem);
    margin: 0 auto clamp(0rem, 5.5555555556vw, 8rem);
    width: clamp(0rem, 83.125vw, 119.7rem);
  }
}
.about-chart__chart2 {
  height: 63.1rem;
  margin: 0 auto;
  width: 34.8rem;
}
@media screen and (min-width: 769px) {
  .about-chart__chart2 {
    height: clamp(0rem, 43.5416666667vw, 62.7rem);
    width: clamp(0rem, 83.1944444444vw, 119.8rem);
  }
}

/*--------------------------------------------　about-overview
---------------------------------------------*/
.about-overview__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .about-overview__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 clamp(0rem, 4.4444444444vw, 6.4rem);
  }
}
@media screen and (min-width: 769px) {
  .about-overview__dls {
    margin: clamp(-10rem, -6.9444444444vw, 0rem) 0 0 auto;
    width: clamp(0rem, 51.3888888889vw, 74rem);
  }
}
.about-overview__dl {
  border-bottom: 1px solid var(--bdr);
  flex-direction: column;
  padding: 2rem 0;
  row-gap: 2rem;
}
@media screen and (min-width: 769px) {
  .about-overview__dl {
    align-items: center;
    flex-direction: row;
    padding: clamp(0rem, 1.5972222222vw, 2.3rem) 0;
  }
}
.about-overview__dt {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .about-overview__dt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    width: clamp(0rem, 14.8611111111vw, 21.4rem);
  }
}
.about-overview__dd {
  flex: 1;
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .about-overview__dd {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}

/*--------------------------------------------　about-profile
---------------------------------------------*/
.about-profile__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .about-profile__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 clamp(0rem, 4.4444444444vw, 6.4rem);
  }
}
.about-profile__dls {
  margin: 0 0 3.6rem;
}
@media screen and (min-width: 769px) {
  .about-profile__dls {
    margin: clamp(-9rem, -6.25vw, 0rem) 0 clamp(0rem, 15.2777777778vw, 22rem) auto;
    width: clamp(0rem, 51.3888888889vw, 74rem);
  }
}
.about-profile__dls:last-of-type {
  margin: 0;
}
@media screen and (min-width: 769px) {
  .about-profile__dls:last-of-type {
    margin: clamp(-9rem, -6.25vw, 0rem) 0 0 auto;
  }
}
.about-profile__dls-ttl {
  align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.13em;
  -moz-column-gap: 1.6rem;
  column-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .about-profile__dls-ttl {
    font-size: clamp(0rem, 1.6666666667vw, 2.4rem);
    -moz-column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
.about-profile__dls-ttl:before {
  background: linear-gradient(to bottom, #D58D52, #B33306);
  content: "";
  display: block;
  height: 3.5rem;
  width: 0.5rem;
}
@media screen and (min-width: 769px) {
  .about-profile__dls-ttl:before {
    height: clamp(0rem, 2.4305555556vw, 3.5rem);
    width: clamp(0rem, 0.3472222222vw, 0.5rem);
  }
}
.about-profile__dl {
  border-bottom: 1px solid var(--bdr);
  flex-direction: column;
  padding: 3.2rem 0;
  row-gap: 1.2rem;
}
@media screen and (min-width: 769px) {
  .about-profile__dl {
    align-items: center;
    flex-direction: row;
    padding: clamp(0rem, 1.5972222222vw, 2.3rem) 0;
  }
}
.about-profile__dt {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 769px) {
  .about-profile__dt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    width: clamp(0rem, 14.8611111111vw, 21.4rem);
  }
}
.about-profile__dd {
  flex: 1;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .about-profile__dd {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}

/*--------------------------------------------　gass-app-lead
---------------------------------------------*/
.gass-app-lead__list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  margin: 2.4rem 0 0;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    margin: clamp(0rem, 3.3333333333vw, 4.8rem) 0 0;
  }
}
.gass-app-lead__item {
  position: relative;
  width: 100%;
}
.gass-app-lead__item:not(.gass-app-lead__item.--parent) {
  aspect-ratio: 335/297;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item:not(.gass-app-lead__item.--parent) {
    aspect-ratio: 1240/308;
  }
}
.gass-app-lead__link {
  align-items: flex-end;
  height: 100%;
  width: 100%;
}
.gass-app-lead__item-list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.gass-app-lead__item-item {
  flex: 1;
  position: relative;
}
.gass-app-lead__item-link {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-link {
    padding: 0 clamp(0rem, 1.7361111111vw, 2.5rem);
  }
}
.gass-app-lead__link {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__link {
    padding: 0;
  }
}
.gass-app-lead__item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  flex-direction: row !important;
  justify-content: center;
  padding: 1.6rem 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt {
    border: none;
    flex-direction: column !important;
    height: 100%;
    padding: 0;
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
    width: clamp(0rem, 23.1944444444vw, 33.4rem);
  }
}
.gass-app-lead__item-cnt:after {
  display: none;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt:after {
    background-color: var(--wte);
    content: "";
    display: block;
    height: calc(100% - clamp(0rem, 3.4722222222vw, 5rem));
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
  }
}
.gass-app-lead__item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt-ttl {
    align-items: flex-end;
    flex: 0;
    flex-direction: row;
    margin: clamp(0rem, 1.1111111111vw, 1.6rem) 0 0;
  }
}
.gass-app-lead__item-cnt-ttl.--v {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt-ttl.--v {
    align-items: center;
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.gass-app-lead__item-item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1.6rem 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-item-cnt {
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) 0;
  }
}
.gass-app-lead__item-item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-item-cnt-ttl {
    align-items: flex-end;
    flex-direction: row;
  }
}
.gass-app-lead__item-cnt-ttl-txt {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt-ttl-txt {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
@media screen and (min-width: 769px) {
  .--v .gass-app-lead__item-cnt-ttl-txt {
    text-align: center;
  }
}
.gass-app-lead__item-cnt-ttl-stxt {
  font-size: 1rem;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt-ttl-stxt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    top: clamp(-0.4rem, -0.2777777778vw, 0rem);
  }
}
.gass-app-lead__item-cnt-btn {
  display: none;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt-btn {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    height: clamp(0rem, 2.2916666667vw, 3.3rem);
    width: clamp(0rem, 6.7361111111vw, 9.7rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    align-items: center;
    border: 0.1rem solid var(--wte);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    display: flex;
    justify-content: center;
    transition: background-color 0.3s var(--ease-hover);
  }
}
.gass-app-lead__item-cnt-btn:before {
  display: none;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt-btn:before {
    background-color: var(--wte);
    border-radius: 50%;
    content: "";
    display: block;
    height: clamp(0rem, 0.2777777778vw, 0.4rem);
    width: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.js-touch-acv .gass-app-lead__item-cnt-btn {
  background-color: rgba(213, 141, 82, 0.25);
}
.gass-app-lead__item-cnt-ico {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 3.2rem;
  justify-content: center;
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .gass-app-lead__item-cnt-ico {
    display: none;
  }
}
.gass-app-lead__item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.gass-app-lead__item-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .gass-app-lead__item-img img {
  transform: scale(1.1);
}

/*--------------------------------------------　gass-app-pager
---------------------------------------------*/
.gass-app-pager__inner {
  padding: 7.2rem 2rem 3.6rem;
}
@media screen and (min-width: 769px) {
  .gass-app-pager__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 clamp(0rem, 4.1666666667vw, 6rem);
  }
}
.gass-app-pager__list {
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .gass-app-pager__list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
@media screen and (min-width: 769px) {
  .gass-app-pager__item {
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .gass-app-pager__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .gass-app-pager__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .gass-app-pager__item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.gass-app-pager__link {
  aspect-ratio: 812/472;
  display: block;
  height: auto;
  padding: 0 0 2.4rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .gass-app-pager__link {
    padding: 0 0 clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.gass-app-pager__link-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.gass-app-pager__link-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .gass-app-pager__link-img img {
  transform: scale(1.1);
}
.gass-app-pager__link-cnt {
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .gass-app-pager__link-cnt {
    row-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.gass-app-pager__link-cnt-txt {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .gass-app-pager__link-cnt-txt {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
.gass-app-pager__link-cnt-arrow {
  aspect-ratio: 18/10;
  height: auto;
}
@media screen and (min-width: 769px) {
  .gass-app-pager__link-cnt-arrow {
    width: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.js-touch-acv .gass-app-pager__link-cnt-arrow {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: bounceAlphaUp;
  animation-timing-function: var(--ease-hover);
}

/*--------------------------------------------　gass-app-cnts
---------------------------------------------*/
.gass-app-cnts {
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts {
    row-gap: clamp(0rem, 6.9444444444vw, 10rem);
  }
}
.gass-app-cnts__cnt {
  position: relative;
}
.gass-app-cnts__cnt-bg {
  left: 0;
  position: absolute;
  top: 0;
}
.gass-app-cnts__cnt-inner {
  padding: 4rem 2rem 2rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-inner {
    padding: clamp(0rem, 6.9444444444vw, 10rem) 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.gass-app-cnts__cnt-lead-ttl {
  font-size: 3.5rem;
  margin: 0 0 2.4rem;
  padding: 0 0 2.4rem;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-lead-ttl {
    font-size: clamp(0rem, 3.0555555556vw, 4.4rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
    padding: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.gass-app-cnts__cnt-lead-ttl:after {
  background-color: var(--wte);
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 7rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-lead-ttl:after {
    width: clamp(0rem, 4.8611111111vw, 7rem);
  }
}
.gass-app-cnts__cnt-lead-txt {
  font-size: 1.3rem;
  line-height: 1.7;
  margin: 0 0 2.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-lead-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.gass-app-cnts__cnt-btm {
  border-radius: 2rem;
  padding: 4.8rem 2.4rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm {
    border-radius: clamp(0rem, 1.3888888889vw, 2rem);
    padding: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.gass-app-cnts__cnt-btm-product {
  border: 0.4rem solid #EAE6E0;
  border-radius: 1.6rem;
  flex-direction: column;
  margin: 0 0 4rem;
  padding: 2.4rem 1.6rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-product {
    align-items: center;
    border: clamp(0rem, 0.2777777778vw, 0.4rem) solid #EAE6E0;
    border-radius: clamp(0rem, 1.1111111111vw, 1.6rem);
    flex-direction: row;
    margin: 0 0 clamp(0rem, 3.3333333333vw, 4.8rem);
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) 0;
  }
}
.gass-app-cnts__cnt-btm-product-ttl {
  font-size: 1.8rem;
  justify-content: center;
  margin: 0 0 1.6rem;
  padding: 0 0 1.6rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-product-ttl {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
    margin: 0;
    padding: 0;
    width: clamp(0rem, 20.8333333333vw, 30rem);
  }
}
.gass-app-cnts__cnt-btm-product-ttl:after {
  background-color: #EAE6E0;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 7.2rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-product-ttl:after {
    display: none;
  }
}
.gass-app-cnts__cnt-btm-product-list {
  flex-wrap: wrap;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-product-list {
    border-left: 1px solid #EAE6E0;
    flex: 1;
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) 0 clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 3.8888888889vw, 5.6rem);
    row-gap: clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.gass-app-cnts__cnt-btm-product-item {
  align-items: center;
  font-size: 1.3rem;
  width: 50%;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-product-item {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    width: 33.333%;
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.gass-app-cnts__cnt-btm-product-item:before {
  background-image: url("../img/ss/ico-chk.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 1.6rem;
  margin: 0.4rem 0 0;
  width: 1.6rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-product-item:before {
    height: clamp(0rem, 1.25vw, 1.8rem);
    margin: 0;
    width: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.gass-app-cnts__cnt-btm-reco {
  padding: 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco {
    padding: 0;
  }
}
.gass-app-cnts__cnt-btm-reco-ttl {
  font-size: 1.8rem;
  margin: 0 0 1rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-ttl {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.gass-app-cnts__cnt-btm-reco-txt {
  font-size: 1.3rem;
  line-height: 1.7;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.gass-app-cnts__cnt-btm-reco-splide {
  position: relative;
}
.gass-app-cnts__cnt-btm-reco-splide-slide {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-splide-slide {
    margin: 0 clamp(0rem, 2.2916666667vw, 3.3rem) 0 0;
    width: clamp(0rem, 23.4722222222vw, 33.8rem);
  }
}
.gass-app-cnts__cnt-btm-reco-splide-slide-img {
  aspect-ratio: 338/238;
  background-color: pink;
  margin: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-splide-slide-img {
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.gass-app-cnts__cnt-btm-reco-splide-slide-ttl {
  border-bottom: 1px solid #C6C2BB;
  font-size: 1.8rem;
  margin: 0 0 1.6rem;
  padding: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-splide-slide-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
    padding: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.gass-app-cnts__cnt-btm-reco-splide-slide-txt {
  font-size: 1.3rem;
  line-height: 1.7;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-splide-slide-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.gass-app-cnts__cnt-btm-reco-splide-arrows {
  height: 2.8rem;
  justify-content: space-between;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 7.6rem;
  transform: translateX(-50%);
  width: calc(100% + 6.6rem);
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-splide-arrows {
    height: clamp(0rem, 3.3333333333vw, 4.8rem);
    left: 50%;
    position: absolute;
    top: clamp(0rem, 6.5972222222vw, 9.5rem);
    width: calc(100% + clamp(0rem, 3.3333333333vw, 4.8rem));
  }
}
.gass-app-cnts__cnt-btm-reco-splide-arrows .splide__arrow {
  -moz-appearance: none;
  -webkit-appearance: none;
  aspect-ratio: 1/1;
  background: none transparent;
  background-color: var(--bck);
  border: 0;
  border-radius: 0;
  border-radius: 50%;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  height: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  pointer-events: auto;
  transition: 0.3s background-color var(--ease-hover);
  vertical-align: middle;
  width: auto;
}
.gass-app-cnts__cnt-btm-reco-splide-arrows .splide__arrow:hover {
  background-color: var(--orange);
}
.gass-app-cnts__cnt-btm-reco-splide-arrows .splide__arrow.splide__arrow-prev {
  background-image: url("../img/common/ico-slider-prev.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 1.2rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-splide-arrows .splide__arrow.splide__arrow-prev {
    background-size: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.gass-app-cnts__cnt-btm-reco-splide-arrows .splide__arrow.splide__arrow-next {
  background-image: url("../img/common/ico-slider-next.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 1.2rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .gass-app-cnts__cnt-btm-reco-splide-arrows .splide__arrow.splide__arrow-next {
    background-size: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.gass-app-cnts__cnt-btm-reco-splide-arrows .splide__arrow svg {
  display: none;
}

/*--------------------------------------------　career-plan
---------------------------------------------*/
.career-plan {
  display: none;
}
.career-plan__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .career-plan__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.career-plan__ttl {
  justify-content: center;
}
.career-plan__ttl1-en {
  text-align: center;
}
.career-plan__table {
  aspect-ratio: 1240/610;
  background-color: var(--wte);
  height: auto;
}
@media screen and (min-width: 769px) {
  .career-plan__table {
    width: clamp(0rem, 86.1111111111vw, 124rem);
  }
}

/*--------------------------------------------　career-support
---------------------------------------------*/
.career-support__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .career-support__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.career-support__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .career-support__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.career-support__flex {
  flex-direction: column;
  row-gap: 4.8rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .career-support__flex1 {
    left: 0;
    position: sticky;
    top: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.career-support__flex1-list {
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex1-list {
    row-gap: clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.career-support__flex1-item.--active .career-support__flex1-link {
  opacity: 1;
}
.career-support__flex1-item.--active .career-support__flex1-link:before {
  opacity: 1;
}
.career-support__flex1-link {
  align-items: center;
  font-size: 1.6rem;
  transition: opacity 0.3s var(--ease-hover);
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
  opacity: 0.22;
}
@media screen and (min-width: 769px) {
  .career-support__flex1-link {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.career-support__flex1-link:before {
  background: linear-gradient(to left, #D58D52, #B33306);
  border-radius: 50%;
  content: "";
  display: block;
  height: 1rem;
  opacity: 0;
  transition: opacity 0.3s var(--ease-hover);
  width: 1rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex1-link:before {
    height: clamp(0rem, 0.8333333333vw, 1.2rem);
    width: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.career-support__flex2 {
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2 {
    margin: clamp(-10rem, -6.9444444444vw, 0rem) 0 0;
    row-gap: clamp(0rem, 5.5555555556vw, 8rem);
    width: clamp(0rem, 49.3055555556vw, 71rem);
  }
}
@media screen and (min-width: 769px) {
  .page-template-page-career .career-support__flex2 {
    margin: 0;
  }
}
.career-support__flex2-cnt-ttl {
  align-items: center;
  font-size: 1.6rem;
  -moz-column-gap: 1.2rem;
  column-gap: 1.2rem;
  margin: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2-cnt-ttl {
    font-size: clamp(0rem, 1.875vw, 2.7rem);
    -moz-column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.career-support__flex2-cnt-ttl:before {
  background: linear-gradient(to bottom, #D58D52, #B33306);
  content: "";
  display: block;
  height: 3.5rem;
  width: 0.5rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2-cnt-ttl:before {
    height: clamp(0rem, 2.6388888889vw, 3.8rem);
    width: clamp(0rem, 0.3472222222vw, 0.5rem);
  }
}
.career-support__flex2-cnt-chk-list {
  row-gap: 1.2rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2-cnt-chk-list {
    row-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.career-support__flex2-cnt-chk-item {
  align-items: flex-start;
  line-height: 1.4;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2-cnt-chk-item {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    -moz-column-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
    column-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.career-support__flex2-cnt-chk-item::before {
  aspect-ratio: 1/1;
  background-image: url("../img/ss/ico-chk.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -0.1rem;
  content: "";
  display: block;
  flex-shrink: 0;
  height: auto;
  position: relative;
  width: 1.6rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2-cnt-chk-item::before {
    bottom: clamp(-0.4rem, -0.2777777778vw, 0rem);
    width: clamp(0rem, 1.4583333333vw, 2.1rem);
  }
}
.career-support__flex2-cnt-lead {
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2-cnt-lead {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.career-support__flex2-cnt-txt {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 0.4rem 0 1.6rem;
  padding: 0 0 0 2rem;
}
@media screen and (min-width: 769px) {
  .career-support__flex2-cnt-txt {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    margin: clamp(0rem, 0.8333333333vw, 1.2rem) 0 clamp(0rem, 1.6666666667vw, 2.4rem);
    padding: 0 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}

/*--------------------------------------------　career-faq
---------------------------------------------*/
.career-faq__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .career-faq__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.career-faq__ttl {
  justify-content: center;
}
.career-faq__ttl1-en, .career-faq__ttl1-jp {
  text-align: center;
}
.career-faq__lead {
  font-size: 1.8rem;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .career-faq__lead {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}

/*--------------------------------------------　delivery-lead
---------------------------------------------*/
.delivery-lead {
  height: 77.7rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead {
    height: clamp(0rem, 50.5555555556vw, 72.8rem);
  }
}
.delivery-lead__inner {
  padding: 24rem 0 0;
}
@media screen and (min-width: 769px) {
  .delivery-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.delivery-lead__line {
  height: 98.1rem;
  left: 0;
  position: absolute;
  top: -21rem;
  width: 37.5rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__line {
    height: clamp(0rem, 44.6527777778vw, 64.3rem);
    left: clamp(-3.8rem, -2.6388888889vw, 0rem);
    position: absolute;
    top: clamp(-4.8rem, -3.3333333333vw, 0rem);
    width: clamp(0rem, 94.5833333333vw, 136.2rem);
  }
}
.delivery-lead__home1 {
  position: absolute;
  right: 1.6rem;
  top: 3.4rem;
  width: 8.7rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__home1 {
    position: absolute;
    right: clamp(0rem, 3.75vw, 5.4rem);
    top: clamp(0rem, 0.8333333333vw, 1.2rem);
    width: clamp(0rem, 10.1388888889vw, 14.6rem);
  }
}
.delivery-lead__home2 {
  left: 2rem;
  position: absolute;
  top: 63.3rem;
  width: 6.7rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__home2 {
    left: clamp(0rem, 8.6805555556vw, 12.5rem);
    position: absolute;
    top: clamp(0rem, 34.0277777778vw, 49rem);
    width: clamp(0rem, 7.4305555556vw, 10.7rem);
  }
}
.delivery-lead__home3 {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 6.7rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__home3 {
    bottom: clamp(0rem, 18.0555555556vw, 26rem);
    position: absolute;
    right: clamp(0rem, 2.0833333333vw, 3rem);
    width: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.delivery-lead__img1 {
  aspect-ratio: 510/354;
  height: auto;
  left: 0;
  position: absolute;
  top: 8rem;
  width: 16.3rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__img1 {
    left: clamp(0rem, 4.1666666667vw, 6rem);
    position: absolute;
    top: clamp(0rem, 9.375vw, 13.5rem);
    width: clamp(0rem, 17.7083333333vw, 25.5rem);
  }
}
.delivery-lead__img2 {
  aspect-ratio: 564/396;
  bottom: 14rem;
  height: auto;
  position: absolute;
  right: 2rem;
  width: 20.6rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__img2 {
    bottom: clamp(0rem, 3.4722222222vw, 5rem);
    position: absolute;
    right: clamp(0rem, 6.5972222222vw, 9.5rem);
    width: clamp(0rem, 19.5833333333vw, 28.2rem);
  }
}
.delivery-lead__cnt {
  flex-direction: column;
  margin: 0 0 43rem;
  position: relative;
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__cnt {
    flex-direction: row-reverse;
    justify-content: center;
    -moz-column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    margin: 0 0 clamp(0rem, 7.2916666667vw, 10.5rem);
  }
}
.delivery-lead__cnt-txts {
  align-items: center;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__cnt-txts {
    align-items: flex-start;
    flex-direction: row-reverse;
    -moz-column-gap: clamp(0rem, 3.4722222222vw, 5rem);
    column-gap: clamp(0rem, 3.4722222222vw, 5rem);
  }
}
.delivery-lead__cnt-txt {
  letter-spacing: 0.12em;
}
@media screen and (min-width: 769px) {
  .delivery-lead__cnt-txt {
    display: block;
    letter-spacing: 0.18em;
    text-orientation: upright;
    writing-mode: vertical-rl;
  }
}
.delivery-lead__cnt-txt.page__md {
  display: block;
}
@media screen and (min-width: 769px) {
  .delivery-lead__cnt-txt.page__md {
    display: none;
  }
}
.delivery-lead__cnt-txt.page__dd {
  display: none;
}
@media screen and (min-width: 769px) {
  .delivery-lead__cnt-txt.page__dd {
    display: block;
  }
}
.delivery-lead__cnt-txt {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .delivery-lead__cnt-txt {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
  }
}

/*--------------------------------------------　delivery-area
---------------------------------------------*/
.delivery-area__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .delivery-area__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 clamp(0rem, 8.1944444444vw, 11.8rem);
  }
}
.delivery-area__ttl {
  align-items: center;
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .delivery-area__ttl {
    margin: 0 0 clamp(0rem, 4.1666666667vw, 6rem);
    row-gap: clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.delivery-area__ttl1-jp {
  font-size: 3.5rem;
}
@media screen and (min-width: 769px) {
  .delivery-area__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.delivery-area__ttl1-en {
  margin: 0 0 1.2rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .delivery-area__ttl1-en {
    margin: 0 0 clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.delivery-area__ttl2-txt {
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .delivery-area__ttl2-txt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.delivery-area__map {
  height: auto;
  margin: 0 auto 2.4rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .delivery-area__map {
    margin: 0 auto clamp(0rem, 2.0833333333vw, 3rem);
    width: clamp(0rem, 66.25vw, 95.4rem);
  }
}
.delivery-area__lead {
  font-size: 1.3rem;
  line-height: 1.7;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .delivery-area__lead {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    letter-spacing: 0.07em;
    margin: 0 0 clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.delivery-area__txt {
  font-size: 1rem;
  letter-spacing: 0.07em;
  line-height: 1.7;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .delivery-area__txt {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    margin: 0 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.delivery-area__btn {
  background: var(--bck) !important;
  font-size: 1.4rem;
  margin: 0 auto;
  transition: background 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .delivery-area__btn {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    height: clamp(0rem, 5vw, 7.2rem);
    padding: 0 clamp(0rem, 4.1666666667vw, 6rem) 0 0;
    width: clamp(0rem, 31.6666666667vw, 45.6rem);
  }
}
.delivery-area__btn.js-touch-acv {
  background: var(--orange) !important;
}
@media screen and (min-width: 769px) {
  .delivery-area__btn .page__btn-ico {
    position: absolute;
    right: clamp(0rem, 1.6666666667vw, 2.4rem);
    top: calc(50% - clamp(0rem, 0.3125vw, 0.45rem));
    width: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.delivery-area__btn:after {
  background-color: var(--wte);
  content: "";
  display: block;
  height: 3.3rem;
  position: absolute;
  right: 4.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
}
@media screen and (min-width: 769px) {
  .delivery-area__btn:after {
    height: clamp(0rem, 2.9166666667vw, 4.2rem);
    position: absolute;
    right: clamp(0rem, 4.1666666667vw, 6rem);
    top: 50%;
  }
}

/*--------------------------------------------　elec-lead
---------------------------------------------*/
.elec-lead__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .elec-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.elec-lead__ttl {
  align-items: center;
  margin: 0;
  row-gap: 3.2rem;
}
@media screen and (min-width: 769px) {
  .elec-lead__ttl {
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
  }
}
.elec-lead__ttl-flex1-jp {
  text-align: center;
}
.elec-lead__ttl2-txt {
  font-size: 1.3rem;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .elec-lead__ttl2-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}

/*--------------------------------------------　hazard-lead
---------------------------------------------*/
.hazard-lead__inner {
  padding: 7.2rem 0;
}
@media screen and (min-width: 769px) {
  .hazard-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.hazard-lead__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .hazard-lead__txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}

/*--------------------------------------------　hazard-study
---------------------------------------------*/
.hazard-study__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .hazard-study__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.hazard-study__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .hazard-study__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.hazard-study__list {
  height: auto;
  row-gap: 1.6rem;
  width: 100%;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .hazard-study__list {
    -moz-column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    column-gap: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.hazard-study__item {
  height: auto;
  position: relative;
  width: calc(50% - 0.5rem);
}
@media screen and (min-width: 769px) {
  .hazard-study__item {
    width: calc(33.3333% - clamp(0rem, 4.1666666667vw, 6rem) / 3);
  }
}
@media screen and (min-width: 769px) {
  .hazard-study__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .hazard-study__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .hazard-study__item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.hazard-study__item-img {
  aspect-ratio: 788/480;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .hazard-study__item-img {
    margin: 0 0 clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.hazard-study__item-ttl {
  font-size: 1.3rem;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .hazard-study__item-ttl {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
  }
}

/*--------------------------------------------　home-fv
---------------------------------------------*/
.home-fv {
  height: 75rem;
}
@media screen and (min-width: 769px) {
  .home-fv {
    height: min(57.9861111111vw, 1113.3333333333px);
  }
}
.home-fv:before {
  background-image: url(../img/home/noise.png);
  background-repeat: repeat;
  background-size: 144rem 83.5rem;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home-fv__mask {
  bottom: 0;
  height: 48.2rem;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-fv__mask {
    height: min(44.2361111111vw, 849.3333333333px);
  }
}
.home-fv__mask-wave {
  height: 19rem;
  position: absolute;
  right: 0;
  top: -8rem;
  width: 37.5rem;
}
@media screen and (min-width: 769px) {
  .home-fv__mask-wave {
    aspect-ratio: 2880/760;
    height: auto;
    left: 0;
    position: absolute;
    right: auto;
    top: clamp(-4.3rem, -2.9861111111vw, 0rem);
    width: 100%;
  }
}
@media screen and (min-width: 1100px) {
  .home-fv__mask-wave {
    left: 0;
    position: absolute;
    right: auto;
    top: clamp(-4rem, -2.7777777778vw, 0rem);
  }
}
@media screen and (min-width: 1460px) {
  .home-fv__mask-wave {
    left: 0;
    position: absolute;
    right: auto;
    top: clamp(-4.3rem, -2.9861111111vw, 0rem);
  }
}
@media screen and (min-width: 1580px) {
  .home-fv__mask-wave {
    left: 0;
    position: absolute;
    right: auto;
    top: clamp(-4.6rem, -3.1944444444vw, 0rem);
  }
}
@media screen and (min-width: 1720px) {
  .home-fv__mask-wave {
    left: 0;
    position: absolute;
    right: auto;
    top: clamp(-5rem, -3.4722222222vw, 0rem);
  }
}
@media screen and (min-width: 1840px) {
  .home-fv__mask-wave {
    left: 0;
    position: absolute;
    right: auto;
    top: clamp(-5.3rem, -3.6805555556vw, 0rem);
  }
}
@media screen and (min-width: 1920px) {
  .home-fv__mask-wave {
    left: 0;
    position: absolute;
    right: auto;
    top: -5.5rem;
  }
}
.home-fv__slider {
  bottom: 0;
  height: 48.2rem;
  position: absolute;
  right: 0;
  width: 109rem;
  -webkit-mask-image: url("#homeFvMask-pc");
  mask-image: url("#homeFvMask-pc");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
}
@media screen and (min-width: 769px) {
  .home-fv__slider {
    aspect-ratio: 1440/637;
    bottom: 0;
    height: auto;
    position: absolute;
    right: 0;
    width: 100%;
  }
}
.home-fv__slider-splide, .home-fv__slider-splide-track {
  height: 100%;
  width: 100%;
}
.home-fv__slider-splide-item {
  margin: 0 0.6rem 0 0;
}
@media screen and (min-width: 769px) {
  .home-fv__slider-splide-item {
    margin: 0 min(0.4166666667vw, 8px) 0 0;
  }
}
.home-fv__slider-splide-item.--1 {
  height: 48.2rem;
  width: 33.1rem;
}
@media screen and (min-width: 769px) {
  .home-fv__slider-splide-item.--1 {
    height: clamp(0rem, 44.2361111111vw, 63.7rem);
    width: clamp(0rem, 30.3472222222vw, 43.7rem);
  }
}
.home-fv__slider-splide-item.--2 {
  height: 48.2rem;
  width: 25.2rem;
}
@media screen and (min-width: 769px) {
  .home-fv__slider-splide-item.--2 {
    height: clamp(0rem, 44.2361111111vw, 63.7rem);
    width: clamp(0rem, 23.125vw, 33.3rem);
  }
}
.home-fv__slider-splide-item.--3 {
  height: 48.2rem;
  width: 49.9rem;
}
@media screen and (min-width: 769px) {
  .home-fv__slider-splide-item.--3 {
    height: clamp(0rem, 44.2361111111vw, 63.7rem);
    width: clamp(0rem, 45.8333333333vw, 66rem);
  }
}
.home-fv__lead {
  left: 2rem;
  position: absolute;
  top: 12rem;
}
@media screen and (min-width: 769px) {
  .home-fv__lead {
    left: min(8.1944444444vw, 157.3333333333px);
    position: absolute;
    top: min(12.8472222222vw, 246.6666666667px);
  }
}
.home-fv__lead-jp {
  align-items: flex-start;
  margin: 0 0 1.6rem;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .home-fv__lead-jp {
    margin: 0 0 min(2.4305555556vw, 46.6666666667px);
    row-gap: min(1.7361111111vw, 33.3333333333px);
  }
}
.home-fv__lead-jp-box {
  display: inline-block;
  position: relative;
  width: auto;
}
.home-fv__lead-jp-bar {
  animation: shrink 0.8s var(--ease-base) forwards 2s;
  background: linear-gradient(to left, #D58D52, #B33306);
  border-radius: 9999px;
  bottom: 0;
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition: width 1s var(--ease-base) 1s;
  width: 0;
}
.js-page-new .home-fv__lead-jp-bar {
  animation: shrink 0.8s var(--ease-base) forwards 2.75s;
  transition: width 1s var(--ease-base) 1.75s;
}
.js-inview-acv .home-fv__lead-jp-bar {
  width: 100%;
}
.home-fv__lead-jp-txt {
  display: inline-block;
  font-size: 3.5rem;
  letter-spacing: -0.01em;
  transform: translateY(100%);
  transition: transform 1s var(--ease-base) 1s;
}
@media screen and (min-width: 769px) {
  .home-fv__lead-jp-txt {
    font-size: min(5vw, 96px);
  }
}
.--1 .home-fv__lead-jp-txt {
  transition-delay: 0.35s;
}
.--2 .home-fv__lead-jp-txt {
  transition-delay: 0.45s;
}
.js-page-new .--1 .home-fv__lead-jp-txt {
  transition-delay: 1.1s;
}
.js-page-new .--2 .home-fv__lead-jp-txt {
  transition-delay: 1.2s;
}
.js-inview-acv .home-fv__lead-jp-txt {
  transform: translateY(0);
}
.home-fv__lead-jp-txt.--adjustment1 {
  letter-spacing: -0.4em;
}
.home-fv__lead-jp-txt.--adjustment2 {
  letter-spacing: 0.07em;
}
.home-fv__lead-en {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  transition: clip-path 1s var(--ease-base) 1s, opacity 1s var(--ease-base) 1s;
}
.js-inview-acv .home-fv__lead-en {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}
.js-page-new .home-fv__lead-en {
  transition: clip-path 1s var(--ease-base) 1.75s, opacity 1s var(--ease-base) 1.75s;
}
.home-fv__lead-en-txt {
  font-size: 1.2rem;
  letter-spacing: 0.28em;
  padding: 0 0 0 clamp(0rem, 0.1388888889vw, 0.2rem);
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .home-fv__lead-en-txt {
    font-size: min(1.1111111111vw, 21.3333333333px);
  }
}
.home-fv__scroll {
  align-items: center;
  bottom: 0;
  position: absolute;
  right: 1.6rem;
  row-gap: 1.2rem;
  width: 0.8rem;
}
@media screen and (min-width: 769px) {
  .home-fv__scroll {
    bottom: 0;
    position: absolute;
    right: clamp(0rem, 1.25vw, 1.8rem);
    row-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    width: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.home-fv__scroll-img {
  height: 4.9rem;
  width: 0.8rem;
}
@media screen and (min-width: 769px) {
  .home-fv__scroll-img {
    height: clamp(0rem, 3.4027777778vw, 4.9rem);
    width: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.home-fv__scroll-bar {
  background-color: var(--wte);
  height: 8rem;
  position: relative;
  width: 0.1rem;
}
@media screen and (min-width: 769px) {
  .home-fv__scroll-bar {
    height: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.home-fv__scroll-bar:after {
  animation: elasticity 1.6s infinite var(--ease-base);
  background-color: var(--wte);
  content: "";
  display: block;
  height: 0.5rem;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 0.5rem;
}
@media screen and (min-width: 769px) {
  .home-fv__scroll-bar:after {
    height: 0.5rem;
    width: 0.5rem;
  }
}

/*--------------------------------------------　home-lead
---------------------------------------------*/
.home-lead {
  height: 118rem;
}
@media screen and (min-width: 769px) {
  .home-lead {
    height: clamp(0rem, 67.5vw, 97.2rem);
  }
}
.home-lead__inner {
  padding: 21rem 0 0;
}
@media screen and (min-width: 769px) {
  .home-lead__inner {
    padding: clamp(0rem, 12.5vw, 18rem) 0 0;
  }
}
.home-lead__line {
  height: 98.1rem;
  left: 0;
  position: absolute;
  top: -21rem;
  width: 37.5rem;
}
@media screen and (min-width: 769px) {
  .home-lead__line {
    height: clamp(0rem, 44.6527777778vw, 64.3rem);
    left: clamp(-3.8rem, -2.6388888889vw, 0rem);
    position: absolute;
    top: clamp(0rem, 5.4166666667vw, 7.8rem);
    width: clamp(0rem, 94.5833333333vw, 136.2rem);
  }
}
.home-lead__home1 {
  position: absolute;
  right: 1.6rem;
  top: 3.4rem;
  width: 8.7rem;
}
@media screen and (min-width: 769px) {
  .home-lead__home1 {
    position: absolute;
    right: clamp(0rem, 2.5vw, 3.6rem);
    top: clamp(0rem, 9.0277777778vw, 13rem);
    width: clamp(0rem, 10.1388888889vw, 14.6rem);
  }
}
.home-lead__home2 {
  left: 2rem;
  position: absolute;
  top: 63.3rem;
  width: 6.7rem;
}
@media screen and (min-width: 769px) {
  .home-lead__home2 {
    left: clamp(0rem, 6.8055555556vw, 9.8rem);
    position: absolute;
    top: clamp(0rem, 22.6388888889vw, 32.6rem);
    width: clamp(0rem, 7.4305555556vw, 10.7rem);
  }
}
.home-lead__home3 {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 6.7rem;
}
@media screen and (min-width: 769px) {
  .home-lead__home3 {
    bottom: clamp(0rem, 14.3055555556vw, 20.6rem);
    position: absolute;
    right: 0;
    width: clamp(0rem, 6.8055555556vw, 9.8rem);
  }
}
.home-lead__img1 {
  bottom: 22.7rem;
  height: 20.3rem;
  position: absolute;
  right: 0;
  width: 30.4rem;
}
@media screen and (min-width: 769px) {
  .home-lead__img1 {
    bottom: clamp(0rem, 8.3333333333vw, 12rem);
    height: clamp(0rem, 20.3472222222vw, 29.3rem);
    position: absolute;
    right: clamp(0rem, 2.6388888889vw, 3.8rem);
    width: clamp(0rem, 30.9027777778vw, 44.5rem);
  }
}
.home-lead__img2 {
  bottom: 0;
  height: 6.3rem;
  left: 0;
  position: absolute;
  width: 15.6rem;
}
@media screen and (min-width: 769px) {
  .home-lead__img2 {
    bottom: 0;
    height: clamp(0rem, 10.2777777778vw, 14.8rem);
    left: clamp(0rem, 10.2777777778vw, 14.8rem);
    position: absolute;
    width: clamp(0rem, 25.9027777778vw, 37.3rem);
  }
}
.home-lead__cnt {
  flex-direction: column;
  margin: 0 0 43rem;
  position: relative;
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .home-lead__cnt {
    flex-direction: row-reverse;
    justify-content: center;
    -moz-column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    margin: 0 0 clamp(0rem, 7.2916666667vw, 10.5rem);
  }
}
.home-lead__cnt-txts {
  align-items: center;
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .home-lead__cnt-txts {
    align-items: flex-start;
    flex-direction: row-reverse;
    -moz-column-gap: clamp(0rem, 2.4305555556vw, 3.5rem);
    column-gap: clamp(0rem, 2.4305555556vw, 3.5rem);
  }
}
.home-lead__cnt-txt {
  letter-spacing: 0.18em;
}
@media screen and (min-width: 769px) {
  .home-lead__cnt-txt {
    display: block;
    text-orientation: upright;
    writing-mode: vertical-rl;
  }
}
.home-lead__cnt-txt.page__md {
  display: block;
}
@media screen and (min-width: 769px) {
  .home-lead__cnt-txt.page__md {
    display: none;
  }
}
.home-lead__cnt-txt.page__dd {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-lead__cnt-txt.page__dd {
    display: block;
  }
}
.home-lead__cnt-txt {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .home-lead__cnt-txt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.home-lead__btn {
  margin: 0 auto;
  width: calc(100% - 4rem);
}
@media screen and (min-width: 769px) {
  .home-lead__btn {
    width: clamp(0rem, 18.0555555556vw, 26rem);
  }
}

/*--------------------------------------------　home-service
---------------------------------------------*/
.home-service__inner {
  padding: 7.2rem 2rem 13rem;
}
@media screen and (min-width: 769px) {
  .home-service__inner {
    padding: clamp(0rem, 8.4722222222vw, 12.2rem) clamp(0rem, 4.1666666667vw, 6rem) clamp(0rem, 8.3333333333vw, 12rem);
  }
}
@media screen and (min-width: 769px) {
  .home-service__ttl {
    align-items: flex-end;
    padding: 0 0 0 clamp(0rem, 1.25vw, 1.8rem);
  }
}
.home-service__box {
  position: relative;
}
.home-service__box:not(:last-child) {
  margin: 0 0 4rem;
}
@media screen and (min-width: 769px) {
  .home-service__box:not(:last-child) {
    margin: 0 0 clamp(0rem, 5.4861111111vw, 7.9rem);
  }
}
.home-service__line1 {
  aspect-ratio: 750/924;
  height: auto;
  position: absolute;
  right: -2rem;
  top: 60rem;
  width: 37.5rem;
}
@media screen and (min-width: 769px) {
  .home-service__line1 {
    height: clamp(0rem, 32.0833333333vw, 46.2rem);
    position: absolute;
    right: clamp(-10rem, -6.9444444444vw, 0rem);
    top: clamp(0rem, 21.5277777778vw, 31rem);
    width: clamp(0rem, 100vw, 144rem);
  }
}
.home-service__line2 {
  aspect-ratio: 750/1535;
  height: auto;
  position: absolute;
  right: -2rem;
  top: 134rem;
  width: calc(100% + 4rem);
}
@media screen and (min-width: 769px) {
  .home-service__line2 {
    height: clamp(0rem, 27.9166666667vw, 40.2rem);
    position: absolute;
    right: clamp(-10rem, -6.9444444444vw, 0rem);
    top: clamp(0rem, 2.2222222222vw, 3.2rem);
    width: clamp(0rem, 100vw, 144rem);
  }
}
.home-service__line3 {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__line3 {
    display: block;
    height: clamp(0rem, 53.2986111111vw, 76.75rem);
    left: clamp(-10rem, -6.9444444444vw, 0rem);
    position: absolute;
    top: clamp(0rem, 5.5555555556vw, 8rem);
    width: clamp(0rem, 100vw, 144rem);
  }
}
.home-service__line4 {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__line4 {
    display: block;
    height: clamp(0rem, 32.1180555556vw, 46.25rem);
    left: clamp(-10rem, -6.9444444444vw, 0rem);
    position: absolute;
    top: clamp(0rem, 43.3333333333vw, 62.4rem);
    width: clamp(0rem, 100vw, 144rem);
  }
}
.home-service__home1 {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__home1 {
    display: block;
    position: absolute;
    right: clamp(-8rem, -5.5555555556vw, 0rem);
    top: clamp(0rem, 21.875vw, 31.5rem);
    width: clamp(0rem, 6.25vw, 9rem);
  }
}
.home-service__home2 {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__home2 {
    display: block;
    left: clamp(-10.5rem, -7.2916666667vw, 0rem);
    position: absolute;
    top: clamp(0rem, 48.6111111111vw, 70rem);
    width: clamp(0rem, 4.6527777778vw, 6.7rem);
  }
}
.home-service__home3 {
  position: absolute;
  right: -1.6rem;
  top: -1.8rem;
  width: 6.2rem;
}
@media screen and (min-width: 769px) {
  .home-service__home3 {
    position: absolute;
    right: clamp(-5.2rem, -3.6111111111vw, 0rem);
    top: clamp(-1.5rem, -1.0416666667vw, 0rem);
    width: clamp(0rem, 6.8055555556vw, 9.8rem);
  }
}
.home-service__home4 {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__home4 {
    display: block;
    left: clamp(-10.5rem, -7.2916666667vw, 0rem);
    position: absolute;
    top: clamp(0rem, 26.3888888889vw, 38rem);
    width: clamp(0rem, 6.1111111111vw, 8.8rem);
  }
}
.home-service__home5 {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__home5 {
    display: block;
    position: absolute;
    right: clamp(-7rem, -4.8611111111vw, 0rem);
    top: clamp(0rem, 51.25vw, 73.8rem);
    width: clamp(0rem, 7.4305555556vw, 10.7rem);
  }
}
.home-service__home6 {
  bottom: -8rem;
  position: absolute;
  right: 0.8rem;
  top: auto;
  width: 6.9rem;
}
@media screen and (min-width: 769px) {
  .home-service__home6 {
    bottom: auto;
    position: absolute;
    right: clamp(-7rem, -4.8611111111vw, 0rem);
    top: clamp(0rem, 43.75vw, 63rem);
    width: clamp(0rem, 6.25vw, 9rem);
  }
}
.home-service__home7 {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__home7 {
    bottom: clamp(0rem, 2.7777777778vw, 4rem);
    display: block;
    left: clamp(-12.5rem, -8.6805555556vw, 0rem);
    position: absolute;
    width: clamp(0rem, 4.6527777778vw, 6.7rem);
  }
}
.home-service__sttl {
  align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.14em;
  margin: 0 0 2.4rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .home-service__sttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
    -moz-column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.home-service__sttl:before {
  background: linear-gradient(to left, #D58D52, #B33306);
  content: "";
  display: block;
  height: 0.3rem;
  width: 2.9rem;
}
@media screen and (min-width: 769px) {
  .home-service__sttl:before {
    height: clamp(0rem, 0.2083333333vw, 0.3rem);
    width: clamp(0rem, 2.0138888889vw, 2.9rem);
  }
}
.home-service__list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  border-radius: 5rem 0 5rem 0;
  column-gap: 0.5rem;
}
@media screen and (min-width: 769px) {
  .home-service__list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    border-radius: clamp(0rem, 3.4722222222vw, 5rem) 0 clamp(0rem, 3.4722222222vw, 5rem) 0;
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.home-service__item {
  position: relative;
  width: 100%;
}
.home-service__item:not(.home-service__item.--parent) {
  aspect-ratio: 335/200;
}
@media screen and (min-width: 769px) {
  .home-service__item:not(.home-service__item.--parent) {
    aspect-ratio: 1240/338;
  }
}
.home-service__item-link, .home-service__link {
  align-items: flex-end;
  height: 100%;
  width: 100%;
}
.home-service__item-list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media screen and (min-width: 769px) {
  .home-service__item-list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.home-service__item-list.--2, .home-service__item-list.--3 {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .home-service__item-list.--2, .home-service__item-list.--3 {
    flex-direction: row;
  }
}
.home-service__item-item {
  flex: 1;
  position: relative;
}
.--2 .home-service__item-item {
  aspect-ratio: 335/200;
}
@media screen and (min-width: 769px) {
  .--2 .home-service__item-item {
    aspect-ratio: 617/368;
  }
}
@media screen and (min-width: 769px) {
  .--2 .home-service__item-item:nth-child(1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .--2 .home-service__item-item:nth-child(2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
.--3 .home-service__item-item {
  aspect-ratio: 335/200;
}
@media screen and (min-width: 769px) {
  .--3 .home-service__item-item {
    aspect-ratio: 407/368;
  }
}
@media screen and (min-width: 769px) {
  .--3 .home-service__item-item:nth-child(1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .--3 .home-service__item-item:nth-child(2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .--3 .home-service__item-item:nth-child(3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.home-service__item-link {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .home-service__item-link {
    padding: 0 clamp(0rem, 1.7361111111vw, 2.5rem);
  }
}
.home-service__link {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .home-service__link {
    padding: 0;
  }
}
.home-service__item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  flex-direction: row !important;
  justify-content: center;
  padding: 1.6rem 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-service__item-cnt {
    border: none;
    flex-direction: column !important;
    height: 100%;
    padding: 0;
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
    width: clamp(0rem, 23.1944444444vw, 33.4rem);
  }
}
.home-service__item-cnt:after {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__item-cnt:after {
    background-color: var(--wte);
    content: "";
    display: block;
    height: calc(100% - clamp(0rem, 3.4722222222vw, 5rem));
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
  }
}
.home-service__item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .home-service__item-cnt-ttl {
    align-items: flex-end;
    flex: 0;
    flex-direction: row;
    margin: clamp(0rem, 1.1111111111vw, 1.6rem) 0 0;
  }
}
.home-service__item-cnt-ttl.--v {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .home-service__item-cnt-ttl.--v {
    align-items: center;
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.home-service__item-item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1.6rem 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-service__item-item-cnt {
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) 0;
  }
}
.--3 .home-service__item-item-cnt {
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .--3 .home-service__item-item-cnt {
    flex-direction: column;
    row-gap: clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.home-service__item-item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .home-service__item-item-cnt-ttl {
    align-items: flex-end;
    flex-direction: row;
  }
}
.home-service__item-item-cnt-ttl-txt, .home-service__item-cnt-ttl-txt {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .home-service__item-item-cnt-ttl-txt, .home-service__item-cnt-ttl-txt {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
@media screen and (min-width: 769px) {
  .--v .home-service__item-item-cnt-ttl-txt, .--v .home-service__item-cnt-ttl-txt {
    text-align: center;
  }
}
.home-service__item-cnt-ttl-stxt, .home-service__item-item-cnt-ttl-stxt {
  font-size: 1rem;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .home-service__item-cnt-ttl-stxt, .home-service__item-item-cnt-ttl-stxt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    top: clamp(-0.4rem, -0.2777777778vw, 0rem);
  }
}
.home-service__item-item-cnt-btn, .home-service__item-cnt-btn {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__item-item-cnt-btn, .home-service__item-cnt-btn {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    height: clamp(0rem, 2.2916666667vw, 3.3rem);
    width: clamp(0rem, 6.7361111111vw, 9.7rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    align-items: center;
    border: 0.1rem solid var(--wte);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    display: flex;
    justify-content: center;
    transition: background-color 0.3s var(--ease-hover);
  }
}
.home-service__item-item-cnt-btn:before, .home-service__item-cnt-btn:before {
  display: none;
}
@media screen and (min-width: 769px) {
  .home-service__item-item-cnt-btn:before, .home-service__item-cnt-btn:before {
    background-color: var(--wte);
    border-radius: 50%;
    content: "";
    display: block;
    height: clamp(0rem, 0.2777777778vw, 0.4rem);
    width: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.js-touch-acv .home-service__item-item-cnt-btn, .js-touch-acv .home-service__item-cnt-btn {
  background-color: rgba(213, 141, 82, 0.25);
}
.home-service__item-item-cnt-ico, .home-service__item-cnt-ico {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 3.2rem;
  justify-content: center;
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .home-service__item-item-cnt-ico, .home-service__item-cnt-ico {
    display: none;
  }
}
.home-service__item-img, .home-service__item-item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home-service__item-img img, .home-service__item-item-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .home-service__item-img img, .js-touch-acv .home-service__item-item-img img {
  transform: scale(1.1);
}

/*--------------------------------------------　home-recruit
---------------------------------------------*/
.home-recruit__inner {
  padding: 7.2rem 2rem 9.5rem;
}
@media screen and (min-width: 769px) {
  .home-recruit__inner {
    padding: clamp(0rem, 8.4722222222vw, 12.2rem) 0 clamp(0rem, 3.6111111111vw, 5.2rem);
  }
}
.home-recruit__line {
  height: 26.5rem;
  left: 0;
  position: absolute;
  top: 28.5rem;
  width: 37.5rem;
}
@media screen and (min-width: 769px) {
  .home-recruit__line {
    height: clamp(0rem, 26.9444444444vw, 38.8rem);
    left: clamp(-12rem, -8.3333333333vw, 0rem);
    position: absolute;
    top: clamp(0rem, 9.375vw, 13.5rem);
    width: clamp(0rem, 100vw, 144rem);
  }
}
.home-recruit__home {
  left: 1.2rem;
  position: absolute;
  top: 35rem;
  width: 9.9rem;
}
@media screen and (min-width: 769px) {
  .home-recruit__home {
    left: clamp(0rem, 13.1944444444vw, 19rem);
    position: absolute;
    top: clamp(0rem, 19.4444444444vw, 28rem);
    width: clamp(0rem, 10.1388888889vw, 14.6rem);
  }
}
@media screen and (min-width: 769px) {
  .home-recruit__ttl2 {
    padding: 0 clamp(0rem, 0.3472222222vw, 0.5rem) 0 0;
  }
}
.home-recruit__ttl2-flex2-txt {
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 769px) {
  .home-recruit__ttl2-flex2-txt {
    margin: clamp(0rem, 2.4305555556vw, 3.5rem) 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.home-recruit__slider {
  height: 37.6rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-recruit__slider {
    height: clamp(0rem, 34.8611111111vw, 50.2rem);
  }
}
.home-recruit__slider-splide, .home-recruit__slider-splide-track, .home-recruit__slider-splide-list {
  height: 100%;
  width: 100%;
}
.home-recruit__slider-splide-item {
  aspect-ratio: 3420/1004;
  height: auto;
  margin: 0 1px;
  width: 128.1rem;
}
@media screen and (min-width: 769px) {
  .home-recruit__slider-splide-item {
    margin: 0 clamp(0rem, 0.0694444444vw, 0.1rem) 0 0;
    width: clamp(0rem, 118.75vw, 171rem);
  }
}

/*--------------------------------------------　home-news
---------------------------------------------*/
.home-news__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .home-news__inner {
    padding: clamp(0rem, 8.4722222222vw, 12.2rem) clamp(0rem, 2.7777777778vw, 4rem) clamp(0rem, 8.3333333333vw, 12rem) clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.home-news__flex {
  flex-direction: column;
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .home-news__flex {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .home-news__flex1 {
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .home-news__flex2 {
    width: clamp(0rem, 56.4583333333vw, 81.3rem);
  }
}
.home-news__flex2-list {
  border-top: 1px solid var(--bck);
  margin: 0 0 5.6rem;
}
@media screen and (min-width: 769px) {
  .home-news__flex2-list {
    margin: 0;
    min-height: 20rem;
  }
}
.home-news__flex2-link {
  padding: 2.4rem 0;
  position: relative;
  row-gap: 1.6rem;
  transition: background-size 0.5s var(--ease-hover), color 0.5s var(--ease-hover), background-color 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .home-news__flex2-link {
    padding: clamp(0rem, 2.2916666667vw, 3.3rem) clamp(0rem, 1.1111111111vw, 1.6rem);
    row-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.home-news__flex2-link.js-touch-acv {
  background-color: rgba(213, 141, 82, 0.05);
}
.home-news__flex2-link:after {
  background-color: var(--bck);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.home-news__flex2-link-date-cat {
  align-items: center;
  letter-spacing: 0em;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .home-news__flex2-link-date-cat {
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.home-news__flex2-link-date {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .home-news__flex2-link-date {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
  }
}
.home-news__flex2-link-cat {
  align-items: center;
  background-color: #DDD9CA;
  border-radius: 0.4rem;
  font-size: 1.1rem;
  height: 2.3rem;
  justify-content: center;
  padding: 0 0.3rem;
}
@media screen and (min-width: 769px) {
  .home-news__flex2-link-cat {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.7638888889vw, 1.1rem);
    height: clamp(0rem, 1.5972222222vw, 2.3rem);
    padding: 0 clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.home-news__flex2-link-txt {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .home-news__flex2-link-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
@media screen and (min-width: 769px) {
  .home-news__flex2-btn {
    margin: clamp(-5.9rem, -4.0972222222vw, 0rem) 0 0 clamp(-42.7rem, -29.6527777778vw, 0rem);
  }
}

/*--------------------------------------------　contact
---------------------------------------------*/
.home-contact {
  height: 58.8rem;
}
@media screen and (min-width: 769px) {
  .home-contact {
    height: clamp(0rem, 25.9027777778vw, 37.3rem);
  }
}
.home-contact__bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home-contact__inner {
  padding: 6.4rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .home-contact__inner {
    padding: clamp(0rem, 6.9444444444vw, 10rem) clamp(0rem, 4.1666666667vw, 6rem);
  }
}
.home-contact__flex {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .home-contact__flex {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .home-contact__flex1 {
    flex: 1;
  }
}
.home-contact__flex1-ttl {
  margin: 0 0 3.6rem;
}
@media screen and (min-width: 769px) {
  .home-contact__flex1-ttl {
    margin: 0 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.home-contact__flex1-ttl-en, .home-contact__flex1-ttl-jp {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .home-contact__flex1-ttl-en, .home-contact__flex1-ttl-jp {
    text-align: left;
  }
}
.home-contact__flex1-txt {
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .home-contact__flex1-txt {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
    text-align: left;
  }
}
@media screen and (min-width: 769px) {
  .home-contact__flex2 {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.home-contact__flex2-list {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .home-contact__flex2-list {
    flex-direction: row;
  }
}
.home-contact__flex2-item:nth-child(1) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 769px) {
  .home-contact__flex2-item:nth-child(1) {
    border: none;
  }
}
.home-contact__flex2-link {
  align-items: center;
  justify-content: center;
  padding: 4rem 0;
  row-gap: 2.4rem;
  transition: 0.3s background-color var(--ease-hover);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .home-contact__flex2-link {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    height: clamp(0rem, 11.9444444444vw, 17.2rem);
    padding: 0;
    row-gap: 0;
    width: clamp(0rem, 24.6527777778vw, 35.5rem);
  }
}
.home-contact__flex2-link.js-touch-acv {
  background-color: rgba(213, 141, 82, 0.25);
}
.home-contact__flex2-link-ttl {
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .home-contact__flex2-link-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.home-contact__flex2-link-time {
  font-size: 1.3rem;
  margin: -1rem 0 0;
}
@media screen and (min-width: 769px) {
  .home-contact__flex2-link-time {
    font-size: clamp(0rem, 0.6944444444vw, 1rem);
    margin: clamp(0rem, 0.5555555556vw, 0.8rem) 0 0;
  }
}
.home-contact__flex2-link-ico {
  aspect-ratio: 1/1;
  height: auto;
  position: relative;
  width: 1.4rem;
}
@media screen and (min-width: 769px) {
  .home-contact__flex2-link-ico {
    bottom: clamp(-2.4rem, -1.6666666667vw, 0rem);
    width: clamp(0rem, 0.9722222222vw, 1.4rem);
  }
}
.js-touch-acv .home-contact__flex2-link-ico {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: bounceAlphaArrowUp;
  animation-timing-function: var(--ease-hover);
}

.hydro-sliders__slide1-splide-slide {
  aspect-ratio: 3436/1004;
  margin: 0 0.4rem 0 0;
  width: 85.9rem;
}
@media screen and (min-width: 769px) {
  .hydro-sliders__slide1-splide-slide {
    margin: 0 clamp(0rem, 0.2777777778vw, 0.4rem) 0 0;
    width: clamp(0rem, 119.3055555556vw, 171.8rem);
  }
}

/*--------------------------------------------　indus-lead
---------------------------------------------*/
.indus-lead__inner {
  padding: 7.2rem 0;
}
@media screen and (min-width: 769px) {
  .indus-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.indus-lead__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .indus-lead__txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}

/*--------------------------------------------　indus-product
---------------------------------------------*/
.indus-product__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .indus-product__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.indus-product__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .indus-product__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.indus-product__list {
  row-gap: 0.6rem;
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .indus-product__list {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.indus-product__item {
  aspect-ratio: 304/275;
  position: relative;
  width: calc(50% - 0.3rem);
}
@media screen and (min-width: 769px) {
  .indus-product__item {
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .indus-product__item:nth-child(4n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .indus-product__item:nth-child(4n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .indus-product__item:nth-child(4n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .indus-product__item:nth-child(4n+4) {
    transition: opacity 1.75s var(--ease-base), transform 1.75s var(--ease-base);
  }
}
.indus-product__item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.indus-product__item-ttl {
  align-items: flex-end;
  font-size: 1.8rem;
  height: 100%;
  justify-content: center;
  padding: 0 0 2rem;
  row-gap: 2.4rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .indus-product__item-ttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    padding: 0 0 clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.indus-product__item-ttl-jp {
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .indus-product__item-ttl-jp {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}

/*--------------------------------------------　info-archive
---------------------------------------------*/
.info-archive__inner {
  padding: 14.4rem 2rem 7.2rem;
}
@media screen and (min-width: 769px) {
  .info-archive__inner {
    padding: clamp(0rem, 16.6666666667vw, 24rem) 0 clamp(0rem, 8.3333333333vw, 12rem);
  }
}
.info-archive__ttl {
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .info-archive__ttl {
    margin: 0 0 clamp(0rem, 3.3333333333vw, 4.8rem);
  }
}
.info-archive__list {
  border-top: 1px solid var(--bck);
  margin: 0 0 5.6rem;
}
@media screen and (min-width: 769px) {
  .info-archive__list {
    margin: 0 0 clamp(0rem, 4.4444444444vw, 6.4rem);
  }
}
.info-archive__link {
  padding: 2.4rem 0;
  position: relative;
  row-gap: 1.6rem;
  transition: background-size 0.5s var(--ease-hover), color 0.5s var(--ease-hover), background-color 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .info-archive__link {
    padding: clamp(0rem, 2.2916666667vw, 3.3rem) clamp(0rem, 1.1111111111vw, 1.6rem);
    row-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.info-archive__link.js-touch-acv {
  background-color: rgba(213, 141, 82, 0.05);
}
.info-archive__link:after {
  background-color: var(--bck);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.info-archive__link-date-cat {
  align-items: center;
  letter-spacing: 0em;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .info-archive__link-date-cat {
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.info-archive__link-date {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .info-archive__link-date {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
  }
}
.info-archive__link-cat {
  align-items: center;
  background-color: #DDD9CA;
  border-radius: 0.4rem;
  font-size: 1.1rem;
  height: 2.3rem;
  justify-content: center;
  padding: 0 0.3rem;
}
@media screen and (min-width: 769px) {
  .info-archive__link-cat {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.7638888889vw, 1.1rem);
    height: clamp(0rem, 1.5972222222vw, 2.3rem);
    padding: 0 clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.info-archive__link-txt {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .info-archive__link-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}

/*--------------------------------------------　info-post
---------------------------------------------*/
.info-post__inner {
  padding: 14.4rem 2rem 7.2rem;
}
@media screen and (min-width: 769px) {
  .info-post__inner {
    padding: clamp(0rem, 16.6666666667vw, 24rem) 0 clamp(0rem, 8.3333333333vw, 12rem);
  }
}
.info-post__top-date-cat {
  align-items: center;
  letter-spacing: 0em;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  margin: 0 0 1.2rem;
}
@media screen and (min-width: 769px) {
  .info-post__top-date-cat {
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.info-post__top-date {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .info-post__top-date {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
  }
}
.info-post__top-cat {
  align-items: center;
  background-color: #DDD9CA;
  border-radius: 0.4rem;
  font-size: 1.1rem;
  height: 2.3rem;
  justify-content: center;
  padding: 0 0.3rem;
}
@media screen and (min-width: 769px) {
  .info-post__top-cat {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.7638888889vw, 1.1rem);
    height: clamp(0rem, 1.5972222222vw, 2.3rem);
    padding: 0 clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.info-post__top-ttl {
  border-bottom: 1px solid var(--bdr);
  font-size: 2rem;
  line-height: 1.7;
  margin: 0 0 2.4rem;
  padding: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .info-post__top-ttl {
    font-size: clamp(0rem, 1.9444444444vw, 2.8rem);
    margin: 0 0 clamp(0rem, 2.0833333333vw, 3rem);
    padding: 0 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.info-post__mdl-cnt-txt h2,
.info-post__mdl-cnt-txt h3,
.info-post__mdl-cnt-txt h4,
.info-post__mdl-cnt-txt p {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* 文字をシャープに */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-txt h2,
  .info-post__mdl-cnt-txt h3,
  .info-post__mdl-cnt-txt h4,
  .info-post__mdl-cnt-txt p {
    margin: 0 0 clamp(0rem, 4.4444444444vw, 6.4rem);
  }
}
.info-post__mdl-cnt-txt h2 {
  font-size: 1.9rem;
  font-weight: var(--bold);
  line-height: 1.5;
  position: relative;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-txt h2 {
    font-size: clamp(0rem, 1.9444444444vw, 2.8rem);
  }
}
.info-post__mdl-cnt-txt h2:before {
  background: var(--theme);
  border-radius: 9999px;
  content: "";
  display: block;
  height: 0.1rem;
  left: 0;
  position: absolute;
  top: -1rem;
  width: 3rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-txt h2:before {
    height: clamp(0rem, 0.0694444444vw, 0.1rem);
    left: 0;
    position: absolute;
    top: clamp(-1.6rem, -1.1111111111vw, 0rem);
    width: clamp(0rem, 3.1944444444vw, 4.6rem);
  }
}
.info-post__mdl-cnt-txt h3 {
  font-size: 1.7rem;
  font-weight: var(--bold);
  line-height: 1.7;
  padding: 0 0 0 1.6rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-txt h3 {
    font-size: clamp(0rem, 1.6666666667vw, 2.4rem);
    padding: 0 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.info-post__mdl-cnt-txt h3:before {
  background: var(--theme);
  border-radius: 9999px;
  content: "";
  display: block;
  height: 0.8rem;
  left: 0;
  position: absolute;
  top: 0.85rem;
  width: 0.8rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-txt h3:before {
    height: clamp(0rem, 0.8333333333vw, 1.2rem);
    left: 0;
    position: absolute;
    top: clamp(0rem, 1.1111111111vw, 1.6rem);
    width: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.info-post__mdl-cnt-txt h4 {
  color: var(--theme);
  font-size: 1.5rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-txt h4 {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.info-post__mdl-cnt-txt p {
  font-size: 1.4rem;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-txt p {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.info-post__mdl-cnt-itms {
  margin: 0 0 4rem;
  row-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itms {
    margin: 0 0 clamp(0rem, 5.5555555556vw, 8rem);
    row-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.info-post__mdl-cnt-itm {
  background-color: var(--bgD);
  border-radius: 1.5rem;
  padding: 1.6rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itm {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.info-post__mdl-cnt-itm-ttl {
  font-size: 1.8rem;
  margin: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itm-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.info-post__mdl-cnt-itm-dls {
  flex-wrap: wrap;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itm-dls {
    row-gap: clamp(0rem, 1.6666666667vw, 2.4rem);
    -moz-column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.info-post__mdl-cnt-itm-dl {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itm-dl {
    width: calc(50% - clamp(0rem, 1.1111111111vw, 1.6rem) / 2);
  }
}
.info-post__mdl-cnt-itm-dt {
  font-size: 1.3rem;
  margin: 0 0.4rem 0 0;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itm-dt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 clamp(0rem, 0.2777777778vw, 0.4rem) 0 0;
  }
}
.info-post__mdl-cnt-itm-dt:after {
  content: "/";
  display: inline-block;
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itm-dt:after {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.info-post__mdl-cnt-itm-dd {
  flex: 1;
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .info-post__mdl-cnt-itm-dd {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.info-post__mdl-cnt-itm-dd p,
.info-post__mdl-cnt-itm-dd a {
  color: var(--bck);
}
.info-post__mdl-cnt-itm-dd a {
  border-bottom: 1px solid var(--bdr);
  display: inline-block;
  transition: 0.3s color var(--ease-hover);
}
.info-post__mdl-cnt-itm-dd a:hover {
  color: var(--theme);
}
.info-post__btm-btn {
  margin: 0 auto;
}

/*--------------------------------------------　inspection-point
---------------------------------------------*/
.inspection-point__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .inspection-point__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.inspection-point__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .inspection-point__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.inspection-point__list {
  flex-direction: column;
  row-gap: 5rem;
}
@media screen and (min-width: 769px) {
  .inspection-point__list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    column-gap: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.inspection-point__item {
  position: relative;
}
@media screen and (min-width: 769px) {
  .inspection-point__item {
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .inspection-point__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .inspection-point__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .inspection-point__item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.inspection-point__item:after {
  align-items: center;
  background: linear-gradient(to right bottom, #D58D52, #B33306);
  border-radius: 50%;
  color: var(--wte);
  content: "";
  display: flex;
  font-family: var(--font-en);
  font-size: 2rem;
  font-weight: var(--bold);
  height: 5.2rem;
  justify-content: center;
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: 5.2rem;
}
@media screen and (min-width: 769px) {
  .inspection-point__item:after {
    font-family: clamp(0rem, 1.3888888889vw, 2rem);
    height: clamp(0rem, 3.6111111111vw, 5.2rem);
    left: clamp(0rem, 0.8333333333vw, 1.2rem);
    position: absolute;
    top: clamp(0rem, 0.8333333333vw, 1.2rem);
    width: clamp(0rem, 3.6111111111vw, 5.2rem);
  }
}
.inspection-point__item:nth-child(1):after {
  content: "01";
}
.inspection-point__item:nth-child(2):after {
  content: "02";
}
.inspection-point__item:nth-child(3):after {
  content: "03";
}
.inspection-point__item-img {
  aspect-ratio: 788/528;
  height: auto;
  margin: 0 0 2.2rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .inspection-point__item-img {
    margin: 0 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.inspection-point__item-ttl {
  font-size: 2rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-point__item-ttl {
    font-size: clamp(0rem, 1.7361111111vw, 2.5rem);
  }
}

/*--------------------------------------------　inspection-price
---------------------------------------------*/
.inspection-price__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .inspection-price__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.inspection-price__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.inspection-price__table-outter {
  padding: 0 0 4rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table-outter {
    padding: 0;
  }
}
.inspection-price__table-outter .simplebar-scrollbar:before {
  background-color: gray;
}
.inspection-price__table {
  padding: 2rem;
  width: 124rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table {
    padding: clamp(0rem, 1.3888888889vw, 2rem);
    width: clamp(0rem, 86.1111111111vw, 124rem);
  }
}
.inspection-price__table1-cell {
  align-items: center;
  background-color: #b33306;
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: var(--bold);
  height: 10.4rem;
  justify-content: center;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table1-cell {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    height: clamp(0rem, 7.2222222222vw, 10.4rem);
    row-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.inspection-price__table1-cell.--1 {
  background-color: #FFD6C7;
  border-right: 1px solid #D6D6D6;
  font-size: 1.7rem;
  width: 17.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table1-cell.--1 {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    width: clamp(0rem, 12.2916666667vw, 17.7rem);
  }
}
.inspection-price__table1-cell.--2, .inspection-price__table1-cell.--3, .inspection-price__table1-cell.--4, .inspection-price__table1-cell.--5 {
  border-right: 1px solid var(--wte);
  flex: 1;
}
.inspection-price__table1-cell.--6 {
  flex: 1;
}
.inspection-price__table1-cell-small {
  display: block;
  font-size: 1.3rem;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-price__table1-cell-small {
    font-size: clamp(0rem, 0.9027777778vw, 1.3rem);
  }
}
.inspection-price__table2-cell {
  align-items: center;
  border-bottom: 1px solid #D6D6D6;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  font-weight: var(--bold);
  height: 7rem;
  justify-content: center;
  row-gap: 0.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-price__table2-cell {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
    height: clamp(0rem, 4.8611111111vw, 7rem);
    row-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.inspection-price__table2-cell.--1 {
  border-right: 1px solid #D6D6D6;
  font-size: 1.7rem;
  width: 17.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table2-cell.--1 {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    width: clamp(0rem, 12.2916666667vw, 17.7rem);
  }
}
.inspection-price__table2-cell.--2, .inspection-price__table2-cell.--3, .inspection-price__table2-cell.--4, .inspection-price__table2-cell.--5 {
  border-right: 1px solid #D6D6D6;
  flex: 1;
}
.inspection-price__table2-cell.--6 {
  flex: 1;
}
.inspection-price__table3-cell {
  align-items: center;
  border-bottom: 1px solid #D6D6D6;
  display: flex;
  font-size: 1.5rem;
  font-weight: var(--bold);
  height: 7rem;
  justify-content: center;
  row-gap: 0.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-price__table3-cell {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
    height: clamp(0rem, 4.8611111111vw, 7rem);
    row-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.inspection-price__table3-cell.--1 {
  border-right: 1px solid #D6D6D6;
  font-size: 1.7rem;
  width: 17.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table3-cell.--1 {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    width: clamp(0rem, 12.2916666667vw, 17.7rem);
  }
}
.inspection-price__table3-cell.--2 {
  flex: 1;
  -moz-column-gap: 1.3rem;
  column-gap: 1.3rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table3-cell.--2 {
    -moz-column-gap: clamp(0rem, 0.9027777778vw, 1.3rem);
    column-gap: clamp(0rem, 0.9027777778vw, 1.3rem);
  }
}
.inspection-price__table3-cell-txt1 {
  color: #b33306;
  font-size: 2rem;
  margin: 0 0 -0.8rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table3-cell-txt1 {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(-0.8rem, -0.5555555556vw, 0rem);
  }
}
.inspection-price__table3-cell-txt2 {
  color: #b33306;
  font-size: 3.6rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table3-cell-txt2 {
    font-size: clamp(0rem, 2.5vw, 3.6rem);
  }
}
.inspection-price__table3-cell-txt3 {
  font-size: 1.4rem;
  margin: 0 0 -0.8rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table3-cell-txt3 {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
    margin: 0 0 clamp(-0.8rem, -0.5555555556vw, 0rem);
  }
}
.inspection-price__table4-cell1 {
  border-right: 1px solid #D6D6D6;
  font-size: 1.7rem;
  width: 17.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table4-cell1 {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    width: clamp(0rem, 12.2916666667vw, 17.7rem);
  }
}
.inspection-price__table4-cell1-1 {
  border-bottom: 1px solid #D6D6D6;
  border-right: 1px solid #D6D6D6;
  font-weight: var(--bold);
  row-gap: 0.6rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table4-cell1-1 {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.inspection-price__table4-cell1-1 {
  align-items: center;
  height: 100%;
  justify-content: center;
  width: 5.5rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table4-cell1-1 {
    width: clamp(0rem, 3.8194444444vw, 5.5rem);
  }
}
.inspection-price__table4-cell1-1-txt {
  font-size: 1.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table4-cell1-1-txt {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
  }
}
.inspection-price__table4-cell1-2 {
  flex: 1;
}
.inspection-price__table4-cell1-2-txt {
  align-items: center;
  border-bottom: 1px solid #D6D6D6;
  display: flex;
  font-size: 1.7rem;
  font-weight: var(--bold);
  height: 7rem;
  justify-content: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .inspection-price__table4-cell1-2-txt {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    height: clamp(0rem, 4.8611111111vw, 7rem);
  }
}
.inspection-price__table4-cell2 {
  flex: 1;
}
.inspection-price__table4-cell2-row {
  width: 100%;
}
.inspection-price__table4-cell2-txt {
  align-items: center;
  border-bottom: 1px solid #D6D6D6;
  display: flex;
  flex: 1;
  font-size: 2.8rem;
  font-weight: var(--bold);
  height: 7rem;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .inspection-price__table4-cell2-txt {
    font-size: clamp(0rem, 1.9444444444vw, 2.8rem);
    height: clamp(0rem, 4.8611111111vw, 7rem);
  }
}
.inspection-price__table4-cell2-txt.--bdr {
  border-right: 1px solid #D6D6D6;
}
.inspection-price__table5-cell {
  align-items: center;
  background-color: #F8F8D8;
  border-bottom: 1px solid #D6D6D6;
  display: flex;
  flex-direction: column;
  font-size: 2.8rem;
  font-weight: var(--bold);
  height: 7rem;
  justify-content: center;
  row-gap: 0.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-price__table5-cell {
    font-size: clamp(0rem, 1.9444444444vw, 2.8rem);
    height: clamp(0rem, 4.8611111111vw, 7rem);
    row-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.inspection-price__table5-cell.--1 {
  border-right: 1px solid #D6D6D6;
  font-size: 1.7rem;
  width: 17.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table5-cell.--1 {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    width: clamp(0rem, 12.2916666667vw, 17.7rem);
  }
}
.inspection-price__table5-cell.--2, .inspection-price__table5-cell.--3, .inspection-price__table5-cell.--4, .inspection-price__table5-cell.--5 {
  border-right: 1px solid #D6D6D6;
  flex: 1;
}
.inspection-price__table5-cell.--6 {
  flex: 1;
}
.inspection-price__table6-cell {
  align-items: center;
  background-color: #FFFF79;
  color: #B33306;
  display: flex;
  flex-direction: column;
  font-size: 3.6rem;
  font-weight: var(--bold);
  height: 11.8rem;
  justify-content: center;
  row-gap: 0.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-price__table6-cell {
    font-size: clamp(0rem, 2.5vw, 3.6rem);
    height: clamp(0rem, 8.1944444444vw, 11.8rem);
    row-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.inspection-price__table6-cell.--1 {
  border-right: 1px solid #D6D6D6;
  font-size: 1.7rem;
  width: 17.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table6-cell.--1 {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    width: clamp(0rem, 12.2916666667vw, 17.7rem);
  }
}
.inspection-price__table6-cell.--2, .inspection-price__table6-cell.--3, .inspection-price__table6-cell.--4, .inspection-price__table6-cell.--5 {
  border-right: 1px solid #D6D6D6;
  flex: 1;
}
.inspection-price__table6-cell.--6 {
  flex: 1;
}
.inspection-price__table6-cell-small {
  font-size: 1.7rem;
}
@media screen and (min-width: 769px) {
  .inspection-price__table6-cell-small {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
  }
}

/*--------------------------------------------　inspection-flow
---------------------------------------------*/
.inspection-flow__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .inspection-flow__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.inspection-flow__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .inspection-flow__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.inspection-flow__list {
  -moz-column-gap: 2.4rem;
  column-gap: 2.4rem;
  flex-wrap: wrap;
  margin: 0 0 5.4rem;
  padding: 0 1.5rem;
  row-gap: 3.2rem;
}
@media screen and (min-width: 769px) {
  .inspection-flow__list {
    -moz-column-gap: clamp(0rem, 3.4722222222vw, 5rem);
    column-gap: clamp(0rem, 3.4722222222vw, 5rem);
    margin: 0 0 clamp(0rem, 6.9444444444vw, 10rem);
    padding: 0;
  }
}
.inspection-flow__item {
  position: relative;
  width: calc(50% - 1.2rem);
}
@media screen and (min-width: 769px) {
  .inspection-flow__item {
    flex: 1;
  }
}
.inspection-flow__item:after {
  align-items: center;
  background: linear-gradient(to right bottom, #D58D52, #B33306);
  border-radius: 50%;
  color: var(--wte);
  content: "";
  display: flex;
  font-family: var(--font-en);
  font-size: 1.3rem;
  font-weight: var(--bold);
  height: 2.9rem;
  justify-content: center;
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: 2.9rem;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:after {
    font-family: clamp(0rem, 1.1111111111vw, 1.6rem);
    height: clamp(0rem, 2.9166666667vw, 4.2rem);
    left: clamp(0rem, 0.8333333333vw, 1.2rem);
    position: absolute;
    top: clamp(0rem, 0.8333333333vw, 1.2rem);
    width: clamp(0rem, 2.9166666667vw, 4.2rem);
  }
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(3n+4) {
    transition: opacity 1.75s var(--ease-base), transform 1.75s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(3n+5) {
    transition: opacity 2s var(--ease-base), transform 2s var(--ease-base);
  }
}
.inspection-flow__item:nth-child(1):after {
  content: "01";
}
.inspection-flow__item:nth-child(1) .inspection-flow__item-img-ico {
  aspect-ratio: 63/73;
  height: auto;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(1) .inspection-flow__item-img-ico {
    width: clamp(0rem, 4.375vw, 6.3rem);
  }
}
.inspection-flow__item:nth-child(2):after {
  content: "02";
}
.inspection-flow__item:nth-child(2) .inspection-flow__item-img-ico {
  aspect-ratio: 73/73;
  height: auto;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(2) .inspection-flow__item-img-ico {
    width: clamp(0rem, 5.0694444444vw, 7.3rem);
  }
}
.inspection-flow__item:nth-child(3):after {
  content: "03";
}
.inspection-flow__item:nth-child(3) .inspection-flow__item-img-ico {
  aspect-ratio: 63/73;
  height: auto;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(3) .inspection-flow__item-img-ico {
    width: clamp(0rem, 4.375vw, 6.3rem);
  }
}
.inspection-flow__item:nth-child(4):after {
  content: "04";
}
.inspection-flow__item:nth-child(4) .inspection-flow__item-img-ico {
  aspect-ratio: 72/73;
  height: auto;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(4) .inspection-flow__item-img-ico {
    width: clamp(0rem, 5vw, 7.2rem);
  }
}
.inspection-flow__item:nth-child(5):after {
  content: "05";
}
.inspection-flow__item:nth-child(5) .inspection-flow__item-img-ico {
  aspect-ratio: 73/57;
  height: auto;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item:nth-child(5) .inspection-flow__item-img-ico {
    width: clamp(0rem, 5.0694444444vw, 7.3rem);
  }
}
.inspection-flow__item-img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin: 0 0 1rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item-img {
    margin: 0 0 clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.inspection-flow__item-img-ico {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.inspection-flow__item-ttl {
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .inspection-flow__item-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.inspection-flow__lead {
  font-size: 1.3rem;
  line-height: 1.7;
  margin: 0 0 2.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-flow__lead {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    letter-spacing: 0.07em;
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.inspection-flow__btn {
  background: var(--bck) !important;
  font-size: 1.4rem;
  margin: 0 auto 1.6rem;
  transition: background 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .inspection-flow__btn {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    height: clamp(0rem, 5vw, 7.2rem);
    margin: 0 auto clamp(0rem, 0.8333333333vw, 1.2rem);
    padding: 0 clamp(0rem, 4.1666666667vw, 6rem) 0 0;
    width: clamp(0rem, 31.6666666667vw, 45.6rem);
  }
}
.inspection-flow__btn.js-touch-acv {
  background: var(--orange) !important;
}
@media screen and (min-width: 769px) {
  .inspection-flow__btn .page__btn-ico {
    position: absolute;
    right: clamp(0rem, 1.6666666667vw, 2.4rem);
    top: calc(50% - clamp(0rem, 0.3125vw, 0.45rem));
    width: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.inspection-flow__btn:after {
  background-color: var(--wte);
  content: "";
  display: block;
  height: 3.3rem;
  position: absolute;
  right: 4.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
}
@media screen and (min-width: 769px) {
  .inspection-flow__btn:after {
    height: clamp(0rem, 2.9166666667vw, 4.2rem);
    position: absolute;
    right: clamp(0rem, 4.1666666667vw, 6rem);
    top: 50%;
  }
}
.inspection-flow__stxt {
  font-size: 1rem;
  letter-spacing: 0.07em;
  line-height: 1.7;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-flow__stxt {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    margin: 0 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.inspection-flow__txt {
  font-size: 1.3rem;
  letter-spacing: 0.07em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .inspection-flow__txt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
  }
}

/*--------------------------------------------　interview-archive
---------------------------------------------*/
.interview-archive__inner {
  padding: 14.4rem 2rem 7.2rem;
}
@media screen and (min-width: 769px) {
  .interview-archive__inner {
    padding: clamp(0rem, 16.6666666667vw, 24rem) 0 clamp(0rem, 8.3333333333vw, 12rem);
  }
}
.interview-archive__ttl {
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .interview-archive__ttl {
    margin: 0 0 clamp(0rem, 3.3333333333vw, 4.8rem);
  }
}
.interview-archive__flex1-ttl-en, .interview-archive__flex1-ttl-jp {
  text-align: center;
}
.interview-archive__list {
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .interview-archive__list {
    margin: 0 0 clamp(0rem, 3.3333333333vw, 4.8rem);
  }
}

/*--------------------------------------------　interview-post
---------------------------------------------*/
.interview-post__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .interview-post__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.interview-post__lead-list {
  flex-direction: column;
  margin: 0 0 4rem;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .interview-post__lead-list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    margin: 0 0 clamp(0rem, 6.9444444444vw, 10rem);
  }
}
.interview-post__lead-item {
  border-radius: 1.2rem;
  padding: 1rem 1rem 1.6rem;
}
@media screen and (min-width: 769px) {
  .interview-post__lead-item {
    border-radius: clamp(0rem, 0.8333333333vw, 1.2rem);
    flex: 1;
    padding: clamp(0rem, 0.6944444444vw, 1rem) clamp(0rem, 0.6944444444vw, 1rem) clamp(0rem, 2.7777777778vw, 4rem);
  }
}
@media screen and (min-width: 769px) {
  .interview-post__lead-item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .interview-post__lead-item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .interview-post__lead-item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.interview-post__lead-item-ttl {
  align-items: center;
  background: var(--gradation-text);
  border-radius: 0.8rem;
  height: 5.6rem;
  justify-content: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  font-size: 1.8rem;
  margin: 0 0 1.8rem;
}
@media screen and (min-width: 769px) {
  .interview-post__lead-item-ttl {
    border-radius: clamp(0rem, 0.5555555556vw, 0.8rem);
    height: clamp(0rem, 5.2083333333vw, 7.5rem);
    -moz-column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
    margin: 0 0 clamp(0rem, 1.25vw, 1.8rem);
  }
}
.interview-post__lead-item-txt {
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .interview-post__lead-item-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    padding: 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.interview-post__q {
  counter-reset: q;
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q {
    row-gap: clamp(0rem, 6.9444444444vw, 10rem);
  }
}
.interview-post__q1 {
  flex-direction: column;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q1 {
    flex-direction: row-reverse;
    -moz-column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    column-gap: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.interview-post__q2 {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .interview-post__q2 {
    max-width: clamp(0rem, 61.1111111111vw, 88rem);
  }
}
.interview-post__q3 {
  flex-direction: column;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q3 {
    -moz-column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    flex-direction: row;
  }
}
.interview-post__q-img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .interview-post__q-img {
    width: clamp(0rem, 54.8611111111vw, 79rem);
  }
}
@media screen and (min-width: 769px) {
  .interview-post__q1 .interview-post__q-img {
    margin: 0 0 0 clamp(-10rem, -6.9444444444vw, 0rem);
  }
}
@media screen and (min-width: 769px) {
  .interview-post__q3 .interview-post__q-img {
    margin: 0 clamp(-10rem, -6.9444444444vw, 0rem) 0 0;
  }
}
.interview-post__q-cnt {
  flex: 1;
}
.interview-post__q-cnt-ttl-en {
  font-size: 1.3rem;
  letter-spacing: 0.4em;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q-cnt-ttl-en {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.interview-post__q-cnt-ttl-en:after {
  content: counter(q, decimal-leading-zero);
  counter-increment: q;
  display: inline-block;
}
.interview-post__q-cnt-jp {
  border-bottom: 1px solid var(--bdr);
  font-size: 1.8rem;
  line-height: 1.7;
  margin: 0 0 1.6rem;
  padding: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q-cnt-jp {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
    padding: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.interview-post__q-cnt-txt {
  font-size: 1.4rem;
  line-height: 1.85;
}
@media screen and (min-width: 769px) {
  .interview-post__q-cnt-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.interview-post__q-schedule {
  border-radius: 1.2rem;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .interview-post__q-schedule {
    border-radius: clamp(0rem, 0.8333333333vw, 1.2rem);
    width: clamp(0rem, 61.1111111111vw, 88rem);
  }
}
.interview-post__q-schedule-ttl {
  align-items: center;
  border-bottom: 1px solid var(--bdr);
  font-size: 2rem;
  height: 7rem;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .interview-post__q-schedule-ttl {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
    height: clamp(0rem, 7.6388888889vw, 11rem);
  }
}
.interview-post__q-schedule-list {
  padding: 2.4rem;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q-schedule-list {
    padding: clamp(0rem, 5.5555555556vw, 8rem);
    row-gap: clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.interview-post__q-schedule-item {
  flex-direction: column;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q-schedule-item {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    flex-direction: row;
  }
}
.interview-post__q-schedule-item-time, .interview-post__q-schedule-item-txt {
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .interview-post__q-schedule-item-time, .interview-post__q-schedule-item-txt {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.interview-post__q-schedule-item-time {
  align-items: center;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q-schedule-item-time {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.interview-post__q-schedule-item-time:after {
  aspect-ratio: 1/1;
  background-image: url("../img/interview/schedule-ico.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  width: 2rem;
}
@media screen and (min-width: 769px) {
  .interview-post__q-schedule-item-time:after {
    width: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}

/*--------------------------------------------　job-archive
---------------------------------------------*/
.job-archive__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .job-archive__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.job-archive__flex {
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .job-archive__flex {
    row-gap: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.job-archive__flex-cnt-ttl {
  font-size: 2rem;
  margin: 0 0 2rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-ttl {
    font-size: clamp(0rem, 2.2222222222vw, 3.2rem);
    margin: 0 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.job-archive__flex-cnt-list {
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    justify-content: center;
    row-gap: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.job-archive__flex-cnt-item {
  background-color: var(--bgD);
  border-radius: 1.5rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    width: calc(50% - clamp(0rem, 2.0833333333vw, 3rem) / 2);
  }
}
.job-archive__flex-cnt-item-top {
  border-bottom: 1px solid var(--bdr);
  flex-wrap: wrap;
  height: 8.4rem;
  justify-content: center;
  padding: 0 3rem;
  -moz-column-gap: 1.2rem;
  column-gap: 1.2rem;
  flex-direction: column;
  row-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-top {
    height: clamp(0rem, 5.8333333333vw, 8.4rem);
    padding: 0 clamp(0rem, 2.2222222222vw, 3.2rem);
    -moz-column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    align-items: center;
    column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    flex-direction: row;
    justify-content: flex-start;
  }
}
.job-archive__flex-cnt-item-top-ttl {
  font-size: 1.8rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-top-ttl {
    font-size: clamp(0rem, 1.6666666667vw, 2.4rem);
    width: auto;
  }
}
.job-archive__flex-cnt-item-top-list {
  align-items: center;
  width: 100%;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-top-list {
    width: auto;
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.job-archive__flex-cnt-item-top-item {
  border-radius: 0.4rem;
  font-size: 1.3rem;
  padding: 0.4rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-top-item {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    padding: clamp(0rem, 0.2777777778vw, 0.4rem) clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.job-archive__flex-cnt-item-btm {
  flex-direction: column;
  padding: 3rem 3rem 2.4rem;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-btm {
    flex-direction: row;
    justify-content: space-between;
    padding: 3.2rem;
  }
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-btm1 {
    flex: 1;
    justify-content: space-between;
  }
}
.job-archive__flex-cnt-item-btm1-txt {
  font-size: 1.3rem;
  line-height: 1.65;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-btm1-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.job-archive__flex-cnt-item-btm2 {
  aspect-ratio: 255/186;
  height: auto;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-btm2 {
    width: clamp(0rem, 17.7083333333vw, 25.5rem);
  }
}
.job-archive__flex-cnt-item-btm2 img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .job-archive__flex-cnt-item-btm2 img {
  transform: scale(1.1);
}
.job-archive__flex-cnt-item-btn {
  background: var(--bck);
  height: 4.8rem;
  margin: 0 auto 2.4rem;
  width: 26rem;
}
@media screen and (min-width: 769px) {
  .job-archive__flex-cnt-item-btn {
    height: clamp(0rem, 3.3333333333vw, 4.8rem);
    left: clamp(0rem, 2.5vw, 3.2rem);
    margin: 0;
    position: absolute;
    top: clamp(0rem, 19.765625vw, 25.3rem);
    width: clamp(0rem, 18.0555555556vw, 26rem);
  }
}

/*--------------------------------------------　job-post
---------------------------------------------*/
.job-post__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .job-post__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.job-post__flex {
  row-gap: 4.8rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex {
    row-gap: clamp(0rem, 6.9444444444vw, 10rem);
  }
}
.job-post__flex-cnt {
  flex-direction: column;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt {
    -moz-column-gap: clamp(0rem, 4.1666666667vw, 6rem);
    column-gap: clamp(0rem, 4.1666666667vw, 6rem);
    flex-direction: row;
  }
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt.--img-l {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt1 {
    flex: 1;
  }
}
.job-post__flex-cnt1-ttl {
  border-bottom: 1px solid var(--bdr);
  font-size: 2rem;
  margin: 0 0 2.4rem;
  padding: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt1-ttl {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
    padding: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.--img-no .job-post__flex-cnt1-ttl {
  align-items: flex-start;
  border-bottom: none;
  display: flex;
  justify-content: center;
  text-align: center;
}
.--img-no .job-post__flex-cnt1-ttl:before, .--img-no .job-post__flex-cnt1-ttl:after {
  aspect-ratio: 34/23;
  content: "";
  display: block;
  height: auto;
  width: 2.4rem;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .--img-no .job-post__flex-cnt1-ttl:before, .--img-no .job-post__flex-cnt1-ttl:after {
    width: clamp(0rem, 2.3611111111vw, 3.4rem);
  }
}
.--img-no .job-post__flex-cnt1-ttl:before {
  background-image: url("../img/job/ico-bubble1.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -1rem -1rem 0 0;
}
@media screen and (min-width: 769px) {
  .--img-no .job-post__flex-cnt1-ttl:before {
    margin: clamp(-1.2rem, -0.8333333333vw, 0rem) clamp(-0.8rem, -0.5555555556vw, 0rem) 0;
  }
}
.--img-no .job-post__flex-cnt1-ttl:after {
  background-image: url("../img/job/ico-bubble2.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1.2rem 0 0 -1.2rem;
}
@media screen and (min-width: 769px) {
  .--img-no .job-post__flex-cnt1-ttl:after {
    margin: clamp(0rem, 1.1111111111vw, 1.6rem) 0 0 clamp(-1.2rem, -0.8333333333vw, 0rem);
  }
}
.job-post__flex-cnt1-txt {
  font-size: 1.3rem;
  line-height: 1.85;
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt1-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.--img-no .job-post__flex-cnt1-txt {
  text-align: center;
}
.job-post__flex-cnt1-list {
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt1-list {
    row-gap: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.job-post__flex-cnt1-item {
  font-size: 1.3rem;
  line-height: 1.75;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt1-item {
    font-size: clamp(0rem, 1.1805555556vw, 1.7rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.job-post__flex-cnt1-item:before {
  background-image: url("../img/job/ico-chk.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 2rem;
  margin: 0.4rem 0 0;
  width: 2rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt1-item:before {
    height: clamp(0rem, 1.25vw, 1.8rem);
    margin: clamp(0rem, 0.4166666667vw, 0.6rem) 0 0;
    width: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.job-post__flex-cnt2 {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .job-post__flex-cnt2 {
    width: clamp(0rem, 49.3055555556vw, 71rem);
  }
}
.job-post__flex-dls {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .job-post__flex-dls {
    width: clamp(0rem, 51.3888888889vw, 74rem);
  }
}
.job-post__flex-dls .page__ttl-flex-en,
.job-post__flex-dls .job-post__flex-dls-ttl-jp {
  text-align: center;
}
.job-post__flex-dl {
  border-bottom: 1px solid var(--bdr);
  flex-direction: column;
  padding: 2rem 0;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex-dl {
    flex-direction: row;
    padding: clamp(0rem, 1.3888888889vw, 2rem) 0;
  }
}
.job-post__flex-dt {
  font-size: 1.6rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .job-post__flex-dt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    width: clamp(0rem, 14.8611111111vw, 21.4rem);
  }
}
.job-post__flex-dd {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .job-post__flex-dd {
    flex: 1;
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}

/*--------------------------------------------　lub-product
---------------------------------------------*/
.lub-product__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .lub-product__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.lub-product__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  margin: 0 0 2.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .lub-product__txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.lub-product__cat-ttl {
  font-size: 1.8rem;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .lub-product__cat-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.lub-product__cat-list {
  row-gap: 0.8rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .lub-product__cat-list {
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    margin: 0 auto clamp(0rem, 3.8888888889vw, 5.6rem);
    max-width: clamp(0rem, 56.5277777778vw, 81.4rem);
  }
}
.lub-product__cat-list.--wte {
  margin: 0 auto;
}
.lub-product__cat-item {
  background-color: var(--bgD);
  border-radius: 0.6rem;
  font-size: 1.3rem;
  padding: 0.6rem 1.2rem;
}
@media screen and (min-width: 769px) {
  .lub-product__cat-item {
    border-radius: clamp(0rem, 0.4166666667vw, 0.6rem);
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    padding: clamp(0rem, 0.4166666667vw, 0.6rem) clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.--wte .lub-product__cat-item {
  background-color: var(--wte);
}
.lub-product__cat-img-list {
  row-gap: 0.8rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  flex-wrap: wrap;
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .lub-product__cat-img-list {
    row-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
    -moz-column-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
    column-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.lub-product__cat-img-item {
  aspect-ratio: 808/494;
  width: calc(50% - 0.4rem);
}
@media screen and (min-width: 769px) {
  .lub-product__cat-img-item {
    width: calc(33.3333% - clamp(0rem, 1.6666666667vw, 2.4rem) / 3);
  }
}
@media screen and (min-width: 769px) {
  .lub-product__cat-img-item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .lub-product__cat-img-item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .lub-product__cat-img-item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}

/*--------------------------------------------　lub-area
---------------------------------------------*/
.lub-area__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .lub-area__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.lub-area__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  margin: 0 0 2.8rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .lub-area__txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 3.8888888889vw, 5.6rem);
  }
}
.lub-area__map {
  height: auto;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .lub-area__map {
    max-width: clamp(0rem, 66.6666666667vw, 96rem);
  }
}

/*--------------------------------------------　pack-product
---------------------------------------------*/
.pack-product__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .pack-product__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.pack-product__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  margin: 0 0 2.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .pack-product__txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.pack-product__cat-ttl {
  font-size: 1.8rem;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .pack-product__cat-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.pack-product__cat-list {
  row-gap: 0.8rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 1.2rem;
}
@media screen and (min-width: 769px) {
  .pack-product__cat-list {
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    margin: 0 auto clamp(0rem, 1.1111111111vw, 1.6rem);
    max-width: clamp(0rem, 56.5277777778vw, 81.4rem);
  }
}
.pack-product__cat-item {
  background-color: var(--bgD);
  border-radius: 0.6rem;
  font-size: 1.3rem;
  padding: 0.6rem 1.2rem;
}
@media screen and (min-width: 769px) {
  .pack-product__cat-item {
    border-radius: clamp(0rem, 0.4166666667vw, 0.6rem);
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    padding: clamp(0rem, 0.4166666667vw, 0.6rem) clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.pack-product__cat-allert {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 0 0 2.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .pack-product__cat-allert {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.pack-product__cat-img-list {
  row-gap: 0.8rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  flex-wrap: wrap;
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .pack-product__cat-img-list {
    row-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
    -moz-column-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
    column-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.pack-product__cat-img-item {
  aspect-ratio: 808/494;
  width: calc(50% - 0.4rem);
}
@media screen and (min-width: 769px) {
  .pack-product__cat-img-item {
    width: calc(33.3333% - clamp(0rem, 1.6666666667vw, 2.4rem) / 3);
  }
}
@media screen and (min-width: 769px) {
  .pack-product__cat-img-item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .pack-product__cat-img-item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .pack-product__cat-img-item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}

/*--------------------------------------------　pack-point
---------------------------------------------*/
.pack-point__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .pack-point__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.pack-point__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .pack-point__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.pack-point__list {
  flex-direction: column;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .pack-point__list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    column-gap: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.pack-point__item {
  aspect-ratio: 1210/660;
  position: relative;
}
@media screen and (min-width: 769px) {
  .pack-point__item {
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .pack-point__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .pack-point__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
.pack-point__item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.pack-point__item-ttl {
  align-items: center;
  font-size: 2rem;
  height: 100%;
  padding: 2.8rem 0 0;
  row-gap: 2.4rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .pack-point__item-ttl {
    font-size: clamp(0rem, 1.7361111111vw, 2.5rem);
    padding: clamp(0rem, 7.2222222222vw, 10.4rem) 0 0;
  }
}
.pack-point__item-ttl-en {
  font-size: 1.3rem;
  letter-spacing: 0.2em;
  row-gap: clamp(0rem, 0.6944444444vw, 1rem);
}
@media screen and (min-width: 769px) {
  .pack-point__item-ttl-en {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.pack-point__item-ttl-jp {
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .pack-point__item-ttl-jp {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
  }
}

/*--------------------------------------------　page-fv
---------------------------------------------*/
.page-fv {
  height: 62.5rem;
}
@media screen and (min-width: 769px) {
  .page-fv {
    height: clamp(0rem, 43.4027777778vw, 62.5rem);
  }
}
@media screen and (min-width: 769px) {
  .single-interview .page-fv {
    height: clamp(0rem, 47.9166666667vw, 69rem);
  }
}
.page-fv__img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-fv__img:after {
  background: linear-gradient(to bottom, rgba(79, 71, 58, 0) 20%, rgba(79, 71, 58, 0.75) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
}
.page-fv__img img {
  -o-object-position: top center;
  object-position: top center;
}
.page-fv__inner {
  justify-content: flex-end;
  padding: 0 2rem;
}
@media screen and (min-width: 769px) {
  .page-fv__inner {
    padding: 0;
  }
}
.page-fv__ttl {
  padding: 0 0 4.8rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .page-fv__ttl {
    padding: 0 0 clamp(0rem, 3.4722222222vw, 5rem) clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.single-interview .page-fv__ttl {
  padding: 0 0 8rem;
}
@media screen and (min-width: 769px) {
  .single-interview .page-fv__ttl {
    padding: 0 0 clamp(0rem, 3.4722222222vw, 5rem) clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.page-template-page-recruit .page-fv__ttl {
  padding: 0 0 18rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-recruit .page-fv__ttl {
    padding: 0 0 clamp(0rem, 3.4722222222vw, 5rem) clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.page-fv__ttl-en {
  align-items: center;
  font-size: 1.2rem;
  letter-spacing: 0.28em;
  margin: 0 0 1.6rem;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .page-fv__ttl-en {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
    margin: 0 0 clamp(0rem, 2.0833333333vw, 3rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.page-fv__ttl-en:after {
  background-color: var(--wte);
  content: "";
  display: block;
  height: 0.1rem;
  width: 12.8rem;
}
@media screen and (min-width: 769px) {
  .page-fv__ttl-en:after {
    width: clamp(0rem, 8.8888888889vw, 12.8rem);
  }
}
.page-fv__ttl-jp {
  font-size: 3.5rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .page-fv__ttl-jp {
    font-size: clamp(0rem, 3.6111111111vw, 5.2rem);
  }
}
.page-template-page-service-station .page-fv__ttl-jp {
  font-size: 2rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-service-station .page-fv__ttl-jp {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.single-interview .page-fv__ttl-jp, .single-job .page-fv__ttl-jp {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .single-interview .page-fv__ttl-jp, .single-job .page-fv__ttl-jp {
    font-size: clamp(0rem, 2.3611111111vw, 3.4rem);
  }
}
.page-fv__ttl-comment {
  bottom: 4rem;
  font-size: 1.3rem;
  padding: 0 0 0 1.6rem;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 769px) {
  .page-fv__ttl-comment {
    bottom: clamp(0rem, 4.1666666667vw, 6rem);
    font-size: clamp(0rem, 1.3194444444vw, 1.9rem);
    padding: 0 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
    position: absolute;
    right: 0;
  }
}
.single-interview .page-fv__ttl-comment:before {
  background-color: var(--wte);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
  width: 1px;
}
.page-template-page-recruit .page-fv__ttl-comment {
  font-size: 1.3rem;
  line-height: 1.7;
  padding: 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-recruit .page-fv__ttl-comment {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
  }
}

/*--------------------------------------------　page-lead
---------------------------------------------*/
.page-lead__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .page-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.page-template-page-vehicle-inspection .page-lead__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-vehicle-inspection .page-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.page-template-page-propane-gas .page-lead__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.page-template-page-hydrogen-station .page-lead__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-hydrogen-station .page-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.page-template-page-recruit .page-lead__inner {
  padding: 7.2rem 2rem 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-recruit .page-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.page-lead__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .page-lead__txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.page-lead__ttl-flex1-jp {
  text-align: center;
}
.page-lead__ttl2-txt {
  text-align: center;
}

/*--------------------------------------------　camp
---------------------------------------------*/
.camp__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .camp__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.camp__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .camp__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.camp__slider-splide-arrows {
  height: 2.8rem;
  justify-content: space-between;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 6.4rem;
  transform: translateX(-50%);
  width: 100%;
  width: calc(100% + 2.8rem);
}
@media screen and (min-width: 769px) {
  .camp__slider-splide-arrows {
    height: clamp(0rem, 3.3333333333vw, 4.8rem);
    left: 50%;
    position: absolute;
    top: clamp(0rem, 8.1597222222vw, 11.75rem);
    width: calc(100% + clamp(0rem, 3.3333333333vw, 4.8rem));
  }
}
.camp__slider-splide-arrows .splide__arrow {
  -moz-appearance: none;
  -webkit-appearance: none;
  aspect-ratio: 1/1;
  background: none transparent;
  background-color: var(--bck);
  border: 0;
  border-radius: 0;
  border-radius: 50%;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  height: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  pointer-events: auto;
  transition: 0.3s background-color var(--ease-hover);
  vertical-align: middle;
  width: auto;
}
.camp__slider-splide-arrows .splide__arrow:hover {
  background-color: var(--orange);
}
.camp__slider-splide-arrows .splide__arrow.splide__arrow-prev {
  background-image: url("../img/common/ico-slider-prev.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 1.2rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-splide-arrows .splide__arrow.splide__arrow-prev {
    background-size: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.camp__slider-splide-arrows .splide__arrow.splide__arrow-next {
  background-image: url("../img/common/ico-slider-next.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 1.2rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-splide-arrows .splide__arrow.splide__arrow-next {
    background-size: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.camp__slider-splide-arrows .splide__arrow svg {
  display: none;
}
.camp__slider-slide {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .camp__slider-slide {
    margin: 0 clamp(0rem, 2.0833333333vw, 3rem) 0 0;
    width: clamp(0rem, 42.0138888889vw, 60.5rem);
  }
}
.camp__slider-slide-img {
  aspect-ratio: 605/283;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-slide-img {
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.camp__slider-slide-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .camp__slider-slide-img img {
  transform: scale(1.1);
}
.camp__slider-slide-ttl {
  font-size: 2rem;
  line-height: 1.3;
  margin: 0 0 1.2rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-slide-ttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 1.25vw, 1.8rem);
  }
}
.camp__slider-slide-flex {
  flex-direction: column;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-slide-flex {
    -moz-column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    align-items: center;
    column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    flex-direction: row;
  }
}
.camp__slider-slide-flex-place, .camp__slider-slide-flex-time {
  -moz-column-gap: 0.8rem;
  align-items: center;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-slide-flex-place, .camp__slider-slide-flex-time {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.camp__slider-slide-flex-place-ttl, .camp__slider-slide-flex-time-ttl {
  align-items: center;
  background-color: #B9B39D;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  height: 2.2rem;
  justify-content: center;
  width: 5.2rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-slide-flex-place-ttl, .camp__slider-slide-flex-time-ttl {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.9027777778vw, 1.3rem);
    height: clamp(0rem, 1.5277777778vw, 2.2rem);
    width: clamp(0rem, 3.6111111111vw, 5.2rem);
  }
}
.camp__slider-slide-flex-place-txt, .camp__slider-slide-flex-time-txt {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .camp__slider-slide-flex-place-txt, .camp__slider-slide-flex-time-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}

/*--------------------------------------------　related
---------------------------------------------*/
.related2__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .related2__inner {
    padding: clamp(0rem, 8.4722222222vw, 12.2rem) clamp(0rem, 4.1666666667vw, 6rem) clamp(0rem, 8.3333333333vw, 12rem);
  }
}
@media screen and (min-width: 769px) {
  .related2__ttl {
    margin: 0 0 clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.single-interview .related2__ttl {
  justify-content: center;
}
.single-job .related2__ttl1 {
  margin: 0 auto;
}
.related2__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .related2__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
@media screen and (min-width: 769px) {
  .related2__ttl1-en {
    margin: 0 0 clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.single-interview .related2__ttl1-en {
  text-align: center;
}
.single-job .related2__ttl1-en {
  text-align: center;
}
.related2__sttl {
  align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.14em;
  margin: 0 0 2.4rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .related2__sttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
    -moz-column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.related2__sttl:before {
  background: linear-gradient(to left, #D58D52, #B33306);
  content: "";
  display: block;
  height: 0.3rem;
  width: 2.9rem;
}
@media screen and (min-width: 769px) {
  .related2__sttl:before {
    height: clamp(0rem, 0.2083333333vw, 0.3rem);
    width: clamp(0rem, 2.0138888889vw, 2.9rem);
  }
}
.related2__list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media screen and (min-width: 769px) {
  .related2__list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.related2__item {
  position: relative;
  width: 100%;
}
.related2__item:not(.related2__item.--parent) {
  aspect-ratio: 335/200;
}
@media screen and (min-width: 769px) {
  .related2__item:not(.related2__item.--parent) {
    aspect-ratio: 1240/338;
  }
}
.related2__item-link, .related2__link {
  align-items: flex-end;
  height: 100%;
  width: 100%;
}
.related2__item-list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .related2__item-list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.related2__item-list.--2 {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .related2__item-list.--2 {
    flex-direction: row;
  }
}
.related2__item-item {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .related2__item-item {
    width: calc(50% - clamp(0rem, 0.2083333333vw, 0.3rem));
  }
}
.--2 .related2__item-item {
  aspect-ratio: 335/200;
}
@media screen and (min-width: 769px) {
  .--2 .related2__item-item {
    aspect-ratio: 617/368;
  }
}
@media screen and (min-width: 769px) {
  .--2 .related2__item-item:nth-child(2n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .--2 .related2__item-item:nth-child(2n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
.related2__item-link {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .related2__item-link {
    padding: 0 clamp(0rem, 1.7361111111vw, 2.5rem);
  }
}
.related2__item-link.--no-link {
  pointer-events: none;
}
.related2__link {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .related2__link {
    padding: 0;
  }
}
.related2__item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  flex-direction: row !important;
  justify-content: center;
  padding: 1.6rem 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .related2__item-cnt {
    border: none;
    flex-direction: column !important;
    height: 100%;
    padding: 0;
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
    width: clamp(0rem, 23.1944444444vw, 33.4rem);
  }
}
.related2__item-cnt:after {
  display: none;
}
@media screen and (min-width: 769px) {
  .related2__item-cnt:after {
    background-color: var(--wte);
    content: "";
    display: block;
    height: calc(100% - clamp(0rem, 3.4722222222vw, 5rem));
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
  }
}
.related2__item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .related2__item-cnt-ttl {
    align-items: flex-end;
    flex: 0;
    flex-direction: row;
    margin: clamp(0rem, 1.1111111111vw, 1.6rem) 0 0;
  }
}
.related2__item-cnt-ttl.--v {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .related2__item-cnt-ttl.--v {
    align-items: center;
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.related2__item-item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1.6rem 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt {
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) 0;
  }
}
.related2__item-item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt-ttl {
    align-items: flex-end;
    flex-direction: row;
  }
}
.related2__item-item-cnt-ttl-txt {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt-ttl-txt {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
@media screen and (min-width: 769px) {
  .--v .related2__item-item-cnt-ttl-txt {
    text-align: center;
  }
}
.related2__item-item-cnt-ttl-txt.--small {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt-ttl-txt.--small {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.related2__item-item-cnt-ttl-stxt {
  font-size: 1rem;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt-ttl-stxt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    top: clamp(-0.4rem, -0.2777777778vw, 0rem);
  }
}
.related2__item-item-cnt-btn {
  display: none;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt-btn {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    height: clamp(0rem, 2.2916666667vw, 3.3rem);
    width: clamp(0rem, 6.7361111111vw, 9.7rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    align-items: center;
    border: 0.1rem solid var(--wte);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    display: flex;
    justify-content: center;
    transition: background-color 0.3s var(--ease-hover);
  }
}
.--no-link .related2__item-item-cnt-btn {
  opacity: 0;
}
.related2__item-item-cnt-btn:before {
  display: none;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt-btn:before {
    background-color: var(--wte);
    border-radius: 50%;
    content: "";
    display: block;
    height: clamp(0rem, 0.2777777778vw, 0.4rem);
    width: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.js-touch-acv .related2__item-item-cnt-btn {
  background-color: rgba(213, 141, 82, 0.25);
}
.related2__item-item-cnt-ico {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 3.2rem;
  justify-content: center;
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .related2__item-item-cnt-ico {
    display: none;
  }
}
.--no-link .related2__item-item-cnt-ico {
  opacity: 0;
}
.related2__item-item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.related2__item-item-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .related2__item-item-img img {
  transform: scale(1.1);
}

.related3__inner {
  padding: 14.4rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .related3__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.page-template-page-service-station .related3__inner {
  padding: 14.4rem 2rem 7.2rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-service-station .related3__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.related3__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .related3__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.related3__list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  border-radius: 5rem 0 5rem 0;
  column-gap: 0.5rem;
}
@media screen and (min-width: 769px) {
  .related3__list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    border-radius: clamp(0rem, 3.4722222222vw, 5rem) 0 clamp(0rem, 3.4722222222vw, 5rem) 0;
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.related3__item {
  position: relative;
  width: 100%;
}
.related3__item-link {
  align-items: flex-end;
  height: 100%;
  width: 100%;
}
.related3__item-list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .related3__item-list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    flex-direction: row;
  }
}
.related3__item-item {
  aspect-ratio: 335/200;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .related3__item-item {
    aspect-ratio: 407/368;
    width: calc(33.3333% - clamp(0rem, 0.8333333333vw, 1.2rem) / 3);
  }
}
@media screen and (min-width: 769px) {
  .related3__item-item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .related3__item-item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .related3__item-item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.related3__item-link {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  .related3__item-link {
    padding: 0 clamp(0rem, 1.7361111111vw, 2.5rem);
  }
}
.page-template-page-service-station .related3__item-link {
  pointer-events: none;
}
.related3__item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  flex-direction: row !important;
  justify-content: center;
  padding: 1.6rem 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .related3__item-cnt {
    border: none;
    flex-direction: column !important;
    height: 100%;
    padding: 0;
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
    width: clamp(0rem, 23.1944444444vw, 33.4rem);
  }
}
.related3__item-cnt:after {
  display: none;
}
@media screen and (min-width: 769px) {
  .related3__item-cnt:after {
    background-color: var(--wte);
    content: "";
    display: block;
    height: calc(100% - clamp(0rem, 3.4722222222vw, 5rem));
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
  }
}
.related3__item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .related3__item-cnt-ttl {
    align-items: flex-end;
    flex: 0;
    flex-direction: row;
    margin: clamp(0rem, 1.1111111111vw, 1.6rem) 0 0;
  }
}
.related3__item-cnt-ttl.--v {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .related3__item-cnt-ttl.--v {
    align-items: center;
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.related3__item-item-cnt {
  align-items: center;
  align-items: flex-start;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1.6rem 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .related3__item-item-cnt {
    flex-direction: column;
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) 0;
    row-gap: clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.related3__item-item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .related3__item-item-cnt-ttl {
    align-items: flex-end;
    flex-direction: row;
  }
}
.related3__item-item-cnt-ttl-txt {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .related3__item-item-cnt-ttl-txt {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
@media screen and (min-width: 769px) {
  .--v .related3__item-item-cnt-ttl-txt {
    text-align: center;
  }
}
.related3__item-item-cnt-ttl-stxt {
  font-size: 1rem;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .related3__item-item-cnt-ttl-stxt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    top: clamp(-0.4rem, -0.2777777778vw, 0rem);
  }
}
.related3__item-item-cnt-btn {
  display: none;
}
@media screen and (min-width: 769px) {
  .related3__item-item-cnt-btn {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    height: clamp(0rem, 2.2916666667vw, 3.3rem);
    width: clamp(0rem, 6.7361111111vw, 9.7rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    align-items: center;
    border: 0.1rem solid var(--wte);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    display: flex;
    justify-content: center;
    transition: background-color 0.3s var(--ease-hover);
  }
}
.page-template-page-service-station .related3__item-item-cnt-btn {
  opacity: 0;
}
.related3__item-item-cnt-btn:before {
  display: none;
}
@media screen and (min-width: 769px) {
  .related3__item-item-cnt-btn:before {
    background-color: var(--wte);
    border-radius: 50%;
    content: "";
    display: block;
    height: clamp(0rem, 0.2777777778vw, 0.4rem);
    width: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.js-touch-acv .related3__item-item-cnt-btn {
  background-color: rgba(213, 141, 82, 0.25);
}
.related3__item-item-cnt-ico {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 3.2rem;
  justify-content: center;
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .related3__item-item-cnt-ico {
    display: none;
  }
}
.page-template-page-service-station .related3__item-item-cnt-ico {
  opacity: 0;
}
.related3__item-item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.related3__item-item-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .related3__item-item-img img {
  transform: scale(1.1);
}

/*--------------------------------------------　page-problem
---------------------------------------------*/
.page-problem {
  background-color: #97927F;
  height: 60rem;
}
@media screen and (min-width: 769px) {
  .page-problem {
    height: clamp(0rem, 41.6666666667vw, 60rem);
  }
}
.page-problem:after {
  aspect-ratio: 750/70;
  background-image: url("../img/common/problem-triangle-sp.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 60rem;
  transform: translateX(-50%);
  white-space: auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page-problem:after {
    aspect-ratio: 2880/140;
    background-image: url("../img/common/problem-triangle.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    position: absolute;
    top: clamp(0rem, 41.6666666667vw, 60rem);
  }
}
.page-problem__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .page-problem__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.page-problem__woman {
  aspect-ratio: 724/868;
  bottom: 0;
  height: auto;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 25rem;
}
@media screen and (min-width: 769px) {
  .page-problem__woman {
    bottom: clamp(-7rem, -4.8611111111vw, 0rem);
    left: 50%;
    position: absolute;
    width: clamp(0rem, 25.1388888889vw, 36.2rem);
  }
}
.page-problem__list {
  height: 38rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page-problem__list {
    height: clamp(0rem, 23.6111111111vw, 34rem);
  }
}
.page-problem__item {
  background-color: #7D7969;
  border-radius: 2rem;
  font-size: 1.5rem;
  line-height: 1.45;
  padding: 1.6rem 2.4rem;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .page-problem__item {
    border-radius: clamp(0rem, 1.3888888889vw, 2rem);
    font-size: clamp(0rem, 1.5972222222vw, 2.3rem);
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.page-template-page-propane-gas .page-problem__item:nth-child(1) {
  left: 0;
  position: absolute;
  top: 2.4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-problem__item:nth-child(1) {
    left: clamp(0rem, 6.25vw, 9rem);
    position: absolute;
    top: 0;
  }
}
.page-template-page-propane-gas .page-problem__item:nth-child(2) {
  position: absolute;
  right: 0;
  top: 28rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-problem__item:nth-child(2) {
    position: absolute;
    right: clamp(0rem, 6.9444444444vw, 10rem);
    top: clamp(0rem, 4.5138888889vw, 6.5rem);
  }
}
.page-template-page-reform .page-problem__item:nth-child(1) {
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-problem__item:nth-child(1) {
    left: clamp(0rem, 6.1111111111vw, 8.8rem);
    position: absolute;
    top: 0;
  }
}
.page-template-page-reform .page-problem__item:nth-child(2) {
  position: absolute;
  right: 6rem;
  top: 24rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-problem__item:nth-child(2) {
    position: absolute;
    right: clamp(0rem, 6.9444444444vw, 10rem);
    top: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.page-template-page-reform .page-problem__item:nth-child(3) {
  left: 9rem;
  position: absolute;
  top: 6rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-problem__item:nth-child(3) {
    left: clamp(0rem, 7.6388888889vw, 11rem);
    position: absolute;
    top: clamp(0rem, 9.0277777778vw, 13rem);
  }
}
.page-template-page-reform .page-problem__item:nth-child(4) {
  position: absolute;
  right: -1rem;
  top: 31rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-problem__item:nth-child(4) {
    position: absolute;
    right: 0;
    top: clamp(0rem, 9.0277777778vw, 13rem);
  }
}
.page-template-page-industrial-lubricants .page-problem__item:nth-child(1) {
  left: 0;
  position: absolute;
  top: 2.4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-industrial-lubricants .page-problem__item:nth-child(1) {
    left: clamp(0rem, 6.25vw, 9rem);
    position: absolute;
    top: 0;
  }
}
.page-template-page-industrial-lubricants .page-problem__item:nth-child(2) {
  position: absolute;
  right: 0;
  top: 28rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-industrial-lubricants .page-problem__item:nth-child(2) {
    position: absolute;
    right: clamp(0rem, 6.9444444444vw, 10rem);
    top: clamp(0rem, 4.5138888889vw, 6.5rem);
  }
}
.page-template-page-packaging-materials .page-problem__item:nth-child(1) {
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-packaging-materials .page-problem__item:nth-child(1) {
    left: clamp(0rem, 8.3333333333vw, 12rem);
    position: absolute;
    top: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.page-template-page-packaging-materials .page-problem__item:nth-child(2) {
  position: absolute;
  right: 10rem;
  top: 30rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-packaging-materials .page-problem__item:nth-child(2) {
    position: absolute;
    right: clamp(0rem, 7.6388888889vw, 11rem);
    top: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.page-template-page-packaging-materials .page-problem__item:nth-child(3) {
  position: absolute;
  right: 0;
  top: 21rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-packaging-materials .page-problem__item:nth-child(3) {
    position: absolute;
    right: clamp(0rem, 11.8055555556vw, 17rem);
    top: clamp(0rem, 13.1944444444vw, 19rem);
  }
}
.page-template-page-car-lease .page-problem__item:nth-child(1) {
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-problem__item:nth-child(1) {
    left: clamp(0rem, 8.3333333333vw, 12rem);
    position: absolute;
    top: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.page-template-page-car-lease .page-problem__item:nth-child(2) {
  position: absolute;
  right: 10rem;
  top: 30rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-problem__item:nth-child(2) {
    position: absolute;
    right: clamp(0rem, 7.6388888889vw, 11rem);
    top: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.page-template-page-car-lease .page-problem__item:nth-child(3) {
  position: absolute;
  right: 0;
  top: 21rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-problem__item:nth-child(3) {
    position: absolute;
    right: clamp(0rem, 11.8055555556vw, 17rem);
    top: clamp(0rem, 13.1944444444vw, 19rem);
  }
}
.page-template-page-insurance .page-problem__item:nth-child(1) {
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-problem__item:nth-child(1) {
    left: clamp(0rem, 8.3333333333vw, 12rem);
    position: absolute;
    top: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.page-template-page-insurance .page-problem__item:nth-child(2) {
  position: absolute;
  right: 10rem;
  top: 30rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-problem__item:nth-child(2) {
    position: absolute;
    right: clamp(0rem, 7.6388888889vw, 11rem);
    top: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.page-template-page-insurance .page-problem__item:nth-child(3) {
  position: absolute;
  right: 0;
  top: 21rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-problem__item:nth-child(3) {
    position: absolute;
    right: clamp(0rem, 11.8055555556vw, 17rem);
    top: clamp(0rem, 13.1944444444vw, 19rem);
  }
}

/*--------------------------------------------　solve
---------------------------------------------*/
.page-solve__inner {
  padding: 7.2rem 0;
}
@media screen and (min-width: 769px) {
  .page-solve__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.page-solve__ttl1 {
  font-size: 2rem;
  line-height: 1.3;
  margin: 0 0 1rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .page-solve__ttl1 {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-solve__ttl2 {
  font-size: 3.5rem;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .page-solve__ttl2 {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}

/*--------------------------------------------　page-flow
---------------------------------------------*/
.page-flow__inner {
  padding: 7.2rem 2rem 3.6rem;
}
@media screen and (min-width: 769px) {
  .page-flow__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 clamp(0rem, 4.1666666667vw, 6rem);
  }
}
.page-flow__list {
  margin: 0 auto;
  row-gap: 3.6rem;
}
@media screen and (min-width: 769px) {
  .page-flow__list {
    row-gap: clamp(0rem, 2.5vw, 3.6rem);
    width: clamp(0rem, 46.1805555556vw, 66.5rem);
  }
}
.page-flow__item {
  background-color: var(--bgD);
  border-radius: 1.5rem;
  padding: 1.5rem;
  -moz-column-gap: 1.6rem;
  align-items: center;
  column-gap: 1.6rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .page-flow__item {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    padding: clamp(0rem, 1.3888888889vw, 2rem);
    -moz-column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    column-gap: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.page-template-page-propane-gas .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-propane-gas .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 44/54;
  width: 3.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.page-template-page-propane-gas .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 55/55;
  width: 4.1rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.8194444444vw, 5.5rem);
  }
}
.page-template-page-propane-gas .page-flow__item:nth-child(4) .page-flow__item-img-ico {
  aspect-ratio: 54/46;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-flow__item:nth-child(4) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-propane-gas .page-flow__item:nth-child(5) .page-flow__item-img-ico {
  aspect-ratio: 44/54;
  width: 3.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-flow__item:nth-child(5) .page-flow__item-img-ico {
    width: clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.page-template-page-propane-gas .page-flow__item:nth-child(6) .page-flow__item-img-ico {
  aspect-ratio: 54/38;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-propane-gas .page-flow__item:nth-child(6) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-electricity .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-electricity .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-electricity .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 44/54;
  width: 3.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.page-template-page-electricity .page-flow__item:nth-child(4) .page-flow__item-img-ico {
  aspect-ratio: 54/51;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-flow__item:nth-child(4) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-industrial-fuel .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-industrial-fuel .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-industrial-fuel .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-industrial-fuel .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-industrial-fuel .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 54/34;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-industrial-fuel .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-reform .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-reform .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 54/45;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-reform .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 44/54;
  width: 3.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.page-template-page-reform .page-flow__item:nth-child(4) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-flow__item:nth-child(4) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-reform .page-flow__item:nth-child(5) .page-flow__item-img-ico {
  aspect-ratio: 54/47;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-flow__item:nth-child(5) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-hazardous-materials-handling .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-hazardous-materials-handling .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-hazardous-materials-handling .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 54/45;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-hazardous-materials-handling .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-hazardous-materials-handling .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-hazardous-materials-handling .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-hazardous-materials-handling .page-flow__item:nth-child(4) .page-flow__item-img-ico {
  aspect-ratio: 44/54;
  width: 3.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-hazardous-materials-handling .page-flow__item:nth-child(4) .page-flow__item-img-ico {
    width: clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.page-template-page-hazardous-materials-handling .page-flow__item:nth-child(5) .page-flow__item-img-ico {
  aspect-ratio: 50/54;
  width: 3.7rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-hazardous-materials-handling .page-flow__item:nth-child(5) .page-flow__item-img-ico {
    width: clamp(0rem, 3.4722222222vw, 5rem);
  }
}
.page-template-page-hazardous-materials-handling .page-flow__item:nth-child(6) .page-flow__item-img-ico {
  aspect-ratio: 54/50;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-hazardous-materials-handling .page-flow__item:nth-child(6) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-packaging-materials .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 44/54;
  width: 3.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-packaging-materials .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.page-template-page-packaging-materials .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 44/55;
  width: 3.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-packaging-materials .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.0555555556vw, 4.4rem);
  }
}
.page-template-page-packaging-materials .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 54/43;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-packaging-materials .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-car-lease .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-car-lease .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-car-lease .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 54/51;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-insurance .page-flow__item:nth-child(1) .page-flow__item-img-ico {
  aspect-ratio: 54/52;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-flow__item:nth-child(1) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-insurance .page-flow__item:nth-child(2) .page-flow__item-img-ico {
  aspect-ratio: 54/54;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-flow__item:nth-child(2) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-template-page-insurance .page-flow__item:nth-child(3) .page-flow__item-img-ico {
  aspect-ratio: 54/52;
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-flow__item:nth-child(3) .page-flow__item-img-ico {
    width: clamp(0rem, 3.75vw, 5.4rem);
  }
}
.page-flow__item:not(:last-child):after {
  aspect-ratio: 62/26;
  background-image: url("../img/common/flow-triangle.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -2.6rem;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 6.2rem;
}
@media screen and (min-width: 769px) {
  .page-flow__item:not(:last-child):after {
    bottom: clamp(-2.6rem, -1.8055555556vw, 0rem);
    left: 50%;
    position: absolute;
    width: clamp(0rem, 4.3055555556vw, 6.2rem);
  }
}
.page-flow__item-img {
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  height: auto;
  justify-content: center;
  width: 7.2rem;
}
@media screen and (min-width: 769px) {
  .page-flow__item-img {
    width: clamp(0rem, 8.3333333333vw, 12rem);
  }
}
.page-flow__item-img-ico {
  height: auto;
}
.page-flow__item-cnt {
  align-items: flex-start;
  flex: 1;
  row-gap: 1.2rem;
}
@media screen and (min-width: 769px) {
  .page-flow__item-cnt {
    row-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-flow__item-cnt-flow {
  align-items: center;
  background: var(--gradation-text);
  border-radius: 0.6rem;
  font-size: 1.2rem;
  height: 2.4rem;
  justify-content: center;
  padding: 0 1rem;
  width: auto;
}
@media screen and (min-width: 769px) {
  .page-flow__item-cnt-flow {
    border-radius: clamp(0rem, 0.4166666667vw, 0.6rem);
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    height: clamp(0rem, 2.0833333333vw, 3rem);
    padding: 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-flow__item-cnt-ttl {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .page-flow__item-cnt-ttl {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
.page-flow__item-cnt-txt {
  font-size: 1.3rem;
  line-height: 1.65;
}
@media screen and (min-width: 769px) {
  .page-flow__item-cnt-txt {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
  }
}

.cv__inner {
  padding: 0 2rem 7.2rem;
}
@media screen and (min-width: 769px) {
  .cv__inner {
    padding: 0 0 clamp(0rem, 8.3333333333vw, 12rem);
  }
}
.cv__leads {
  margin: 2.4rem 0;
}
.page-template-page-recruit-php .cv__leads, .page-template-page-hydrogen-station .cv__leads, .single-interview .cv__leads, .page-template-page-gas-appliances .cv__leads {
  margin: 4rem 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .cv__leads {
    margin: clamp(0rem, 2.7777777778vw, 4rem) 0;
  }
  .page-template-page-recruit-php .cv__leads, .page-template-page-hydrogen-station .cv__leads, .single-interview .cv__leads, .page-template-page-gas-appliances .cv__leads {
    margin: clamp(0rem, 5.5555555556vw, 8rem) 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.cv__cv-lead {
  font-size: 1.8rem;
  letter-spacing: 0em;
  line-height: 1.7;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .cv__cv-lead {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0;
  }
}
.cv__cv {
  border-radius: 1.5rem;
  height: 32rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .cv__cv {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    height: clamp(0rem, 20.8333333333vw, 30rem);
  }
}
.page-template-page-electricity .cv__cv, .page-template-page-industrial-fuel .cv__cv, .page-template-page-gas-appliances .cv__cv, .page-template-page-reform .cv__cv, .page-template-page-industrial-lubricants .cv__cv, .page-template-page-packaging-materials .cv__cv, .page-template-page-hazardous-materials-handling .cv__cv, .page-template-page-car-lease .cv__cv, .page-template-page-insurance .cv__cv, .page-template-page-hydrogen-station .cv__cv {
  height: 20rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .cv__cv, .page-template-page-industrial-fuel .cv__cv, .page-template-page-gas-appliances .cv__cv, .page-template-page-reform .cv__cv, .page-template-page-industrial-lubricants .cv__cv, .page-template-page-packaging-materials .cv__cv, .page-template-page-hazardous-materials-handling .cv__cv, .page-template-page-car-lease .cv__cv, .page-template-page-insurance .cv__cv, .page-template-page-hydrogen-station .cv__cv {
    height: clamp(0rem, 13.8888888889vw, 20rem);
  }
}
.cv__cv-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.cv__cv-ttl {
  font-size: 1.6rem;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 3.2rem;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .cv__cv-ttl {
    font-size: clamp(0rem, 1.9444444444vw, 2.8rem);
    left: 50%;
    position: absolute;
    top: clamp(0rem, 3.8888888889vw, 5.6rem);
  }
}
.cv__cv-ttl:after {
  background-color: var(--wte);
  bottom: -2.4rem;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cv__cv-ttl:after {
    display: none;
  }
}
.cv__cv-flex {
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 6rem 1.6rem 0;
  row-gap: 2.4rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cv__cv-flex {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    align-items: center;
    column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    padding: 0;
    -moz-column-gap: clamp(0rem, 11.1111111111vw, 16rem);
    column-gap: clamp(0rem, 11.1111111111vw, 16rem);
  }
  .page-template-page-recruit .cv__cv-flex, .single-interview .cv__cv-flex {
    -moz-column-gap: clamp(0rem, 5.5555555556vw, 8rem);
    column-gap: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.page-template-page-electricity .cv__cv-flex, .page-template-page-industrial-fuel .cv__cv-flex, .page-template-page-gas-appliances .cv__cv-flex, .page-template-page-reform .cv__cv-flex, .page-template-page-industrial-lubricants .cv__cv-flex, .page-template-page-packaging-materials .cv__cv-flex, .page-template-page-hazardous-materials-handling .cv__cv-flex, .page-template-page-car-lease .cv__cv-flex, .page-template-page-insurance .cv__cv-flex, .page-template-page-hydrogen-station .cv__cv-flex {
  padding: 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .cv__cv-flex, .page-template-page-industrial-fuel .cv__cv-flex, .page-template-page-gas-appliances .cv__cv-flex, .page-template-page-reform .cv__cv-flex, .page-template-page-industrial-lubricants .cv__cv-flex, .page-template-page-packaging-materials .cv__cv-flex, .page-template-page-hazardous-materials-handling .cv__cv-flex, .page-template-page-car-lease .cv__cv-flex, .page-template-page-insurance .cv__cv-flex, .page-template-page-hydrogen-station .cv__cv-flex {
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .cv__cv-flex:after {
    background-color: var(--wte);
    content: "";
    display: block;
    height: clamp(0rem, 3.8888888889vw, 5.6rem);
    left: 50%;
    position: absolute;
    top: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    width: 1px;
  }
}
.cv__cv-flex-ttl {
  font-size: 2rem;
  line-height: 1.5;
  padding: 0 0 2.4rem;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .cv__cv-flex-ttl {
    border-right: 1px solid var(--wte);
    font-size: clamp(0rem, 1.6666666667vw, 2.4rem);
    padding: 0 clamp(0rem, 2.7777777778vw, 4rem) 0 0;
  }
}
.cv__cv-flex-ttl:after {
  background-color: var(--wte);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .cv__cv-flex-ttl:after {
    display: none;
  }
}
.cv__cv-flex-tel {
  align-items: center;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .cv__cv-flex-tel {
    margin: clamp(0rem, 2.2222222222vw, 3.2rem) 0 0 0;
    row-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .cv__cv-flex-tel, .page-template-page-industrial-fuel .cv__cv-flex-tel, .page-template-page-gas-appliances .cv__cv-flex-tel, .page-template-page-reform .cv__cv-flex-tel, .page-template-page-industrial-lubricants .cv__cv-flex-tel, .page-template-page-packaging-materials .cv__cv-flex-tel, .page-template-page-hazardous-materials-handling .cv__cv-flex-tel, .page-template-page-car-lease .cv__cv-flex-tel, .page-template-page-insurance .cv__cv-flex-tel, .page-template-page-hydrogen-station .cv__cv-flex-tel {
    margin: 0;
  }
}
.cv__cv-flex-tel-link {
  align-items: flex-end;
}
.cv__cv-flex-tel-link-ttl {
  display: block;
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .cv__cv-flex-tel-link-ttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.--original .cv__cv-flex-tel-link-ttl {
  line-height: 1.5;
  text-align: center;
}
.cv__cv-flex-tel-link-num {
  display: block;
  font-size: 3.5rem;
}
@media screen and (min-width: 769px) {
  .cv__cv-flex-tel-link-num {
    font-size: clamp(0rem, 3.1944444444vw, 4.6rem);
  }
}
.cv__cv-flex-tel-time {
  font-size: 1.3rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .cv__cv-flex-tel-time {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
  }
}
.cv__cv-flex-btn {
  background: var(--wte);
  color: var(--bck);
}
.cv__cv-flex-btn:after {
  background-color: var(--bck);
}

/*--------------------------------------------　page-merit
---------------------------------------------*/
.page-merit__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .page-merit__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.page-merit__list {
  flex-direction: column;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .page-merit__list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    column-gap: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.page-merit__item {
  border-radius: 1.2rem;
  padding: 1rem;
}
@media screen and (min-width: 769px) {
  .page-merit__item {
    border-radius: clamp(0rem, 0.8333333333vw, 1.2rem);
    flex: 1;
    padding: clamp(0rem, 0.6944444444vw, 1rem) clamp(0rem, 0.6944444444vw, 1rem) clamp(0rem, 2.7777777778vw, 4rem);
  }
}
@media screen and (min-width: 769px) {
  .page-merit__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .page-merit__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .page-merit__item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.page-template-page-electricity .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
  aspect-ratio: 45/41;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-electricity .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
  aspect-ratio: 45/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-reform .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
  aspect-ratio: 45/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-reform .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
  aspect-ratio: 45/44;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-reform .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
  aspect-ratio: 45/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-gas-appliances .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
  aspect-ratio: 45/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-gas-appliances .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-gas-appliances .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
  aspect-ratio: 45/44;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-gas-appliances .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-gas-appliances .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
  aspect-ratio: 45/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-gas-appliances .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-car-lease .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
  aspect-ratio: 39/45;
  height: auto;
  width: 2.9rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
    width: clamp(0rem, 2.7083333333vw, 3.9rem);
  }
}
.page-template-page-car-lease .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
  aspect-ratio: 45/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-car-lease .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
  aspect-ratio: 45/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-insurance .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
  aspect-ratio: 37/45;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-merit__item:nth-child(1) .page-merit__item-ttl-ico {
    width: clamp(0rem, 2.5694444444vw, 3.7rem);
  }
}
.page-template-page-insurance .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
  aspect-ratio: 45/46;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-merit__item:nth-child(2) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-template-page-insurance .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
  aspect-ratio: 45/44;
  height: auto;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-merit__item:nth-child(3) .page-merit__item-ttl-ico {
    width: clamp(0rem, 3.125vw, 4.5rem);
  }
}
.page-merit__item-ttl {
  align-items: center;
  background: var(--gradation-text);
  border-radius: 0.8rem;
  height: 8rem;
  justify-content: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
  margin: 0 0 1.8rem;
}
@media screen and (min-width: 769px) {
  .page-merit__item-ttl {
    border-radius: clamp(0rem, 0.5555555556vw, 0.8rem);
    height: clamp(0rem, 6.5277777778vw, 9.4rem);
    -moz-column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 1.25vw, 1.8rem);
  }
}
.page-merit__item-ttl-txt {
  font-size: 1.8rem;
  line-height: 1.5;
}
.page-template-page-electricity .page-merit__item-ttl-txt {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-merit__item-ttl-txt {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
.page-template-page-reform .page-merit__item-ttl-txt {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-merit__item-ttl-txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.page-template-page-industrial-lubricants .page-merit__item-ttl-txt {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-industrial-lubricants .page-merit__item-ttl-txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.page-template-page-gas-appliances .page-merit__item-ttl-txt {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-gas-appliances .page-merit__item-ttl-txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.page-template-page-car-lease .page-merit__item-ttl-txt {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-merit__item-ttl-txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.page-template-page-insurance .page-merit__item-ttl-txt {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-merit__item-ttl-txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
.page-merit__item-txt1 {
  font-size: 1.3rem;
  line-height: 1.65;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .page-merit__item-txt1 {
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
    padding: 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.page-template-page-electricity .page-merit__item-txt1 {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-electricity .page-merit__item-txt1 {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.page-template-page-reform .page-merit__item-txt1 {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-reform .page-merit__item-txt1 {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-template-page-industrial-lubricants .page-merit__item-txt1 {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-industrial-lubricants .page-merit__item-txt1 {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-template-page-gas-appliances .page-merit__item-txt1 {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-gas-appliances .page-merit__item-txt1 {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-template-page-car-lease .page-merit__item-txt1 {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-car-lease .page-merit__item-txt1 {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-template-page-insurance .page-merit__item-txt1 {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .page-template-page-insurance .page-merit__item-txt1 {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-merit__item-txt2 {
  font-size: 1rem;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .page-merit__item-txt2 {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    padding: 0 clamp(0rem, 2.0833333333vw, 3rem);
  }
}

/*--------------------------------------------　page-service
---------------------------------------------*/
.page-service__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .page-service__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.page-service__list {
  flex-direction: column;
  justify-content: center;
  margin: 0 0 1.6rem;
  row-gap: 1.5rem;
}
@media screen and (min-width: 769px) {
  .page-service__list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.page-service__item {
  border-radius: 1.5rem;
  padding: 1rem;
}
@media screen and (min-width: 769px) {
  .page-service__item {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    padding: clamp(0rem, 0.6944444444vw, 1rem);
    width: clamp(0rem, 24.6527777778vw, 35.5rem);
  }
}
@media screen and (min-width: 769px) {
  .page-service__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .page-service__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .page-service__item:nth-child(3n+3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
.page-service__item-img {
  border-radius: 1.5rem;
  margin: 0 0 1rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .page-service__item-img {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    margin: 0 0 clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.page-service__item-img-txt {
  bottom: 1rem;
  font-size: 2rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .page-service__item-img-txt {
    bottom: clamp(0rem, 0.6944444444vw, 1rem);
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    left: 50%;
    position: absolute;
  }
}
.page-service__item-txt {
  font-size: 1.3rem;
  line-height: 1.65;
}
@media screen and (min-width: 769px) {
  .page-service__item-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-service__txt {
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .page-service__txt {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}

/*--------------------------------------------　page-Point
---------------------------------------------*/
.page-point__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .page-point__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.page-point__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .page-point__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.page-point__list {
  flex-direction: column;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .page-point__list {
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.0833333333vw, 3rem);
    column-gap: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.page-point__item {
  aspect-ratio: 1210/660;
  position: relative;
}
@media screen and (min-width: 769px) {
  .page-point__item {
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .page-point__item:nth-child(3n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .page-point__item:nth-child(3n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
.page-point__item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-point__item-ttl {
  align-items: center;
  font-size: 2rem;
  height: 100%;
  padding: 2.8rem 0 0;
  row-gap: 2.4rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .page-point__item-ttl {
    font-size: clamp(0rem, 1.7361111111vw, 2.5rem);
    padding: clamp(0rem, 7.2222222222vw, 10.4rem) 0 0;
  }
}
.page-point__item-ttl-en {
  font-size: 1.3rem;
  letter-spacing: 0.2em;
  row-gap: clamp(0rem, 0.6944444444vw, 1rem);
}
@media screen and (min-width: 769px) {
  .page-point__item-ttl-en {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.page-point__item-ttl-jp {
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .page-point__item-ttl-jp {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
  }
}

/*--------------------------------------------　page-pager
---------------------------------------------*/
.page-pager .wp-pagenavi {
  display: flex;
  justify-content: center;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  flex-wrap: wrap;
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .page-pager .wp-pagenavi {
    -moz-column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    column-gap: clamp(0rem, 1.3888888889vw, 2rem);
    row-gap: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.page-pager .wp-pagenavi .extend {
  display: none;
}
.page-pager .wp-pagenavi .current,
.page-pager .wp-pagenavi .page,
.page-pager .wp-pagenavi .nextpostslink,
.page-pager .wp-pagenavi .last,
.page-pager .wp-pagenavi .first,
.page-pager .wp-pagenavi .previouspostslink {
  align-items: center;
  background-color: var(--wte);
  border: 1px solid var(--wte);
  border-radius: 0.4rem;
  color: var(--bck);
  display: flex;
  font-size: 1.3rem;
  font-weight: var(--bold);
  height: 4rem;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s var(--ease-hover);
  width: 4rem;
}
@media screen and (min-width: 769px) {
  .page-pager .wp-pagenavi .current,
  .page-pager .wp-pagenavi .page,
  .page-pager .wp-pagenavi .nextpostslink,
  .page-pager .wp-pagenavi .last,
  .page-pager .wp-pagenavi .first,
  .page-pager .wp-pagenavi .previouspostslink {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    height: clamp(0rem, 3.4722222222vw, 5rem);
    width: clamp(0rem, 3.4722222222vw, 5rem);
  }
}
.page-pager .wp-pagenavi .current:hover,
.page-pager .wp-pagenavi .page:hover,
.page-pager .wp-pagenavi .nextpostslink:hover,
.page-pager .wp-pagenavi .last:hover,
.page-pager .wp-pagenavi .first:hover,
.page-pager .wp-pagenavi .previouspostslink:hover {
  background-color: var(--theme);
  color: var(--wte);
}
.page-pager .wp-pagenavi .current {
  background-color: var(--bck);
  border: 1px solid var(--bck);
  color: var(--wte);
}
.page-pager .wp-pagenavi .nextpostslink,
.page-pager .wp-pagenavi .previouspostslink {
  width: 5.6rem;
}
@media screen and (min-width: 769px) {
  .page-pager .wp-pagenavi .nextpostslink,
  .page-pager .wp-pagenavi .previouspostslink {
    width: clamp(0rem, 5vw, 7.2rem);
  }
}
.page-pager .wp-pagenavi .last,
.page-pager .wp-pagenavi .first {
  width: 7.2rem;
}
@media screen and (min-width: 769px) {
  .page-pager .wp-pagenavi .last,
  .page-pager .wp-pagenavi .first {
    width: clamp(0rem, 6.25vw, 9rem);
  }
}

/*--------------------------------------------　plgas-lead
---------------------------------------------*/
.plgas-lead__inner {
  padding: 7.2rem 0 0;
}
@media screen and (min-width: 769px) {
  .plgas-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.plgas-lead__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .plgas-lead__txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}

/*--------------------------------------------　plgas-price
---------------------------------------------*/
.plgas-price__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.plgas-price__list {
  margin: 0 0 2.4rem;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__list {
    margin: 0 0 clamp(0rem, 3.8888888889vw, 5.6rem);
    row-gap: clamp(0rem, 3.8888888889vw, 5.6rem);
  }
}
.plgas-price__item {
  height: 55rem;
  padding: 2.4rem 1.6rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__item {
    align-items: center;
    height: clamp(0rem, 26.9444444444vw, 38.8rem);
    justify-content: flex-end;
    padding: 0 clamp(0rem, 3.3333333333vw, 4.8rem);
  }
}
.plgas-price__item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.plgas-price__item-cnt {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt {
    width: auto;
  }
}
.plgas-price__item-cnt-ttl-box {
  align-items: flex-start;
  flex-direction: column;
  margin: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-ttl-box {
    align-items: flex-end;
    flex-direction: row;
    -moz-column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.plgas-price__item-cnt-ttl-box-txt {
  align-items: center;
  background: var(--gradation-text);
  font-size: 1.3rem;
  height: 4rem;
  justify-content: center;
  margin: 0 0 13.4rem;
  padding: 0 1.2rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-ttl-box-txt {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    height: clamp(0rem, 2.7777777778vw, 4rem);
    margin: 0;
    padding: 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.plgas-price__item-cnt-ttl-box-txt:after {
  aspect-ratio: 13/39;
  background-image: url("../img/common/bubble-triangle.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: -1.3rem;
  top: 0;
  width: auto;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-ttl-box-txt:after {
    position: absolute;
    right: clamp(-1.3rem, -0.9027777778vw, 0rem);
    top: 0;
  }
}
.plgas-price__item-cnt-ttl-box-price {
  align-items: flex-end;
  margin: 0 1.6rem 0 auto;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-ttl-box-price {
    margin: 0;
  }
}
.plgas-price__item-cnt-ttl-box-price-num {
  font-size: 6.4rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-ttl-box-price-num {
    font-size: clamp(0rem, 4.4444444444vw, 6.4rem);
  }
}
.plgas-price__item-cnt-ttl-box-price-yen {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-ttl-box-price-yen {
    font-size: clamp(0rem, 2.0833333333vw, 3rem);
  }
}
.plgas-price__item-cnt-ttl-box-price-tax {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-ttl-box-price-tax {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.plgas-price__item-cnt-break {
  border-radius: 1.2rem;
  padding: 2rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break {
    border-radius: clamp(0rem, 0.8333333333vw, 1.2rem);
    padding: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.plgas-price__item-cnt-break-ttl {
  font-size: 2rem;
  letter-spacing: 1em;
  margin: 0 0 1.2rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break-ttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.plgas-price__item-cnt-break-list {
  flex-wrap: wrap;
  -moz-column-gap: 1.4rem;
  column-gap: 1.4rem;
  justify-content: center;
  row-gap: 1.4rem;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break-list {
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.plgas-price__item-cnt-break-item {
  background-color: #ECE9DC;
  border-radius: 0.8rem;
  padding: 1.6rem 1rem;
  width: calc(50% - 0.7rem);
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break-item {
    border-radius: clamp(0rem, 0.5555555556vw, 0.8rem);
    padding: clamp(0rem, 1.6666666667vw, 2.4rem);
    width: calc(33.3333% - clamp(0rem, 1.3888888889vw, 2rem) / 3);
  }
}
.plgas-price__item-cnt-break-item:nth-child(1) {
  width: 50%;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break-item:nth-child(1) {
    width: calc(33.3333% - clamp(0rem, 1.3888888889vw, 2rem) / 3);
  }
}
.plgas-price__item-cnt-break-item-ttl {
  font-size: 1.6rem;
  margin: 0 0 0.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break-item-ttl {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.plgas-price__item-cnt-break-item-price {
  font-size: 3.2rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break-item-price {
    font-size: clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.plgas-price__item-cnt-break-item-price-yen {
  font-size: 2rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .plgas-price__item-cnt-break-item-price-yen {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.plgas-price__table {
  height: 40rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .plgas-price__table {
    height: clamp(0rem, 55.5555555556vw, 80rem);
  }
}

/*--------------------------------------------　recruit-news
---------------------------------------------*/
.recruit-news__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .recruit-news__inner {
    padding: clamp(0rem, 8.4722222222vw, 12.2rem) clamp(0rem, 2.7777777778vw, 4rem) 0 clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.recruit-news__flex {
  flex-direction: column;
  row-gap: 4rem;
}
@media screen and (min-width: 769px) {
  .recruit-news__flex {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .recruit-news__flex1 {
    flex: 1;
  }
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2 {
    width: clamp(0rem, 56.4583333333vw, 81.3rem);
  }
}
.recruit-news__flex2-list {
  border-top: 1px solid var(--bck);
  margin: 0 0 5.6rem;
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2-list {
    margin: 0;
  }
}
.recruit-news__flex2-link {
  padding: 2.4rem 0;
  position: relative;
  row-gap: 1.6rem;
  transition: background-size 0.5s var(--ease-hover), color 0.5s var(--ease-hover), background-color 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2-link {
    padding: clamp(0rem, 2.2916666667vw, 3.3rem) clamp(0rem, 1.1111111111vw, 1.6rem);
    row-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.recruit-news__flex2-link.js-touch-acv {
  background-color: rgba(213, 141, 82, 0.05);
}
.recruit-news__flex2-link:after {
  background-color: var(--bck);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.recruit-news__flex2-link-date-cat {
  align-items: center;
  letter-spacing: 0em;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2-link-date-cat {
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.recruit-news__flex2-link-date {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2-link-date {
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
  }
}
.recruit-news__flex2-link-cat {
  align-items: center;
  background-color: #DDD9CA;
  border-radius: 0.4rem;
  font-size: 1.1rem;
  height: 2.3rem;
  justify-content: center;
  padding: 0 0.3rem;
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2-link-cat {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.7638888889vw, 1.1rem);
    height: clamp(0rem, 1.5972222222vw, 2.3rem);
    padding: 0 clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.recruit-news__flex2-link-txt {
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2-link-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
@media screen and (min-width: 769px) {
  .recruit-news__flex2-btn {
    margin: clamp(-5.9rem, -4.0972222222vw, 0rem) 0 0 clamp(-42.7rem, -29.6527777778vw, 0rem);
  }
}

/*--------------------------------------------　recruit-slider
---------------------------------------------*/
.recruit-slider__slide1-splide-slide {
  aspect-ratio: 3436/1004;
  margin: 0 0.4rem 0 0;
  width: 85.9rem;
}
@media screen and (min-width: 769px) {
  .recruit-slider__slide1-splide-slide {
    margin: 0 clamp(0rem, 0.2777777778vw, 0.4rem) 0 0;
    width: clamp(0rem, 119.3055555556vw, 171.8rem);
  }
}

/*--------------------------------------------　recruit-person
---------------------------------------------*/
.recruit-person__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .recruit-person__inner {
    padding: clamp(0rem, 8.4722222222vw, 12.2rem) clamp(0rem, 2.7777777778vw, 4rem) 0 clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.recruit-person__lead {
  font-size: 1.3rem;
  letter-spacing: 0em;
  line-height: 1.9;
  margin: 0 0 2.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .recruit-person__lead {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.recruit-person__policy-ttl {
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__policy-ttl {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.recruit-person__policy-ttl:before, .recruit-person__policy-ttl:after {
  aspect-ratio: 8/43;
  background-image: url("../img/recruit/ico-kakko.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: auto;
  width: 0.6rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__policy-ttl:before, .recruit-person__policy-ttl:after {
    width: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.recruit-person__policy-ttl:after {
  transform: scale(-1, 1);
}
.recruit-person__list {
  border-radius: 1.5rem;
  margin: 0 0 4rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__list {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    margin: 0 0 clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.recruit-person__item {
  align-items: center;
  flex-direction: column;
  padding: 0 2.4rem;
  padding: 3.2rem 2.4rem;
  position: relative;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__item {
    flex-direction: row;
    height: clamp(0rem, 8.8888888889vw, 12.8rem);
    padding: 0 clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.recruit-person__item:nth-child(1) .recruit-person__item-ttl:before {
  content: "01";
}
.recruit-person__item:nth-child(2) .recruit-person__item-ttl:before {
  content: "02";
}
.recruit-person__item:nth-child(3) .recruit-person__item-ttl:before {
  content: "03";
}
.recruit-person__item:nth-child(4) .recruit-person__item-ttl:before {
  content: "04";
}
.recruit-person__item:nth-child(5) .recruit-person__item-ttl:before {
  content: "05";
}
.recruit-person__item:nth-child(6) .recruit-person__item-ttl:before {
  content: "06";
}
.recruit-person__item:not(:last-child):after {
  background-color: var(--bdr);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100% - 4.8rem);
}
@media screen and (min-width: 769px) {
  .recruit-person__item:not(:last-child):after {
    width: calc(100% - clamp(0rem, 11.1111111111vw, 16rem));
  }
}
.recruit-person__item-ttl {
  font-size: 2rem;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .recruit-person__item-ttl {
    font-size: clamp(0rem, 2.2222222222vw, 3.2rem);
    width: 50%;
  }
}
.recruit-person__item-ttl:before {
  font-family: var(--font-en);
  font-size: 1.6rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
  .recruit-person__item-ttl:before {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.recruit-person__item-txt {
  flex: 1;
  font-size: 1.3rem;
  letter-spacing: 0em;
  line-height: 1.9;
}
@media screen and (min-width: 769px) {
  .recruit-person__item-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.recruit-person__interview-list {
  flex-direction: column;
  margin: 0 0 3.2rem;
  row-gap: 2.4rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-list {
    -moz-column-gap: clamp(0rem, 3.8888888889vw, 5.6rem);
    column-gap: clamp(0rem, 3.8888888889vw, 5.6rem);
    flex-direction: row;
    margin: 0 0 clamp(0rem, 4.1666666667vw, 6rem);
  }
}
.recruit-person__interview-item {
  flex: 1;
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-item:nth-child(1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-item:nth-child(2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
.recruit-person__interview-item-link {
  display: block;
}
.recruit-person__interview-item-img {
  border-radius: 1.6rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-item-img {
    border-radius: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.recruit-person__interview-item-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .recruit-person__interview-item-img img {
  transform: scale(1.1);
}
.recruit-person__interview-item-date {
  color: #818181;
  font-size: 1.3rem;
  letter-spacing: 0em;
  margin: 0 0 1rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-item-date {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.recruit-person__interview-item-ttl {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 2.4rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-item-ttl {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    margin: 0 0 clamp(0rem, 2.2222222222vw, 3.2rem);
  }
}
.recruit-person__interview-item-list {
  flex-wrap: wrap;
  row-gap: 0.8rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-item-list {
    row-gap: clamp(0rem, 0.6944444444vw, 1rem);
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.recruit-person__interview-item-item-link {
  border: 1px solid var(--accent);
  border-radius: 9999px;
  display: block;
  letter-spacing: 0em;
  padding: 0.4rem 0.8rem;
  transition: 0.3s var(--ease-hover);
}
@media screen and (min-width: 769px) {
  .recruit-person__interview-item-item-link {
    padding: clamp(0rem, 0.2777777778vw, 0.4rem) clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.recruit-person__interview-item-item-link.js-touch-acv {
  background-color: var(--accent);
  color: var(--wte);
}
.recruit-person__interview-btn {
  margin: 0 auto;
}
.recruit-person__career {
  padding: 7.2rem 0;
}
@media screen and (min-width: 769px) {
  .recruit-person__career {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.recruit-person__career-list {
  flex-direction: column;
  margin: 0 0 2.4rem;
  row-gap: 0.5rem;
}
@media screen and (min-width: 769px) {
  .recruit-person__career-list {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    flex-direction: row;
    margin: 0 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.recruit-person__career-item {
  aspect-ratio: 608/551;
  flex: 1;
  position: relative;
}
@media screen and (min-width: 769px) {
  .recruit-person__career-item:nth-child(1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .recruit-person__career-item:nth-child(2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .recruit-person__career-item:nth-child(3) {
    transition: opacity 1.5s var(--ease-base), transform 1.5s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .recruit-person__career-item:nth-child(4) {
    transition: opacity 1.5s var(--ease-base), transform 1.75s var(--ease-base);
  }
}
.recruit-person__career-item-img {
  aspect-ratio: 608/551;
  left: 0;
  position: absolute;
  top: 0;
}
.recruit-person__career-item-ttl {
  bottom: 2.4rem;
  font-size: 1.8rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .recruit-person__career-item-ttl {
    bottom: clamp(0rem, 1.6666666667vw, 2.4rem);
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    left: 50%;
    position: absolute;
  }
}
.recruit-person__career-btn {
  margin: 0 auto;
}

/*--------------------------------------------　recruit-faq
---------------------------------------------*/
.recruit-faq__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .recruit-faq__inner {
    padding: clamp(0rem, 8.4722222222vw, 12.2rem) clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.recruit-faq__lead {
  font-size: 1.8rem;
  line-height: 1.7;
  margin: 0 0 2.4rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .recruit-faq__lead {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.recruit-faq__list {
  margin: 0 auto;
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .recruit-faq__list {
    max-width: clamp(0rem, 71.3888888889vw, 102.8rem);
    row-gap: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.recruit-faq__item-q {
  align-items: center;
  border-radius: 0.8rem;
  cursor: pointer;
  padding: 1.6rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  transition: background-color 0.3s var(--ease-hover);
  user-select: none;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .recruit-faq__item-q {
    border-radius: clamp(0rem, 0.5555555556vw, 0.8rem);
    padding: clamp(0rem, 1.6666666667vw, 2.4rem);
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.recruit-faq__item-q.js-touch-acv {
  background-color: #FFF7F1;
}
.recruit-faq__item-q-ico {
  aspect-ratio: 17/18;
  height: auto;
  width: 1.7rem;
}
@media screen and (min-width: 769px) {
  .recruit-faq__item-q-ico {
    width: clamp(0rem, 1.1805555556vw, 1.7rem);
  }
}
.recruit-faq__item-q-txt, .recruit-faq__item-a-txt {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.7;
  padding: 0 2.4rem 0 0;
  position: relative;
}
@media screen and (min-width: 769px) {
  .recruit-faq__item-q-txt, .recruit-faq__item-a-txt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    padding: 0 lampVw(0, 24, 1440) 0 0;
  }
}
.recruit-faq__item-q-txt-ico {
  aspect-ratio: 16/10;
  height: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(1, -1);
  transition: transform 0.3s var(--ease-base);
  width: 0.8rem;
}
@media screen and (min-width: 769px) {
  .recruit-faq__item-q-txt-ico {
    width: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.active .recruit-faq__item-q-txt-ico {
  transform: translateY(-50%);
}
.recruit-faq__item-a {
  padding: 0 1.6rem;
  transition: 0.3s var(--ease-base);
  -moz-column-gap: 0.8rem;
  align-items: flex-start;
  column-gap: 0.8rem;
  height: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 769px) {
  .recruit-faq__item-a {
    -moz-column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    column-gap: clamp(0rem, 0.6944444444vw, 1rem);
    padding: 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.active .recruit-faq__item-a {
  margin: 1.6rem 0;
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 769px) {
  .active .recruit-faq__item-a {
    margin: clamp(0rem, 1.6666666667vw, 2.4rem) 0;
  }
}
.recruit-faq__item-a-ico {
  aspect-ratio: 15/14;
  height: auto;
  margin: 0.4rem 0 0;
  width: 1.5rem;
}
@media screen and (min-width: 769px) {
  .recruit-faq__item-a-ico {
    margin: clamp(0rem, 0.5555555556vw, 0.8rem) 0 0;
    width: clamp(0rem, 1.0416666667vw, 1.5rem);
  }
}

/*--------------------------------------------　reform-lead
---------------------------------------------*/
.reform-lead__inner {
  padding: 7.2rem 0;
}
@media screen and (min-width: 769px) {
  .reform-lead__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.reform-lead__txt {
  font-size: 1.3rem;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .reform-lead__txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}

/*--------------------------------------------　reform-sliders
---------------------------------------------*/
.reform-sliders__slide {
  row-gap: 1rem;
}
@media screen and (min-width: 769px) {
  .reform-sliders__slide {
    row-gap: clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.reform-sliders__slide1-splide-slide {
  aspect-ratio: 1184/800;
  height: auto;
  margin: 0 1rem 0 0;
  width: 32rem;
}
@media screen and (min-width: 769px) {
  .reform-sliders__slide1-splide-slide {
    margin: 0 clamp(0rem, 0.6944444444vw, 1rem) 0 0;
    width: clamp(0rem, 41.1111111111vw, 59.2rem);
  }
}

/*--------------------------------------------　reform-lists
---------------------------------------------*/
.reform-lists__inner {
  padding: 3.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .reform-lists__inner {
    padding: clamp(0rem, 5.5555555556vw, 8rem) 0;
  }
}
.reform-lists__flex {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .reform-lists__flex {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}
.reform-lists__flex1 {
  border-bottom: 1px solid var(--bdr);
  margin: 0 0 3rem;
  padding: 0 0 3rem;
}
@media screen and (min-width: 769px) {
  .reform-lists__flex1 {
    border-bottom: none;
    margin: 0;
    padding: 0;
  }
}
.reform-lists__flex1-txt {
  font-size: 2rem;
}
@media screen and (min-width: 769px) {
  .reform-lists__flex1-txt {
    font-size: clamp(0rem, 1.8055555556vw, 2.6rem);
  }
}
@media screen and (min-width: 769px) {
  .reform-lists__flex2 {
    border-left: 1px solid var(--bdr);
    margin: 0 0 0 clamp(0rem, 3.4722222222vw, 5rem);
    padding: 0 0 0 clamp(0rem, 3.4722222222vw, 5rem);
  }
}
.reform-lists__flex2-list {
  row-gap: 2rem;
}
@media screen and (min-width: 769px) {
  .reform-lists__flex2-list {
    row-gap: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.reform-lists__flex2-item {
  font-size: 1.3rem;
  letter-spacing: 0em;
  position: relative;
  white-space: nowrap;
  width: calc(50% - 1.6rem);
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .reform-lists__flex2-item {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
    width: calc(25% - clamp(0rem, 8.3333333333vw, 12rem) / 3);
    -moz-column-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
    align-items: center;
    column-gap: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.reform-lists__flex2-item:before {
  background-image: url("../img/ss/ico-chk.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 2rem;
  width: 2rem;
}
@media screen and (min-width: 769px) {
  .reform-lists__flex2-item:before {
    height: clamp(0rem, 1.25vw, 1.8rem);
    margin: 0;
    width: clamp(0rem, 1.25vw, 1.8rem);
  }
}

/*--------------------------------------------　ss-archive
---------------------------------------------*/
.ss-archive__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .ss-archive__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.ss-archive__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .ss-archive__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.ss-archive__map {
  height: auto;
  width: 100%;
}

/*--------------------------------------------　ss-service
---------------------------------------------*/
.ss-service__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .ss-service__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.ss-service__ttl {
  align-items: center;
}
.ss-service__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .ss-service__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.ss-service__ttl1-en {
  text-align: center;
}
.ss-service__ttl2-txt {
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .ss-service__ttl2-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.ss-service__list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
@media screen and (min-width: 769px) {
  .ss-service__list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.ss-service__item {
  position: relative;
  width: 100%;
}
.ss-service__item:not(.ss-service__item.--parent) {
  aspect-ratio: 335/200;
}
@media screen and (min-width: 769px) {
  .ss-service__item:not(.ss-service__item.--parent) {
    aspect-ratio: 1240/290;
  }
}
.ss-service__item-link, .ss-service__link {
  align-items: flex-end;
  height: 100%;
  width: 100%;
}
.ss-service__item-list {
  row-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .ss-service__item-list {
    row-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    flex-direction: row;
  }
}
.ss-service__item-list.--2 {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .ss-service__item-list.--2 {
    flex-direction: row;
  }
}
.ss-service__item-item {
  aspect-ratio: 335/200;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item {
    aspect-ratio: 1230/440;
    width: calc(50% - clamp(0rem, 0.2083333333vw, 0.3rem));
  }
}
@media screen and (min-width: 769px) {
  .ss-service__item-item:nth-child(1n+1) {
    transition: opacity 1s var(--ease-base), transform 1s var(--ease-base);
  }
}
@media screen and (min-width: 769px) {
  .ss-service__item-item:nth-child(2n+2) {
    transition: opacity 1.25s var(--ease-base), transform 1.25s var(--ease-base);
  }
}
.ss-service__item-link {
  padding: 0 1rem;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .ss-service__item-link {
    padding: 0 clamp(0rem, 1.7361111111vw, 2.5rem);
  }
}
.ss-service__link {
  padding: 0 1rem;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .ss-service__link {
    padding: 0;
  }
}
.ss-service__item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  flex-direction: row !important;
  justify-content: center;
  padding: 1.6rem 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-service__item-cnt {
    border: none;
    flex-direction: column !important;
    height: 100%;
    padding: 0;
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
    width: clamp(0rem, 23.1944444444vw, 33.4rem);
  }
}
.ss-service__item-cnt:after {
  display: none;
}
@media screen and (min-width: 769px) {
  .ss-service__item-cnt:after {
    background-color: var(--wte);
    content: "";
    display: block;
    height: calc(100% - clamp(0rem, 3.4722222222vw, 5rem));
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.1rem;
  }
}
.ss-service__item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .ss-service__item-cnt-ttl {
    flex: 0;
    flex-direction: row;
    margin: clamp(0rem, 1.1111111111vw, 1.6rem) 0 0;
  }
}
.ss-service__item-item-cnt {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 1.6rem 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item-cnt {
    padding: clamp(0rem, 1.6666666667vw, 2.4rem) 0;
  }
}
.ss-service__item-item-cnt-ttl {
  flex: 1;
  flex-direction: column;
  row-gap: 0.4rem;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item-cnt-ttl {
    align-items: flex-start;
    flex-direction: row;
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.ss-service__item-item-cnt-ttl-txt, .ss-service__item-cnt-ttl-txt {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item-cnt-ttl-txt, .ss-service__item-cnt-ttl-txt {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
  }
}
@media screen and (min-width: 769px) {
  .--v .ss-service__item-item-cnt-ttl-txt, .--v .ss-service__item-cnt-ttl-txt {
    text-align: center;
  }
}
.ss-service__item-cnt-ttl-stxt {
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .ss-service__item-cnt-ttl-stxt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.ss-service__item-item-cnt-ttl-stxt {
  font-size: 1rem;
  letter-spacing: 0em;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item-cnt-ttl-stxt {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.ss-service__item-item-cnt-btn, .ss-service__item-cnt-btn {
  display: none;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item-cnt-btn, .ss-service__item-cnt-btn {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    height: clamp(0rem, 2.2916666667vw, 3.3rem);
    width: clamp(0rem, 6.7361111111vw, 9.7rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    align-items: center;
    border: 0.1rem solid var(--wte);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    display: flex;
    justify-content: center;
    transition: background-color 0.3s var(--ease-hover);
  }
}
.ss-service__item-item-cnt-btn:before, .ss-service__item-cnt-btn:before {
  display: none;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item-cnt-btn:before, .ss-service__item-cnt-btn:before {
    background-color: var(--wte);
    border-radius: 50%;
    content: "";
    display: block;
    height: clamp(0rem, 0.2777777778vw, 0.4rem);
    width: clamp(0rem, 0.2777777778vw, 0.4rem);
  }
}
.js-touch-acv .ss-service__item-item-cnt-btn, .js-touch-acv .ss-service__item-cnt-btn {
  background-color: rgba(213, 141, 82, 0.25);
}
.ss-service__item-item-cnt-ico, .ss-service__item-cnt-ico {
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  height: 3.2rem;
  justify-content: center;
  opacity: 0;
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .ss-service__item-item-cnt-ico, .ss-service__item-cnt-ico {
    display: none;
  }
}
.ss-service__item-img, .ss-service__item-item-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ss-service__item-img img, .ss-service__item-item-img img {
  transition: transform 1s var(--ease-hover);
}
.js-touch-acv .ss-service__item-img img, .js-touch-acv .ss-service__item-item-img img {
  transform: scale(1.1);
}

/*--------------------------------------------　ss-pay
---------------------------------------------*/
.ss-pay__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .ss-pay__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) clamp(0rem, 5.2777777778vw, 7.6rem);
  }
}
.ss-pay__ttl {
  align-items: center;
}
.ss-pay__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .ss-pay__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.ss-pay__ttl1-en {
  text-align: center;
}
.ss-pay__ttl2-txt {
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .ss-pay__ttl2-txt {
    font-size: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.ss-pay__list {
  border: 2rem;
  flex-wrap: wrap;
  row-gap: 2rem;
  -moz-column-gap: 1.6rem;
  border: 0.5rem solid #e8dcca;
  border-radius: 1.6rem;
  column-gap: 1.6rem;
  padding: 4rem 2rem;
}
@media screen and (min-width: 769px) {
  .ss-pay__list {
    row-gap: clamp(0rem, 1.9444444444vw, 2.8rem);
    -moz-column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    border: clamp(0rem, 0.3472222222vw, 0.5rem) solid #e8dcca;
    border-radius: clamp(0rem, 1.3888888889vw, 2rem);
    column-gap: clamp(0rem, 2.7777777778vw, 4rem);
    padding: clamp(0rem, 2.7777777778vw, 4rem) clamp(0rem, 3.8888888889vw, 5.6rem);
  }
}
.ss-pay__item {
  font-size: 1.4rem;
  letter-spacing: 0em;
  position: relative;
  white-space: nowrap;
  width: calc(50% - 1.6rem);
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .ss-pay__item {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    width: calc(25% - clamp(0rem, 8.3333333333vw, 12rem) / 3);
    -moz-column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
    align-items: center;
    column-gap: clamp(0rem, 0.4166666667vw, 0.6rem);
  }
}
.ss-pay__item:before {
  background-image: url("../img/ss/ico-chk.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 1.2rem;
  margin: 0.4rem 0 0;
  width: 1.2rem;
}
@media screen and (min-width: 769px) {
  .ss-pay__item:before {
    height: clamp(0rem, 1.25vw, 1.8rem);
    margin: 0;
    width: clamp(0rem, 1.25vw, 1.8rem);
  }
}
.ss-pay__item-txt-inner-s {
  font-size: 0.9rem;
  margin: 0 0 0 -1.6rem;
}
@media screen and (min-width: 769px) {
  .ss-pay__item-txt-inner-s {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
    margin: 0 0 0 clamp(-0.8rem, -0.5555555556vw, 0rem);
  }
}

/*--------------------------------------------　ss-station
---------------------------------------------*/
.ss-station__inner {
  padding: 7.2rem 2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0;
  }
}
.ss-station__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .ss-station__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.ss-station__flex {
  flex-direction: column;
  row-gap: 4.8rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .ss-station__flex1 {
    left: 0;
    position: sticky;
    top: clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.ss-station__flex1-list {
  row-gap: 1.6rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex1-list {
    row-gap: clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.ss-station__flex1-item.--active .ss-station__flex1-link {
  opacity: 1;
}
.ss-station__flex1-item.--active .ss-station__flex1-link:before {
  opacity: 1;
}
.ss-station__flex1-link {
  align-items: center;
  font-size: 1.6rem;
  transition: opacity 0.3s var(--ease-hover);
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
  opacity: 0.22;
}
@media screen and (min-width: 769px) {
  .ss-station__flex1-link {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.ss-station__flex1-link:before {
  background: linear-gradient(to left, #D58D52, #B33306);
  border-radius: 50%;
  content: "";
  display: block;
  height: 1rem;
  opacity: 0;
  transition: opacity 0.3s var(--ease-hover);
  width: 1rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex1-link:before {
    height: clamp(0rem, 0.8333333333vw, 1.2rem);
    width: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.ss-station__flex2 {
  row-gap: 8rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2 {
    margin: clamp(-10rem, -6.9444444444vw, 0rem) 0 0;
    row-gap: clamp(0rem, 11.1111111111vw, 16rem);
    width: clamp(0rem, 49.3055555556vw, 71rem);
  }
}
@media screen and (min-width: 769px) {
  .page-template-page-career .ss-station__flex2 {
    margin: 0;
  }
}
.ss-station__flex2-cnt-ttl {
  align-items: center;
  font-size: 1.6rem;
  -moz-column-gap: 1.2rem;
  column-gap: 1.2rem;
  margin: 0 0 1.6rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-ttl {
    font-size: clamp(0rem, 1.875vw, 2.7rem);
    -moz-column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    column-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
    margin: 0 0 clamp(0rem, 1.9444444444vw, 2.8rem);
  }
}
.ss-station__flex2-cnt-ttl:before {
  background: linear-gradient(to bottom, #D58D52, #B33306);
  content: "";
  display: block;
  height: 3.5rem;
  width: 0.5rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-ttl:before {
    height: clamp(0rem, 2.6388888889vw, 3.8rem);
    width: clamp(0rem, 0.3472222222vw, 0.5rem);
  }
}
.ss-station__flex2-cnt-dls {
  margin: 0 0 3.2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-dls {
    margin: 0 0 clamp(0rem, 2.4305555556vw, 3.5rem);
  }
}
.ss-station__flex2-cnt-dl {
  border-bottom: 1px dashed var(--bdr);
  flex-direction: column;
  padding: 2.4rem 0;
  row-gap: 1.2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-dl {
    align-items: center;
    flex-direction: row;
    padding: clamp(0rem, 0.9027777778vw, 1.3rem) 0;
  }
}
.ss-station__flex2-cnt-dt {
  font-size: 1.6rem;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-dt {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
    width: clamp(0rem, 12.6388888889vw, 18.2rem);
  }
}
.ss-station__flex2-cnt-dd {
  flex: 1;
  font-size: 1.3rem;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-dd {
    font-size: clamp(0rem, 0.9722222222vw, 1.4rem);
  }
}
.ss-station__flex2-cnt-img {
  aspect-ratio: 710/406;
  height: auto;
  margin: 0 0 0.8rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-img {
    margin: 0 0 clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.ss-station__flex2-cnt-map {
  aspect-ratio: 710/226;
  margin: 0 0 0.8rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-map {
    margin: 0 0 clamp(0rem, 0.6944444444vw, 1rem);
  }
}
.ss-station__flex2-cnt-bnrs {
  margin: 0 0 2.4rem;
  position: relative;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-bnrs {
    margin: 0 0 clamp(0rem, 3.125vw, 4.5rem);
  }
}
.ss-station__flex2-cnt-bnrs-slide {
  aspect-ratio: 460/188;
  height: auto;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-bnrs-slide {
    margin: 0 clamp(0rem, 0.6944444444vw, 1rem) 0 0;
    width: clamp(0rem, 15.9722222222vw, 23rem);
  }
}
.ss-station__flex2-cnt-bnrs-slide-link img {
  transition: transform 1s var(--ease-hover);
}
.ss-station__flex2-cnt-bnrs-slide-link.js-touch-acv img {
  transform: scale(1.1);
}
.ss-station__flex2-cnt-bnrs-arrow {
  height: 2.8rem;
  justify-content: space-between;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  width: calc(100% + 2.8rem);
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-bnrs-arrow {
    height: clamp(0rem, 1.9444444444vw, 2.8rem);
    width: calc(100% + clamp(0rem, 1.9444444444vw, 2.8rem));
  }
}
.ss-station__flex2-cnt-bnrs-arrow .splide__arrow {
  -moz-appearance: none;
  -webkit-appearance: none;
  aspect-ratio: 1/1;
  background: none transparent;
  background-color: var(--bck);
  border: 0;
  border-radius: 0;
  border-radius: 50%;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  height: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  pointer-events: auto;
  transition: 0.3s background-color var(--ease-hover);
  vertical-align: middle;
  width: auto;
}
.ss-station__flex2-cnt-bnrs-arrow .splide__arrow:hover {
  background-color: var(--orange);
}
.ss-station__flex2-cnt-bnrs-arrow .splide__arrow.splide__arrow-prev {
  background-image: url("../img/common/ico-slider-prev.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 1.2rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-bnrs-arrow .splide__arrow.splide__arrow-prev {
    background-size: clamp(0rem, 0.8333333333vw, 1.2rem) clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.ss-station__flex2-cnt-bnrs-arrow .splide__arrow.splide__arrow-next {
  background-image: url("../img/common/ico-slider-next.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 1.2rem 0.8rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-bnrs-arrow .splide__arrow.splide__arrow-next {
    background-size: clamp(0rem, 0.8333333333vw, 1.2rem) clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.ss-station__flex2-cnt-bnrs-arrow .splide__arrow svg {
  display: none;
}
.ss-station__flex2-cnt-service {
  margin: 2.4rem 0 2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-service {
    margin: clamp(0rem, 3.125vw, 4.5rem) 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.ss-station__flex2-cnt-service-ttl {
  font-size: 1.6rem;
  margin: 0 0 2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-service-ttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.ss-station__flex2-cnt-service-list {
  flex-wrap: wrap;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  row-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-service-list {
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    row-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.ss-station__flex2-cnt-service-item {
  align-items: center;
  border: 1px solid #C2B1AB;
  border-radius: 0.5rem;
  color: #C2B1AB;
  font-size: 1.3rem;
  height: 3.8rem;
  justify-content: center;
  white-space: nowrap;
  width: calc(50% - clamp(0rem, 1.1111111111vw, 1.6rem));
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-service-item {
    border-radius: clamp(0rem, 0.3472222222vw, 0.5rem);
    font-size: clamp(0rem, 1.0416666667vw, 1.5rem);
    height: clamp(0rem, 2.9166666667vw, 4.2rem);
    width: calc(25% - clamp(0rem, 1.6666666667vw, 2.4rem) / 4);
  }
}
.ss-station__flex2-cnt-service-item.--active {
  border: 1px solid #b33306;
  color: #b33306;
}
.ss-station__flex2-cnt-reserve {
  margin: 0 0 4rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-reserve {
    margin: 0 0 clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.ss-station__flex2-cnt-reserve-btn {
  background: var(--bck) !important;
  margin: 0 0 1.6rem;
  transition: background 0.3s var(--ease-hover);
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-reserve-btn {
    margin: 0 0 clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.ss-station__flex2-cnt-reserve-btn.js-touch-acv {
  background: var(--orange) !important;
}
.ss-station__flex2-cnt-reserve-btn .page__btn-txt {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-reserve-btn .page__btn-txt {
    font-size: clamp(0rem, 1.3888888889vw, 2rem);
  }
}
.ss-station__flex2-cnt-reserve-txt {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 0 0 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-reserve-txt {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
    margin: 0 0 clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.ss-station__flex2-cnt-reserve-url {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-reserve-url {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}
.ss-station__flex2-cnt-point-ttl {
  font-size: 1.6rem;
  margin: 0 0 2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-point-ttl {
    font-size: clamp(0rem, 1.5277777778vw, 2.2rem);
    margin: 0 0 clamp(0rem, 1.6666666667vw, 2.4rem);
  }
}
.ss-station__flex2-cnt-point-list {
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 1.2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-point-list {
    flex-direction: row;
    row-gap: clamp(0rem, 1.1111111111vw, 1.6rem);
  }
}
.ss-station__flex2-cnt-point-item {
  align-items: center;
  width: 50%;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-point-item {
    width: 33.3333%;
    -moz-column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
    column-gap: clamp(0rem, 0.5555555556vw, 0.8rem);
  }
}
.ss-station__flex2-cnt-point-item-img {
  aspect-ratio: 1/1;
  border-radius: 0.4rem;
  height: auto;
  width: 3.2rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-point-item-img {
    border-radius: clamp(0rem, 0.2777777778vw, 0.4rem);
    width: clamp(0rem, 2.9166666667vw, 4.2rem);
  }
}
.ss-station__flex2-cnt-point-item-txt {
  font-size: 1.3rem;
}
@media screen and (min-width: 769px) {
  .ss-station__flex2-cnt-point-item-txt {
    font-size: clamp(0rem, 0.8333333333vw, 1.2rem);
  }
}

/*--------------------------------------------　ss-recruit
---------------------------------------------*/
.ss-recruit__inner {
  padding: 7.2rem 2rem 0;
}
@media screen and (min-width: 769px) {
  .ss-recruit__inner {
    padding: clamp(0rem, 8.3333333333vw, 12rem) 0 0;
  }
}
.ss-recruit__ttl1-jp {
  font-size: 3rem;
}
@media screen and (min-width: 769px) {
  .ss-recruit__ttl1-jp {
    font-size: clamp(0rem, 2.7777777778vw, 4rem);
  }
}
.ss-recruit__cnt {
  height: 31.6rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-recruit__cnt {
    height: clamp(0rem, 23.8888888889vw, 34.4rem);
  }
}
.ss-recruit__cnt-wrap {
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding: 0 3rem 4rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-recruit__cnt-wrap {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 clamp(0rem, 5.5555555556vw, 8rem) clamp(0rem, 5.5555555556vw, 8rem);
  }
}
.ss-recruit__cnt-bg {
  border-radius: 1.5rem;
  height: 31.6rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-recruit__cnt-bg {
    border-radius: clamp(0rem, 1.0416666667vw, 1.5rem);
    height: clamp(0rem, 23.8888888889vw, 34.4rem);
  }
}
.ss-recruit__cnt1-txt {
  font-size: 1.3rem;
  letter-spacing: 0em;
  line-height: 1.7;
  position: relative;
}
@media screen and (min-width: 769px) {
  .ss-recruit__cnt1-txt {
    font-size: clamp(0rem, 1.25vw, 1.8rem);
    letter-spacing: 0.1em;
  }
}
.ss-recruit__cnt2 {
  bottom: -7.4rem;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ss-recruit__cnt2 {
    bottom: auto;
    left: auto;
    position: relative;
    width: auto;
  }
}/*# sourceMappingURL=style.css.map */