@charset "UTF-8";
#Main {transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 2000ms;}
#Main.staging {opacity: 1!important;}

#Main .block-modelroom-01 {position: relative;}
#Main .block-modelroom-01 h3 {text-align: center;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 287.5%;letter-spacing: 0.15em;line-height: 1;}
#Main .block-modelroom-01 h3 small {display: block;margin-bottom: 0.5em;font-size: 50%;}
#Main .block-modelroom-01 h3 + p {text-align: center;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#Main .block-modelroom-01 h3 + p strong {font-weight: normal;font-size: 175%;line-height: 1;}
#Main .block-modelroom-01 h3 + p strong::first-letter {font-size: 150%;}
#Main .block-modelroom-01 h3 + p span {font-weight: normal;font-size: 100%;line-height: 1;}

#Main .block-modelroom-02 {position: relative;margin-top: 0.2em;}
#Main .block-modelroom-02 h3 {text-align: center;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 287.5%;letter-spacing: 0.15em;line-height: 1;}
#Main .block-modelroom-02 h3 small {display: block;margin-bottom: 0.5em;font-size: 50%;}
#Main .block-modelroom-02 h3 + p {text-align: center;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
#Main .block-modelroom-02 h3 + p strong {font-weight: normal;font-size: 175%;line-height: 1;}
#Main .block-modelroom-02 h3 + p strong::first-letter {font-size: 150%;}
#Main .block-modelroom-02 h3 + p span {font-weight: normal;font-size: 100%;line-height: 1;}

#Main .block-modelroom-03 figure {position: relative;margin-top: 0.2em;}
#Main .block-modelroom-03 figcaption {position: absolute;bottom: 1em;left: 1em;right: 1em;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 100%;line-height: 1;color: #fff;}

#Main .block-modelroom-04 figure {position: relative;margin-top: 0.2em;}
#Main .block-modelroom-04 figcaption {position: absolute;bottom: 1em;left: 1em;right: 1em;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 100%;line-height: 1;color: #fff;}

#Main .block-modelroom-05 .swiper-slide {width: auto;}
#Main .block-modelroom-05 .swiper-slide img {width: auto;height: 26em;margin: 0.2em 0.1em;}
#Main .block-modelroom-05 .swiper-slide p {position: absolute;bottom: 1em;left: 1em;right: 1em;font-family: 'EB Garamond', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 100%;line-height: 1;color: #fff;text-align: right;}
#Main .block-modelroom-05 .swiper-slide p small {display: block;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 769px) {
  #Main .block-modelroom-01 h3 {position: absolute;bottom: 1.5em;left: 1em;right: 1em;z-index: 2;color: #fff;}
  #Main .block-modelroom-01 h3 + p {position: absolute;bottom: 1em;left: 0;right: 0;z-index: 2;display: flex;align-items: baseline;justify-content: center;color: #fff;}
  #Main .block-modelroom-01 h3 + p strong {display: block;margin-right: 0.5em;}
  #Main .block-modelroom-01 h3 + p span {display: block;border-top: 1px solid rgb(255 255 255 / 50%);padding-top: 0.5em;}
  #Main .block-modelroom-01 h3 + p span + span::before {content: "";display: inline-block;width: 1px;height: 0.75em;background-color: #fff;margin: 0 1em;transform: skewX(-10deg);}

  #Main .block-modelroom-02 h3 {position: absolute;bottom: 1.5em;left: 1em;right: 1em;z-index: 2;color: #fff;}
  #Main .block-modelroom-02 h3 small {display: block;margin-bottom: 0.5em;font-size: 50%;}
  #Main .block-modelroom-02 h3 + p {position: absolute;bottom: 1em;left: 0;right: 0;z-index: 2;display: flex;align-items: baseline;justify-content: center;color: #fff;}
  #Main .block-modelroom-02 h3 + p strong {display: block;margin-right: 0.5em;}
  #Main .block-modelroom-02 h3 + p span {display: block;border-top: 1px solid rgb(255 255 255 / 50%);padding-top: 0.5em;}
  #Main .block-modelroom-02 h3 + p span + span::before {content: "";display: inline-block;width: 1px;height: 0.75em;background-color: #fff;margin: 0 1em;transform: skewX(-10deg);}
}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  #Main .block-modelroom-01 {padding-bottom: 3em;background: #fff;}
  #Main .block-modelroom-01 h3 {margin-top: 1.5em;font-size: 175%;}
  #Main .block-modelroom-01 h3 + p {text-align: center;}
  #Main .block-modelroom-01 h3 + p strong {display: block;border: 1px solid var(--dark-beige);border-radius: 3em;max-width: 6em;margin: 1em auto 0.5em;font-size: 125%;}
  #Main .block-modelroom-01 h3 + p span {display: block;margin-top: 0.25em;}

  #Main .block-modelroom-02 {padding-bottom: 3em;background: transparent url("../img/common/bg_01.webp") no-repeat 50% / cover;background-blend-mode: multiply;background-color: dimgray;}
  #Main .block-modelroom-02 h3 {margin-top: 1.5em;font-size: 175%;color: #fff;}
  #Main .block-modelroom-02 h3 + p {text-align: center;color: #fff;}
  #Main .block-modelroom-02 h3 + p strong {display: block;border: 1px solid #fff;border-radius: 3em;max-width: 6em;margin: 1em auto 0.5em;font-size: 125%;}
  #Main .block-modelroom-02 h3 + p span {display: block;margin-top: 0.25em;}

  #Main .block-modelroom-05 .swiper-slide img {height: 16em;}
  #Main .block-modelroom-05 .swiper-slide p small {font-size: 10px;}
}