/*! Writen  by SCSS */
.sub_tab_group a:last-child {
  width: 30%; }
  @media screen and (max-width: 480px) {
    .sub_tab_group a:last-child {
      width: fit-content; } }

.comfort_area {
  padding: clamp(50px, 6.667vw, 80px) 0 30px; }
  @media screen and (max-width: 480px) {
    .comfort_area .comfort_cont01 .item {
      width: 100%; } }
  .comfort_area .comfort_cont01 .item .text_group .item_name {
    text-align: left; }
  .comfort_area .comfort_cont01 .item .text_group + .photo {
    margin-top: clamp(20px, 2.5vw, 30px); }
  .comfort_area .comfort_cont01 .item.item01 {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .comfort_area .comfort_cont01 .item.item01 {
        width: 100%; } }
    .comfort_area .comfort_cont01 .item.item01 .item01_over .text_group {
      width: 39.32%; }
    .comfort_area .comfort_cont01 .item.item01 .item01_over .photo {
      width: 55.87%;
      margin-top: 0; }
    .comfort_area .comfort_cont01 .item.item01 .item01_bottom {
      margin-top: 20px; }
      .comfort_area .comfort_cont01 .item.item01 .item01_bottom .image_group {
        margin-top: 20px; }
        @media screen and (max-width: 480px) {
          .comfort_area .comfort_cont01 .item.item01 .item01_bottom .image_group {
            flex-direction: column;
            row-gap: 20px; } }
        .comfort_area .comfort_cont01 .item.item01 .item01_bottom .image_group .image {
          width: 51.73%; }
          @media screen and (max-width: 480px) {
            .comfort_area .comfort_cont01 .item.item01 .item01_bottom .image_group .image {
              width: fit-content;
              margin: 0 auto; } }
        .comfort_area .comfort_cont01 .item.item01 .item01_bottom .image_group .image02 {
          width: 44.66%; }
          @media screen and (max-width: 480px) {
            .comfort_area .comfort_cont01 .item.item01 .item01_bottom .image_group .image02 {
              width: fit-content;
              margin: 0 auto; } }
          .comfort_area .comfort_cont01 .item.item01 .item01_bottom .image_group .image02 .caption {
            font-size: 10px;
            margin-top: 5px;
            line-height: 1.2;
            text-align: center; }
  .comfort_area .comfort_cont01 .item.item02 .image_group {
    margin-top: 20px;
    align-items: flex-start; }
    .comfort_area .comfort_cont01 .item.item02 .image_group .photo {
      width: 48.04%; }
    .comfort_area .comfort_cont01 .item.item02 .image_group .text_image {
      width: 49.11%; }
      .comfort_area .comfort_cont01 .item.item02 .image_group .text_image .text_box {
        background: #f7f4ec;
        padding: 10px 20px;
        margin-bottom: 20px; }
        @media screen and (max-width: 480px) {
          .comfort_area .comfort_cont01 .item.item02 .image_group .text_image .text_box {
            padding: 6px 12px; } }
        .comfort_area .comfort_cont01 .item.item02 .image_group .text_image .text_box .t01 {
          font-size: clamp(13px, 1.462vw, 19px);
          margin-bottom: 5px; }
        .comfort_area .comfort_cont01 .item.item02 .image_group .text_image .text_box .t02 {
          font-size: clamp(11px, 1.231vw, 16px);
          line-height: 1.5; }
      .comfort_area .comfort_cont01 .item.item02 .image_group .text_image .image {
        width: 105.46%;
        margin-left: -5.46%; }
  .comfort_area .comfort_cont01 .item.item07 {
    padding: 25px clamp(20px, 2.5vw, 30px) 20px;
    background: #f4f0e5; }
    @media screen and (max-width: 480px) {
      .comfort_area .comfort_cont01 .item.item07 {
        padding: 20px; } }
    .comfort_area .comfort_cont01 .item.item07 .elevator_ttl {
      font-size: clamp(18px, 1.924vw, 25px);
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .comfort_area .comfort_cont01 .item.item07 .elevator_ttl {
          font-size: 4.4vw; } }
    @media screen and (max-width: 480px) {
      .comfort_area .comfort_cont01 .item.item07 .item07_group {
        flex-direction: column;
        row-gap: 20px; } }
    .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_left {
      width: 46.5%; }
      @media screen and (max-width: 480px) {
        .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_left {
          width: 100%; } }
      .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_left .elevator_txt {
        font-size: clamp(13px, 1.308vw, 17px); }
        @media screen and (max-width: 480px) {
          .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_left .elevator_txt {
            font-size: 3.6vw; } }
      .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_left .elevator_border_txt {
        font-size: clamp(13px, 1.308vw, 17px);
        line-height: 1.4;
        padding: 5px;
        border: 1px solid #bf1920;
        text-align: center;
        color: #bf1920; }
        @media screen and (max-width: 480px) {
          .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_left .elevator_border_txt {
            font-size: 3.8vw; } }
    .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_right {
      width: 47.9%; }
      @media screen and (max-width: 480px) {
        .comfort_area .comfort_cont01 .item.item07 .item07_group .item07_right {
          width: 100%; } }
  .comfort_area .comfort_cont01 .item.item11 {
    padding: 25px clamp(20px, 2.5vw, 30px) 20px;
    background: #f4f0e5; }
    .comfort_area .comfort_cont01 .item.item11 .item11_in {
      max-width: 970px;
      margin: 0 auto; }
      .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_ttl {
        flex-direction: row-reverse;
        align-items: center;
        font-size: clamp(16px, 1.847vw, 24px);
        margin-bottom: 10px; }
        @media screen and (max-width: 480px) {
          .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_ttl {
            flex-direction: column;
            row-gap: 10px;
            margin-bottom: 20px; } }
        .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_ttl .logo_eidai {
          width: 16.29%;
          mix-blend-mode: multiply; }
          @media screen and (max-width: 480px) {
            .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_ttl .logo_eidai {
              width: 130px;
              margin: 0 auto; } }
      .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group {
        flex-wrap: wrap;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group {
            max-width: 293px;
            margin: 0 auto; } }
        .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_left {
          width: 30.21%; }
          @media screen and (max-width: 480px) {
            .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_left {
              width: 100%; } }
          .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_left .photo .photo_text {
            position: absolute;
            right: 5px;
            top: 5px;
            font-size: clamp(13px, 1.462vw, 19px);
            color: #FFF;
            line-height: 1.4; }
        .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right {
          width: 65.98%; }
          @media screen and (max-width: 480px) {
            .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right {
              width: 100%; } }
          .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .flooring_ttl {
            text-align: center;
            font-size: clamp(13px, 1.417vw, 17px);
            color: #bf1920;
            margin-bottom: 5px; }
            @media screen and (max-width: 480px) {
              .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .flooring_ttl {
                font-size: 4.5vw; } }
            .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .flooring_ttl.lt {
              letter-spacing: -0.2em; }
              @media screen and (max-width: 480px) {
                .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .flooring_ttl.lt {
                  letter-spacing: normal; } }
          .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over {
            margin-bottom: 30px; }
            @media screen and (max-width: 480px) {
              .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over {
                flex-direction: column;
                row-gap: 20px; } }
            .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over .floor_over_in {
              width: 48.44%; }
              @media screen and (max-width: 480px) {
                .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over .floor_over_in {
                  width: 100%; } }
              .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over .floor_over_in .photo_group .photo_in {
                width: 50%; }
                .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over .floor_over_in .photo_group .photo_in .cap {
                  bottom: 20px; }
              .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over .floor_over_in .photo_group .flooring_txt {
                margin-top: 10px;
                font-size: clamp(11px, 1.154vw, 15px);
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: 2; }
                @media screen and (max-width: 480px) {
                  .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over .floor_over_in .photo_group .flooring_txt {
                    font-size: 3.4vw; } }
                .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_over .floor_over_in .photo_group .flooring_txt.line2 {
                  line-height: 1; }
          @media screen and (max-width: 480px) {
            .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_bottom {
              flex-direction: column;
              row-gap: 20px; } }
          .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_bottom .floor_bottom_in {
            width: 30.32%; }
            @media screen and (max-width: 480px) {
              .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_bottom .floor_bottom_in {
                width: 100%; } }
            @media screen and (max-width: 480px) {
              .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group .floor_right .floor_bottom .floor_bottom_in .photo {
                width: fit-content;
                margin: 0 auto; } }
        .comfort_area .comfort_cont01 .item.item11 .item11_in .floor_group > .cap_l {
          width: 100%; }

.multimedia_area {
  padding: clamp(50px, 5.834vw, 70px) 0; }
  .multimedia_area .inner {
    position: relative; }
  .multimedia_area .multi_cont01 {
    margin-bottom: clamp(80px, 12.5vw, 150px); }
    @media screen and (max-width: 820px) {
      .multimedia_area .multi_cont01 {
        margin-bottom: 80px;
        flex-direction: column;
        row-gap: 30px; } }
    @media screen and (max-width: 480px) {
      .multimedia_area .multi_cont01 {
        margin-bottom: 50px; } }
    .multimedia_area .multi_cont01 .cont01_left {
      width: 60%; }
      @media screen and (max-width: 820px) {
        .multimedia_area .multi_cont01 .cont01_left {
          width: 100%; } }
      .multimedia_area .multi_cont01 .cont01_left .multi_ttl {
        font-size: clamp(13px, 1.5vw, 18px);
        line-height: 1.4; }
        @media screen and (max-width: 820px) {
          .multimedia_area .multi_cont01 .cont01_left .multi_ttl {
            font-size: 2.4vw; } }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont01 .cont01_left .multi_ttl {
            font-size: 3.2vw; } }
        .multimedia_area .multi_cont01 .cont01_left .multi_ttl .big {
          display: block;
          font-size: 133%; }
      .multimedia_area .multi_cont01 .cont01_left .monthly_fee {
        align-items: center;
        margin: 20px 0; }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont01 .cont01_left .monthly_fee {
            flex-direction: column;
            row-gap: 10px; } }
        .multimedia_area .multi_cont01 .cont01_left .monthly_fee .fee_img {
          width: 59.73%; }
          @media screen and (max-width: 480px) {
            .multimedia_area .multi_cont01 .cont01_left .monthly_fee .fee_img {
              width: 100%; } }
        .multimedia_area .multi_cont01 .cont01_left .monthly_fee .cap_l {
          width: 38.89%; }
          @media screen and (max-width: 480px) {
            .multimedia_area .multi_cont01 .cont01_left .monthly_fee .cap_l {
              width: 100%; } }
      .multimedia_area .multi_cont01 .cont01_left .connectix_img {
        width: 82.5%; }
        @media screen and (max-width: 820px) {
          .multimedia_area .multi_cont01 .cont01_left .connectix_img {
            width: 100%;
            text-align: center; } }
      .multimedia_area .multi_cont01 .cont01_left .connectix_img02 {
        width: 66.81%;
        margin: 20px 0; }
        @media screen and (max-width: 820px) {
          .multimedia_area .multi_cont01 .cont01_left .connectix_img02 {
            width: 100%;
            text-align: center; } }
    .multimedia_area .multi_cont01 .cont01_right {
      width: 34.01%; }
      @media screen and (max-width: 1200px) {
        .multimedia_area .multi_cont01 .cont01_right {
          margin-top: 50px; } }
      @media screen and (max-width: 820px) {
        .multimedia_area .multi_cont01 .cont01_right {
          width: 100%;
          max-width: 553px;
          margin: 0 auto; } }
      .multimedia_area .multi_cont01 .cont01_right .logo_ucom {
        width: 42.41%;
        margin-left: auto; }
        @media screen and (max-width: 820px) {
          .multimedia_area .multi_cont01 .cont01_right .logo_ucom {
            width: auto;
            text-align: center; } }
      .multimedia_area .multi_cont01 .cont01_right .ucom_diagram {
        width: 130.64%;
        margin: 20px 0 20px -30.64%; }
        @media screen and (max-width: 820px) {
          .multimedia_area .multi_cont01 .cont01_right .ucom_diagram {
            margin: 20px auto;
            width: auto; } }
      @media screen and (max-width: 820px) {
        .multimedia_area .multi_cont01 .cont01_right .ucom_member {
          width: fit-content;
          margin: 0 auto; } }
      .multimedia_area .multi_cont01 .cont01_right .ucom_member .cap_l {
        margin-left: 32%; }
  .multimedia_area .multi_cont02 .smart_ttl_group {
    align-items: center;
    column-gap: 20px;
    margin-bottom: 15px; }
    @media screen and (max-width: 480px) {
      .multimedia_area .multi_cont02 .smart_ttl_group {
        flex-direction: column;
        row-gap: 5px; } }
    .multimedia_area .multi_cont02 .smart_ttl_group .smart_ttl {
      justify-content: flex-start;
      align-items: baseline;
      font-size: clamp(10px, 1.084vw, 13px);
      color: #8e766d;
      column-gap: 10px;
      white-space: nowrap;
      line-height: 1.2; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .smart_ttl_group .smart_ttl {
          font-size: 2.5vw;
          white-space: wrap; } }
      .multimedia_area .multi_cont02 .smart_ttl_group .smart_ttl .cinzel {
        font-size: 384%; }
    .multimedia_area .multi_cont02 .smart_ttl_group .smart_read {
      width: 55%;
      font-size: clamp(14px, 1.751vw, 21px);
      text-align: right;
      border-bottom: 2px solid #9a8071; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .smart_ttl_group .smart_read {
          width: 100%; } }
  .multimedia_area .multi_cont02 .smart_read_group {
    flex-direction: row-reverse; }
    @media screen and (max-width: 480px) {
      .multimedia_area .multi_cont02 .smart_read_group {
        flex-direction: column;
        row-gap: 20px; } }
    .multimedia_area .multi_cont02 .smart_read_group .logo_rinnai {
      width: 10.5%; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .smart_read_group .logo_rinnai {
          width: auto;
          text-align: center; } }
    .multimedia_area .multi_cont02 .smart_read_group .text_group {
      width: 75%; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .smart_read_group .text_group {
          width: 100%; } }
      .multimedia_area .multi_cont02 .smart_read_group .text_group .name {
        font-size: clamp(14px, 1.5vw, 18px);
        line-height: 1.5;
        margin-bottom: 15px; }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont02 .smart_read_group .text_group .name {
            font-size: 3.4vw; } }
        .multimedia_area .multi_cont02 .smart_read_group .text_group .name .big {
          display: block;
          font-size: 133%; }
  .multimedia_area .multi_cont02 .appli_box {
    margin: 20px 0; }
    @media screen and (max-width: 480px) {
      .multimedia_area .multi_cont02 .appli_box {
        flex-direction: column; } }
    .multimedia_area .multi_cont02 .appli_box .appli_left {
      width: 74.58%;
      align-items: center;
      border-top: 3px double #b4b5c1;
      border-bottom: 3px double #b4b5c1;
      padding: 10px 20px;
      padding-left: 0; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .appli_box .appli_left {
          padding: 10px;
          width: 100%;
          flex-direction: column;
          row-gap: 20px; } }
      .multimedia_area .multi_cont02 .appli_box .appli_left .appli_left01 {
        width: 75.52%;
        flex-direction: column;
        row-gap: 10px; }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont02 .appli_box .appli_left .appli_left01 {
            width: 100%; } }
        .multimedia_area .multi_cont02 .appli_box .appli_left .appli_left01 .rinnai_name {
          width: 49.7%;
          margin: 0 auto;
          mix-blend-mode: multiply; }
          @media screen and (max-width: 480px) {
            .multimedia_area .multi_cont02 .appli_box .appli_left .appli_left01 .rinnai_name {
              width: auto; } }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont02 .appli_box .appli_left .appli_left01 .item_read {
            font-size: 3vw; } }
      .multimedia_area .multi_cont02 .appli_box .appli_left .appli_left02 {
        width: 19.68%; }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont02 .appli_box .appli_left .appli_left02 {
            width: fit-content;
            margin: 0 auto; } }
    .multimedia_area .multi_cont02 .appli_box .appli_right {
      width: 25.42%; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .appli_box .appli_right {
          width: 100%; } }
      .multimedia_area .multi_cont02 .appli_box .appli_right .photo {
        height: 100%; }
        .multimedia_area .multi_cont02 .appli_box .appli_right .photo img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
  .multimedia_area .multi_cont02 .appli_function_group {
    background: #e1e5ea;
    padding: 20px 25px; }
    @media screen and (max-width: 480px) {
      .multimedia_area .multi_cont02 .appli_function_group {
        padding: 20px; } }
    .multimedia_area .multi_cont02 .appli_function_group .function_ttl {
      font-size: clamp(12px, 1.167vw, 14px);
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .appli_function_group .function_ttl {
          font-size: 4.6vw;
          margin-bottom: 15px; } }
    @media screen and (max-width: 480px) {
      .multimedia_area .multi_cont02 .appli_function_group .function_group {
        flex-wrap: wrap;
        gap: 15px 0; } }
    .multimedia_area .multi_cont02 .appli_function_group .function_group .function_item {
      width: 14.18%;
      display: flex;
      flex-direction: column;
      row-gap: 15px; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .appli_function_group .function_group .function_item {
          width: 48%;
          row-gap: 10px; } }
      .multimedia_area .multi_cont02 .appli_function_group .function_group .function_item .function_text {
        width: 110%;
        font-size: clamp(10px, 1.167vw, 14px);
        line-height: 1.4; }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont02 .appli_function_group .function_group .function_item .function_text {
            width: auto;
            font-size: 3.1vw; } }
        .multimedia_area .multi_cont02 .appli_function_group .function_group .function_item .function_text.lt {
          letter-spacing: -0.15em; }
  .multimedia_area .multi_cont02 .terminal_group {
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 20px 0; }
    .multimedia_area .multi_cont02 .terminal_group .terminal_img {
      width: 11.59%;
      align-self: center; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .terminal_group .terminal_img {
          width: 40%; } }
    .multimedia_area .multi_cont02 .terminal_group .terminal_text {
      width: 17.92%;
      font-size: clamp(11px, 1.25vw, 15px);
      line-height: 1.4; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .terminal_group .terminal_text {
          width: 55%; } }
    .multimedia_area .multi_cont02 .terminal_group .terminal_box {
      width: 68.01%;
      border: 1px solid #000;
      padding: 9px; }
      @media screen and (max-width: 480px) {
        .multimedia_area .multi_cont02 .terminal_group .terminal_box {
          width: 100%;
          padding: 10px 15px;
          flex-direction: column; } }
      .multimedia_area .multi_cont02 .terminal_group .terminal_box .terminal_name {
        line-height: 1.4;
        font-size: clamp(15px, 1.834vw, 22px);
        padding: 0 15px 0 10px;
        flex-shrink: 0; }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont02 .terminal_group .terminal_box .terminal_name {
            width: 100%;
            padding: 0;
            font-size: 4.6vw;
            padding-bottom: 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid #000; } }
      .multimedia_area .multi_cont02 .terminal_group .terminal_box .terminal_read {
        line-height: 1.4;
        font-size: clamp(10px, 1.167vw, 14px);
        padding-left: 10px;
        border-left: 1px solid #000; }
        @media screen and (max-width: 480px) {
          .multimedia_area .multi_cont02 .terminal_group .terminal_box .terminal_read {
            font-size: 3vw;
            padding-left: 0;
            border-left: none; } }
    .multimedia_area .multi_cont02 .terminal_group > .cap_r {
      width: 100%; }

.universal_area {
  padding: clamp(60px, 8.334vw, 100px) 0; }
  @media screen and (max-width: 480px) {
    .universal_area .universal_cont01 {
      flex-wrap: wrap;
      gap: 30px 0; } }
  @media screen and (max-width: 480px) {
    .universal_area .universal_cont01 .item {
      width: 48%; } }
  @media screen and (max-width: 480px) {
    .universal_area .universal_cont01 .item .photo.sp_ex .cap {
      bottom: -10px; } }

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