@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/*	▼	240305 GM追加	*/
.pre-inc .equip1 section.section_cont {
  padding: clamp(80px, 9.869vw, 150px) 0;
}
.pre-inc .equip1 .sec01 {
  padding: 0 0 clamp(80px, 9.211vw, 140px);
}
.pre-inc .equip1 .sec01 .inner_ttl {
  margin-bottom: clamp(60px, 6.579vw, 100px);
}
.pre-inc .equip1 .sec01 .kitchen_wrap {
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  gap: clamp(40px, 3.948vw, 60px) 1.38%;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec01 .kitchen_wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 0;
  }
}
.pre-inc .equip1 .sec01 .kitchen_wrap .item {
  display: flex;
  row-gap: 12px;
  flex-direction: column;
}
.pre-inc .equip1 .sec01 .kitchen_wrap .item.full {
  grid-column: 1/5;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec01 .kitchen_wrap .item.full {
    grid-column: auto;
    margin: 0 -30px;
  }
}
.pre-inc .equip1 .sec01 .kitchen_wrap .item.row2 {
  grid-row: 3/5;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec01 .kitchen_wrap .item.row2 {
    grid-row: auto;
  }
}
.pre-inc .equip1 .sec02 {
  background: linear-gradient(to right, #013288 0%, #036982 100%);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 {
    flex-direction: column;
    row-gap: 40px;
  }
}
.pre-inc .equip1 .sec02 .content01 .left {
  width: 32.37%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 .left {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 .left figure.imgWrap {
    margin: 0 -30px;
  }
}
.pre-inc .equip1 .sec02 .content01 .right {
  width: 65.79%;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: clamp(40px, 3.948vw, 60px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 .right {
    width: 100%;
  }
}
.pre-inc .equip1 .sec02 .content01 .right .r_in {
  display: flex;
  justify-content: space-between;
  width: 32%;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 .right .r_in {
    width: 100%;
  }
}
.pre-inc .equip1 .sec02 .content01 .right .r_in.double {
  flex-direction: row;
  align-items: flex-start;
  width: 49.3%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 .right .r_in.double {
    width: 100%;
    flex-direction: column;
    row-gap: 20px;
  }
}
.pre-inc .equip1 .sec02 .content01 .right .r_in.double .image {
  width: 54.37%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 .right .r_in.double .image {
    width: 100%;
  }
}
.pre-inc .equip1 .sec02 .content01 .right .r_in.double .text {
  width: 40.57%;
  justify-content: flex-start;
  flex-direction: column;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec02 .content01 .right .r_in.double .text {
    width: 100%;
  }
}
.pre-inc .equip1 .sec02 .content01 .right .r_in.double .text.flex {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.pre-inc .equip1 .sec03 .content01 {
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 {
    flex-direction: column;
    row-gap: 40px;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_left {
  width: 44.94%;
  flex-wrap: wrap;
  row-gap: clamp(40px, 3.948vw, 60px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_left {
    width: 100%;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_left .left_in {
  width: 48.47%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_left .left_in {
    width: 100%;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.direction {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.double {
  width: 100%;
}
.pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.grid {
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  grid-template-columns: 48.47% 51.54%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.grid {
    row-gap: 5px;
    grid-template-columns: 100%;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.grid .image_txt {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media only screen and (max-width: 1280px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.grid .image_txt {
    row-gap: 20px;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.grid .image_txt .text {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  width: calc(100% - 30px);
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.grid .image_txt .text {
    width: calc(100% - 10px);
    row-gap: 15px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_left .left_in.grid .image_txt .text {
    width: 100%;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right {
  width: 51.91%;
  background: #9D784C;
  padding: clamp(30px, 3.125vw, 50px);
  position: relative;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right {
    width: 100%;
    padding: 40px 20px 40px 30px;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 5px;
  background: #FFF;
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .over {
  margin-bottom: clamp(40px, 3.75vw, 60px);
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over {
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 60px;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l {
  width: 46.66%;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l {
    width: 36%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l {
    width: 100%;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l .item_ttl {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l .item_ttl {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l .item_ttl {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l .item_ttl:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 118%;
  background: #FFF;
  height: 1px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_l .item_ttl:after {
    content: none;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_r {
  width: 46.81%;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_r {
    width: 60%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .over .over_r {
    /*width: calc(100% + 20px);*/
    width: 100%;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .under {
  flex-wrap: wrap;
  row-gap: 30px;
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .under > .item_ttl {
  width: 100%;
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .under .under_box {
  width: 48.55%;
  background: #FFF;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .under .under_box {
    width: 100%;
  }
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .under .under_box .under_txt {
  font-size: clamp(14px, 1.25vw, 20px);
  color: #9D784C;
  padding: 10px;
}
.pre-inc .equip1 .sec03 .content01 .sec03_right .under .under_box .under_read {
  font-size: clamp(12px, 0.876vw, 14px);
  color: #9D784C;
  padding: 15px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec03 .content01 .sec03_right .under .under_box .under_read {
    font-size: 14px;
  }
}
.pre-inc .equip1 .sec04 {
  background: linear-gradient(to right, #013288 0%, #036982 100%);
}
.pre-inc .equip1 .sec04 .content01 {
  align-items: flex-start;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 {
    flex-direction: column;
    row-gap: 40px;
  }
}
.pre-inc .equip1 .sec04 .content01 .left {
  width: 35.14%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .left {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .left figure.imgWrap {
    margin: 0 -30px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right {
  flex-direction: column;
  row-gap: 15px;
  width: 63.03%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in {
  background: #9D784C;
  position: relative;
  padding: clamp(30px, 3.125vw, 50px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in {
    padding: 40px 20px 40px 30px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  bottom: 0;
  width: 5px;
  background: #FFF;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.over {
    flex-direction: column;
    row-gap: 20px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.over .in_l {
  width: 53.38%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.over .in_l {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.over .in_l .in_box {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.over .in_l .in_box .in_box_txt {
  background: #FFF;
  padding: 10px;
  text-align: center;
  font-size: clamp(14px, 1.25vw, 20px);
  color: #9D784C;
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.over .in_r {
  width: 43.13%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.over .in_r {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under {
    flex-direction: column;
    row-gap: 30px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l {
  width: 62.01%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
}
@media only screen and (max-width: 1280px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l {
    row-gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .text_gruop {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 {
    row-gap: 20px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 1.87%;
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt {
  width: 32%;
  background: #F2F2F2;
  padding: 20px 10px;
  color: #9D784C;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
@media only screen and (max-width: 1280px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt {
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt {
    width: 48%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt {
    width: 100%;
    row-gap: 10px;
    padding: 20px 15px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt .txt01 {
  font-size: clamp(12px, 1.125vw, 18px);
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt .txt01 {
    font-size: 18px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt .txt02 {
  font-size: clamp(10px, 0.876vw, 14px);
  line-height: 1.4;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_l .func6 .in_box .in_box_txt .txt02 {
    font-size: 14px;
  }
}
.pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_r {
  width: 34.5%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content01 .right .right_in.under .in_r {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content02 {
  margin-top: clamp(40px, 3.75vw, 60px);
}
.pre-inc .equip1 .sec04 .content02 .cont02_in {
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: clamp(40px, 3.75vw, 60px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in {
    flex-direction: column;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .imgcap.sp_block {
  display: none;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .imgcap.sp_block {
    display: block;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box {
  width: 23.95%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.flex {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.flex {
    row-gap: 10px;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.double {
  width: 49.28%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.double {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.double.handrail {
  display: grid;
  grid-template-columns: 21.1% 78.38%;
  column-gap: 0.53%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.double.handrail {
    /*grid-template-columns:15.5% 89%;*/
    grid-template-columns: 15.5% 83.97%;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.double.handrail .image1 {
  grid-row: 1/3;
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.double.handrail .text {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.double.handrail .text {
    margin-left: 10px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.double.handrail .text {
    margin-left: 0;
    margin-top: 20px;
    grid-column: span 2;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 {
    flex-wrap: wrap;
    row-gap: 15px;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image1 {
  width: 48.6%;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image1 {
    width: 65.08%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image1.sp_w100 {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image1.col {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image1.col {
    row-gap: 10px;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image2 {
  width: 23.1%;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image2 {
    width: 30.78%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .image2.sp_w100 {
    width: 100%;
    margin-top: 20px;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .text {
  width: 23.5%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .text {
    row-gap: 10px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.item3 .text {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub {
  background: #F2F2F2;
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_ttl {
  background: #9D784C;
  padding: 10px;
  font-size: clamp(14px, 1.25vw, 20px);
  color: #FFF;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_ttl {
    padding: 20px;
    font-size: 16px;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img {
  max-width: 700px;
  margin: 0 auto;
  width: calc(100% - 40px);
  flex-wrap: wrap;
  padding: 30px 0;
  row-gap: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img {
    padding: 10px 0 30px;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img .bathtub_in {
  width: 48.58%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img .bathtub_in {
    width: 100%;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img .bathtub_in .bathtub_name {
  font-size: clamp(15px, 1.5vw, 24px);
  color: #9D784C;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img .bathtub_in .bathtub_name {
    font-size: 20px;
  }
}
.pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img .caption {
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec04 .content02 .cont02_in .box.bathtub .bathtub_img .caption {
    text-align: left;
  }
}
.pre-inc .equip1 .sec04 .content02 .hf {
  height: fit-content;
}
.pre-inc .equip1 .sec05 .content01 {
  margin-bottom: clamp(70px, 6.25vw, 100px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 {
    flex-direction: column;
    row-gap: 40px;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_left {
  width: 31.91%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_left {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_left figure.imgWrap {
    margin: 0 -30px;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_right {
  width: 66.65%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_right {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_right .over {
  margin-bottom: clamp(40px, 3.75vw, 60px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_right .over {
    flex-direction: column;
    row-gap: 40px;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_right .over .over_l {
  width: 75.23%;
  flex-wrap: wrap;
  row-gap: clamp(30px, 3.125vw, 50px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_right .over .over_l {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_right .over .over_l .over_in {
  width: 48.56%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_right .over .over_l .over_in {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_right .over .over_r {
  width: 22.61%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_right .over .over_r {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_right .over .over_r .wf {
  width: fit-content;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_right .under {
    flex-direction: column;
    row-gap: 40px;
  }
}
.pre-inc .equip1 .sec05 .content01 .sec05_right .under .under_in {
  width: 48.87%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content01 .sec05_right .under .under_in {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap {
  margin-bottom: 10px;
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_ttl_wrap {
  background: #9D784C;
  padding: 15px 10px;
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_ttl_wrap .bubble_ttl {
  display: flex;
  justify-content: center;
  column-gap: clamp(30px, 3.75vw, 60px);
  font-size: clamp(17px, 1.875vw, 30px);
  color: #FFF;
}
@media only screen and (max-width: 1280px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_ttl_wrap .bubble_ttl {
    column-gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_ttl_wrap .bubble_ttl {
    flex-direction: column;
    width: fit-content;
    margin: auto;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in {
  background: #F2F2F2;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in {
    flex-direction: column;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_l {
  width: 24.35%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_l {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_l:before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/equipment/1/img52.jpg") center top/cover no-repeat;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_l:before {
    content: none;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r {
  width: 75.66%;
  padding: clamp(30px, 3.125vw, 50px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .item_ttl {
  color: #9D784C;
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .over {
  margin-bottom: clamp(30px, 3.125vw, 50px);
  padding-bottom: clamp(30px, 3.125vw, 50px);
  border-bottom: 1px solid rgba(157, 120, 76, 0.5);
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .over .over_l {
  width: 76.27%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .over .over_l {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .over .over_r {
  width: 18.59%;
  margin-right: 2.85%;
}
@media only screen and (max-width: 1280px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .over .over_r {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .over .over_r {
    display: none;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in {
  flex-wrap: wrap;
  row-gap: 15px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in {
    row-gap: 30px;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .item_ttl {
  width: 100%;
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box {
  width: 47.67%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box {
    width: 100%;
    flex-direction: column;
    row-gap: 15px;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .image {
  width: 27.2%;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .image {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .text {
  width: 70%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .text {
    width: 100%;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .text .t01 {
  font-size: clamp(14px, 1.25vw, 20px);
  color: #9D784C;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .text .t01 {
    font-size: 18px;
  }
}
.pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .text .t02 {
  font-size: clamp(11px, 1vw, 16px);
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec05 .content02 .bubble_wrap .bubble_in .bubble_r .under .under_in .under_box .text .t02 {
    font-size: 14px;
  }
}
.pre-inc .equip1 .sec06 {
  background: linear-gradient(to right, #013288 0%, #036982 100%);
}
.pre-inc .equip1 .sec06 .content01 .toilet_wrap {
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  gap: clamp(40px, 3.948vw, 60px) 1.38%;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec06 .content01 .toilet_wrap {
    row-gap: 15px;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec06 .content01 .toilet_wrap {
    row-gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.pre-inc .equip1 .sec06 .content01 .toilet_wrap .item.row2 {
  grid-row: 1/3;
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec06 .content01 .toilet_wrap .item.row2 {
    grid-row: auto;
  }
}
@media screen and (max-width: 480px) {
  .pre-inc .equip1 .sec06 .content01 .toilet_wrap .item.row2 .image {
    margin: 0 -30px;
  }
}
.pre-inc .equip1 .sec06 .content01 .toilet_wrap .item {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .pre-inc .equip1 .sec06 .content01 .toilet_wrap .item {
    row-gap: 15px;
  }
}
.pre-inc .equip1 .sec06 .content01 .toilet_wrap .item .image2 .image2_in {
  width: 47.26%;
}
.pre-inc .equip1 .sec06 .content01 .toilet_wrap .item .caption {
  margin-top: 5px;
}
.pre-inc .equip1 .sec06 .content01 .toilet_wrap .wf {
  width: fit-content;
}

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