@charset "UTF-8";
/*! Writen  by SCSS */
.pre-inc .wrap:before {
  content: none; }
.pre-inc .sec01 .page_title_group {
  margin-bottom: clamp(40px, 6.667vw, 80px); }
.pre-inc .sec01 .equip_tab {
  max-width: 1100px;
  margin: 0 auto clamp(60px, 8.334vw, 100px); }
  @media screen and (max-width: 480px) {
    .pre-inc .sec01 .equip_tab {
      flex-wrap: wrap;
      justify-content: center;
      gap: 15px 2%; } }
  .pre-inc .sec01 .equip_tab a {
    position: relative;
    padding: 20px 10px 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: clamp(16px, 2vw, 24px);
    color: #5c4259;
    width: 16.37%;
    line-height: 1.1;
    border: 1px solid #5c4259;
    transition: 0.3s all ease-in-out 0s; }
    @media screen and (max-width: 820px) {
      .pre-inc .sec01 .equip_tab a {
        padding: 15px 10px 25px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .sec01 .equip_tab a {
        width: 32%; } }
    .pre-inc .sec01 .equip_tab a:hover {
      color: #FFF;
      background: #5c4259; }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .equip_tab a:hover {
          color: #5c4259;
          background: rgba(92, 66, 89, 0); } }
      .pre-inc .sec01 .equip_tab a:hover:after {
        background: #FFF; }
        @media screen and (max-width: 820px) {
          .pre-inc .sec01 .equip_tab a:hover:after {
            background: #5c4259; } }
    .pre-inc .sec01 .equip_tab a:after {
      content: "";
      position: absolute;
      inset: 0;
      top: auto;
      bottom: 15px;
      background: #5c4259;
      width: 9px;
      margin: auto;
      aspect-ratio: 2/1;
      clip-path: polygon(50% 100%, 0 0, 100% 0);
      transition: 0.3s background ease-in-out 0s; }
      @media screen and (max-width: 820px) {
        .pre-inc .sec01 .equip_tab a:after {
          bottom: 10px; } }
.pre-inc .sec02 {
  padding-bottom: clamp(60px, 8.334vw, 100px); }
  .pre-inc .sec02 .sec_ttl_group {
    margin-bottom: clamp(30px, 4.167vw, 50px); }
  .pre-inc .sec02 .item .photo {
    margin-bottom: 15px; }
  .pre-inc .sec02 .item_text {
    display: flex;
    flex-direction: column;
    row-gap: 15px; }
    @media screen and (max-width: 820px) {
      .pre-inc .sec02 .item_text {
        row-gap: 10px; } }
  .pre-inc .sec02 .item_name {
    font-size: clamp(14px, 1.751vw, 21px);
    color: #5c4259;
    line-height: 1.4;
    display: flex;
    align-items: center; }
    .pre-inc .sec02 .item_name.lt {
      letter-spacing: -0.15em; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .item_name.lt {
          letter-spacing: normal; } }
    .pre-inc .sec02 .item_name.col {
      flex-direction: column;
      align-items: flex-start; }
    .pre-inc .sec02 .item_name.navy {
      color: #5676a0; }
    .pre-inc .sec02 .item_name.box:before {
      content: "■";
      color: #5c4259;
      font-size: inherit; }
    .pre-inc .sec02 .item_name .small {
      font-size: 76%; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .item_name .small {
          font-size: 90%; } }
    .pre-inc .sec02 .item_name .block {
      display: block; }
  .pre-inc .sec02 .item_read {
    font-size: clamp(12px, 1.334vw, 16px);
    line-height: 1.5; }
    .pre-inc .sec02 .item_read .small {
      font-size: 87.5%; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .item_read .small {
          font-size: 90%; } }
    .pre-inc .sec02 .item_read .cap_l,
    .pre-inc .sec02 .item_read .cap_r {
      display: block; }
  .pre-inc .sec02 .equip_content {
    margin-bottom: clamp(60px, 8.334vw, 100px);
    letter-spacing: normal; }
    .pre-inc .sec02 .equip_content:last-of-type {
      margin-bottom: 0; }
  .pre-inc .sec02 .kitchen_area .kitchen_group {
    display: grid;
    justify-content: flex-start;
    gap: 40px 3.62%;
    grid-template-columns: repeat(4, 22.28%); }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .kitchen_area .kitchen_group {
        gap: 40px 4%;
        grid-template-columns: repeat(2, 48%); } }
    .pre-inc .sec02 .kitchen_area .kitchen_group .item.item01 {
      grid-column: 1/4;
      grid-row: 1/3; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .kitchen_area .kitchen_group .item.item01 {
          grid-column: span 2;
          grid-row: auto; } }
  .pre-inc .sec02 .powder_area .powder_group {
    margin-bottom: clamp(40px, 6.667vw, 80px);
    display: grid;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px 3.62%;
    grid-template-columns: repeat(4, 22.28%); }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .powder_area .powder_group {
        gap: 40px 4%;
        grid-template-columns: repeat(2, 48%); } }
    .pre-inc .sec02 .powder_area .powder_group .item.item01 {
      grid-column: 1/3;
      grid-row: 1/3; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .powder_area .powder_group .item.item01 {
          grid-column: span 2;
          grid-row: auto; } }
    .pre-inc .sec02 .powder_area .powder_group .item.item04 {
      grid-column: 4/5;
      grid-row: 1/3; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .powder_area .powder_group .item.item04 {
          grid-column: auto;
          grid-row: auto; } }
  .pre-inc .sec02 .bathroom_area .bath_ttl {
    font-size: clamp(15px, 1.751vw, 21px);
    color: #1d78b7;
    line-height: 1.5; }
    .pre-inc .sec02 .bathroom_area .bath_ttl.big {
      font-size: clamp(18px, 2vw, 24px); }
    .pre-inc .sec02 .bathroom_area .bath_ttl.navy {
      color: #5676a0; }
    .pre-inc .sec02 .bathroom_area .bath_ttl.box {
      display: flex;
      column-gap: 3%; }
      .pre-inc .sec02 .bathroom_area .bath_ttl.box:before {
        content: "□";
        color: #1d78b7; }
  .pre-inc .sec02 .bathroom_area .bath_read {
    font-size: clamp(12px, 1.334vw, 16px);
    line-height: 1.5; }
    .pre-inc .sec02 .bathroom_area .bath_read.big {
      font-size: clamp(14px, 1.5vw, 18px); }
  .pre-inc .sec02 .bathroom_area .bathroom_group {
    position: relative;
    margin-bottom: clamp(50px, 6.667vw, 80px); }
    .pre-inc .sec02 .bathroom_area .bathroom_group:after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #187fc4;
      pointer-events: none; }
    .pre-inc .sec02 .bathroom_area .bathroom_group .bath_wrap {
      padding: clamp(30px, 3.334vw, 40px);
      position: relative;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("../images/equipment/img25.jpg"); }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .bathroom_area .bathroom_group .bath_wrap {
          padding: 40px 20px 30px;
          background-image: url("../images/equipment/img25_sp.jpg"); } }
      .pre-inc .sec02 .bathroom_area .bathroom_group .bath_wrap .standard {
        position: absolute;
        right: 20px;
        top: 20px; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_wrap .standard {
            right: 0;
            top: 0;
            width: 90px; } }
    .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box {
      position: relative;
      padding: clamp(25px, 3.334vw, 40px); }
      .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 {
        margin-bottom: clamp(50px, 6.667vw, 80px); }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 {
            flex-direction: column; } }
        .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in {
          padding: 0 20px;
          position: relative;
          width: 30.4%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in {
              width: 100%; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(1) {
            width: 27.46%;
            padding-left: 0; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(1) {
                width: 100%;
                padding: 0; } }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(2) {
              padding: 30px 0;
              margin: 30px 0; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(2):before, .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(2):after {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none; }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(2):before {
            right: auto;
            border-left: 1px dashed #187fc4; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(2):before {
                right: 0;
                bottom: auto;
                border-left: none;
                border-top: 1px dashed #187fc4; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(2):after {
            left: auto;
            border-right: 1px dashed #187fc4; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(2):after {
                left: 0;
                top: auto;
                border-right: none;
                border-bottom: 1px dashed #187fc4; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(3) {
            width: 41.18%;
            padding-right: 0; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in:nth-child(3) {
                width: 100%;
                padding: 0; } }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in > .image {
              width: fit-content;
              margin: 0 auto; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .txt_group {
            align-items: flex-start;
            gap: 2% 10px;
            margin-bottom: 30px; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .txt_group {
                margin-bottom: 20px; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .bath_num {
            font-size: clamp(30px, 3.417vw, 41px);
            font-style: italic;
            flex-shrink: 0;
            line-height: 0.5;
            color: #187fc4; }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .bath_read {
            flex-grow: 1; }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .text_image {
            flex-wrap: wrap;
            gap: 10px 0; }
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .text_image .bath_read {
              flex-grow: unset;
              width: 42.5%; }
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .text_image .image {
              width: 52.5%; }
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap02 .bath_wrap02_in .text_image .cap_l {
              width: 100%; }
      .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 {
        flex-wrap: wrap;
        gap: 40px 0; }
        .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in {
          width: 43.14%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in {
              width: 100%; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.second {
            width: 49.02%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.second {
                width: 100%; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third {
            align-items: flex-start;
            width: 100%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third {
                flex-direction: column;
                row-gap: 30px; } }
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_left {
              width: 39.22%; }
              @media screen and (max-width: 480px) {
                .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_left {
                  width: 100%; } }
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_left .shower_group {
                display: flex;
                flex-direction: column;
                row-gap: 20px;
                width: 55%;
                margin-right: -5%; }
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_left .image {
                width: 46.75%; }
                @media screen and (max-width: 820px) {
                  .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_left .image {
                    width: 43%; } }
            .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right {
              width: 56.87%; }
              @media screen and (max-width: 480px) {
                .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right {
                  width: 100%; } }
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right .shower_box {
                font-size: clamp(14px, 1.584vw, 19px);
                color: #1d78b7;
                line-height: 1.4;
                text-align: center;
                padding: 10px 5px;
                border: 1px solid #1d78b7;
                margin-bottom: 20px; }
                @media screen and (max-width: 480px) {
                  .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right .shower_box {
                    margin-bottom: 10px; } }
              @media screen and (max-width: 480px) {
                .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right .text_image {
                  flex-direction: column;
                  row-gap: 20px; } }
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right .text_image .bath_read {
                width: 34.49%; }
                @media screen and (max-width: 480px) {
                  .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right .text_image .bath_read {
                    width: 100%; } }
              .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right .text_image .image {
                width: 60.35%; }
                @media screen and (max-width: 480px) {
                  .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in.third .third_right .text_image .image {
                    width: 100%; } }
          .pre-inc .sec02 .bathroom_area .bathroom_group .bath_box .bath_wrap03 .bath_wrap_in .bath_txt_group {
            flex-direction: column;
            row-gap: 20px;
            margin-bottom: 30px; }
  .pre-inc .sec02 .bathroom_area .bath_wrap04 {
    align-items: flex-start;
    row-gap: clamp(50px, 6.667vw, 80px);
    flex-wrap: wrap;
    margin-bottom: clamp(50px, 8.334vw, 100px); }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .bathroom_area .bath_wrap04 {
        row-gap: 40px; } }
    .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in {
      width: 64.55%; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in {
          width: 100%; } }
      .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.first {
        width: 32.73%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.first {
            width: 100%; } }
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.first .image_group {
          flex-direction: column;
          row-gap: 15px; }
      .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third {
        width: 100%;
        max-width: 900px;
        margin: 0 auto; }
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box {
          align-items: center;
          background: #dfe9ee;
          padding: clamp(30px, 3.334vw, 40px) 30px;
          margin-bottom: 5px; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box {
              flex-direction: column;
              row-gap: 20px;
              padding: 20px; } }
          .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box .bath_ttl {
            margin-left: 3%; }
            @media screen and (max-width: 820px) {
              .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box .bath_ttl {
                margin-left: 0;
                font-size: 2.4vw; } }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box .bath_ttl {
                font-size: 4.3vw;
                text-align: center; } }
          .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box .photo_group {
            width: 65.48%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box .photo_group {
                width: 100%; } }
            .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box .photo_group .image {
              width: 48.19%; }
              .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in.third .third_box .photo_group .image .bath_name {
                background: #587ba8;
                font-size: clamp(13px, 1.584vw, 19px);
                color: #FFF;
                text-align: center; }
      .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .function_ttl {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px; }
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .function_ttl:before, .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .function_ttl:after {
          content: "";
          background: #333;
          height: 1px;
          width: 100%; }
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .function_ttl span {
          flex-shrink: 0;
          padding: 0 20px;
          font-size: clamp(13px, 1.5vw, 18px); }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .function_ttl span {
              padding: 0 10px;
              font-size: 4.6vw; } }
      .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .item6 {
        column-gap: 1%;
        margin-bottom: 10px; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .item6 {
            flex-wrap: wrap;
            gap: 10px 0;
            margin-bottom: 20px; } }
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .item6 .item {
          width: calc(100% / 6);
          font-size: clamp(12px, 1.5vw, 18px);
          text-align: center;
          color: #FFF;
          font-weight: 600;
          background: #587ba8; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .item6 .item {
              width: 32%;
              font-size: 4vw;
              padding: 5px 0; } }
      .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_group {
        align-items: center;
        margin-bottom: 10px; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_group {
            flex-direction: column;
            row-gap: 5px;
            margin-bottom: 20px; } }
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_group .mist_ttl {
          font-size: clamp(13px, 1.667vw, 20px);
          font-weight: 600;
          color: #587ba8; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_group .mist_ttl {
              font-size: 5.2vw; } }
      .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_img_group {
        align-items: flex-start; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_img_group {
            flex-direction: column;
            row-gap: 25px; } }
        .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_img_group .image {
          width: 73.39%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_img_group .image {
              width: 100%; } }
          .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_img_group .image.second {
            width: 23.81%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .bathroom_area .bath_wrap04 .bath_wrap04_in .function6_group .mist_img_group .image.second {
                width: 100%; } }
  .pre-inc .sec02 .bathroom_area .bath_wrap05 {
    display: grid;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px 3.62%;
    grid-template-columns: repeat(4, 22.28%); }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .bathroom_area .bath_wrap05 {
        gap: 40px 4%;
        grid-template-columns: repeat(2, 48%); } }
    .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item01 {
      grid-column: 1/3;
      grid-row: 1/3; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item01 {
          grid-column: span 2;
          grid-row: auto; } }
    .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item03 .image_group {
      display: flex;
      align-items: flex-end;
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item03 .image_group {
          margin-bottom: 15px; } }
      .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item03 .image_group .image {
        width: 52.25%; }
      .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item03 .image_group .cap_l {
        width: 44.9%;
        line-height: 1.4; }
    .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item08 .item_name {
      flex-direction: column;
      align-items: flex-start;
      letter-spacing: normal; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .bathroom_area .bath_wrap05 .item.item08 .item_name {
          display: block; } }
    .pre-inc .sec02 .bathroom_area .bath_wrap05 .item .image + .item_text {
      margin-top: 20px; }
      @media screen and (max-width: 820px) {
        .pre-inc .sec02 .bathroom_area .bath_wrap05 .item .image + .item_text {
          margin-top: 15px; } }
  .pre-inc .sec02 .toilet_area .toilet_group {
    display: grid;
    justify-content: flex-start;
    gap: 40px 3.62%;
    grid-template-columns: repeat(4, 22.28%); }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .toilet_area .toilet_group {
        gap: 40px 4%;
        grid-template-columns: repeat(2, 48%); } }
    .pre-inc .sec02 .toilet_area .toilet_group .item.item01 {
      grid-column: span 2; }
    .pre-inc .sec02 .toilet_area .toilet_group .item.item02 {
      grid-column: span 2; }
      .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image {
        flex-wrap: wrap;
        gap: 20px 0; }
        .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image .item_name {
          width: 100%; }
        .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image.first {
          margin-bottom: clamp(30px, 3.334vw, 40px); }
          .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image.first .item_read {
            width: 56.72%; }
          .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image.first .image {
            width: 36.87%; }
        .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image.second .item_read {
          width: 32.14%; }
        .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image.second .image_group {
          width: 64.28%; }
          .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image.second .image_group .image_in {
            width: 46.77%; }
        .pre-inc .sec02 .toilet_area .toilet_group .item.item02 .text_image.second .arrow {
          align-self: center;
          width: 2.65%;
          aspect-ratio: 14/34;
          background: #d3c1a5;
          transform: translateY(-30px);
          clip-path: polygon(0 0, 0% 100%, 100% 50%); }
  .pre-inc .sec02 .security_area .security_group .group01 {
    flex-wrap: wrap;
    row-gap: clamp(50px, 6.667vw, 80px);
    margin-bottom: clamp(50px, 6.667vw, 80px); }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .security_area .security_group .group01 {
        row-gap: 40px; } }
    .pre-inc .sec02 .security_area .security_group .group01 .group01_in {
      width: 47.37%; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .security_area .security_group .group01 .group01_in {
          width: 100%; } }
      .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full {
        width: 100%;
        flex-wrap: wrap;
        gap: 30px 0; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full {
            row-gap: 25px; } }
        .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full .item_name {
          width: 100%; }
        .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full .left {
          width: 39.1%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full .left {
              width: 100%; } }
          .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full .left .logo_osaka_gas {
            text-align: center;
            margin-top: 20px; }
        .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full .right {
          width: 59.1%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group01 .group01_in.full .right {
              width: 100%; } }
      .pre-inc .sec02 .security_area .security_group .group01 .group01_in .image.fit {
        width: fit-content;
        margin: 30px auto 0; }
        .pre-inc .sec02 .security_area .security_group .group01 .group01_in .image.fit.second {
          margin: clamp(30px, 5vw, 60px) auto 0; }
  .pre-inc .sec02 .security_area .security_group .group02 {
    padding: clamp(30px, 3.334vw, 40px) clamp(20px, 3.334vw, 40px);
    margin-bottom: clamp(50px, 6.667vw, 80px);
    position: relative; }
    .pre-inc .sec02 .security_area .security_group .group02:after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #4d7282;
      pointer-events: none; }
    .pre-inc .sec02 .security_area .security_group .group02 .goal_group {
      flex-direction: row-reverse;
      margin-bottom: 25px;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group {
          flex-direction: column;
          row-gap: 20px; } }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group .item_name {
          text-align: center; } }
    .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 {
      align-items: flex-start;
      margin-bottom: clamp(30px, 4.167vw, 50px); }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 {
          flex-direction: column;
          row-gap: 20px; } }
      .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left {
        width: 53.93%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left {
            width: 100%; } }
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left .image_group {
          margin-top: clamp(30px, 4.167vw, 50px); }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left .image_group {
              margin-top: 20px;
              flex-direction: column;
              row-gap: 30px; } }
          .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left .image_group .image {
            width: 57.46%; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left .image_group .image {
                width: fit-content;
                margin: 0 auto; } }
            .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left .image_group .image.second {
              width: 36.37%; }
              @media screen and (max-width: 480px) {
                .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_left .image_group .image.second {
                  width: fit-content; } }
      .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_right {
        width: 41.48%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_right {
            width: 100%; } }
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_right .door_ttl {
          font-size: clamp(14px, 1.584vw, 19px);
          margin-bottom: 10px; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group02 .goal_group02 .group02_right .door_ttl {
              font-size: 16px; } }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 {
        flex-direction: column; } }
    .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left {
      width: 80.89%;
      padding-right: 20px;
      margin-right: 20px;
      position: relative; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left {
          width: 100%;
          padding-right: 0px;
          margin-right: 0px;
          padding-bottom: 20px;
          margin-bottom: 20px; } }
      .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left:after {
        content: "";
        position: absolute;
        inset: 0;
        left: auto;
        pointer-events: none;
        border-right: 1px solid #333; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left:after {
            left: 0;
            top: auto;
            border-right: none;
            border-bottom: 1px solid #333; } }
      .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .group_over {
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 20px;
        column-gap: 3%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .group_over {
            flex-direction: column;
            gap: 20px 0; } }
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .group_over .item_text {
          width: 72.5%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .group_over .item_text {
              width: 100%; } }
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .group_over .image {
          width: 21.25%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .group_over .image {
              width: fit-content;
              margin: 0 auto; } }
      .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .root_image_group {
        width: 100%;
        position: relative; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_left .root_image_group .route_img > img {
            width: 800px;
            max-width: none; } }
    .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_right {
      width: 16.67%; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_right {
          width: 100%; } }
      .pre-inc .sec02 .security_area .security_group .group02 .goal_group03_group .goal_group03 .group03_right .image {
        width: fit-content;
        margin: 20px auto 0; }
  .pre-inc .sec02 .security_area .security_group .group03 {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: clamp(40px, 5vw, 60px) 0; }
    @media screen and (max-width: 480px) {
      .pre-inc .sec02 .security_area .security_group .group03 {
        gap: 30px 0; } }
    .pre-inc .sec02 .security_area .security_group .group03 .item {
      width: 30.46%; }
      @media screen and (max-width: 480px) {
        .pre-inc .sec02 .security_area .security_group .group03 .item {
          width: 100%; } }
      .pre-inc .sec02 .security_area .security_group .group03 .item.half {
        width: 48.19%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.half {
            width: 100%; } }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item01 .item_text {
        width: 83.02%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.item01 .item_text {
            width: 75%; } }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item01 .photo {
        width: 10.76%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.item01 .photo {
            width: 20%; } }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item01 .photo .cap_l {
          white-space: nowrap; }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item02 .item_text {
        width: 71.7%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.item02 .item_text {
            width: 65%; } }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item02 .photo {
        width: 21.51%; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.item02 .photo {
            width: 30%; } }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item02 .photo .cap_l {
          white-space: nowrap; }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item03, .pre-inc .sec02 .security_area .security_group .group03 .item.item04, .pre-inc .sec02 .security_area .security_group .group03 .item.item05 {
        flex-wrap: wrap;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.item03, .pre-inc .sec02 .security_area .security_group .group03 .item.item04, .pre-inc .sec02 .security_area .security_group .group03 .item.item05 {
            gap: 10px 0; } }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item03 .item_name, .pre-inc .sec02 .security_area .security_group .group03 .item.item04 .item_name, .pre-inc .sec02 .security_area .security_group .group03 .item.item05 .item_name {
          width: 100%; }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item03 .item_read, .pre-inc .sec02 .security_area .security_group .group03 .item.item04 .item_read, .pre-inc .sec02 .security_area .security_group .group03 .item.item05 .item_read {
          width: 59.71%; }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item03 .photo, .pre-inc .sec02 .security_area .security_group .group03 .item.item04 .photo, .pre-inc .sec02 .security_area .security_group .group03 .item.item05 .photo {
          width: 36.72%;
          margin-bottom: 0; }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .item_text .line_txt {
        font-size: clamp(12px, 1.334vw, 16px);
        font-weight: 600;
        margin-bottom: 20px; }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image {
        margin-bottom: 20px; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image {
            flex-direction: column;
            row-gap: 15px; } }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image .item_read {
          width: 37.74%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image .item_read {
              width: 100%; } }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image .image_group {
          width: 58.5%; }
          @media screen and (max-width: 480px) {
            .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image .image_group {
              width: 100%; } }
          .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image .image_group .image {
            width: 44.2%; }
            .pre-inc .sec02 .security_area .security_group .group03 .item.item06 .text_image .image_group .image.second {
              width: 52.91%; }
      .pre-inc .sec02 .security_area .security_group .group03 .item.item07 {
        flex-wrap: wrap;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .pre-inc .sec02 .security_area .security_group .group03 .item.item07 {
            gap: 10px 0; } }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item07 .item_name {
          width: 100%; }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item07 .item_read {
          width: 52.84%; }
          .pre-inc .sec02 .security_area .security_group .group03 .item.item07 .item_read .cap_l {
            margin-top: 20px; }
            @media screen and (max-width: 480px) {
              .pre-inc .sec02 .security_area .security_group .group03 .item.item07 .item_read .cap_l {
                margin-top: 10px; } }
        .pre-inc .sec02 .security_area .security_group .group03 .item.item07 .photo {
          width: 40.38%; }

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