@charset "UTF-8";
/*! Writen  by SCSS */
.inner_main .main_image {
  background-image: url("../images/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_image {
      background-image: url("../images/main_sp.jpg"); } }
  @media screen and (max-width: 480px) {
    .inner_main .main_image .cap {
      bottom: 20%; } }

.modelroom_group {
  position: relative;
  flex-direction: column;
  row-gap: clamp(50px, 7.5vw, 90px); }
  .modelroom_group .inner {
    max-width: 1000px; }
  .modelroom_group .group_in {
    padding: clamp(40px, 8.334vw, 100px) 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 480px) {
      .modelroom_group .group_in {
        padding: 40px 0; } }
    .modelroom_group .group_in.normal {
      background-image: url("../images/bg_w-o.jpg"); }
    .modelroom_group .group_in.premium {
      background-image: url("../images/bg_w-pr.jpg"); }
    .modelroom_group .group_in .model_ttl_group {
      max-width: 550px;
      margin: 0 auto;
      flex-direction: column;
      text-align: center;
      color: #FFF;
      margin-bottom: clamp(30px, 3.334vw, 40px); }
      .modelroom_group .group_in .model_ttl_group.premium {
        color: #aa965c; }
        .modelroom_group .group_in .model_ttl_group.premium .model_ttl {
          margin: 20px 0 clamp(20px, 3.334vw, 40px); }
        .modelroom_group .group_in .model_ttl_group.premium .model_read {
          color: #aa965c; }
      .modelroom_group .group_in .model_ttl_group .model_premium_ttl {
        font-size: clamp(26px, 3vw, 36px); }
      .modelroom_group .group_in .model_ttl_group .model_ttl {
        width: 100%;
        font-size: clamp(24px, 2.5vw, 30px);
        line-height: 1;
        padding: 3px 5px;
        color: #FFF;
        margin-bottom: clamp(20px, 3.334vw, 40px); }
        @media screen and (max-width: 480px) {
          .modelroom_group .group_in .model_ttl_group .model_ttl {
            padding: 5px; } }
        .modelroom_group .group_in .model_ttl_group .model_ttl.basic {
          background: #db5a39; }
        .modelroom_group .group_in .model_ttl_group .model_ttl.premium {
          background: #aa965c; }
        .modelroom_group .group_in .model_ttl_group .model_ttl span {
          display: inline-block;
          line-height: 1; }
          .modelroom_group .group_in .model_ttl_group .model_ttl span.big {
            font-size: 135%;
            margin-left: 15px;
            margin-right: 5px; }
            @media screen and (max-width: 480px) {
              .modelroom_group .group_in .model_ttl_group .model_ttl span.big {
                margin-left: 5px; } }
            .modelroom_group .group_in .model_ttl_group .model_ttl span.big .hyphen {
              font-size: 73%; }
          .modelroom_group .group_in .model_ttl_group .model_ttl span.type {
            font-size: 71%;
            line-height: 1; }
          .modelroom_group .group_in .model_ttl_group .model_ttl span.jp {
            font-size: 50%;
            font-family: YakuHanJP, "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
      .modelroom_group .group_in .model_ttl_group .model_read {
        font-size: clamp(16px, 1.667vw, 20px);
        color: #40210f; }
    .modelroom_group .group_in .swiper_main {
      max-width: 1000px;
      margin: 0 auto;
      overflow: visible; }
      @media screen and (max-width: 820px) {
        .modelroom_group .group_in .swiper_main .swiper-wrapper .swiper-slide {
          width: 80vw; } }
      .modelroom_group .group_in .swiper_main .swiper-wrapper .swiper-slide .photo {
        transition: 0.8s transform linear 0s;
        transform: scale(0.84); }
        .modelroom_group .group_in .swiper_main .swiper-wrapper .swiper-slide .photo .photo_cap {
          text-align: right;
          font-size: clamp(12px, 2.2vw, 22px);
          margin-top: 5px; }
          @media screen and (max-width: 480px) {
            .modelroom_group .group_in .swiper_main .swiper-wrapper .swiper-slide .photo .photo_cap {
              font-size: 14px; } }
      .modelroom_group .group_in .swiper_main .swiper-wrapper .swiper-slide .photo_cap {
        font-size: clamp(15px, 2.2vw, 22px);
        text-align: right;
        margin-top: 10px; }
        .modelroom_group .group_in .swiper_main .swiper-wrapper .swiper-slide .photo_cap.white {
          color: #FFF; }
        .modelroom_group .group_in .swiper_main .swiper-wrapper .swiper-slide .photo_cap.brown {
          color: #aa965c; }
      .modelroom_group .group_in .swiper_main.swiper-initialized .swiper-wrapper .swiper-slide.swiper-slide-active .photo {
        transform: scale(1); }
      .modelroom_group .group_in .swiper_main .swiper-button-prev,
      .modelroom_group .group_in .swiper_main .swiper-button-next {
        width: auto;
        height: auto;
        margin-top: 0;
        transform: translateY(-50%); }
        @media screen and (max-width: 820px) {
          .modelroom_group .group_in .swiper_main .swiper-button-prev,
          .modelroom_group .group_in .swiper_main .swiper-button-next {
            width: 20px; } }
        @media screen and (max-width: 480px) {
          .modelroom_group .group_in .swiper_main .swiper-button-prev,
          .modelroom_group .group_in .swiper_main .swiper-button-next {
            width: 15px; } }
      .modelroom_group .group_in .swiper_main .swiper-button-prev {
        left: -40px; }
        @media screen and (max-width: 820px) {
          .modelroom_group .group_in .swiper_main .swiper-button-prev {
            left: 10px; } }
        @media screen and (max-width: 480px) {
          .modelroom_group .group_in .swiper_main .swiper-button-prev {
            left: -3px; } }
      .modelroom_group .group_in .swiper_main .swiper-button-next {
        right: -40px; }
        @media screen and (max-width: 820px) {
          .modelroom_group .group_in .swiper_main .swiper-button-next {
            right: 10px; } }
        @media screen and (max-width: 480px) {
          .modelroom_group .group_in .swiper_main .swiper-button-next {
            right: -3px; } }
      .modelroom_group .group_in .swiper_main .swiper-button-prev:after,
      .modelroom_group .group_in .swiper_main .swiper-rtl .swiper-button-next:after,
      .modelroom_group .group_in .swiper_main .swiper-button-next:after,
      .modelroom_group .group_in .swiper_main .swiper-rtl .swiper-button-prev:after {
        content: none; }
    .modelroom_group .group_in .model_type_img {
      margin-left: 3.66%; }
      @media screen and (max-width: 820px) {
        .modelroom_group .group_in .model_type_img img {
          height: 50px; } }
      @media screen and (max-width: 480px) {
        .modelroom_group .group_in .model_type_img img {
          height: 40px; } }
    .modelroom_group .group_in .swiper_thumb {
      max-width: 1000px; }
      .modelroom_group .group_in .swiper_thumb.col4 {
        max-width: 800px; }
        .modelroom_group .group_in .swiper_thumb.col4 .swiper-wrapper {
          gap: 20px 2%; }
          @media screen and (max-width: 480px) {
            .modelroom_group .group_in .swiper_thumb.col4 .swiper-wrapper {
              gap: 10px 2%; } }
          .modelroom_group .group_in .swiper_thumb.col4 .swiper-wrapper .swiper-slide {
            width: 23.5%; }
            @media screen and (max-width: 480px) {
              .modelroom_group .group_in .swiper_thumb.col4 .swiper-wrapper .swiper-slide {
                width: 32%; } }
      .modelroom_group .group_in .swiper_thumb .swiper-wrapper {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 15px 1.5%; }
        @media screen and (max-width: 480px) {
          .modelroom_group .group_in .swiper_thumb .swiper-wrapper {
            gap: 10px 2%; } }
        .modelroom_group .group_in .swiper_thumb .swiper-wrapper .swiper-slide {
          width: 18.8%;
          cursor: pointer; }
          @media screen and (max-width: 480px) {
            .modelroom_group .group_in .swiper_thumb .swiper-wrapper .swiper-slide {
              width: 32%; } }
          .modelroom_group .group_in .swiper_thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .thumb:after {
            opacity: 0; }
          .modelroom_group .group_in .swiper_thumb .swiper-wrapper .swiper-slide .thumb {
            position: relative; }
            .modelroom_group .group_in .swiper_thumb .swiper-wrapper .swiper-slide .thumb:after {
              content: "";
              position: absolute;
              inset: 0;
              background: rgba(0, 0, 0, 0.5);
              transition: 0.3s opacity ease-in-out 0s;
              pointer-events: none; }
          .modelroom_group .group_in .swiper_thumb .swiper-wrapper .swiper-slide .thumb_cap {
            text-align: center;
            font-size: clamp(12px, 1.6vw, 16px);
            margin-top: 5px; }
            .modelroom_group .group_in .swiper_thumb .swiper-wrapper .swiper-slide .thumb_cap.brown {
              color: #aa965c; }

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