/* //////////////////////////////////////////////////

Title : style.scss
For   : Page/issue/LP/issue210/

Created       : 2025-01-25
Last Modified : 2025-01-26

==========================================

Content

////////////////////////////////////////////////// */
/**
 * variables, layouts
 */
#issue215 {
  --color-dark: #000;
  --color-white: #fff;
  --color-overlay: rgba(0, 0, 0, .2);
  --font-magister: "magister", sans-serif;
  --font-en: var(--font-magister);
  --zindex-behind: -1;
  --zindex-base: 1;
  --zindex-overlay: 10;
  --zindex-floating-element: 20;
}

/* --- for small viewport --- */
@media screen and (max-width: 768px) {
  #issue215 {
    --rate: 100vw / 750;
    --lp-page-title-gap: calc(30 * var(--rate));
    --lp-conteiner-gutter: calc(10 * var(--rate));
    --lp-contents-container-row-gap: calc(10 * var(--rate));
    --lp-contents-container-column-gap: calc(10 * var(--rate));
    --lp-contents-container-column-length: 2;
    --lp-prices-vertical-spacer: calc(16 * var(--rate));
    --lp-prices-horizontal-spacer: calc(20 * var(--rate));
    --lp-prices-font-size: calc(23 * var(--rate));
    --lp-prices-line-height: calc(42.5 / 23);
    --lp-prices-button-position: calc(20 * var(--rate));
    --lp-prices-button-size: calc(34 * var(--rate));
    --lp-footer-spacer: calc(200 * var(--rate));
    --lp-link-button-gap: calc(20 * var(--rate));
    --lp-link-button-border-size: calc(160 * var(--rate));
  }
  #issue215 .hidden-sml {
    display: none !important;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 769px) {
  #issue215 {
    --rate: 100vw / 2100;
    --lp-page-title-gap: calc(37 * var(--rate));
    --lp-conteiner-gutter: calc(22 * var(--rate));
    --lp-contents-container-row-gap: calc(8 * var(--rate));
    --lp-contents-container-column-gap: calc(8 * var(--rate));
    --lp-contents-container-column-length: 4;
    --lp-prices-vertical-spacer: calc(15 * var(--rate));
    --lp-prices-horizontal-spacer: calc(20 * var(--rate));
    --lp-prices-font-size: calc(21 * var(--rate));
    --lp-prices-line-height: calc(33.3 / 18);
    --lp-prices-button-position: calc(20 * var(--rate));
    --lp-prices-button-size: calc(30 * var(--rate));
    --lp-footer-spacer: calc(250 * var(--rate));
    --lp-link-button-gap: calc(18 * var(--rate));
    --lp-link-button-border-size: calc(150 * var(--rate));
  }
  #issue215 .hidden-lrg {
    display: none !important;
  }
}
/**
 * common
 */
.header {
  transition: all 1s ease;
}
.header.is-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.lp-miesrohe {
  font-family: var(--font-en);
}
.lp-miesrohe img,
.lp-miesrohe picture {
  display: var(--display, block);
}
.lp-miesrohe img,
.lp-miesrohe video,
.lp-miesrohe svg {
  width: 100%;
  height: auto;
}
.lp-miesrohe iframe {
  width: 100%;
  height: 100%;
}
.lp-miesrohe a {
  display: var(--display, inline-block);
}
.lp-miesrohe a:has(img) {
  --display: block;
}
.lp-miesrohe * {
  /* text-align: var(--text-align, initial); */
  box-sizing: border-box;
}
.lp-miesrohe button {
  padding: 0;
  background: inherit;
  border: none;
  outline: none;
}

