/*! Writen  by SCSS */
.pre-inc .col4_list {
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(25px, 4.17vw, 50px) 3.33%;
}
@media screen and (max-width: 480px) {
  .pre-inc .col4_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 4%;
  }
}
.pre-inc .col4_list .item {
  display: grid;
  gap: 10px 0;
}
@media screen and (max-width: 768px) {
  .pre-inc .col4_list .item {
    gap: 6px 0;
  }
}
.pre-inc .col4_list .item .item_image .cap_r {
  margin-top: 5px;
  line-height: 1;
}
.pre-inc .col4_list .item .text_box .item_head {
  margin-bottom: 0.6em;
}
.pre-inc .col4_list .item.item_min {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.pre-inc .col4_list .item.item_ase {
  align-self: end;
}
@media screen and (max-width: 480px) {
  .pre-inc .col4_list .item.item_ase {
    align-self: flex-start;
  }
}
.pre-inc .col4_list .item_col2 {
  grid-column: span 2;
}
.pre-inc .col4_list .item_col2.col_item {
  grid-template-columns: subgrid;
  align-items: start;
  align-content: start;
  gap: 0 6.89%;
}
.pre-inc .col4_list .item_col3 {
  grid-column: span 3;
}
.pre-inc .col4_list .item_row {
  grid-row: span 2;
}
.pre-inc .col4_list .item_main {
  grid-column: span 2;
  grid-row: span 2;
}
.pre-inc .sec01_top_head {
  margin-top: clamp(40px, 6.67%, 80px);
}
.pre-inc .sec01_top_list {
  margin-top: clamp(40px, 6.67%, 80px);
  margin-bottom: 120px;
}
.pre-inc .sec01_top_list .item:nth-child(-n+2) {
  margin-bottom: clamp(-20px, -7.4%, -1px);
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01_top_list .item:nth-child(-n+2) {
    margin-bottom: 0;
  }
}
.pre-inc .sec01_top_list .sec01_row_01 {
  grid-row: 1/3;
  grid-column: 3/4;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01_top_list .sec01_row_01 {
    grid-row: auto;
    grid-column: auto;
  }
}
.pre-inc .sec01_top_list .sec01_row_02 {
  grid-row: 1/3;
  grid-column: 4/5;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01_top_list .sec01_row_02 {
    grid-row: auto;
    grid-column: auto;
  }
}
.pre-inc .sec01_bottom_list .item_main {
  grid-row: 1/3;
  grid-column: 3/5;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01_bottom_list .item_main {
    grid-row: auto;
    grid-column: span 2;
  }
}
.pre-inc .sec01_bottom_list .item_min .item_in {
  max-width: 130px;
  width: 48.15%;
  display: grid;
  gap: 10px 0;
}
@media screen and (max-width: 768px) {
  .pre-inc .sec01_bottom_list .item_min .item_in {
    gap: 6px 0;
  }
}
.pre-inc .sec01_bottom_list .item_min .item_in:nth-child(2) .item_head {
  letter-spacing: -0.12em;
}
.pre-inc .sec01_bottom_list .item_ctype {
  grid-template-columns: subgrid;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01_bottom_list .item_ctype {
    grid-column: span 2;
  }
}
.pre-inc .sec01_bottom_list .item_ctype .sec01_b_item_head {
  grid-column: span 3;
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: clamp(16px, 1.93vw, 24px);
  gap: 0 1em;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01_bottom_list .item_ctype .sec01_b_item_head {
    grid-column: span 2;
  }
}
.pre-inc .sec01_bottom_list .item_ctype .sec01_b_item_head .text {
  flex-shrink: 0;
}
.pre-inc .sec01_bottom_list .item_ctype .sec01_b_item_head::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
}
.pre-inc .sec01_bottom_list .item_ctype .sec01_bottom_inner_list {
  grid-column: span 3;
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: subgrid;
  gap: clamp(25px, 4.17vw, 50px) 4.49%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec01_bottom_list .item_ctype .sec01_bottom_inner_list {
    grid-column: span 2;
    gap: 25px 4%;
  }
}
.pre-inc .sec02 {
  margin-top: clamp(80px, 10%, 120px);
}
.pre-inc .sec02 .content_head_wrap {
  margin-top: clamp(40px, 6.67%, 80px);
}
.pre-inc .sec02_top_wrap {
  align-items: flex-start;
  margin-bottom: clamp(35px, 5.84%, 70px);
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_top_wrap {
    flex-direction: column;
    gap: 25px 0;
  }
}
.pre-inc .sec02_top_wrap .sec02_main_image {
  max-width: 580px;
  width: 48.34%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_top_wrap .sec02_main_image {
    width: 100%;
  }
}
.pre-inc .sec02_top_wrap .sec02_t_right {
  max-width: 580px;
  width: 48.34%;
  display: flex;
  flex-direction: column;
  gap: clamp(25px, 3.34vw, 40px) 0;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_top_wrap .sec02_t_right {
    width: 100%;
  }
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border: 1px solid #ffffff;
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box .box_in {
  padding-top: 4.32%;
  padding-bottom: 4.32%;
  padding: 4.32%;
  max-width: 530px;
  width: calc(100% - 30px);
  margin-left: auto;
  margin-right: auto;
  background: #333;
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box .box_in {
    padding-top: 15px;
    padding-bottom: 15px;
    width: calc(100% - 20px);
  }
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box .box_in .item_head {
  margin-bottom: 0.6em;
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box.sec02_t_r_top .sec02_t_r_top_image {
  margin-top: 15px;
  margin-bottom: 10px;
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box.sec02_t_r_bottom .sec02_t_r_b_wrap {
  align-items: flex-start;
  margin-bottom: 10px;
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box.sec02_t_r_bottom .sec02_t_r_b_wrap .text_box {
  width: 45.29%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box.sec02_t_r_bottom .sec02_t_r_b_wrap .text_box {
    width: 52%;
  }
}
.pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box.sec02_t_r_bottom .sec02_t_r_b_wrap .image_box {
  max-width: 262px;
  width: 49.44%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_top_wrap .sec02_t_right .sec02_t_r_box.sec02_t_r_bottom .sec02_t_r_b_wrap .image_box {
    width: 46%;
  }
}
.pre-inc .bath_box {
  margin-bottom: clamp(35px, 5.84%, 70px);
  background: #0e3363;
}
.pre-inc .bath_box .bath_image_top {
  margin-bottom: -1px;
}
.pre-inc .sec02 .col4_list .item .item_in {
  align-items: flex-start;
}
.pre-inc .sec02 .col4_list .item .item_in .item_image {
  max-width: 120px;
  width: 44.45%;
}
.pre-inc .sec02 .col4_list .item .item_in .text_box {
  width: 48.15%;
}
.pre-inc .sec02_bottom_wrap {
  margin-top: clamp(60px, 8.34%, 100px);
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding-top: clamp(25px, 3.34%, 40px);
  padding-bottom: clamp(25px, 3.34%, 40px);
  align-items: center;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_bottom_wrap {
    flex-direction: column;
    gap: 25px 0;
  }
}
.pre-inc .sec02_bottom_wrap .text_box {
  width: 46.67%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_bottom_wrap .text_box {
    width: 100%;
  }
}
.pre-inc .sec02_bottom_wrap .text_box .item_head {
  margin-bottom: 1em;
}
.pre-inc .sec02_bottom_wrap .image_wrap {
  width: 48.34%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_bottom_wrap .image_wrap {
    width: 100%;
  }
}
.pre-inc .sec02_bottom_wrap .image_wrap .image_box {
  max-width: 270px;
  width: 46.56%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec02_bottom_wrap .image_wrap .image_box {
    width: 48%;
  }
}
.pre-inc .sec02_bottom_wrap .image_wrap .image_box .image_text_wrap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 5px;
  margin-top: 5px;
}
.pre-inc .sec02_bottom_wrap .image_wrap .image_box .image_text_wrap .read {
  line-height: 1.4;
}
.pre-inc .sec02_bottom_wrap .image_wrap .image_box .image_text_wrap .cap_r {
  line-height: 1.4;
}
.pre-inc .sec03 {
  margin-top: clamp(80px, 10%, 120px);
}
.pre-inc .sec03 .col4_list {
  margin-bottom: clamp(40px, 6.67%, 80px);
}
.pre-inc .sec03 .col4_list .item_main {
  grid-row: 1/3;
  grid-column: 3/5;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03 .col4_list .item_main {
    grid-row: auto;
    grid-column: span 2;
  }
}
.pre-inc .sec03_water {
  position: relative;
}
.pre-inc .sec03_water::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.pre-inc .sec03_water .sec03_water_in {
  max-width: 1130px;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_in {
    width: calc(100% - 30px);
  }
}
.pre-inc .sec03_water .sec03_water_head_wrap {
  display: flex;
  align-items: center;
  font-size: clamp(14px, 1.45vw, 18px);
  gap: 0.7em;
  margin-bottom: clamp(25px, 3.34%, 40px);
}
@media screen and (max-width: 960px) {
  .pre-inc .sec03_water .sec03_water_head_wrap {
    padding-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_head_wrap {
    padding-top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.pre-inc .sec03_water .sec03_water_head_wrap .sec03_head {
  width: 22.55em;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_head_wrap .sec03_head {
    width: 80%;
  }
}
.pre-inc .sec03_water .sec03_water_head_wrap .item_head {
  color: #3d90cb;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_head_wrap .item_head {
    text-align: center;
  }
}
.pre-inc .sec03_water .sec03_logo {
  max-width: 180px;
  width: 15.93%;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_logo {
    position: static;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}
.pre-inc .sec03_water .sec03_water_wrap {
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap {
    flex-direction: column;
    gap: 30px;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left {
  width: 43.01%;
  position: relative;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left {
    width: 100%;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left .text_top {
  margin-bottom: 8.24%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left .text_top {
    margin-bottom: 20px;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left .cap_l {
  margin-top: 5.15%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left .cap_l {
    margin-top: 15px;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -8.23%;
  border-right: 1px solid #6ea8d1;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_left::after {
    width: 100%;
    top: auto;
    bottom: -15px;
    left: 0;
    right: 0;
    border-right: none;
    border-bottom: 1px solid #6ea8d1;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right {
  width: 49.56%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right {
    width: 100%;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right .text_top {
  margin-bottom: 7.15%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right .text_top {
    margin-bottom: 20px;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right .text_top .read {
  margin-bottom: 1em;
  line-height: 1.88;
}
@media screen and (max-width: 768px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right .text_top .read {
    line-height: 1.6;
  }
}
.pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right .cap_l {
  margin-top: 4.47%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec03_water .sec03_water_wrap .sec03_water_box_right .cap_l {
    margin-top: 15px;
  }
}
.pre-inc .sec04 {
  margin-top: clamp(80px, 10%, 120px);
  padding-bottom: clamp(40px, 6.67%, 80px);
}
.pre-inc .sec04_wrap {
  margin-top: clamp(45px, 7.5%, 90px);
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding-top: clamp(25px, 3.34%, 40px);
  padding-bottom: clamp(25px, 3.34%, 40px);
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec04_wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px 0;
  }
}
.pre-inc .sec04_wrap .text_box {
  width: 22.5%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec04_wrap .text_box {
    width: 100%;
  }
}
.pre-inc .sec04_wrap .text_box .item_head {
  margin-bottom: 1em;
}
.pre-inc .sec04_wrap .image_wrap {
  width: 48.34%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec04_wrap .image_wrap {
    width: 100%;
  }
}
.pre-inc .sec04_wrap .image_wrap .image_box {
  max-width: 270px;
  width: 46.56%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec04_wrap .image_wrap .image_box {
    width: 48%;
  }
}
.pre-inc .sec04_wrap .image_wrap .image_box .text_in {
  margin-top: 5px;
}
.pre-inc .sec04_wrap .image_wrap .image_box .text_in .box_head_wrap {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 5px;
  margin-top: 5px;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec04_wrap .image_wrap .image_box .text_in .box_head_wrap {
    flex-direction: column-reverse;
  }
}
.pre-inc .sec04_wrap .image_wrap .image_box .text_in .box_head_wrap .read {
  line-height: 1.4;
}
.pre-inc .sec04_wrap .image_wrap .image_box .text_in .box_head_wrap .cap_r {
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec04_wrap .image_wrap .image_box .text_in .box_head_wrap .cap_r {
    margin-left: auto;
  }
}
.pre-inc .sec04_wrap .image_wrap .image_box .text_in .item_text {
  margin-top: 1em;
  line-height: 1.58;
}
.pre-inc .sec04_wrap .figure_wrap {
  max-width: 270px;
  width: 22.5%;
}
@media screen and (max-width: 480px) {
  .pre-inc .sec04_wrap .figure_wrap {
    width: 48%;
  }
}/*# sourceMappingURL=equipment.css.map */