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

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

Created       : 2025-02-26
Last Modified : 2025-02-26

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

Content

////////////////////////////////////////////////// */
/**
 * variables, layouts
 */
#issue202 {
  --color-dark: #000;
  --color-white: #fff;
  --color-gray: #EFEFEF;
  --font-magister: "magister", sans-serif;
  --font-tt-commons: "tt-commons-pro", sans-serif;
  --font-noto-sans-cjk: "noto-sans-cjk-jp", sans-serif;
  --font-en-primary: var(--font-tt-commons);
  --font-en-secondary: var(--font-magister);
  --font-ja: var(--font-noto-sans-cjk);
  --zindex-behind: -1;
  --zindex-base: 1;
  --zindex-overlay: 10;
  --zindex-float: 20;
  --container-fluid: 100%;
  --container-wide: 2100px;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  #issue202 {
    --rate: 100vw / 750;
    --heading-spacer: calc(25 * var(--rate));
    --details-spacer: calc(58 * var(--rate));
    --lp-footer-top-spacer: calc(234 * var(--rate));
    --lp-footer-bottom-spacer: calc(240 * var(--rate));
    --lp-link-button-gap: calc(20 * var(--rate));
    --lp-link-button-border-size: calc(160 * var(--rate));
  }
  #issue202 .hidden-sml {
    display: none !important;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  #issue202 {
    --rate: .1rem;
    --heading-spacer: calc(69 * var(--rate));
    --details-spacer: calc(159 * var(--rate));
    --lp-footer-top-spacer: calc(250 * var(--rate));
    --lp-footer-bottom-spacer: calc(250 * var(--rate));
    --lp-link-button-gap: calc(18 * var(--rate));
    --lp-link-button-border-size: calc(130 * var(--rate));
  }
  #issue202 .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 a.splide__list {
  --display: flex;
}
.lp-miesrohe * {
  box-sizing: border-box;
}
.lp-miesrohe button {
  padding: 0;
  background: inherit;
  border: none;
  outline: none;
}