/* --- for large viewport --- */
@media screen and (min-width: 769px) {
  #breadcrumb .cateList {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
}
/* --- for small viewport --- */
@media screen and (max-width: 768px) {
  .footer {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
}
/**
 * header
 */
.lp-miesrohe__page-title {
  --text-align: center;
  display: grid;
  grid-template-columns: 100%;
  row-gap: var(--lp-page-title-gap);
  width: 100%;
  margin-left: calc(60 * var(--rate));
  margin-bottom: calc(110 * var(--rate));
}
.lp-miesrohe__page-title > * {
  line-height: 1;
  letter-spacing: 0.03em;
}


/* --- for small viewport --- */
@media screen and (max-width: 768px) {
  .lp-miesrohe__header {
    -webkit-padding-before: calc(100 * var(--rate));
            padding-block-start: calc(100 * var(--rate));
    -webkit-padding-after: calc(98 * var(--rate));
            padding-block-end: calc(98 * var(--rate));
  }
  .lp-miesrohe__page-title--primary {
    font-size: calc(42 * var(--rate));
  }
  .lp-miesrohe__page-title--secondary {
    font-size: calc(30 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 769px) {
  .lp-miesrohe__header {
    -webkit-padding-before: calc(220 * var(--rate));
            padding-block-start: calc(220 * var(--rate));
    -webkit-padding-after: calc(135 * var(--rate));
            padding-block-end: calc(135 * var(--rate));
  }

  .lp-miesrohe__page-title--primary {
    font-size: calc(50 * var(--rate));
    word-spacing: calc(-3 * var(--rate));
  }
  .lp-miesrohe__page-title--secondary {
    font-size: calc(30 * var(--rate));
    word-spacing: calc(-2 * var(--rate));
  }
}
/**
 * contents
 */
.lp-miesrohe__contents-container {
  display: grid;
  grid-template-columns: repeat(var(--lp-contents-container-column-length), 1fr);
  row-gap: var(--lp-contents-container-row-gap);
  -moz-column-gap: var(--lp-contents-container-column-gap);
       column-gap: var(--lp-contents-container-column-gap);
  padding-inline: var(--lp-conteiner-gutter);
}
.lp-miesrohe__contents-cell {
  position: relative;
}
.lp-miesrohe__contents-cell .splide__list {
  --display: flex;
}
.lp-miesrohe__prices-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-block: var(--lp-prices-vertical-spacer);
  padding-inline: var(--lp-prices-horizontal-spacer);
  background-color: var(--color-overlay);
  font-size: var(--lp-prices-font-size);
  line-height: var(--lp-prices-line-height);
  color: var(--color-white);
  letter-spacing: 0.04em;
  z-index: var(--zindex-overlay);
  opacity: var(--prices-opacity-value, 0);
  visibility: var(--prices-visible-status, hidden);
  pointer-events: var(--prices-pointer-events-value, none);
  transition: all 0.6s ease;
}
.lp-miesrohe__prices-container.is-active {
  --prices-opacity-value: 1;
  --prices-visible-status: visible;
  --prices-pointer-events-value: auto;
  --prices-transform-value: 0;
}
.lp-miesrohe__prices {
  opacity: var(--prices-opacity-value, 0);
  visibility: var(--prices-visible-status, hidden);
  pointer-events: var(--prices-pointer-events-value, none);
  transition: all 0.6s ease;
  width: 85%;
}
.lp-miesrohe__prices-button {
  position: absolute;
  bottom: var(--lp-prices-button-position);
  right: var(--lp-prices-button-position);
  width: var(--lp-prices-button-size);
  height: var(--lp-prices-button-size);
  z-index: var(--zindex-floating-element);
}
.lp-miesrohe__prices-button span {
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: var(--color-white);
  transition: all 0.3s ease;
  pointer-events: none;
}
.lp-miesrohe__prices-button span:nth-child(2) {
  transform: rotate(90deg);
}

/* --- for small viewport --- */
@media screen and (max-width: 768px) {
  .lp-miesrohe__contents-cell:has(.lp-miesrohe__heading) {
    grid-column: 1/span 2;
  }
  .lp-miesrohe__contents-cell--wide {
    grid-column: 1/span 2;
  }
  .lp-miesrohe__contents-cell:nth-child(2) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(3) {
    --animation-delay: .6s;
  }
  .lp-miesrohe__contents-cell:nth-child(4) {
    --animation-delay: .4s;
  }
  .lp-miesrohe__contents-cell:nth-child(6) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(6) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(11) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(14) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(15) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(21) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(22) {
    --animation-delay: .2s;
  }
  .lp-miesrohe__heading {
    padding-block: calc(30 * var(--rate));
    font-size: calc(32 * var(--rate));
    line-height: 1.4;
    letter-spacing: 0.018em;
  }
  .lp-miesrohe__heading--first {
    --text-align: right;
    -webkit-padding-end: calc(20 * var(--rate));
            padding-inline-end: calc(20 * var(--rate));
  }
  .lp-miesrohe__heading--second {
    --text-align: center;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 769px) {
  .lp-miesrohe__contents-cell:has(.lp-miesrohe__heading) {
    display: grid;
    align-items: end;
    padding-block: calc(38 * var(--rate));
    padding-inline: calc(30 * var(--rate));
  }
  .lp-miesrohe__contents-cell:nth-child(1) {
    grid-row: 1;
    grid-column: 2;
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(2) {
    grid-row: 1;
    grid-column: 1;
  }
  .lp-miesrohe__contents-cell:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
    --animation-delay: .4s;
  }
  .lp-miesrohe__contents-cell:nth-child(4) {
    grid-row: 1;
    grid-column: 4;
    --animation-delay: .6s;
  }
  .lp-miesrohe__contents-cell:nth-child(5) {
    grid-row: 3;
    grid-column: 1;
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(7) {
    grid-row: 2;
    grid-column: 1;
    --animation-delay: .4s;
  }
  .lp-miesrohe__contents-cell:nth-child(8) {
    grid-row: 3;
    grid-column: 2;
  }
  .lp-miesrohe__contents-cell:nth-child(9) {
    grid-row: 2/span 2;
    grid-column: 3/span 2;
  }
  .lp-miesrohe__contents-cell:nth-child(10) {
    grid-row: 2;
    grid-column: 2;
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(11) {
    grid-row: 4;
    grid-column: 3;
    --animation-delay: .4s;
  }
  .lp-miesrohe__contents-cell:nth-child(12) {
    grid-row: 4;
    grid-column: 4;
    --animation-delay: .6s;
  }
  .lp-miesrohe__contents-cell:nth-child(13) {
    grid-row: 4;
    grid-column: 2;
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(14) {
    grid-row: 4;
    grid-column: 1;
  }
  .lp-miesrohe__contents-cell:nth-child(15) {
    grid-row: 5;
    grid-column: 3;
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(16) {
    grid-row: 5;
    grid-column: 4;
  }
  .lp-miesrohe__contents-cell:nth-child(17) {
    grid-row: 6;
    grid-column: 3;
  }
  .lp-miesrohe__contents-cell:nth-child(19) {
    grid-row: 5/span 2;
    grid-column: 1/span 2;
    --animation-delay: .4s;
  }
  .lp-miesrohe__contents-cell:nth-child(20) {
    grid-row: 7;
    grid-column: 2;
    --animation-delay: .2s;
  }
  .lp-miesrohe__contents-cell:nth-child(21) {
    grid-row: 6;
    grid-column: 4;
  }
  .lp-miesrohe__contents-cell:nth-child(22) {
    grid-row: 7;
    grid-column: 1;
  }
  .lp-miesrohe__contents-cell:nth-child(23) {
    grid-row: 7;
    grid-column: 4;
    --animation-delay: .6s;
  }
  .lp-miesrohe__contents-cell:nth-child(24) {
    grid-row: 7;
    grid-column: 3;
    --animation-delay: .4s;
  }
  .lp-miesrohe__heading {
    font-size: calc(38 * var(--rate));
    line-height: 1.3;
  }
  .lp-miesrohe__heading--first {
    letter-spacing: 0.015em;
  }
  .lp-miesrohe__heading--second {
    justify-self: end;
    writing-mode: vertical-rl;
    letter-spacing: 0.01em;
    transform: rotate(180deg) translate(calc(-10 * var(--rate)), calc(12 * var(--rate)));
  }
}
/**
 * footer
 */
.lp-miesrohe__fotter {
  display: grid;
  place-items: center;
  /* padding-block: var(--lp-footer-spacer); */
  padding: calc(177 * var(--rate)) 0 calc(186 * var(--rate));
}
.lp-miesrohe__link-button {
  --display: inline-grid;
  grid-template-columns: auto;
  row-gap: var(--lp-link-button-gap);
  letter-spacing: 0.04em;
  line-height: 1;
}
.lp-miesrohe__link-button::after {
  content: "";
  display: block;
  width: var(--link-button-active-border-size, 0);
  height: 1px;
  margin-inline: auto;
  background-color: var(--color-dark);
  transition: all 1s ease;
}
.lp-miesrohe__link-button.is-active {
  --link-button-active-border-size: var(--lp-link-button-border-size);
}

/* --- for small viewport --- */
@media screen and (max-width: 768px) {
  .lp-miesrohe__link-button {
    font-size: calc(31 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 769px) {
  .lp-miesrohe__link-button {
    font-size: calc(29 * var(--rate));
  }
}
/**
 * animation
 */


.js-show,
.js-animation-trigger .anim-fade-in {
  opacity: 0;
}

.js-show.on,
.js-animation-trigger.is-active .anim-fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  -webkit-animation-delay: var(--animation-delay, 0);
          animation-delay: var(--animation-delay, 0);
}
.js-animation-trigger .anim-typing-text span {
  opacity: 0;
  transition: all 1ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(1) {
  transition-delay: 0ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(2) {
  transition-delay: 35ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(3) {
  transition-delay: 70ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(4) {
  transition-delay: 105ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(5) {
  transition-delay: 140ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(6) {
  transition-delay: 175ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(7) {
  transition-delay: 210ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(8) {
  transition-delay: 245ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(9) {
  transition-delay: 280ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(10) {
  transition-delay: 315ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(11) {
  transition-delay: 350ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(12) {
  transition-delay: 385ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(13) {
  transition-delay: 420ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(14) {
  transition-delay: 455ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(15) {
  transition-delay: 490ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(16) {
  transition-delay: 525ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(17) {
  transition-delay: 560ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(18) {
  transition-delay: 595ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(19) {
  transition-delay: 630ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(20) {
  transition-delay: 665ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(21) {
  transition-delay: 700ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(22) {
  transition-delay: 735ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(23) {
  transition-delay: 770ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(24) {
  transition-delay: 805ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(25) {
  transition-delay: 840ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(26) {
  transition-delay: 875ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(27) {
  transition-delay: 910ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(28) {
  transition-delay: 945ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(29) {
  transition-delay: 980ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(30) {
  transition-delay: 1015ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(31) {
  transition-delay: 1050ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(32) {
  transition-delay: 1085ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(33) {
  transition-delay: 1120ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(34) {
  transition-delay: 1155ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(35) {
  transition-delay: 1190ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(36) {
  transition-delay: 1225ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(37) {
  transition-delay: 1260ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(38) {
  transition-delay: 1295ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(39) {
  transition-delay: 1330ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(40) {
  transition-delay: 1365ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(41) {
  transition-delay: 1400ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(42) {
  transition-delay: 1435ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(43) {
  transition-delay: 1470ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(44) {
  transition-delay: 1505ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(45) {
  transition-delay: 1540ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(46) {
  transition-delay: 1575ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(47) {
  transition-delay: 1610ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(48) {
  transition-delay: 1645ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(49) {
  transition-delay: 1680ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(50) {
  transition-delay: 1715ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(51) {
  transition-delay: 1750ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(52) {
  transition-delay: 1785ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(53) {
  transition-delay: 1820ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(54) {
  transition-delay: 1855ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(55) {
  transition-delay: 1890ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(56) {
  transition-delay: 1925ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(57) {
  transition-delay: 1960ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(58) {
  transition-delay: 1995ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(59) {
  transition-delay: 2030ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(60) {
  transition-delay: 2065ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(61) {
  transition-delay: 2100ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(62) {
  transition-delay: 2135ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(63) {
  transition-delay: 2170ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(64) {
  transition-delay: 2205ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(65) {
  transition-delay: 2240ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(66) {
  transition-delay: 2275ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(67) {
  transition-delay: 2310ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(68) {
  transition-delay: 2345ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(69) {
  transition-delay: 2380ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(70) {
  transition-delay: 2415ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(71) {
  transition-delay: 2450ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(72) {
  transition-delay: 2485ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(73) {
  transition-delay: 2520ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(74) {
  transition-delay: 2555ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(75) {
  transition-delay: 2590ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(76) {
  transition-delay: 2625ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(77) {
  transition-delay: 2660ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(78) {
  transition-delay: 2695ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(79) {
  transition-delay: 2730ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(80) {
  transition-delay: 2765ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(81) {
  transition-delay: 2800ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(82) {
  transition-delay: 2835ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(83) {
  transition-delay: 2870ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(84) {
  transition-delay: 2905ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(85) {
  transition-delay: 2940ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(86) {
  transition-delay: 2975ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(87) {
  transition-delay: 3010ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(88) {
  transition-delay: 3045ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(89) {
  transition-delay: 3080ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(90) {
  transition-delay: 3115ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(91) {
  transition-delay: 3150ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(92) {
  transition-delay: 3185ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(93) {
  transition-delay: 3220ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(94) {
  transition-delay: 3255ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(95) {
  transition-delay: 3290ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(96) {
  transition-delay: 3325ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(97) {
  transition-delay: 3360ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(98) {
  transition-delay: 3395ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(99) {
  transition-delay: 3430ms;
}
.js-animation-trigger .anim-typing-text span:nth-of-type(100) {
  transition-delay: 3465ms;
}
.js-animation-trigger.is-active .anim-typing-text span {
  opacity: 1;
}

.js-prices-container-display-trigger.lp-miesrohe__prices-button.is-active span:nth-child(2) {
  transform: rotate(0deg);
  opacity: 0;
}

/**
 * @keyframes
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ================================### issue210 ###================================ */
#Contents {
  padding-top: 0 !important;
}
.header .header-logo {
  display: none !important;
}
.lp_wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.lp_wrapper__left {
  width: calc(1100 * var(--rate));
  height: 100vh;
  position: sticky;
  top: 0;
}
.lp_wrapper__right {
  width: calc(1000 * var(--rate));
}
.lp_wrapper__left_img {
  width: 100%;
  height: 74%;
  margin-bottom: calc(70 * var(--rate));
}
.lp_wrapper__left_img img{
  height: 100%;
  object-fit: cover;
}
.lp_wrapper__right_inner {
  width: calc(700 * var(--rate));
  margin: 0 auto;
  /* margin-top: calc(95 * var(--rate)); */
}

/* ===========### main contents ###=========== */
.lp_main_contents_flex {
  padding: 0 calc(10 * var(--rate));
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lp_styling_block {
  margin-bottom: calc(10 * var(--rate));
}
.lp_styling_block.max_image {
  width: 100%;
}

.lp_styling_block.text_block01,
.lp_styling_block.text_block02 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lp_styling_block.text_block02 {
  justify-content: right;
  align-items: flex-end;
}

.lp_styling_block.half_image {
  width: calc(335 * var(--rate));
}

.lp_text_move {
  font-size: calc(25 * var(--rate));
  letter-spacing: 0.02em;
  white-space: normal; /* br効かせるために重要！ */
  text-align: left;
  line-height: 1.45;
}

.text_block01 .lp_text_move{
  font-size: calc(24 * var(--rate));
  line-height: 1.5;
  margin: calc(44 * var(--rate)) 0;
  text-align: center;
}

.text_block02 .lp_text_move{
  font-size: calc(34 * var(--rate));
  margin: calc(35 * var(--rate)) auto calc(39 * var(--rate));
}

.text_block03{
  display: flex;
  justify-content: center;
  align-items: center;
}
.text_block03 .lp_text_move{
  font-size: calc(24 * var(--rate));
  margin: 0;
  text-align: center;
}
.text_block04{
  padding: calc(38 * var(--rate)) 0 calc(48 * var(--rate));
  margin: 0 auto;
}

.text_block04 .lp_text_move{
  font-size: calc(34 * var(--rate));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media screen and (max-width: 768px) {

}

@media screen and (min-width: 769px) {

}

.pc_only {
  display: block;
}

.sp_only {
  display: none;
}


/************** SP **************/
@media screen and (max-width: 768px) {
  #Contents {
    padding-top: calc(80* (100vw / 375)) !important;
  }

  .header .header-logo {
    display: flex !important;
  }

  .pc_only {
    display: none;
  }

  .sp_only {
    display: block;
  }

  .lp_wrapper__left {
    display: none;
  }

  .lp_wrapper__right {
    width: 100%;
  }

  #issue215 {
    overflow: hidden;
  }

  .anim-fade-in_top {
    -webkit-animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
            animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    -webkit-animation-delay: var(--animation-delay, 0);
            animation-delay: var(--animation-delay, 0);
  }

  .lp-miesrohe__page-title {
    margin-left: calc(0 * var(--rate));
    margin-bottom: calc(95 * var(--rate));
    margin-top: calc(65* var(--rate));
    text-align: var(--text-align, initial);
  }

  .lp_wrapper__right_inner {
    width: 100%;
    margin-top: 0;
  }

  .lp_styling_block.half_image {
    width: calc(360 * var(--rate));
  }

  .lp_text_move {
    font-size: calc(25 * var(--rate));
    line-height: 1.45;
    letter-spacing: 0.02em;
  }

  .text_block02_inner {
    top: 23.5%;
    right: 5%;
  }

  .lp-miesrohe__fotter {
    padding: calc(190 * var(--rate)) 0 calc(200 * var(--rate));
  }
}

.js-textAnime span {
  display: none;
}