@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Old+Mincho&display=swap);/*! 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.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* 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;
}.splide__container {
  box-sizing: border-box;
  position: relative;
}

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

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

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

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

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

.splide__progress__bar {
  width: 0;
}

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

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

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

.splide__slide img {
  vertical-align: bottom;
}

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

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

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

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

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

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

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

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

.splide--rtl {
  direction: rtl;
}

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

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  transition: opacity 0.4s;
  text-decoration: none;
}
a:hover {
  opacity: 0.6;
}

body {
  line-height: 1.5;
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  color: #3E3A39;
  font-weight: 400;
}

.ly-defaultStyle {
  color: #3E3A39;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 400;
}

img {
  max-width: 100%;
}

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

.ut-hidden {
  display: none !important;
}

.ut-mt0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ut-mt35 {
  margin-top: 35px !important;
}

.ut-mb35 {
  margin-bottom: 35px !important;
}

.ut-mt40 {
  margin-top: 40px !important;
}

.ut-mb40 {
  margin-bottom: 40px !important;
}

.ut-mt45 {
  margin-top: 45px !important;
}

.ut-mb45 {
  margin-bottom: 45px !important;
}

.ut-mt50 {
  margin-top: 50px !important;
}

.ut-mb50 {
  margin-bottom: 50px !important;
}

.ut-text--left {
  text-align: left !important;
}
.ut-text--center {
  text-align: center !important;
}
.ut-text--right {
  text-align: right !important;
}

.ut-mincho {
  font-family: "Zen Old Mincho", serif;
}

/**************************\
Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.modal__container {
  max-width: min(66.6666666667vw, 960px);
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  width: 100%;
}

.modal__close__wrap {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.modal__close {
  background: transparent;
  border: 0;
  width: min(2.0833333333vw, 30px);
  height: min(2.0833333333vw, 30px);
  position: relative;
}

.modal__close:before {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_close02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: min(2.0833333333vw, 30px);
  height: min(2.0833333333vw, 30px);
  position: absolute;
  left: 0;
  top: 0;
}

.modal__content {
  margin-top: 1rem;
}
.modal__content iframe {
  width: 100%;
  aspect-ratio: 960/540;
}

/**************************\
Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.tp-feature_slider {
  overflow-x: hidden;
  margin: 8.3333333333vw 0 3.4722222222vw;
  position: relative;
  z-index: 1;
}

.splide__slide_text {
  margin: 0.6944444444vw 0 0;
  font-size: 1.0416666667vw;
  line-height: 2.875;
}

.tp-feature__splide__track {
  overflow: visible;
}

.tp-feature__splide {
  position: static;
  padding-bottom: 4.8611111111vw;
  margin-left: auto;
  width: 89.7222222222vw;
  margin-left: auto;
}

.tp-feature__splide__list {
  position: relative;
}

.splide__blind {
  position: absolute;
  right: 82.7777777778vw;
  top: 0;
  width: calc(100% - 17.2222222222vw);
  height: 100%;
  background: #fff;
  z-index: 10;
}
.splide__blind::after {
  content: "";
  position: absolute;
  width: 8.8888888889vw;
  height: 19.6527777778vw;
  right: 0;
  top: -0.2083333333vw;
  background: #F5F2EF;
}

.tp-feature__splide__slide {
  text-align: center;
}
.tp-feature__splide__slide img {
  height: 23.8888888889vw;
  object-fit: contain;
}

.splide__arrow {
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_arrow04.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: transparent;
  top: 40%;
}

.splide__arrow--prev {
  left: initial;
  right: 83.8888888889vw;
  z-index: 15;
}

.splide__arrow--next {
  right: 13.1944444444vw;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.splide__pagination {
  display: flex !important;
  gap: 0.2083333333vw;
}

.splide__pagination__page {
  width: 0.6944444444vw;
  height: 0.6944444444vw;
}

.splide__pagination__page.is-active {
  background: #3E3A39;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.st-btn01 {
  background: #726865;
  color: #fff !important;
  text-decoration: none !important;
  padding: min(0.8333333333vw, 12px) min(4.3055555556vw, 62px) min(0.8333333333vw, 12px) min(2.9861111111vw, 43px);
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  line-height: 2;
  position: relative;
}
.st-btn01::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_arrow01.svg");
  top: 0;
  right: min(1.3888888889vw, 20px);
  bottom: 0;
  position: absolute;
  width: min(1.3888888889vw, 20px);
  height: min(1.3888888889vw, 20px);
  background-size: contain;
  margin: auto;
}

.st-btn02 {
  background: #3E3A39;
  color: #FFFFFF;
  padding: min(0.8333333333vw, 12px) min(3.3333333333vw, 48px) min(0.8333333333vw, 12px) min(1.6666666667vw, 24px);
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  line-height: 2;
  position: relative;
}
.st-btn02::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_arrow01.svg");
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 0;
  right: min(1.3888888889vw, 20px);
  bottom: 0;
  position: absolute;
  width: min(1.3888888889vw, 20px);
  height: min(1.3888888889vw, 20px);
  background-size: contain;
  margin: auto;
}

.st-btn03 {
  background: #3E3A39;
  color: #FFFFFF !important;
  text-decoration: none !important;
  width: min(20.8333333333vw, 300px);
  height: min(3.4722222222vw, 50px);
  padding: min(1.0416666667vw, 15px) min(6.9444444444vw, 100px) min(1.0416666667vw, 15px) min(8.3333333333vw, 120px);
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  position: relative;
  margin: min(6.9444444444vw, 100px) auto 0;
}
.st-btn03::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_return01.svg");
  top: 0;
  left: min(6.25vw, 90px);
  bottom: 0;
  position: absolute;
  width: min(1.1111111111vw, 16px);
  height: min(0.9722222222vw, 14px);
  background-size: contain;
  margin: auto;
}

.js-fadeIn {
  opacity: 0;
  transition: 1s 0.2s;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
.js-fadeIn.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.js-acFadeIn {
  opacity: 0;
  transition: 1s 0.2s;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
.js-acFadeIn.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

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

.st-footer_inner {
  padding: min(8.3333333333vw, 120px) 0 min(6.9444444444vw, 100px);
}

.st-footer_banner_wrap {
  display: flex;
  justify-content: space-between;
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto min(6.9444444444vw, 100px);
}

.st-footer_banner {
  display: block;
  text-decoration: none !important;
  width: min(38.8888888889vw, 560px);
}

.st-footer_logo {
  display: block;
  width: min(28.8194444444vw, 415px);
  margin: 0 auto;
  text-decoration: none !important;
}

.st-header {
  position: relative;
}

.st-header_logo {
  width: min(9.0277777778vw, 130px);
  display: block;
  margin: min(1.9444444444vw, 28px) min(2.0833333333vw, 30px);
  position: absolute;
  z-index: 10;
}

.st-header_btnList {
  position: fixed;
  top: min(1.8055555556vw, 26px);
  right: min(2.0833333333vw, 30px);
  display: flex;
  gap: min(1.1805555556vw, 17px);
  z-index: 10;
}

.st-header_btnList_item {
  position: relative;
}

.st-header_btn {
  display: flex;
}

.detail {
  padding: min(13.8888888889vw, 200px) 0 min(6.9444444444vw, 100px);
}

.detail_highlight {
  background: #F4F4F4;
  padding: min(13.8888888889vw, 200px) 0;
}

.detail_highlight_inner {
  width: min(62.5vw, 900px);
  margin: 0 auto;
}

.detail_section {
  background: #F7F6F3;
  padding: min(6.9444444444vw, 100px) min(10.4166666667vw, 150px) min(13.8888888889vw, 200px);
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto;
}

.detail_title01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  line-height: 1.38;
  font-size: min(2.5vw, 36px);
  margin: 0 0 min(4.1666666667vw, 60px);
}

.detail_title02 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2;
  font-size: min(1.6666666667vw, 24px);
  margin: min(13.8888888889vw, 200px) 0 min(2.7777777778vw, 40px);
  border-left: min(0.6944444444vw, 10px) solid #3E3A39;
  padding-left: min(3.0555555556vw, 44px);
}

.detail_title03 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  line-height: 1.3;
  font-size: min(1.6666666667vw, 24px);
  margin-bottom: min(1.3888888889vw, 20px);
}

.detail_title04 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  line-height: 1.38;
  font-size: min(2.5vw, 36px);
  margin: 0 0 min(4.1666666667vw, 60px);
}

.detail_movie01 {
  width: min(62.5vw, 900px);
  margin: 0 auto min(4.1666666667vw, 60px);
}
.detail_movie01 video {
  width: 100%;
}

.detail_intro01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2;
  font-size: min(1.3888888889vw, 20px);
  margin: 0 0 min(4.1666666667vw, 60px);
}

.detail_memberList01 {
  width: min(51.3888888889vw, 740px);
  margin: 0 auto;
  display: flex;
  gap: min(4.1666666667vw, 60px);
  text-align: center;
}

.detail_memberList_item01 {
  width: min(14.375vw, 207px);
}

.detail_memberList_image01 {
  width: min(11.6666666667vw, 168px);
  margin: 0 auto min(1.3888888889vw, 20px);
}
.detail_memberList_image01 img {
  width: 100%;
}

.detail_memberList_job01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(1.1111111111vw, 16px);
  margin: 0 0 min(0.6944444444vw, 10px);
}

.detail_memberList_name01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0;
  font-size: min(1.25vw, 18px);
}
.detail_memberList_name01 span {
  font-size: min(1.6666666667vw, 24px);
}

.detail_memberList_corp01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(0.9722222222vw, 14px);
  margin: 0;
}

.detail_text01 {
  margin: 0;
  line-height: 2;
  font-size: min(1.1111111111vw, 16px);
  color: #726865;
}
.detail_text01 span {
  color: #3E3A39;
  font-weight: bold;
}

.detail_mainImg_wrap {
  margin: min(4.1666666667vw, 60px) auto;
}

.detail_mainImgTitle01 {
  margin: 0;
  line-height: 2;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(1.6666666667vw, 24px);
  text-align: center;
}

.detail_mainImg01 {
  margin: min(0.6944444444vw, 10px) auto min(0.6944444444vw, 10px);
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  padding: 0;
}

.detail_mainImgText01 {
  margin: 0;
  text-align: center;
  line-height: 2;
  font-size: min(1.1111111111vw, 16px);
  color: #726865;
}

.detail_img01 {
  margin: min(13.8888888889vw, 200px) auto;
}
.detail_img01 img {
  width: 100%;
}

.detail_img02 {
  margin: min(2.7777777778vw, 40px) auto;
}
.detail_img02 img {
  width: 100%;
}

.detail_figure01 {
  width: min(38.1944444444vw, 550px);
  margin: min(2.7777777778vw, 40px) auto;
}

.detail_figure03 {
  width: 100%;
  margin: min(2.7777777778vw, 40px) auto;
}

.detail_figure04 {
  width: min(38.1944444444vw, 550px);
  margin: min(2.7777777778vw, 40px) auto;
}

.detail_figure_img01 {
  width: 100%;
}

.detail_figure_figcaption01 {
  text-align: center;
  line-height: 2.6;
  color: #726865;
  font-size: min(0.8333333333vw, 12px);
  margin-top: min(0.6944444444vw, 10px);
}

.detail_comment01 {
  display: flex;
  margin: min(2.7777777778vw, 40px) auto;
}

.detail_comment_name01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 2;
  flex-shrink: 0;
  font-weight: 600;
  font-size: min(1.1111111111vw, 16px);
  margin-right: min(1.5972222222vw, 23px);
}

.detail_comment_text01 {
  border-left: 1px solid #CABFBC;
  padding-left: min(1.5972222222vw, 23px);
}

.detail_section01 + .detail_section01 {
  margin-top: min(8.3333333333vw, 120px);
}

.detail_highlight_section01 {
  margin-top: min(8.3333333333vw, 120px);
}
.detail_highlight_section01 + .detail_highlight_section01 {
  margin-top: min(8.3333333333vw, 120px);
  padding-top: min(8.3333333333vw, 120px);
  border-top: 1px solid #726865;
}

.detail_person01 {
  position: relative;
  padding-left: min(18.0555555556vw, 260px);
}

.detail_person_comment01 {
  line-height: 2;
  margin: 0 min(4.1666666667vw, 60px) 0 0;
  font-size: min(1.6666666667vw, 24px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.detail_person_image01 {
  position: absolute;
  left: 0;
  top: 0;
  width: min(13.8888888889vw, 200px);
}

.detail_person_profile01 {
  margin-top: min(4.1666666667vw, 60px);
}

.detail_person_profile_job01 {
  font-size: min(1.1111111111vw, 16px);
  line-height: 2;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.detail_person_profile_name01 {
  font-size: min(1.1111111111vw, 16px);
  line-height: 2;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.detail_person_profile_name01 span {
  font-size: min(1.3888888889vw, 20px);
}
.detail_person_profile_name01 span.detail_person_profile_company01 {
  font-size: min(0.8333333333vw, 12px);
  display: inline-block;
  margin-left: min(0.6944444444vw, 10px);
}

.detail_imageUnit01 {
  display: flex;
  gap: min(2.7777777778vw, 40px);
  margin-top: min(2.7777777778vw, 40px);
  flex-wrap: wrap;
}

.detail_figure02 {
  width: min(29.8611111111vw, 430px);
  margin: 0;
}

.detail_figure_img02 {
  width: 100%;
}

.detail_figure_figcaption02 {
  color: #726865;
  font-size: min(0.8333333333vw, 12px);
  margin-top: min(0.6944444444vw, 10px);
}

.detail_appeal {
  width: min(83.3333333333vw, 1200px);
  margin: min(6.9444444444vw, 100px) auto min(6.9444444444vw, 100px);
}

.tp-mv {
  position: relative;
  margin-bottom: min(9.7222222222vw, 140px);
}

.tp-mv__splide {
  height: 100%;
}
.tp-mv__splide .splide__track {
  height: 100%;
}
.tp-mv__splide .splide__track .splide__slide_img {
  height: 100%;
}

.tp-mv_img {
  margin-left: auto;
  width: 68.75%;
  height: 48.6111111111vw;
}
.tp-mv_img img {
  width: 100%;
}

.tp-mv_title {
  margin: 0;
  width: 21.9444444444vw;
}

.tp-mv_unit_inner01 {
  background: #F5F2EF;
  padding: 2.7777777778vw;
}

.tp-mv_unit_text01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0 0 0.6944444444vw;
  font-size: 1.25vw;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #726865;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-mv_unit_text01::before, .tp-mv_unit_text01::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/img_tp-text-line.svg");
  background-size: contain;
  width: 0.8333333333vw;
  height: 1.3888888889vw;
  margin: 0 0.4166666667vw;
  position: relative;
  top: 0.1388888889vw;
}
.tp-mv_unit_text01::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.tp-mv_unit_btn {
  background: #726865;
  color: #FFFFFF !important;
  text-decoration: none !important;
  padding: 0.8333333333vw 5.5555555556vw 0.8333333333vw 4.1666666667vw;
  font-size: 1.25vw;
  font-weight: 500;
  position: relative;
  margin: 1.3888888889vw 0 0;
  display: block;
  letter-spacing: 0.1em;
}
.tp-mv_unit_btn::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_arrow01.svg");
  top: 0;
  right: 1.0416666667vw;
  bottom: 0;
  position: absolute;
  width: 2.3611111111vw;
  height: 2.3611111111vw;
  background-size: contain;
  margin: auto;
}

.tp-intro {
  margin: 0 auto;
}

.tp-intro_unit01 {
  margin-bottom: min(11.1111111111vw, 160px);
}

.tp-intro_cont_title01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.5vw, 36px);
  line-height: 1.8;
  margin: 0 0 min(4.1666666667vw, 60px);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #3E3A39;
}

.tp-intro_cont_text01 {
  line-height: 2;
  font-size: min(1.25vw, 18px);
  margin: 0;
  color: #726865;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.tp-intro_cont_text01 + .tp-intro_cont_text01 {
  margin-top: min(2.7777777778vw, 40px);
}

.tp-intro_images {
  width: min(35.4166666667vw, 510px);
  position: relative;
}

.tp-intro_img {
  display: flex;
}
.tp-intro_img img {
  width: 100%;
  max-width: 100%;
}

.tp-intro_cont01 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.tp-animation_images {
  width: 100%;
  height: min(38.1944444444vw, 550px);
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/bg_animation01.webp");
  background-repeat: repeat-x;
  background-size: cover;
  -webkit-animation: bgscroll 20s linear infinite;
          animation: bgscroll 20s linear infinite;
  margin: 0 auto min(8.3333333333vw, 120px);
}

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.tp-talk {
  margin: 0 auto min(8.3333333333vw, 120px);
  overflow-x: hidden;
}

.tp-talk_inner {
  width: min(83.3333333333vw, 1200px);
  padding: min(4.1666666667vw, 60px);
  margin: 0 auto;
  background: linear-gradient(360deg, #CABFBC 0%, #F5F2EF 100%);
  background-size: cover;
  background-repeat: no-repeat;
}

.tp-talk_title {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0 0 min(2.2222222222vw, 32px);
  font-size: min(2.5vw, 36px);
  text-align: center;
  letter-spacing: 0.1em;
}

.tp-talk_unit {
  display: flex;
  margin: 0 auto min(2.2222222222vw, 32px);
  width: min(75vw, 1080px);
}

.tp-talk_img {
  width: 50%;
  display: flex;
}
.tp-talk_img img {
  width: 100%;
}

.tp-talk_text_wrap {
  width: 50%;
  background: #fff;
  padding-left: min(2.7777777778vw, 40px);
  display: flex;
  align-items: center;
}

.tp-talk_text {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.5vw, 36px);
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #3E3A39;
  margin: 0;
}

.tp-talk_link {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  height: min(6.25vw, 90px);
  background: #3E3A39;
  font-weight: 500;
  font-size: min(1.6666666667vw, 24px);
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #FFFFFF !important;
  position: relative;
  text-decoration: none !important;
}
.tp-talk_link::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_arrow01.svg");
  top: 0;
  right: min(1.8055555556vw, 26px);
  bottom: 0;
  position: absolute;
  width: min(1.8055555556vw, 26px);
  height: min(1.8055555556vw, 26px);
  background-size: contain;
  margin: auto;
}

.tp-feature {
  margin-bottom: min(6.9444444444vw, 100px);
}

.tp-feature_title {
  text-align: center;
  margin: 0 0 min(4.8611111111vw, 70px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.5vw, 36px);
  line-height: 2;
  font-size: 36px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #3E3A39;
}

.tp-feature_anc {
  width: min(71.6666666667vw, 1032px);
  margin: 0 auto;
  display: flex;
}

.tp-feature_anc-map {
  width: min(55.5555555556vw, 800px);
  margin-right: min(5vw, 72px);
}

.tp-feature_anc-map_img {
  display: flex;
}

.tp-feature_ancList {
  display: flex;
}

.tp-feature_anc_link {
  display: block;
  position: relative;
  text-decoration: none !important;
}

.tp-feature_anc_unit {
  font-size: 0;
}

.tp-feature_anc_img img {
  width: 100%;
}

.tp-feature_product01 {
  margin: 8.3333333333vw 0 0;
}

.tp-feature_product02 {
  margin: 8.3333333333vw 0 0;
}

.tp-feature_product03 {
  margin: 8.3333333333vw 0 0;
}

.tp-feature_product_title {
  width: 72.2222222222vw;
  margin-left: 8.3333333333vw;
}

.tp-feature_product_title_text {
  display: flex;
  align-items: center;
  margin-bottom: 3.4722222222vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.tp-feature_product_title_text_inner {
  display: flex;
}

.tp-feature_product_title_text_num {
  font-weight: 500;
  font-size: 7.6388888889vw;
  padding-right: 1.875vw;
  margin-right: 1.6666666667vw;
  line-height: 1;
  color: #9D8F8F;
  position: relative;
  display: inline-block;
}
.tp-feature_product_title_text_num::after {
  content: "";
  position: absolute;
  width: 0.1388888889vw;
  height: 8.3333333333vw;
  right: 0;
  top: 0;
  background: #9D8F8F;
}

.tp-feature_product_title_img {
  width: 12.0138888889vw;
}

.tp-feature_product_title_text_title {
  letter-spacing: 0.1em;
  margin-left: 1.6666666667vw;
  font-size: 2.0833333333vw;
  padding-top: 1.3888888889vw;
}

.tp-feature_product_unit {
  display: flex;
  padding-top: 4.1666666667vw;
  gap: 5vw;
  position: relative;
}
.tp-feature_product_unit::before {
  content: "";
  position: absolute;
  width: 91.6666666667vw;
  height: 62.5vw;
  right: 0;
  top: 0;
  background: #F5F2EF;
}

.tp-feature_product_video {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 54.3055555556vw;
  height: auto;
}
.tp-feature_product_video video {
  width: 100%;
}

.tp-feature_product_content {
  position: relative;
  z-index: 1;
  width: 32.3611111111vw;
}

.tp-feature_product_content_title {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
  font-size: 1.6666666667vw;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #3E3A39;
  margin-bottom: 2.2222222222vw;
}

.tp-feature_product_content_text {
  font-weight: 400;
  font-size: 1.1111111111vw;
  line-height: 2.2;
  letter-spacing: 0.1em;
  color: #726865;
}

.tp-feature_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 65.6944444444vw;
  height: 6.25vw;
  background: #726865;
  font-weight: 500;
  font-size: 1.6666666667vw;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #FFFFFF !important;
  position: relative;
  text-decoration: none !important;
  transition: opacity 0.4s;
}
.tp-feature_btn:hover {
  opacity: 0.6;
}
.tp-feature_btn::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_arrow01.svg");
  top: 0;
  right: 1.8055555556vw;
  bottom: 0;
  position: absolute;
  width: 1.8055555556vw;
  height: 1.8055555556vw;
  background-size: contain;
  margin: auto;
}

.tp-point {
  padding: min(8.3333333333vw, 120px) 0 min(11.1111111111vw, 160px);
}

.tp-point_title {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.5vw, 36px);
  margin: 0 0 min(5.5555555556vw, 80px);
  letter-spacing: 0.1em;
}

.tp-point_title_intro {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(1.6666666667vw, 24px);
  letter-spacing: 0.1em;
  color: #9D8F8F;
  margin-bottom: min(0.6944444444vw, 10px);
}

.tp-point_item {
  transition: 1.25s;
  max-width: min(62.5vw, 900px);
  margin: 0 auto;
}
.tp-point_item + .tp-point_item {
  margin-top: min(5.5555555556vw, 80px);
}

.tp-point_item.is-open {
  max-width: min(100vw, 1440px);
}
.tp-point_item.is-open .tp-point_item_img {
  height: auto;
}

.tp-point_item_img {
  overflow: hidden;
  position: relative;
  height: auto;
}
.tp-point_item_img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: 0.5s;
}
.tp-point_item_img:not(.is-true) {
  cursor: pointer;
}

.tp-point_accordion_body {
  display: none;
  max-width: min(83.3333333333vw, 1200px);
  margin: 0 auto;
}

.tp-point_accordion_title {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.5vw, 36px);
  margin: min(13.8888888889vw, 200px) 0 min(4.1666666667vw, 60px);
}
.tp-point_accordion_title span {
  display: block;
  font-size: min(1.3888888889vw, 20px);
  margin-bottom: min(0.6944444444vw, 10px);
}

.tp-point_accordion_text {
  line-height: 2;
  text-align: center;
  margin: 0 0 min(4.1666666667vw, 60px);
  font-size: min(1.1111111111vw, 16px);
}

.tp-point_accordion_subTitle {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.2222222222vw, 32px);
  margin: 0 0 min(4.1666666667vw, 60px);
  line-height: 2;
}

.tp-point_accordion_subImg {
  width: min(38.3333333333vw, 552px);
  margin: 0 auto min(4.1666666667vw, 60px);
}

.tp-point_accordion_subText {
  width: min(62.5vw, 900px);
  margin: 0 auto;
  line-height: 2.5;
  font-size: min(1.1111111111vw, 16px);
  color: #726865;
}

.tp-point_accordion_img {
  margin: 0 auto min(8.3333333333vw, 120px);
}

.tp-point_accordion_img01 {
  max-width: min(76.3888888889vw, 1100px);
}

.tp-point_accordion_img02 {
  max-width: min(76.3888888889vw, 1100px);
}

.tp-point_accordion_img03 {
  max-width: min(39.0972222222vw, 563px);
}

.tp-point_accordion_unit {
  display: flex;
  flex-direction: row-reverse;
}
.tp-point_accordion_unit + .tp-point_accordion_unit {
  margin-top: min(6.9444444444vw, 100px);
}

.tp-point_accordion_cont {
  width: min(47.0138888889vw, 677px);
}

.tp-point_accordion_cont_title {
  margin: 0;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.2222222222vw, 32px);
}

.tp-point_accordion_cont_text {
  margin: min(2.7777777778vw, 40px) 0 0;
  font-size: min(1.1111111111vw, 16px);
  line-height: 2.875;
}

.tp-point_item_text {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.2222222222vw, 32px);
  margin-bottom: min(0.6944444444vw, 10px);
}

.tp-point_unit01 {
  margin-top: min(1.3888888889vw, 20px);
}
.tp-point_unit01.is-hidden {
  display: none;
}

.tp-point_accordion_unit01 {
  margin: min(8.3333333333vw, 120px) auto 0;
  width: min(60.4166666667vw, 870px);
}

.tp-point_accordion_unit_head_img {
  width: min(22.0833333333vw, 318px);
}

.tp-point_accordion_unit_head_title {
  font-size: min(2.2222222222vw, 32px);
  line-height: 2;
  padding-bottom: min(2.0833333333vw, 30px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.tp-point_accordion_unit_text {
  padding: min(5.5555555556vw, 80px) min(6.9444444444vw, 100px);
  background: #F5F2EF;
  line-height: 2.5;
  margin: min(-4.1666666667vw, -60px) 0 0 auto;
  width: min(54.0972222222vw, 779px);
}

.tp-point_accordion_subList {
  display: flex;
  gap: min(4.1666666667vw, 60px);
  width: min(65.9722222222vw, 950px);
  margin: 0 auto;
  flex-direction: column;
}

.tp-point_accordion_subListItem p {
  margin: 0;
  line-height: 2.5;
  font-size: min(1.1111111111vw, 16px);
  text-align: center;
}

.tp-point_accordion_system {
  margin: min(8.3333333333vw, 120px) auto 0;
}

.tp-point_accordion_system_title {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(2.2222222222vw, 32px);
  margin: 0 0 min(4.1666666667vw, 60px);
  line-height: 2;
}

.tp-point_accordion_system_listItem {
  background: #F5F2EF;
  display: flex;
  align-items: center;
  width: 100%;
  height: min(8.4722222222vw, 122px);
  padding: min(1.3888888889vw, 20px) min(4.1666666667vw, 60px);
}
.tp-point_accordion_system_listItem + .tp-point_accordion_system_listItem {
  margin: min(2.7777777778vw, 40px) auto 0;
}

.tp-point_accordion_system_num {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(4.6527777778vw, 67px);
  color: #756B6B;
  line-height: 1;
  margin-right: min(3.4722222222vw, 50px);
}

.tp-point_accordion_system_cont_title {
  font-size: min(2.0833333333vw, 30px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin-bottom: min(0.6944444444vw, 10px);
}

.tp-point_accordion_system_cont_text {
  font-size: min(1.3888888889vw, 20px);
  color: #756B6B;
}

.tp-point_accordion_close {
  -webkit-appearance: none;
          appearance: none;
  background: #3E3A39;
  color: #fff;
  padding: min(1.0416666667vw, 15px) min(9.6527777778vw, 139px) min(1.0416666667vw, 15px) min(8.1944444444vw, 118px);
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  width: min(20.8333333333vw, 300px);
  line-height: 2;
  position: relative;
  margin: min(13.8888888889vw, 200px) auto min(18.0555555556vw, 260px);
  display: block;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: opacity 0.4s;
}
.tp-point_accordion_close::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_close02.svg");
  background-repeat: no-repeat;
  top: 0;
  right: min(8.1944444444vw, 118px);
  bottom: 0;
  position: absolute;
  width: min(0.6944444444vw, 10px);
  height: min(0.6944444444vw, 10px);
  background-size: contain;
  margin: auto;
}
.tp-point_accordion_close:hover {
  opacity: 0.6;
}

.tp-point_accordion_arios {
  margin: min(4.1666666667vw, 60px) 0 0;
  padding: min(4.1666666667vw, 60px) min(3.4722222222vw, 50px) min(5.5555555556vw, 80px);
  background: #F5F2EF;
  width: min(76.3888888889vw, 1100px);
  margin: 0 auto;
}

.tp-point_accordion_arios_title {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  font-size: min(2.0833333333vw, 30px);
  margin: 0 0 min(4.1666666667vw, 60px);
}

.tp-point_accordion_arios_list {
  display: flex;
  gap: min(2.4305555556vw, 35px);
}

.tp-point_accordion_arios_listItem {
  width: min(21.5277777778vw, 310px);
}

.tp-point_accordion_arios_img {
  margin: 0 auto;
  width: min(55.5555555556vw, 800px);
}

.tp-point_accordion_arios_text_wrap {
  width: min(36.875vw, 531px);
  margin: 0 auto min(2.7777777778vw, 40px);
}

.tp-point_accordion_arios_text {
  padding-left: 1em;
  text-indent: -1em;
  color: #756B6B;
  font-size: min(0.9722222222vw, 14px);
  line-height: 2;
}

.tp-point_accordion_arios_cont_title {
  line-height: 2.875;
  font-size: min(1.1111111111vw, 16px);
}

.tp-point_accordion_arios_cont_text {
  line-height: 1.7;
  font-size: min(0.9722222222vw, 14px);
  color: #756B6B;
}

.tp-point_accordion_arios_icon {
  width: min(1.8055555556vw, 26px);
  margin: min(2.7777777778vw, 40px) auto;
}

.tp-point_accordion_arios_list_title {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0 0 min(1.3888888889vw, 20px);
  font-size: min(1.6666666667vw, 24px);
}

.tp-point_item_btn {
  -webkit-appearance: none;
          appearance: none;
  background: #3E3A39;
  color: #FFFFFF;
  padding: min(0.4166666667vw, 6px) min(2.6388888889vw, 38px) min(0.4166666667vw, 6px) min(0.9722222222vw, 14px);
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  width: min(13.8888888889vw, 200px);
  line-height: 2;
  position: relative;
  margin: min(0.6944444444vw, 10px) 0 0;
  display: block;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: opacity 0.4s;
}
.tp-point_item_btn::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_open01.svg");
  top: 0;
  right: min(3.5416666667vw, 51px);
  bottom: 0;
  position: absolute;
  width: min(1.25vw, 18px);
  height: min(1.25vw, 18px);
  background-size: contain;
  margin: auto;
}
.tp-point_item_btn:hover {
  opacity: 0.6;
}

.st-appeal {
  padding: min(5.5555555556vw, 80px) min(8.3333333333vw, 120px) min(6.9444444444vw, 100px);
  background: #231815;
}

.st-appeal_inner {
  width: min(83.3333333333vw, 1200px);
  margin: 0 auto;
}

.st-appeal_text01 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  margin: 0 0 min(1.3888888889vw, 20px);
  font-size: min(1.6666666667vw, 24px);
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.st-appeal_text01::before, .st-appeal_text01::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/img_appeal-text-line.svg");
  background-size: contain;
  width: min(0.8333333333vw, 12px);
  height: min(1.3888888889vw, 20px);
  margin: 0 min(0.4166666667vw, 6px);
  position: relative;
  top: min(0.1388888889vw, 2px);
}
.st-appeal_text01::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.st-appeal_unit {
  display: flex;
}

.st-appeal_unit01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: min(41.4583333333vw, 597px) -webkit-max-content;
  -ms-grid-columns: min(41.4583333333vw, 597px) max-content;
  grid-template-columns: min(41.4583333333vw, 597px) -webkit-max-content;
  grid-template-columns: min(41.4583333333vw, 597px) max-content;
  -ms-grid-rows: -webkit-max-content -webkit-max-content;
  -ms-grid-rows: max-content max-content;
  grid-template-rows: -webkit-max-content -webkit-max-content;
  grid-template-rows: max-content max-content;
  background: #fff;
  padding: min(4.1666666667vw, 60px) 0;
}
.st-appeal_unit01 .st-appeal_unit_content_title {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}
.st-appeal_unit01 .st-appeal_unit_img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/3/2;
}
.st-appeal_unit01 .st-appeal_unit_content_btns {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
}

.st-appeal_unit03 {
  height: min(23.6111111111vw, 340px);
  align-items: center;
  background: #fff;
}

.st-appeal_list_item + .st-appeal_list_item {
  margin-top: min(4.1666666667vw, 60px);
}

.st-appeal_unit_img {
  display: flex;
  width: min(35.4166666667vw, 510px);
  background: #fff;
}
.st-appeal_unit_img img {
  width: 100%;
}

.st-appeal_unit_img01 {
  width: min(38.6805555556vw, 557px);
  height: min(20vw, 288px);
  padding-left: min(4.1666666667vw, 60px);
  align-items: center;
  position: relative;
}

.st-appeal_unit_img03 {
  width: min(41.3888888889vw, 596px);
  padding-left: min(4.1666666667vw, 60px);
  padding-right: min(2.7777777778vw, 40px);
  height: 100%;
  align-items: center;
  position: relative;
}
.st-appeal_unit_img03::after {
  content: "";
  position: absolute;
  right: 0;
  top: min(1.3888888889vw, 20px);
  bottom: 0;
  width: 1px;
  height: min(20.8333333333vw, 300px);
  background: #CABFBC;
}
.st-appeal_unit_img03 img {
  height: auto;
}

.st-appeal_unit_content {
  background: #fff;
  width: min(47.9166666667vw, 690px);
  padding: min(4.8611111111vw, 70px) min(3.8194444444vw, 55px) min(2.7777777778vw, 40px) min(4.8611111111vw, 70px);
  position: relative;
}

.st-appeal_unit_content02 {
  padding: min(2.7777777778vw, 40px) min(3.8194444444vw, 55px) min(2.7777777778vw, 40px) min(4.8611111111vw, 70px);
}

.st-appeal_unit_content03 {
  height: 100%;
  text-align: left;
  padding: min(4.1666666667vw, 60px) min(3.8194444444vw, 55px) min(2.7777777778vw, 40px) min(2.7777777778vw, 40px);
}

.st-appeal_unit_content04 {
  padding: min(5.8333333333vw, 84px) min(2.7777777778vw, 40px) min(2.7777777778vw, 40px) min(4.8611111111vw, 70px);
}

.st-appeal_unit_content_title {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: min(1.3888888889vw, 20px);
  margin: 0 0 min(2.7777777778vw, 40px);
}
.st-appeal_unit_content_title span {
  font-size: min(2.2222222222vw, 32px);
  line-height: 1;
  display: block;
}

.st-appeal_unit_content_title02 span {
  margin-top: min(0.9722222222vw, 14px);
}

.st-appeal_unit_content_title03 {
  width: min(37.7083333333vw, 543px);
  margin: 0 0 min(2.7777777778vw, 40px);
}

.st-appeal_unit_content_title04 {
  margin: 0 0 min(1.3888888889vw, 20px) 0;
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: 500;
  font-size: min(2.2222222222vw, 32px);
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: #3E3A39;
}

.st-appeal_unit_info {
  display: flex;
  align-items: center;
  margin-bottom: min(2.7777777778vw, 40px);
}

.st-appeal_unit_info_tag01 {
  font-weight: 500;
  font-size: min(0.9722222222vw, 14px);
  line-height: 1.75;
  display: inline-block;
  text-align: center;
  min-width: min(11.4583333333vw, 165px);
  margin-right: min(1.3888888889vw, 20px);
  background: #DEA25C;
  color: #fff;
  padding: min(0.2083333333vw, 3px);
}

.st-appeal_unit_info_place01 {
  font-size: min(1.3888888889vw, 20px);
  position: relative;
  padding-left: min(1.8055555556vw, 26px);
}
.st-appeal_unit_info_place01:before {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_mark01.svg");
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  width: min(1.5277777778vw, 22px);
  height: min(1.5277777778vw, 22px);
  background-size: contain;
  margin: auto;
}

.st-appeal_unit_text01 {
  font-size: min(1.1111111111vw, 16px);
  line-height: 1.625;
  margin: 0 0 min(2.7777777778vw, 40px);
}

.st-appeal_unit_text02 {
  font-size: min(1.3888888889vw, 20px);
  line-height: 1.625;
  margin: 0 0 min(0.6944444444vw, 10px);
}

.st-appeal_unit_text03 {
  color: #958A8A;
  font-size: min(0.9722222222vw, 14px);
  line-height: 1.85;
  margin: 0 0 min(2.0833333333vw, 30px);
}

.st-appeal_unit_text04 {
  font-size: min(1.3888888889vw, 20px);
  line-height: 1.3;
  margin: 0 0 min(3.4722222222vw, 50px);
}

.st-appeal_unit_btn {
  background: #3E3A39;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF !important;
  text-decoration: none !important;
  padding: min(0.7638888889vw, 11px);
  font-size: min(1.4583333333vw, 21px);
  margin-top: min(2.7777777778vw, 40px);
  font-weight: 600;
  line-height: 2;
  position: relative;
}
.st-appeal_unit_btn::after {
  content: "";
  background-image: url("/hebel/lineup/yohaku_haus/assets/img/icon_arrow01.svg");
  top: 0;
  right: min(0.5555555556vw, 8px);
  bottom: 0;
  position: absolute;
  width: min(2.2222222222vw, 32px);
  height: min(2.2222222222vw, 32px);
  background-size: contain;
  margin: auto;
}

.st-appeal_unit_btn02 {
  height: min(6.25vw, 90px);
  background: #726865;
  letter-spacing: 0.1em;
  font-size: min(1.6666666667vw, 24px);
  padding-right: min(3.8194444444vw, 55px);
}

.st-appeal_unit_btn--select::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.st-appeal_adjust {
  position: relative;
  left: min(-0.9722222222vw, -14px);
}

.st-select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  cursor: pointer;
  opacity: 0;
}

.st-btn02 {
  transition: opacity 0.4s;
  text-decoration: none !important;
}

.st-select:hover + .st-btn02 {
  opacity: 0.6;
}

.js-accordion_open {
  cursor: pointer;
}

.ut-mb120 {
  margin-bottom: min(8.3333333333vw, 120px);
}

@media print, screen and (min-width: 768px) {
  body {
    -webkit-font-smoothing: antialiased;
  }
  .ly-defaultStyle {
    font-size: min(1.1111111111vw, 16px) !important;
  }
  .ut-hidden\@pc {
    display: none !important;
  }
  .ut-pcOnly {
    display: block !important;
  }
  .ut-spOnly {
    display: none !important;
  }
  .ut-mt0\@pc {
    margin-top: 0px !important;
  }
  .ut-mb0\@pc {
    margin-bottom: 0px !important;
  }
  .ut-mt5\@pc {
    margin-top: 5px !important;
  }
  .ut-mb5\@pc {
    margin-bottom: 5px !important;
  }
  .ut-mt10\@pc {
    margin-top: 10px !important;
  }
  .ut-mb10\@pc {
    margin-bottom: 10px !important;
  }
  .ut-mt15\@pc {
    margin-top: 15px !important;
  }
  .ut-mb15\@pc {
    margin-bottom: 15px !important;
  }
  .ut-mt20\@pc {
    margin-top: 20px !important;
  }
  .ut-mb20\@pc {
    margin-bottom: 20px !important;
  }
  .ut-mt25\@pc {
    margin-top: 25px !important;
  }
  .ut-mb25\@pc {
    margin-bottom: 25px !important;
  }
  .ut-mt30\@pc {
    margin-top: 30px !important;
  }
  .ut-mb30\@pc {
    margin-bottom: 30px !important;
  }
  .ut-mt35\@pc {
    margin-top: 35px !important;
  }
  .ut-mb35\@pc {
    margin-bottom: 35px !important;
  }
  .ut-mt40\@pc {
    margin-top: 40px !important;
  }
  .ut-mb40\@pc {
    margin-bottom: 40px !important;
  }
  .ut-mt45\@pc {
    margin-top: 45px !important;
  }
  .ut-mb45\@pc {
    margin-bottom: 45px !important;
  }
  .ut-mt50\@pc {
    margin-top: 50px !important;
  }
  .ut-mb50\@pc {
    margin-bottom: 50px !important;
  }
  .ut-text--left\@pc {
    text-align: left !important;
  }
  .ut-text--center\@pc {
    text-align: center !important;
  }
  .ut-text--right\@pc {
    text-align: right !important;
  }
  .tp-feature__splide__list {
    right: -6.9444444444vw;
  }
  .detail_person01 {
    height: min(17.7777777778vw, 256px);
    margin-bottom: min(2.7777777778vw, 40px);
  }
  .tp-mv_img img {
    object-fit: cover;
    height: 100%;
  }
  .tp-mv_title {
    position: absolute;
    top: 11.1111111111vw;
    left: 4.6527777778vw;
  }
  .tp-mv_unit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 31.25%;
  }
  .tp-intro {
    max-width: min(70.8333333333vw, 1020px);
  }
  .tp-intro_unit01 {
    display: flex;
    gap: min(5vw, 72px);
    align-items: center;
  }
  .tp-feature_ancList {
    flex-direction: column;
    justify-content: center;
    gap: min(1.9444444444vw, 28px);
  }
  .tp-feature_ancListItem {
    width: min(11.1805555556vw, 161px);
  }
  .tp-feature_product_title_text_inner {
    align-items: center;
  }
  .tp-feature_product_unit02 {
    flex-direction: row-reverse;
  }
  .tp-feature_product_unit02::before {
    right: auto;
    top: 0;
    left: 0;
  }
  .tp-feature_product02 .splide__blind::after {
    width: 100%;
    height: 19.6527777778vw;
    right: auto;
    left: 0;
  }
  .tp-point_accordion_unit_head {
    display: flex;
    align-items: center;
  }
  .tp-point_accordion_unit_head_img {
    margin-right: min(3.125vw, 45px);
  }
  .st-appeal_unit_btn03 {
    width: min(37.7083333333vw, 543px);
    height: min(5vw, 72px);
    margin: min(0.6944444444vw, 10px) auto 0;
    font-size: min(1.6666666667vw, 24px);
    padding-right: min(3.8194444444vw, 55px);
  }
}

@media screen and (max-width: 767.98px) {
  .ly-defaultStyle {
    font-size: 3.7333333333vw !important;
  }
  .ut-hidden\@sp {
    display: none !important;
  }
  .ut-pcOnly {
    display: none !important;
  }
  .ut-spOnly {
    display: block !important;
  }
  .ut-mt0\@sp {
    margin-top: 0px !important;
  }
  .ut-mb0\@sp {
    margin-bottom: 0px !important;
  }
  .ut-mt5\@sp {
    margin-top: 5px !important;
  }
  .ut-mb5\@sp {
    margin-bottom: 5px !important;
  }
  .ut-mt10\@sp {
    margin-top: 10px !important;
  }
  .ut-mb10\@sp {
    margin-bottom: 10px !important;
  }
  .ut-mt15\@sp {
    margin-top: 15px !important;
  }
  .ut-mb15\@sp {
    margin-bottom: 15px !important;
  }
  .ut-mt20\@sp {
    margin-top: 20px !important;
  }
  .ut-mb20\@sp {
    margin-bottom: 20px !important;
  }
  .ut-mt25\@sp {
    margin-top: 25px !important;
  }
  .ut-mb25\@sp {
    margin-bottom: 25px !important;
  }
  .ut-mt30\@sp {
    margin-top: 30px !important;
  }
  .ut-mb30\@sp {
    margin-bottom: 30px !important;
  }
  .ut-mt35\@sp {
    margin-top: 35px !important;
  }
  .ut-mb35\@sp {
    margin-bottom: 35px !important;
  }
  .ut-mt40\@sp {
    margin-top: 40px !important;
  }
  .ut-mb40\@sp {
    margin-bottom: 40px !important;
  }
  .ut-mt45\@sp {
    margin-top: 45px !important;
  }
  .ut-mb45\@sp {
    margin-bottom: 45px !important;
  }
  .ut-mt50\@sp {
    margin-top: 50px !important;
  }
  .ut-mb50\@sp {
    margin-bottom: 50px !important;
  }
  .ut-text--left\@sp {
    text-align: left !important;
  }
  .ut-text--center\@sp {
    text-align: center !important;
  }
  .ut-text--right\@sp {
    text-align: right !important;
  }
  .modal__container {
    max-width: 90%;
    width: 100%;
  }
  .modal__close {
    width: 8vw;
    height: 8vw;
  }
  .modal__close:before {
    width: 8vw;
    height: 8vw;
  }
  .tp-feature_slider {
    margin: 16vw 0 13.3333333333vw;
  }
  .splide__slide_text {
    margin: 2.1333333333vw 0 0;
    font-size: 2.9333333333vw;
  }
  .tp-feature__splide {
    position: static;
    width: 100%;
    padding-bottom: 13.3333333333vw;
  }
  .splide__blind {
    display: none;
  }
  .splide__blind::after {
    display: none;
  }
  .tp-feature__splide__slide img {
    height: 69.3333333333vw;
  }
  .splide__arrow {
    display: none;
  }
  .splide__pagination {
    gap: 0.8vw;
  }
  .splide__pagination__page {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
  .st-btn01 {
    padding: 1.8666666667vw 8vw 1.8666666667vw 2.9333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .st-btn01::after {
    right: 1.3333333333vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .st-btn02 {
    padding: 1.8666666667vw 8vw 1.8666666667vw 2.9333333333vw;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .st-btn02::after {
    right: 1.3333333333vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .st-btn03 {
    margin: 26.6666666667vw auto 0;
    padding: 4vw 26.6666666667vw 4vw 32vw;
    width: 80vw;
    height: 13.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .st-btn03::after {
    left: 24vw;
    width: 4.2666666667vw;
    height: 3.7333333333vw;
  }
  .st-footer_inner {
    padding: 21.3333333333vw 0;
  }
  .st-footer_banner_wrap {
    flex-direction: column;
    width: 89.3333333333vw;
    margin: 0 auto 21.3333333333vw;
    gap: 21.3333333333vw;
  }
  .st-footer_banner {
    width: 89.3333333333vw;
  }
  .st-footer_logo {
    width: 100vw;
  }
  .st-header {
    height: 13.3333333333vw;
    display: flex;
    align-items: center;
    margin-left: 3.7333333333vw;
  }
  .st-header_logo {
    position: inherit;
    width: 30.9333333333vw;
    margin: 0;
  }
  .st-header_btnList {
    top: 0;
    right: 0;
    gap: 0;
  }
  .detail {
    padding: 16vw 0 26.6666666667vw;
  }
  .detail_highlight {
    padding: 16vw 0 32vw;
  }
  .detail_highlight_inner {
    width: 81.3333333333vw;
  }
  .detail_section {
    width: 89.3333333333vw;
    padding: 16vw 4.5333333333vw 26.6666666667vw;
  }
  .detail_title01 {
    line-height: 2;
    font-size: 5.3333333333vw;
    margin: 0 0 10.6666666667vw;
  }
  .detail_title02 {
    font-size: 3.7333333333vw;
    margin: 26.6666666667vw 0 10.6666666667vw;
    border-left: 1.6vw solid #3E3A39;
    padding-left: 3.7333333333vw;
  }
  .detail_title03 {
    font-size: 4.8vw;
    margin-bottom: 5.3333333333vw;
  }
  .detail_title04 {
    line-height: 2;
    font-size: 5.3333333333vw;
    margin: 0 0 16vw;
  }
  .detail_movie01 {
    width: 100%;
    margin: 0 auto min(2.7777777778vw, 40px);
  }
  .detail_intro01 {
    font-size: 4.2666666667vw;
    margin: 0 0 10.6666666667vw;
  }
  .detail_memberList01 {
    gap: 4.8vw;
    width: 100%;
  }
  .detail_memberList_item01 {
    width: 23.4666666667vw;
  }
  .detail_memberList_image01 {
    width: 100%;
    margin: 0 auto 2.1333333333vw;
  }
  .detail_memberList_job01 {
    font-size: 2.6666666667vw;
    margin: 0 0 2.1333333333vw;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
  }
  .detail_memberList_name01 {
    font-size: 2.6666666667vw;
    white-space: nowrap;
  }
  .detail_memberList_name01 span {
    font-size: 3.7333333333vw;
  }
  .detail_memberList_corp01 {
    white-space: nowrap;
    font-size: 2.6666666667vw;
  }
  .detail_text01 {
    font-size: 3.7333333333vw;
  }
  .detail_mainImg_wrap {
    margin: 10.6666666667vw auto;
  }
  .detail_mainImgTitle01 {
    font-size: 4.2666666667vw;
  }
  .detail_mainImg01 {
    margin: 2.6666666667vw auto 2.6666666667vw;
  }
  .detail_mainImgText01 {
    text-align: left;
    font-size: 3.7333333333vw;
  }
  .detail_img01 {
    margin: 26.6666666667vw auto;
  }
  .detail_img02 {
    margin: 10.6666666667vw auto;
  }
  .detail_figure01 {
    width: 100%;
    margin: 10.6666666667vw auto;
  }
  .detail_figure03 {
    margin: 10.6666666667vw auto;
  }
  .detail_figure04 {
    width: 56vw;
    margin: 10.6666666667vw auto;
  }
  .detail_figure_figcaption01 {
    text-align: left;
    line-height: 1.5;
    font-size: 2.6666666667vw;
    margin-top: 2.1333333333vw;
  }
  .detail_comment01 {
    margin: 10.6666666667vw auto;
  }
  .detail_comment_name01 {
    font-size: 3.7333333333vw;
    margin-right: 2.6666666667vw;
  }
  .detail_comment_text01 {
    border-left: 0;
    padding-left: 0;
  }
  .detail_section01 + .detail_section01 {
    margin-top: 26.6666666667vw;
  }
  .detail_highlight_section01 {
    margin-top: 16vw;
  }
  .detail_highlight_section01 + .detail_highlight_section01 {
    margin-top: 16vw;
    padding-top: 16vw;
  }
  .detail_person01 {
    padding-left: 0;
    margin-bottom: 10.6666666667vw;
    text-align: center;
  }
  .detail_person_comment01 {
    margin: 0 0 8vw;
    font-size: 4.2666666667vw;
  }
  .detail_person_image01 {
    position: relative;
    width: 53.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
  .detail_person_profile01 {
    margin-top: 0;
  }
  .detail_person_profile_job01 {
    line-height: 1.5;
    font-size: 3.7333333333vw;
  }
  .detail_person_profile_name01 {
    text-align: center;
    font-size: 3.7333333333vw;
  }
  .detail_person_profile_name01 span {
    font-size: 5.3333333333vw;
  }
  .detail_person_profile_name01 span.detail_person_profile_company01 {
    display: block;
    margin-left: 0;
    font-size: 3.2vw;
  }
  .detail_imageUnit01 {
    margin-top: 10.6666666667vw;
    flex-direction: column;
    gap: 10.6666666667vw;
  }
  .detail_figure02 {
    width: 100%;
  }
  .detail_figure_figcaption02 {
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
  }
  .detail_appeal {
    width: vw(335);
    margin: 32vw auto 32vw;
  }
  .tp-mv {
    margin: 0;
  }
  .tp-mv_img {
    margin: 0 auto 6.4vw;
    width: 100%;
    height: auto;
  }
  .tp-mv_title {
    width: 50.6666666667vw;
    margin: 0 auto 10.6666666667vw;
  }
  .tp-mv_unit {
    text-align: center;
  }
  .tp-mv_unit_inner01 {
    padding: 5.3333333333vw 0 0;
  }
  .tp-mv_unit_text01 {
    margin: 0 0 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
  .tp-mv_unit_text01::before, .tp-mv_unit_text01::after {
    width: 3.2vw;
    height: 5.3333333333vw;
    margin: 0 2.1333333333vw;
  }
  .tp-mv_unit_img01 {
    margin: 0 5.3333333333vw;
  }
  .tp-mv_unit_btn {
    padding: 4.5333333333vw 25.0666666667vw 4.5333333333vw 19.7333333333vw;
    font-size: 4.2666666667vw;
    margin: 2.9333333333vw 0 0;
  }
  .tp-mv_unit_btn::after {
    right: 3.4666666667vw;
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .tp-intro {
    margin-top: 21.3333333333vw;
  }
  .tp-intro_unit01 {
    width: 89.3333333333vw;
    margin: 0 auto 21.3333333333vw;
  }
  .tp-intro_cont_title01 {
    font-size: 6.9333333333vw;
    margin-bottom: 8.5333333333vw;
  }
  .tp-intro_cont_text01 {
    font-size: 3.7333333333vw;
  }
  .tp-intro_cont_text01 + .tp-intro_cont_text01 {
    margin-top: 6.4vw;
  }
  .tp-intro_images {
    width: 100%;
    margin: 0 auto 10.6666666667vw;
  }
  .tp-intro_cont01 {
    margin: 0;
  }
  .tp-animation_images {
    height: 96vw;
    -webkit-animation: bgscroll 40s linear infinite;
            animation: bgscroll 40s linear infinite;
    margin: 0 auto 26.6666666667vw;
  }
  .tp-talk {
    margin: 0 auto 21.3333333333vw;
  }
  .tp-talk_inner {
    width: 100%;
    padding: 10.6666666667vw 5.3333333333vw;
  }
  .tp-talk_title {
    line-height: 1.8;
    margin: 0 0 5.3333333333vw;
    font-size: 5.8666666667vw;
  }
  .tp-talk_unit {
    flex-direction: column;
    margin: 0 0 5.3333333333vw;
    width: 100%;
  }
  .tp-talk_img {
    width: 100%;
  }
  .tp-talk_text_wrap {
    width: 100%;
    justify-content: center;
    padding: 4.2666666667vw;
  }
  .tp-talk_text {
    text-align: center;
    font-size: 5.3333333333vw;
  }
  .tp-talk_link {
    font-size: 4.2666666667vw;
    height: 16vw;
  }
  .tp-talk_link::after {
    right: 3.4666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .tp-feature {
    margin-bottom: 21.3333333333vw;
  }
  .tp-feature_title {
    font-size: 6.4vw;
    margin: 0 5.3333333333vw 10.6666666667vw;
    text-align: left;
  }
  .tp-feature_anc {
    width: 100%;
    display: block;
  }
  .tp-feature_anc-map {
    width: 100%;
    margin: 0 0 8vw;
  }
  .tp-feature_ancList {
    gap: 4.5333333333vw;
    margin: 0 5.3333333333vw;
  }
  .tp-feature_ancListItem {
    width: 26.6666666667vw;
  }
  .tp-feature_anc_link {
    padding-bottom: 0;
    display: flex;
    align-items: center;
  }
  .tp-feature_anc_unit {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .tp-feature_product01 {
    margin: 16vw 0 0;
  }
  .tp-feature_product02 {
    margin: 21.3333333333vw 0 0;
  }
  .tp-feature_product03 {
    margin: 21.3333333333vw 0 0;
  }
  .tp-feature_product_title {
    margin: 0 auto;
    width: 89.3333333333vw;
  }
  .tp-feature_product_title_text {
    margin-bottom: 8.8vw;
    align-items: flex-start;
  }
  .tp-feature_product_title_text_inner {
    flex-direction: column;
    text-align: left;
  }
  .tp-feature_product_title_text_num {
    font-size: 13.8666666667vw;
    padding-right: 3.2vw;
    margin-right: 3.2vw;
    padding-top: 1.3333333333vw;
  }
  .tp-feature_product_title_text_num::after {
    width: 0.2666666667vw;
    height: 17.8666666667vw;
  }
  .tp-feature_product_title_img {
    width: 21.3333333333vw;
  }
  .tp-feature_product_title_text_title {
    margin-left: 0;
    font-size: 4.2666666667vw;
    padding-top: 0;
    display: block;
  }
  .tp-feature_product_unit {
    flex-direction: column;
    width: 89.3333333333vw;
    gap: 10.6666666667vw;
    margin: 0 auto 16vw;
    padding-top: 0;
  }
  .tp-feature_product_unit::before {
    width: 100vw;
    right: -5.3333333333vw;
    top: 36.2666666667vw;
    height: 148vw;
  }
  .tp-feature_product_unit03::before {
    height: 160vw;
  }
  .tp-feature_product_video {
    width: 100%;
  }
  .tp-feature_product_content {
    width: 100%;
  }
  .tp-feature_product_content_title {
    font-size: 5.3333333333vw;
    margin-bottom: 8.5333333333vw;
  }
  .tp-feature_product_content_text {
    font-size: 3.7333333333vw;
    line-height: 1.8;
    letter-spacing: 0.08em;
  }
  .tp-feature_btn {
    font-size: 4.2666666667vw;
    width: 89.3333333333vw;
    height: 16vw;
  }
  .tp-feature_btn::after {
    right: 3.4666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
  .tp-point {
    padding: 16vw 0 21.3333333333vw;
  }
  .tp-point_title {
    font-size: 6.4vw;
    margin: 0 0 16vw;
    line-height: 2;
  }
  .tp-point_title_intro {
    margin: 0 auto 2.6666666667vw;
    font-weight: 500;
    font-size: 3.7333333333vw;
  }
  .tp-point_item {
    max-width: 89.3333333333vw;
  }
  .tp-point_item + .tp-point_item {
    margin-top: 16vw;
  }
  .tp-point_item.is-open {
    max-width: 100%;
  }
  .tp-point_item_img img {
    height: 100%;
    object-fit: cover;
  }
  .tp-point_accordion_body {
    max-width: 89.3333333333vw;
  }
  .tp-point_accordion_title {
    font-size: 6.4vw;
    margin: 21.3333333333vw 0 10.6666666667vw;
  }
  .tp-point_accordion_title span {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
  }
  .tp-point_accordion_text {
    font-size: 3.7333333333vw;
    margin: 0 0 16vw;
  }
  .tp-point_accordion_subTitle {
    font-size: 5.8666666667vw;
    margin: 0 0 10.6666666667vw;
  }
  .tp-point_accordion_subImg {
    width: 72vw;
    margin: 0 auto 10.6666666667vw;
  }
  .tp-point_accordion_subText {
    font-size: 3.7333333333vw;
    width: 100%;
  }
  .tp-point_accordion_img {
    margin: 0 auto 32vw;
  }
  .tp-point_accordion_img01 {
    max-width: 100%;
  }
  .tp-point_accordion_img02 {
    max-width: 100%;
  }
  .tp-point_accordion_img03 {
    max-width: 100%;
  }
  .tp-point_accordion_unit {
    display: block;
  }
  .tp-point_accordion_unit + .tp-point_accordion_unit {
    margin-top: 16vw;
  }
  .tp-point_accordion_cont {
    width: 89.3333333333vw;
  }
  .tp-point_accordion_cont_title {
    margin: 10.6666666667vw 0 0;
    font-size: 5.8666666667vw;
  }
  .tp-point_accordion_cont_text {
    margin: 10.6666666667vw 0 0;
    font-size: 4.2666666667vw;
  }
  .tp-point_item_text {
    font-size: 6.4vw;
    margin-bottom: 5.3333333333vw;
  }
  .tp-point_unit01 {
    margin-top: 5.3333333333vw;
  }
  .tp-point_accordion_unit01 {
    margin: 32vw auto 0;
    width: 100%;
  }
  .tp-point_accordion_unit_head_img {
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
  .tp-point_accordion_unit_head_title {
    padding-bottom: 0;
    font-size: 5.8666666667vw;
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
  .tp-point_accordion_unit_text {
    padding: 8vw 5.3333333333vw 8vw 8vw;
    margin: 0 0 0 auto;
    width: 81.6vw;
    position: relative;
    left: 4.8vw;
    font-size: 3.4666666667vw;
  }
  .tp-point_accordion_subList {
    gap: 10.6666666667vw;
    width: 89.3333333333vw;
  }
  .tp-point_accordion_subListItem p {
    text-align: left;
    font-size: 3.7333333333vw;
  }
  .tp-point_accordion_system {
    margin: 32vw auto 0;
  }
  .tp-point_accordion_system_title {
    line-height: 1.5;
    font-size: 5.8666666667vw;
    margin: 0 0 10.6666666667vw;
  }
  .tp-point_accordion_system_listItem {
    display: block;
    text-align: center;
    height: auto;
    padding: 5.3333333333vw 2.6666666667vw 8vw;
  }
  .tp-point_accordion_system_listItem + .tp-point_accordion_system_listItem {
    margin: 5.3333333333vw auto 0;
  }
  .tp-point_accordion_system_num {
    font-size: 13.3333333333vw;
    margin-right: 0;
    margin-bottom: 4.2666666667vw;
  }
  .tp-point_accordion_system_cont_title {
    font-size: 5.8666666667vw;
    margin-bottom: 5.3333333333vw;
  }
  .tp-point_accordion_system_cont_text {
    font-size: 3.7333333333vw;
  }
  .tp-point_accordion_close {
    padding: 4vw 40vw 4vw 34.6666666667vw;
    font-size: 3.4666666667vw;
    width: 89.3333333333vw;
    margin: 21.3333333333vw auto 32vw;
  }
  .tp-point_accordion_close::after {
    right: 36.2666666667vw;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
  }
  .tp-point_accordion_arios {
    margin: 10.6666666667vw 0 0;
    width: 100%;
    padding: 10.6666666667vw 4.5333333333vw 21.3333333333vw;
  }
  .tp-point_accordion_arios_title {
    font-size: 5.8666666667vw;
    margin: 0 0 10.6666666667vw;
  }
  .tp-point_accordion_arios_list {
    flex-direction: column;
    gap: 10.6666666667vw;
  }
  .tp-point_accordion_arios_listItem {
    width: 100%;
  }
  .tp-point_accordion_arios_img {
    width: 80vw;
  }
  .tp-point_accordion_arios_text_wrap {
    width: 80vw;
    margin: 0 auto 10.6666666667vw;
  }
  .tp-point_accordion_arios_text {
    font-size: 3.4666666667vw;
  }
  .tp-point_accordion_arios_cont_title {
    line-height: 2.5;
    font-size: 4.2666666667vw;
  }
  .tp-point_accordion_arios_cont_text {
    line-height: 2;
    font-size: 3.4666666667vw;
  }
  .tp-point_accordion_arios_icon {
    width: 6.9333333333vw;
    margin: 10.6666666667vw auto;
  }
  .tp-point_accordion_arios_list_title {
    margin: 0 0 2.6666666667vw;
    font-size: 5.8666666667vw;
  }
  .tp-point_item_btn {
    padding: 1.6vw 10.1333333333vw 1.6vw 3.7333333333vw;
    font-size: 4.2666666667vw;
    width: 53.3333333333vw;
    margin: 5.3333333333vw 0 0;
  }
  .tp-point_item_btn::after {
    right: 11.4666666667vw;
    width: 4.8vw;
    height: 4.8vw;
  }
  .st-appeal {
    padding: 10.6666666667vw 5.3333333333vw 16vw;
  }
  .st-appeal_inner {
    width: 100%;
  }
  .st-appeal_text01 {
    margin: 0 0 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .st-appeal_text01::before, .st-appeal_text01::after {
    width: 3.2vw;
    height: 5.3333333333vw;
    margin: 0 1.0666666667vw;
  }
  .st-appeal_text01::before {
    margin-left: 0;
  }
  .st-appeal_text01::after {
    margin-right: 0;
  }
  .st-appeal_unit {
    display: block;
  }
  .st-appeal_unit01 {
    padding: 5.3333333333vw 0 0;
  }
  .st-appeal_unit03 {
    height: auto;
  }
  .st-appeal_unit_content_btns {
    padding: 5.3333333333vw;
  }
  .st-appeal_list_item + .st-appeal_list_item {
    margin-top: 10.6666666667vw;
  }
  .st-appeal_unit_img {
    width: 100%;
  }
  .st-appeal_unit_img01 {
    width: 100%;
    height: auto;
    padding-left: 0;
  }
  .st-appeal_unit_img03 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .st-appeal_unit_content {
    width: 100%;
    padding: 11.4666666667vw 0 0;
  }
  .st-appeal_unit_content02 {
    padding: 8vw 0 0;
  }
  .st-appeal_unit_content03 {
    height: auto;
    padding: 0 0 5.3333333333vw;
  }
  .st-appeal_unit_content04 {
    padding: 10.6666666667vw 0 0;
  }
  .st-appeal_unit_content_title {
    text-align: center;
    font-size: 3.7333333333vw;
    margin: 0 0 2.6666666667vw;
  }
  .st-appeal_unit_content_title span {
    line-height: 1.5;
    font-size: 6.4vw;
  }
  .st-appeal_unit_content_title02 span {
    margin-top: 0.5333333333vw;
  }
  .st-appeal_unit_content_title03 {
    display: none;
  }
  .st-appeal_unit_content_title04 {
    font-size: 5.3333333333vw;
    margin: 0 auto 5.3333333333vw;
  }
  .st-appeal_unit_info {
    margin: 0 3.2vw 2.6666666667vw;
  }
  .st-appeal_unit_info_tag01 {
    font-size: 3.7333333333vw;
    min-width: 30.9333333333vw;
    margin-right: 0;
    padding: 0.9333333333vw;
    position: absolute;
    left: 0;
    top: 0;
  }
  .st-appeal_unit_info_place01 {
    font-size: 4.2666666667vw;
    padding-left: 6.4vw;
  }
  .st-appeal_unit_info_place01:before {
    width: 4.5333333333vw;
    height: 4.5333333333vw;
  }
  .st-appeal_unit_text01 {
    font-size: 3.2vw;
    margin: 0 5.3333333333vw 10.6666666667vw;
    display: flex;
    justify-content: space-between;
    line-height: 2;
  }
  .st-appeal_unit_text01 span {
    width: 36vw;
  }
  .st-appeal_unit_text02 {
    font-size: 3.2vw;
    margin: 0 8vw 0;
    line-height: 2;
  }
  .st-appeal_unit_text03 {
    font-size: 2.6666666667vw;
    margin: 2.6666666667vw 8vw 10.6666666667vw;
    line-height: 2;
  }
  .st-appeal_unit_text04 {
    text-align: center;
    font-size: 3.7333333333vw;
    margin: 0 13.3333333333vw 0;
    line-height: 1.85;
    text-align: left;
  }
  .st-appeal_unit_btn {
    padding: 2.9333333333vw;
    font-size: 4.2666666667vw;
    line-height: 2.625;
    margin-top: 10.6666666667vw;
  }
  .st-appeal_unit_btn::after {
    right: 4.2666666667vw;
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .st-appeal_unit_btn02 {
    padding-right: 0;
    margin: 5.3333333333vw auto 0;
    width: 78.6666666667vw;
    height: 16vw;
  }
  .st-appeal_unit_btn02-select {
    width: 100%;
    padding-right: 8vw;
    margin: 0;
  }
  .st-appeal_unit_btn03 {
    margin: 2.1333333333vw auto 0;
    font-size: 4.2666666667vw;
    line-height: 1.3;
    text-align: center;
    height: 16vw;
  }
  .st-appeal_adjust {
    position: static;
  }
  .ut-mb120 {
    margin-bottom: 32vw;
  }
}