@charset "utf-8";

/* ----------------------------------
水回り
---------------------------------- */
.takara {
  width: 90%;
  max-width: 400px;
  position: absolute;
  top: -45px;
  left: 0;
}

/* キッチン */
.kitchen_main {
  position: relative;
}

.delicia_conro {
  margin-top: 40px;
}

.k_flex {
  justify-content: space-between;
}

.k_flex .left {
  width: 48%;
}

.k_flex .right {
  width: 48%;
}

.delicia img {
  width: 250px;
  max-width: 90%;
}

.utlity img {
  width: 300px;
  max-width: 90%;
}

.function .middlettl {
  margin-bottom: 20px;
}

.high_quality {
  margin-top: 20px;
}

.pre_flex {
  justify-content: space-between;
  margin-top: 20px;
  background: #3e3a39;
}

.pre_flex .image {
  width: 66%;
}

.pre_flex .subitem {
  width: 34%;
  padding: 30px 30px;
}

.pre_flex .subitem figure {
  margin-bottom: 10px;
}

.pre_flex p {
  color: #fff;
}


/* バスルーム */
.bath_main {
  position: relative;
}

.bath_main ul {
  justify-content: space-between;
}

.bath_main .left {
  width: 48%;
}


.bath_main .right {
  width: 48%;
}

.bath_main .right figure {
  margin: 20px 0 10px 0;
}

.rinai_flex {
  justify-content: space-between;
  margin-top: 40px;
}

.rinai_flex .text {
  width: 46%;
}

.rinai_flex .image {
  width: 50%;
}

/* 洗面室 */
.dress_main {
  position: relative;
}

.dress_main ul {
  justify-content: space-between;
}

.dress_main ul li.left {
  width: 60%;
}

.dress_main ul li.right {
  width: 36%;
}

/* トイレ */
.toto {
  width: 90%;
  max-width: 200px;
  position: absolute;
  top: -45px;
  left: 0;
}

.toilet_main ul {
  justify-content: space-between;
}

.toilet_main ul li.left {
  width: 60%;
  position: relative;
}

.toilet_main ul li.right {
  width: 36%;
}

.toile_sub {
  justify-content: space-between;
  margin-top: 20px;
}

.toile_sub .left {
  width: 36%;
}

.toile_sub .left .grade_ttl {
  margin-bottom: 10px;
}

.toile_sub .right {
  justify-content: space-between;
  width: 60%;
}

.toile_sub .right div {
  width: 44%;
}

.toile_sub .right figure {
  width: 50%;
}

.toile_sub .right .subttl {
  margin-top: 0;
}

/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1180px) {}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 820px) {
  .takara {
    max-width: 200px;
    top: -30px;
  }

  /* キッチン */
  .delicia_conro {
    margin-top: 20px;
  }

  .k_flex .left {
    width: 100%;
  }

  .k_flex .right {
    width: 100%;
    margin-top: 20px;
  }

  .delicia img {
    max-width: 150px;
  }

  .utlity img {
    max-width: 220px;
  }

  .pre_flex .image {
    width: 100%;
  }

  .pre_flex .subitem {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px 10px 10px 10px;
  }

  .pre_flex .subitem figure {
    width: 48%;
  }

  .pre_flex .subitem p {
    width: 48%;
  }


  /* バスルーム */
  .bath_main .left {
    width: 100%;
    margin-bottom: 20px;
  }

  .bath_main .right {
    width: 100%;
  }

  .rinai_flex {
    margin-top: 10px;
  }

  .rinai_flex .text {
    width: 100%;
  }

  .rinai_flex .image {
    width: 100%;
    margin-top: 10px;
  }

  /* 洗面室 */
  .dress_main ul li.left {
    width: 100%;
  }

  .dress_main ul li.right {
    width: 100%;
    margin-top: 40px;
  }

  .toto {
    max-width: 130px;
    top: -30px;
  }

  .toilet_main ul li.left {
    width: 100%;
  }

  .toilet_main ul li.right {
    width: 100%;
    margin-top: 40px;
  }

  .toile_sub {
    margin-top: 0;
  }

  .toile_sub .left {
    width: 100%;
  }

  .toile_sub .right {
    width: 100%;
    margin-top: 20px;
  }

  .toile_sub .right div {
    width: 100%;
  }

  .toile_sub .right figure {
    width: 100%;
    margin-top: 10px;
  }
}