.carouselPager {
  --swiper-pagination-bullet-horizontal-gap: 0;
  position: absolute;
  display: flex;
  -moz-column-gap: var(--gap-carousel-dots);
       column-gap: var(--gap-carousel-dots);
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  left: initial !important;
  z-index: var(--zindex-float);
}
.carouselPager__dots,
.carouselPager .swiper-pagination-bullet {
  border: 1px solid #fff;
  position: relative;
  display: block;
  width: var(--size-carousel-dots);
  height: var(--size-carousel-dots);
  padding: 0;
  border-radius: 50vh;
  outline: none;
  background: none;
  opacity: 1;
}
.carouselPager__dots.is-active,
.carouselPager .swiper-pagination-bullet.is-active {
  background-color: #fff;
}
.carouselPager__dots-active,
.carouselPager .swiper-pagination-bullet-active {
  background-color: #fff;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .footer {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
  .carouselPager {
    --swiper-pagination-bottom: calc(20 * var(--rate));
    --gap-carousel-dots: calc(20 * var(--rate));
    right: calc(20 * var(--rate));
  }
  .carouselPager__dots,
.carouselPager .swiper-pagination-bullet {
    --size-carousel-dots: calc(10 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .header-inner {
    display: none;
  }
  #Contents {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
  #breadcrumb {
    display: none;
  }
  .carouselPager {
    --swiper-pagination-bottom: calc(20 * var(--rate));
    --gap-carousel-dots: calc(20 * var(--rate));
    right: calc(20 * var(--rate));
  }
  .carouselPager__dots,
.carouselPager .swiper-pagination-bullet {
    --size-carousel-dots: calc(10 * var(--rate));
  }
}
/**
 * header
 */
.lp-miesrohe__header-visual {
  position: relative;
}
.lp-miesrohe__page-title {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-white);
}
.lp-miesrohe__page-title > * {
  display: block;
  line-height: 1;
}
.lp-miesrohe__page-title--primary, .lp-miesrohe__page-title--secondary {
  font-family: var(--font-en-primary);
}
.lp-miesrohe__page-title--tertiary {
  display: block;
  font-family: var(--font-en-secondary);
  font-weight: 400;
}
.lp-miesrohe__page-title--primary {
  font-weight: 100;
  letter-spacing: 0.008em;
}
.lp-miesrohe__page-title--secondary {
  font-weight: 300;
  letter-spacing: 0.02em;
}
.lp-miesrohe__header-lead {
  font-family: var(--font-ja);
  font-feature-settings: "palt";
  text-align: center;
}
.lp-miesrohe__header-thumbnails {
  display: grid;
  justify-content: center;
}
.lp-miesrohe__header-thumbnail {
  position: relative;
}
.lp-miesrohe__header-thumbnail:nth-child(1) {
  grid-column: 1/span 2;
  grid-row: 2;
  z-index: var(--zindex-base);
}
.lp-miesrohe__header-thumbnail:nth-child(2) {
  grid-column: 2/span 2;
  grid-row: 1/span 2;
  align-self: start;
  z-index: var(--zindex-overlay);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-miesrohe__page-title {
    top: calc(293 * var(--rate));
    left: calc(66 * var(--rate));
  }
  .lp-miesrohe__page-title--primary {
    font-size: calc(57 * var(--rate));
  }
  .lp-miesrohe__page-title--secondary {
    -webkit-margin-before: calc(20 * var(--rate));
            margin-block-start: calc(20 * var(--rate));
    font-size: calc(28 * var(--rate));
  }
  .lp-miesrohe__page-title--tertiary {
    width: calc(192 * var(--rate));
    -webkit-margin-before: calc(55 * var(--rate));
            margin-block-start: calc(55 * var(--rate));
    -webkit-padding-start: calc(3 * var(--rate));
            padding-inline-start: calc(3 * var(--rate));
    font-size: calc(41 * var(--rate));
    letter-spacing: 0.03em;
  }
  .lp-miesrohe__header-lead {
    -webkit-margin-before: calc(105 * var(--rate));
            margin-block-start: calc(105 * var(--rate));
    font-size: calc(24 * var(--rate));
    line-height: 2.2;
    letter-spacing: 0.14em;
  }
  .lp-miesrohe__header-thumbnails {
    grid-template-columns: calc(270 * var(--rate)) calc(30 * var(--rate)) calc(310 * var(--rate));
    grid-template-rows: calc(190 * var(--rate)) auto;
    -webkit-margin-before: calc(130 * var(--rate));
            margin-block-start: calc(130 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-miesrohe__page-title {
    top: calc(254 * var(--rate));
    left: calc(278 * var(--rate));
  }
  .lp-miesrohe__page-title--primary {
    font-size: calc(84 * var(--rate));
  }
  .lp-miesrohe__page-title--secondary {
    -webkit-margin-before: calc(32 * var(--rate));
            margin-block-start: calc(32 * var(--rate));
    -webkit-padding-start: calc(7 * var(--rate));
            padding-inline-start: calc(7 * var(--rate));
    font-size: calc(38.6 * var(--rate));
  }
  .lp-miesrohe__page-title--tertiary {
    width: calc(270 * var(--rate));
    -webkit-margin-before: calc(86 * var(--rate));
            margin-block-start: calc(86 * var(--rate));
    -webkit-padding-start: calc(6 * var(--rate));
            padding-inline-start: calc(6 * var(--rate));
    font-size: calc(58.62 * var(--rate));
    letter-spacing: 0.018em;
  }
  .lp-miesrohe__header-lead {
    -webkit-margin-before: calc(126 * var(--rate));
            margin-block-start: calc(126 * var(--rate));
    font-size: calc(18 * var(--rate));
    line-height: 2.4;
    letter-spacing: 0.16em;
  }
  .lp-miesrohe__header-thumbnails {
    grid-template-columns: calc(320 * var(--rate)) calc(40 * var(--rate)) calc(360 * var(--rate));
    grid-template-rows: calc(200 * var(--rate)) auto;
    -webkit-margin-before: calc(132 * var(--rate));
            margin-block-start: calc(132 * var(--rate));
  }
}
/**
 * contents
 */
.lp-miesrohe__contents-shell:nth-child(odd) .lp-miesrohe__contents-header {
  text-align: left;
}
.lp-miesrohe__contents-shell:nth-child(odd) .lp-miesrohe__contents-heading {
  -webkit-padding-start: var(--heading-spacer);
          padding-inline-start: var(--heading-spacer);
}
.lp-miesrohe__contents-shell:nth-child(odd) .lp-miesrohe__contents-details {
  -webkit-padding-start: var(--details-spacer);
          padding-inline-start: var(--details-spacer);
}
.lp-miesrohe__contents-shell:nth-child(even) .lp-miesrohe__contents-header {
  text-align: right;
}
.lp-miesrohe__contents-shell:nth-child(even) .lp-miesrohe__contents-heading {
  -webkit-padding-end: var(--heading-spacer);
          padding-inline-end: var(--heading-spacer);
}
.lp-miesrohe__contents-shell:nth-child(even) .lp-miesrohe__contents-details {
  -webkit-padding-end: var(--details-spacer);
          padding-inline-end: var(--details-spacer);
}
.lp-miesrohe__contents-header {
  max-width: var(--container-wide);
  margin-inline: auto;
  font-family: var(--font-en-primary);
}
.lp-miesrohe__contents-heading {
  display: inline-block;
  font-weight: 300;
  letter-spacing: 0.015em;
  line-height: 1;
}
.lp-miesrohe__contents-style-name {
  font-weight: 100;
  letter-spacing: 0.02em;
  line-height: 1;
}
.lp-miesrohe__contents-prices {
  font-size: 0;
  font-weight: 200;
}
.lp-miesrohe__contents-prices > * {
  letter-spacing: 0.038em;
}
.lp-miesrohe__contents-block {
  display: grid;
  justify-content: center;
}
.lp-miesrohe__contents-cell {
  position: relative;
}
.lp-miesrohe__contents-message {
  position: relative;
  background-color: var(--color-gray);
  z-index: var(--zindex-base);
  font-feature-settings: "palt";
}
.lp-miesrohe__contents-message::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  z-index: var(--zindex-overlay);
}
.lp-miesrohe__contents-message dt {
  position: relative;
  z-index: var(--zindex-float);
  font-family: var(--font-en-primary);
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 1;
}
.lp-miesrohe__contents-message dd {
  position: relative;
  z-index: var(--zindex-float);
  font-family: var(--font-ja);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-miesrohe__contents-container {
    -webkit-margin-before: calc(226 * var(--rate));
            margin-block-start: calc(226 * var(--rate));
  }
  .lp-miesrohe__contents-shell {
    overflow-x: hidden;
  }
  .lp-miesrohe__contents-header + * {
    -webkit-margin-before: calc(72 * var(--rate));
            margin-block-start: calc(72 * var(--rate));
  }
  .lp-miesrohe__contents-heading {
    font-size: calc(79 * var(--rate));
  }
  .lp-miesrohe__contents-style-name {
    -webkit-margin-before: calc(50 * var(--rate));
            margin-block-start: calc(50 * var(--rate));
    font-size: calc(40 * var(--rate));
  }
  .lp-miesrohe__contents-prices {
    -webkit-margin-before: calc(34 * var(--rate));
            margin-block-start: calc(34 * var(--rate));
    line-height: 2;
  }
  .lp-miesrohe__contents-prices > * {
    font-size: calc(20 * var(--rate));
  }
  .lp-miesrohe__contents-block {
    grid-template-columns: var(--grid-template-columns, 100%);
  }
  .lp-miesrohe__contents-cell {
    grid-column: var(--grid-column, 1);
  }
  .lp-miesrohe__contents-message {
    -webkit-padding-before: calc(174 * var(--rate));
            padding-block-start: calc(174 * var(--rate));
    -webkit-padding-after: calc(110 * var(--rate));
            padding-block-end: calc(110 * var(--rate));
    -webkit-padding-start: calc(70 * var(--rate));
            padding-inline-start: calc(70 * var(--rate));
    -webkit-padding-end: calc(68 * var(--rate));
            padding-inline-end: calc(68 * var(--rate));
  }
  .lp-miesrohe__contents-message dt {
    font-size: calc(36 * var(--rate));
  }
  .lp-miesrohe__contents-message dd {
    -webkit-margin-before: calc(54 * var(--rate));
            margin-block-start: calc(54 * var(--rate));
    font-size: calc(23 * var(--rate));
    line-height: 2;
    letter-spacing: 0.14em;
  }
  .lp-miesrohe__contents-message dd p + p {
    -webkit-margin-before: 1.55em;
            margin-block-start: 1.55em;
  }
  .lp-miesrohe__contents-shell + .lp-miesrohe__contents-shell {
    -webkit-margin-before: var(--shell-spacer, calc(268 * var(--rate)));
            margin-block-start: var(--shell-spacer, calc(268 * var(--rate)));
  }
  .lp-miesrohe__contents-shell:nth-child(1) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    -webkit-margin-before: calc(60 * var(--rate));
            margin-block-start: calc(60 * var(--rate));
    padding-inline: calc(85 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-prices {
    -webkit-padding-end: calc(2 * var(--rate));
            padding-inline-end: calc(2 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-block:nth-child(2) {
    grid-template-rows: calc(985 * var(--rate)) auto calc(60 * var(--rate)) auto;
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(1) {
    -webkit-padding-end: calc(60 * var(--rate));
            padding-inline-end: calc(60 * var(--rate));
    grid-row: 1/span 2;
    align-self: start;
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    -webkit-padding-start: calc(260 * var(--rate));
            padding-inline-start: calc(260 * var(--rate));
    grid-row: 2;
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(3) {
    -webkit-padding-start: calc(40 * var(--rate));
            padding-inline-start: calc(40 * var(--rate));
    -webkit-padding-end: calc(170 * var(--rate));
            padding-inline-end: calc(170 * var(--rate));
    grid-row: 4;
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-block:nth-child(3) {
    -webkit-margin-before: calc(118 * var(--rate));
            margin-block-start: calc(118 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-prices {
    -webkit-margin-before: calc(32 * var(--rate));
            margin-block-start: calc(32 * var(--rate));
    -webkit-padding-start: calc(2 * var(--rate));
            padding-inline-start: calc(2 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) {
    grid-template-rows: auto calc(30 * var(--rate)) calc(840 * var(--rate)) auto calc(160 * var(--rate)) auto;
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(1) {
    -webkit-padding-start: calc(190 * var(--rate));
            padding-inline-start: calc(190 * var(--rate));
    -webkit-padding-end: calc(40 * var(--rate));
            padding-inline-end: calc(40 * var(--rate));
    grid-row: 1;
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    grid-row: 3/span 2;
    align-self: start;
    -webkit-padding-start: calc(25 * var(--rate));
            padding-inline-start: calc(25 * var(--rate));
    -webkit-padding-end: calc(125 * var(--rate));
            padding-inline-end: calc(125 * var(--rate));
    z-index: var(--zindex-overlay);
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(3) {
    -webkit-padding-start: calc(110 * var(--rate));
            padding-inline-start: calc(110 * var(--rate));
    grid-row: 4;
    z-index: var(--zindex-base);
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(4) {
    grid-row: 6;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-heading {
    -webkit-padding-end: calc(20 * var(--rate));
            padding-inline-end: calc(20 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-prices {
    -webkit-padding-end: calc(2 * var(--rate));
            padding-inline-end: calc(2 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) {
    --grid-template-columns:
      calc(320 * var(--rate))
      calc(12 * var(--rate))
      calc(320 * var(--rate))
      calc(98 * var(--rate)) ;
    grid-template-rows: auto calc(60 * var(--rate)) auto;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(1) {
    --grid-column: 1 / span 4;
    -webkit-padding-start: calc(90 * var(--rate));
            padding-inline-start: calc(90 * var(--rate));
    grid-row: 1;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    --grid-column: 1;
    grid-row: 3;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(3) {
    --grid-column: 3;
    grid-row: 3;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(3) {
    grid-template-rows: auto calc(60 * var(--rate)) auto;
    -webkit-margin-before: calc(120 * var(--rate));
            margin-block-start: calc(120 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-cell:nth-child(1) {
    -webkit-padding-start: calc(230 * var(--rate));
            padding-inline-start: calc(230 * var(--rate));
    -webkit-padding-end: calc(40 * var(--rate));
            padding-inline-end: calc(40 * var(--rate));
    grid-row: 1;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-cell:nth-child(2) {
    grid-row: 3;
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) {
    --grid-template-columns:
      calc(190 * var(--rate))
      calc(490 * var(--rate))
      calc(70 * var(--rate)) ;
    grid-template-rows: calc(360 * var(--rate)) auto calc(120 * var(--rate)) auto;
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(1) {
    --grid-column: 1 / span 2;
    grid-row: 1/span 2;
    align-self: start;
    z-index: var(--zindex-overlay);
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    --grid-column: 2 / span 2;
    grid-row: 2;
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) img {
    opacity: 0.5;
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(3) {
    --grid-column: 1 / span 3;
    grid-row: 4;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-miesrohe__contents-container {
    -webkit-margin-before: calc(244 * var(--rate));
            margin-block-start: calc(244 * var(--rate));
  }
  .lp-miesrohe__contents-header + * {
    -webkit-margin-before: calc(95 * var(--rate));
            margin-block-start: calc(95 * var(--rate));
  }
  .lp-miesrohe__contents-heading {
    font-size: calc(98 * var(--rate));
  }
  .lp-miesrohe__contents-details {
    -webkit-margin-before: calc(68 * var(--rate));
            margin-block-start: calc(68 * var(--rate));
  }
  .lp-miesrohe__contents-style-name {
    font-size: calc(46 * var(--rate));
  }
  .lp-miesrohe__contents-prices {
    -webkit-margin-before: calc(36 * var(--rate));
            margin-block-start: calc(36 * var(--rate));
    line-height: 1.85;
  }
  .lp-miesrohe__contents-prices > * {
    font-size: calc(16 * var(--rate));
  }
  .lp-miesrohe__contents-message {
    -webkit-padding-before: calc(98 * var(--rate));
            padding-block-start: calc(98 * var(--rate));
    -webkit-padding-after: calc(90 * var(--rate));
            padding-block-end: calc(90 * var(--rate));
    -webkit-padding-start: calc(300 * var(--rate));
            padding-inline-start: calc(300 * var(--rate));
    -webkit-padding-end: calc(327 * var(--rate));
            padding-inline-end: calc(327 * var(--rate));
  }
  .lp-miesrohe__contents-message dt {
    font-size: calc(27 * var(--rate));
  }
  .lp-miesrohe__contents-message dd {
    -webkit-margin-before: calc(37 * var(--rate));
            margin-block-start: calc(37 * var(--rate));
    font-size: calc(17 * var(--rate));
    line-height: 2;
    letter-spacing: 0.16em;
  }
  .lp-miesrohe__contents-message dd p + p {
    -webkit-margin-before: 1.4em;
            margin-block-start: 1.4em;
  }
  .lp-miesrohe__contents-shell + .lp-miesrohe__contents-shell {
    -webkit-margin-before: var(--shell-spacer, calc(284 * var(--rate)));
            margin-block-start: var(--shell-spacer, calc(284 * var(--rate)));
  }
  .lp-miesrohe__contents-shell:nth-child(1) .lp-miesrohe__contents-block:nth-child(2) {
    grid-template-columns: repeat(2, calc(740 * var(--rate)));
    -moz-column-gap: calc(60 * var(--rate));
         column-gap: calc(60 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-block:nth-child(2) {
    grid-template-columns: repeat(3, calc(580 * var(--rate)));
    -moz-column-gap: calc(20 * var(--rate));
         column-gap: calc(20 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(2) .lp-miesrohe__contents-block:nth-child(3) {
    grid-template-columns: 100%;
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(3) {
    --shell-spacer: calc(286 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-heading {
    letter-spacing: 0.022em;
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-details {
    -webkit-margin-before: calc(67 * var(--rate));
            margin-block-start: calc(67 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) {
    grid-template-columns: calc(400 * var(--rate)) calc(556 * var(--rate)) calc(44 * var(--rate)) calc(40 * var(--rate)) calc(100 * var(--rate)) calc(336 * var(--rate)) calc(404 * var(--rate)) calc(220 * var(--rate));
    grid-template-rows: calc(347.5 * var(--rate)) auto calc(100 * var(--rate)) calc(426.5 * var(--rate)) calc(224.5 * var(--rate)) auto;
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(1) {
    grid-column: 3/span 4;
    grid-row: 1/span 2;
    z-index: var(--zindex-base);
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    grid-column: 2/span 3;
    grid-row: 2/span 3;
    z-index: var(--zindex-overlay);
    align-self: start;
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(3) {
    grid-column: 1/span 5;
    grid-row: 6;
  }
  .lp-miesrohe__contents-shell:nth-child(3) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(4) {
    grid-column: 4/span 4;
    grid-row: 4/span 3;
    z-index: var(--zindex-base);
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-heading {
    -webkit-padding-end: calc(66 * var(--rate));
            padding-inline-end: calc(66 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-details {
    -webkit-margin-before: calc(66 * var(--rate));
            margin-block-start: calc(66 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) {
    grid-template-columns: repeat(3, calc(580 * var(--rate)));
    -moz-column-gap: calc(20 * var(--rate));
         column-gap: calc(20 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(1) {
    grid-column: 2;
    grid-row: 1;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(3) {
    grid-template-columns: calc(800 * var(--rate)) calc(340 * var(--rate)) calc(400 * var(--rate)) calc(50 * var(--rate));
    -webkit-margin-before: calc(180 * var(--rate));
            margin-block-start: calc(180 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-cell:nth-child(1) {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
  }
  .lp-miesrohe__contents-shell:nth-child(4) .lp-miesrohe__contents-block:nth-child(3) .lp-miesrohe__contents-cell:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }
  .lp-miesrohe__contents-shell:nth-child(5) {
    --shell-spacer: calc(286 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-details {
    -webkit-margin-before: calc(67 * var(--rate));
            margin-block-start: calc(67 * var(--rate));
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) {
    grid-template-columns: calc(30 * var(--rate)) calc(570 * var(--rate)) calc(105 * var(--rate)) calc(155 * var(--rate)) calc(465 * var(--rate)) calc(235 * var(--rate));
    grid-template-rows: calc(120 * var(--rate)) auto calc(260 * var(--rate)) auto;
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(1) {
    grid-column: 2/span 3;
    grid-row: 2/span 3;
    align-self: start;
    z-index: var(--zindex-base);
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) {
    grid-column: 4/span 2;
    grid-row: 1/span 2;
    align-self: start;
    z-index: var(--zindex-overlay);
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(2) img {
    opacity: 0.5;
  }
  .lp-miesrohe__contents-shell:nth-child(5) .lp-miesrohe__contents-block:nth-child(2) .lp-miesrohe__contents-cell:nth-child(3) {
    grid-column: 3/span 4;
    grid-row: 4;
    z-index: var(--zindex-base);
  }
}
/**
 * footer
 */
.lp-miesrohe__fotter {
  display: grid;
  place-items: center;
  -webkit-padding-before: var(--lp-footer-top-spacer);
          padding-block-start: var(--lp-footer-top-spacer);
  -webkit-padding-after: var(--lp-footer-bottom-spacer);
          padding-block-end: var(--lp-footer-bottom-spacer);
}
.lp-miesrohe__link-button {
  --display: inline-grid;
  grid-template-columns: auto;
  row-gap: var(--lp-link-button-gap);
  font-family: var(--font-en-primary);
  font-weight: 200;
  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-show {
  --link-button-active-border-size: var(--lp-link-button-border-size);
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-miesrohe__link-button {
    font-size: calc(31 * var(--rate));
    letter-spacing: 0.02em;
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-miesrohe__link-button {
    font-size: calc(24 * var(--rate));
    letter-spacing: 0.04em;
  }
}
/**
 * animation
 */
.js-animation-trigger .anim-fade-in {
  opacity: 0;
}
.js-animation-trigger .anim-fade-in.is-show {
  -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-fade-in-up {
  opacity: 0;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(50px);
}
.js-animation-trigger.anim-fade-in-up.is-show {
  opacity: 1;
  transform: translateY(0);
}
.js-animation-trigger.anim-fade-in-down {
  opacity: 0;
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(-50px);
}
.js-animation-trigger.anim-fade-in-down.is-show {
  opacity: 1;
  transform: translateY(0);
}
.js-animation-trigger .anim-drawing {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.is-show .anim-drawing {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
}
.js-animation-trigger.anim-fade-in-order .lp-miesrohe__contents-cell {
  opacity: 0;
}
.js-animation-trigger.anim-fade-in-order.is-show .lp-miesrohe__contents-cell {
  -webkit-animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.js-animation-trigger.anim-fade-in-order.is-show .lp-miesrohe__contents-cell:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.js-animation-trigger.anim-fade-in-order.is-show .lp-miesrohe__contents-cell:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.js-animation-trigger.anim-fade-in-order.is-show .lp-miesrohe__contents-cell:nth-child(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.js-animation-trigger.anim-fade-in-to-right {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in-to-right.is-show {
  opacity: 1;
  transform: translateX(0);
}
.js-animation-trigger.anim-fade-in-to-left {
  opacity: 0;
  transform: translateX(50px);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.anim-fade-in-to-left.is-show {
  opacity: 1;
  transform: translateX(0);
}
.js-animation-trigger.anim-fill-and-show-text > * {
  opacity: 0;
}
.js-animation-trigger.anim-fill-and-show-text.is-show::after {
  -webkit-animation: fill 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fill 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.js-animation-trigger.anim-fill-and-show-text.is-show > * {
  -webkit-animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.js-animation-trigger.anim-fill-and-show-text.is-show > *:nth-child(1) {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.js-animation-trigger.anim-fill-and-show-text.is-show > *:nth-child(2) {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}
.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-show .anim-typing-text span {
  opacity: 1;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .js-animation-trigger-mobile.anim-fade-in {
    opacity: 0;
  }
  .js-animation-trigger-mobile.anim-fade-in.is-show {
    -webkit-animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
            animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }
  .js-animation-trigger-mobile.anim-fade-in-to-right {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .js-animation-trigger-mobile.anim-fade-in-to-right.is-show {
    opacity: 1;
    transform: translateX(0);
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .js-animation-trigger-desktop.anim-fade-in-order .lp-miesrohe__contents-cell {
    opacity: 0;
  }
  .js-animation-trigger-desktop.anim-fade-in-order.is-show .lp-miesrohe__contents-cell {
    -webkit-animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
            animation: fade-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }
  .js-animation-trigger-desktop.anim-fade-in-order.is-show .lp-miesrohe__contents-cell.anim-fade-in-order--second {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
  }
  .js-animation-trigger-desktop.anim-fade-in-order.is-show .lp-miesrohe__contents-cell.anim-fade-in-order--third {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
}
.anim-title > * {
  opacity: 0;
  -webkit-animation: fade-in 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-in 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.anim-title > *:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.anim-title > *:nth-child(2) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.anim-title > *:nth-child(3) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

/**
 * @keyframes
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fill {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
@keyframes fill {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
/*# sourceMappingURL=style.css.map */