@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .main_bg {
  background-image: url("../images/modelroom/main.jpg"); }

.sec01 {
  padding-bottom: 0; }
  .sec01 .page_ttl {
    margin-bottom: clamp(30px, 3.334vw, 40px); }
  .sec01 .model_group {
    flex-direction: column; }
    .sec01 .model_group .model_group_in {
      padding: clamp(50px, 8.334vw, 100px) 0; }
      @media screen and (max-width: 820px) {
        .sec01 .model_group .model_group_in {
          padding: 80px 0; } }
      @media screen and (max-width: 480px) {
        .sec01 .model_group .model_group_in {
          padding: 60px 0; } }
      .sec01 .model_group .model_group_in.first {
        padding-top: 0; }
      .sec01 .model_group .model_group_in.second {
        padding-bottom: 0; }
      .sec01 .model_group .model_group_in:nth-child(2n) {
        background: rgba(0, 152, 187, 0.15); }
      .sec01 .model_group .model_group_in .midashi_group {
        text-align: center;
        margin-bottom: clamp(30px, 3.847vw, 50px); }
        .sec01 .model_group .model_group_in .midashi_group .sec_en_ttl {
          margin-bottom: clamp(30px, 3.847vw, 50px); }
      .sec01 .model_group .model_group_in.living_group .living_cont01 {
        margin-bottom: clamp(40px, 4.616vw, 60px); }
      .sec01 .model_group .model_group_in.living_group .living_cont03 {
        margin-top: clamp(70px, 7.693vw, 100px); }
        @media screen and (max-width: 480px) {
          .sec01 .model_group .model_group_in.living_group .living_cont03 {
            flex-direction: column;
            row-gap: 40px; } }
        .sec01 .model_group .model_group_in.living_group .living_cont03 .living03_in {
          width: 47.5%; }
          @media screen and (max-width: 480px) {
            .sec01 .model_group .model_group_in.living_group .living_cont03 .living03_in {
              width: 100%; } }
          .sec01 .model_group .model_group_in.living_group .living_cont03 .living03_in .sec_ttl_wrap {
            row-gap: 30px;
            margin-bottom: 20px; }
            @media screen and (max-width: 480px) {
              .sec01 .model_group .model_group_in.living_group .living_cont03 .living03_in .sec_ttl_wrap {
                row-gap: 15px; } }
            .sec01 .model_group .model_group_in.living_group .living_cont03 .living03_in .sec_ttl_wrap .sec_ttl {
              line-height: 1.4;
              letter-spacing: -0.05em; }
      .sec01 .model_group .model_group_in.room_group .room_cont01 {
        display: grid;
        align-items: flex-start;
        grid-template-columns: 56.25% 43.625%;
        gap: 2px; }
        @media screen and (max-width: 480px) {
          .sec01 .model_group .model_group_in.room_group .room_cont01 {
            grid-template-columns: 100%; } }
        .sec01 .model_group .model_group_in.room_group .room_cont01 .photo01 {
          grid-row: 1/3;
          grid-column: 1/2; }
          @media screen and (max-width: 480px) {
            .sec01 .model_group .model_group_in.room_group .room_cont01 .photo01 {
              grid-row: auto;
              grid-column: auto; } }
      .sec01 .model_group .model_group_in.equip_group .equip_cont01 {
        justify-content: flex-end;
        position: relative;
        margin-bottom: clamp(50px, 6.154vw, 80px); }
        @media screen and (max-width: 480px) {
          .sec01 .model_group .model_group_in.equip_group .equip_cont01 {
            flex-direction: column;
            row-gap: 30px; } }
        .sec01 .model_group .model_group_in.equip_group .equip_cont01 .midashi_group {
          position: absolute;
          inset: 0;
          margin: 0 auto;
          display: flex;
          align-items: center;
          text-align: left; }
          @media screen and (max-width: 480px) {
            .sec01 .model_group .model_group_in.equip_group .equip_cont01 .midashi_group {
              position: relative;
              inset: auto; } }
          .sec01 .model_group .model_group_in.equip_group .equip_cont01 .midashi_group .midashi_group_in {
            width: 45%; }
            @media screen and (max-width: 480px) {
              .sec01 .model_group .model_group_in.equip_group .equip_cont01 .midashi_group .midashi_group_in {
                width: 100%; } }
            .sec01 .model_group .model_group_in.equip_group .equip_cont01 .midashi_group .midashi_group_in .sec_en_ttl {
              margin-bottom: clamp(25px, 3.077vw, 40px); }
            .sec01 .model_group .model_group_in.equip_group .equip_cont01 .midashi_group .midashi_group_in .sec_ttl_wrap {
              row-gap: 30px; }
        .sec01 .model_group .model_group_in.equip_group .equip_cont01 .photo01 {
          width: 50%; }
          @media screen and (max-width: 480px) {
            .sec01 .model_group .model_group_in.equip_group .equip_cont01 .photo01 {
              width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec01 .model_group .model_group_in.equip_group .equip_cont02 {
          flex-wrap: wrap;
          gap: 15px 0; } }
      .sec01 .model_group .model_group_in.equip_group .equip_cont02 .photo01 {
        width: 45%; }
        @media screen and (max-width: 480px) {
          .sec01 .model_group .model_group_in.equip_group .equip_cont02 .photo01 {
            width: 100%; } }
      .sec01 .model_group .model_group_in.equip_group .equip_cont02 .photo02 {
        width: 26.67%; }
        @media screen and (max-width: 480px) {
          .sec01 .model_group .model_group_in.equip_group .equip_cont02 .photo02 {
            width: 48%; } }
      .sec01 .model_group .model_group_in.equip_group .equip_cont02 .photo03 {
        width: 26.67%; }
        @media screen and (max-width: 480px) {
          .sec01 .model_group .model_group_in.equip_group .equip_cont02 .photo03 {
            width: 48%; } }

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