@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.outer { padding-bottom: 2.6rem; background: #ecf8fe; }

.request { padding-top: 0; }
.request .inner .request__wrap { border: none; }

@media screen and (min-width: 769px) { .outer { padding-bottom: 6.0rem; } }
.contents__ttl { position: relative; z-index: 1; background: transparent; }
.contents__ttl * { box-sizing: border-box; }
.contents__ttl .contents__ttl-wrap { display: flex; flex-flow: row wrap; align-content: center; gap: .6rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 50px; text-align: center; color: #fff; transform: none; }
.contents__ttl .contents__ttl--en { flex: 0 0 100%; font-size: 3.2rem; border: none; line-height: 1; letter-spacing: .03rem; }
.contents__ttl .contents__ttl--en span { display: inline-block; border-bottom: 1px solid #fff; padding-bottom: .6rem; }
.contents__ttl .contents__ttl--jp { flex: 0 0 100%; font-size: 1.2rem; line-height: 1; }

@media screen and (min-width: 769px) { .contents__ttl { margin: 0; }
  .contents__ttl .contents__ttl-wrap { gap: .5rem; }
  .contents__ttl .contents__ttl--en { font-size: 6.0rem; }
  .contents__ttl .contents__ttl--en span { padding-bottom: .8rem; }
  .contents__ttl .contents__ttl--jp { font-size: 1.4rem; } }
@media screen and (min-width: 961px) { .contents__ttl .contents__ttl-wrap { gap: .6rem; }
  .contents__ttl .contents__ttl--en { font-size: 8.0rem; }
  .contents__ttl .contents__ttl--en span { padding-bottom: 1.2rem; }
  .contents__ttl .contents__ttl--jp { font-size: 2.0rem; } }
.read__cont { text-align: center; }
.read__cont .read p { line-height: 1; font-feature-settings: "palt"; }
.read__cont .read .read__en { width: min(1140px, 92%); margin: 0 auto .8rem; }
.read__cont .read .read__main { margin-bottom: .8rem; font-size: 2.4rem; letter-spacing: .1em; }
.read__cont .read .read__main ._l { font-size: 1.4em; }
.read__cont .read .read__sub { font-size: 1.3rem; letter-spacing: .2em; }

@media screen and (min-width: 769px) { .read__cont .read .read__en { margin: 0 auto; }
  .read__cont .read .read__main { position: relative; z-index: 1; margin-top: -3.6rem; margin-bottom: .8rem; font-size: 3.6rem; }
  .read__cont .read .read__sub { font-size: 1.8rem; } }
@media screen and (min-width: 961px) { .read__cont .read .read__main { margin-bottom: .8rem; font-size: 4.6rem; }
  .read__cont .read .read__sub { font-size: 2.2rem; } }
.mr__cont * { box-sizing: border-box; }
.mr__cont .pc_wrap { display: contents; }
.mr__cont .mr__item { position: relative; }
.mr__cont .mr__item + .mr__item { margin-top: 6.0rem; }
.mr__cont .mr__item:nth-child(n + 3) .mr__item-ttl { border-bottom: 1px solid #57b87b; }
.mr__cont .mr__item .mr__item-ttl { z-index: 2; margin-bottom: 1.0rem; border-bottom: 1px solid #50bbeb; }
.mr__cont .mr__item .mr__item-ttl .item { position: absolute; top: -.8rem; left: 0; z-index: 2; display: flex; align-items: center; height: 3.0rem; padding: 0 1.5rem; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); }
.mr__cont .mr__item .mr__item-ttl .item.bg_blu::after, .mr__cont .mr__item .mr__item-ttl .item.bg_grn::after { position: absolute; top: 0; right: 2px; height: 100%; aspect-ratio: 45/52; background: url("../../img/modelroom/202410/ttl_deco.svg") center/cover no-repeat; content: ''; }
.mr__cont .mr__item .mr__item-ttl .item.bg_blu { background: linear-gradient(90deg, #96D6FA, #50BBEB); }
.mr__cont .mr__item .mr__item-ttl .item.bg_grn { background: linear-gradient(90deg, #88C9A0, #57B87B); }
.mr__cont .mr__item .mr__item-ttl .item img { width: 100%; height: 100%; object-fit: cover; }
.mr__cont .mr__item .mr__item-ttl .item .ttl { display: flex; align-items: baseline; justify-content: center; gap: .2em; color: #fff; }
.mr__cont .mr__item .mr__item-ttl .item .ttl .en, .mr__cont .mr__item .mr__item-ttl .item .ttl .jp { white-space: nowrap; }
.mr__cont .mr__item .mr__item-ttl .item .ttl .en { font-size: 2.0rem; }
.mr__cont .mr__item .mr__item-ttl .item .ttl .jp { font-size: 1.0rem; }
.mr__cont .mr__item .mr__item-ttl .item .ttl .ldk { font-size: 1.4rem; }
.mr__cont .mr__item .mr__item-ttl .item .ttl .ldk ._l { font-size: 2.0rem; }
.mr__cont .mr__item .mr__cont-slider { position: relative; z-index: 1; }
.mr__cont .mr__item .slide_main { margin-bottom: 1.0rem; }
.mr__cont .mr__item .slide_thum .swiper-wrapper { transform: none !important; flex-flow: row wrap; gap: .2rem; width: 100%; }
.mr__cont .mr__item .slide_thum .swiper-wrapper .swiper-slide { flex: 0 0 calc((100% - 1.0rem) / 6); position: relative; z-index: 1; cursor: pointer; }
.mr__cont .mr__item .slide_thum .swiper-wrapper .swiper-slide:not(.swiper-slide-thumb-active):before { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.mr__cont .mr__item .slide_thum .center { justify-content: center; }
.mr__cont .mr__item .swiper-button-prev, .mr__cont .mr__item .swiper-button-next { font-size: 0; width: 2.4rem; height: 6.0rem; background: rgba(0, 0, 0, 0.7); }
.mr__cont .mr__item .swiper-button-prev:after, .mr__cont .mr__item .swiper-button-next:after { content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; width: .6rem; height: .6rem; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.mr__cont .mr__item .swiper-button-prev { left: 0; }
.mr__cont .mr__item .swiper-button-prev:after { transform: translate(-50%, -50%) rotate(135deg); }
.mr__cont .mr__item .swiper-button-next { right: 0; }
.mr__cont .mr__item .swiper-button-next:after { transform: translate(-50%, -50%) rotate(-45deg); }

@media screen and (min-width: 769px) { .mr__cont .pc_wrap { display: revert; }
  .mr__cont .mr__item + .mr__item { margin-top: 8.0rem; }
  .mr__cont .mr__item .mr__item-ttl { position: relative; margin-bottom: 2.0rem; }
  .mr__cont .mr__item .mr__item-ttl .item { top: -1.0rem; left: 0; height: 5.2rem; padding: 0 3rem; }
  .mr__cont .mr__item .mr__item-ttl .item .ttl .en { font-size: 3.6rem; }
  .mr__cont .mr__item .mr__item-ttl .item .ttl .jp { font-size: 1.4rem; }
  .mr__cont .mr__item .mr__item-ttl .item .ttl .ldk { font-size: 2.4rem; }
  .mr__cont .mr__item .mr__item-ttl .item .ttl .ldk ._l { font-size: 3.6rem; }
  .mr__cont .mr__item .inner { max-width: 1060px; }
  .mr__cont .mr__item .mr__cont-slider .inner { padding-left: 2.0rem; }
  .mr__cont .mr__item .slide_main { margin-bottom: 1.8rem; }
  .mr__cont .mr__item .slide_thum .swiper-wrapper { gap: .8rem; max-width: 98.4rem; margin: 0 auto; }
  .mr__cont .mr__item .slide_thum .swiper-wrapper .swiper-slide { flex: 0 0 calc((100% - 6.4rem) / 9); }
  .mr__cont .mr__item .slide_thum .center_pc { justify-content: center; }
  .mr__cont .mr__item .swiper-button-prev, .mr__cont .mr__item .swiper-button-next { width: 3.6rem; height: 9.0rem; }
  .mr__cont .mr__item .swiper-button-prev:after, .mr__cont .mr__item .swiper-button-next:after { width: 1.2rem; height: 1.2rem; } }
/*------------------------------
		1181px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */
