@charset "UTF-8";

#sanitary .page-head {
  background: url(../assets/images/sanitary/main_visual.jpg) no-repeat left 21%;
}
#sanitary .short-cont-area {
  margin-top: 55px;
}
.dryer__main-unit {
  grid-template-columns: 1.76fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas:
    "kanta1 kanta2"
    "kanta1 kanta3";
  width: 100%;
  height: auto;
  aspect-ratio: 47 / 27;
}
.kantaimg-out {
  grid-area: kanta1;
}
.kantaimg-led {
  grid-area: kanta2;
}
.kantaimg-design {
  grid-area: kanta3;
}
.main-unit__item {
  position: relative;
}
.main-unit__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-unit__caption {
  position: absolute;
  left: 1.6em;
  bottom: 1.2em;
  font-size: 1.2rem;
  color: #fff;
}
#sanitary .product-title {
  border-color: #65b099;
}
#sanitary .short-wrap {
  aspect-ratio: 188 / 63;
}
.dryer-image {
  width: 31.9148936%;
}
.dryer-image-kanta, .dryer-image-kanta img {
  width: 100%!important;
  height: 100%;  
}
.dryer-image-kanta img {
  object-fit: cover;
}
.dryer-kanta .product__link {
  margin-top: 45px;
}
.dryer__link {
  padding: 30px;
  width: 100%;
  background: #fff;
  border: solid 1px var(--sanitary-color);
  border-radius: 10px;
}
.dryer__link__head {
  margin-bottom: 22px;
  text-align: center;
  line-height: 1.4;
  --max-size: 22;
  --min-size: 15;
  font-size: var(--clamp-size);
  font-weight: 700;
  color: var(--sanitary-color);
}
.dryer__link__head .head-wrap {
  position: relative;
  display: inline-block;
  padding: 0 2em;
}
.dryer__link__head .head-wrap {
  position: relative;
  display: inline-block;
}
.dryer__link__head .head-wrap::before, .dryer__link__head .head-wrap::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 2px;
  background: var(--sanitary-color);
  transform: rotate(70deg);
}
.dryer__link__head .head-wrap::before {
  left: 0;
}
.dryer__link__head .head-wrap::after {
  right: 0;
  transform: rotate(-70deg);
}
.dryer__link__body a img {
	width: 100%;
}
#sanitary .sanitary-article {
  margin-bottom: 0;
}
#sanitary .sanitary-article + div {
  margin-top: 90px;
}
.sanitary-article .product-imgbox {
  width: 34.1666666%;
}
.sanitary-article .product__outline {
  width: 60%;
}
.sanitary-article .product__link {
  margin-top: 35px;
  text-align: left;
}

/*-------------------------------------------------
 * mediaqueriess
-------------------------------------------------*/
@media screen and (max-width: 1279px) {
  #sanitary .page-head {
    background-position-x: 25%;
  }
  @media screen and (max-width: 1023px) {
    #sanitary .short-cont-area {
      margin-top: var(--product-image-margin-mid);
    }
  }
  .dryer__image {
    margin-bottom: 55px;
  }
  .dryer__main-unit {
    grid-template-areas:
      "kanta1 kanta2"
      "kanta1 kanta3";
  }
  .dryer-kanta .product__article {
    margin: 0 0 72px;
  }
  #sanitary .short-wrap {
    aspect-ratio: auto;
  }
  .sanitary-article .product__link .circle-link-btn {
    width: 100%;
  }
  .sanitary-article .product__link .c-btn-txt {
    width: calc(100% - 70px);
  }
  .sanitary-article .product-imgbox {
    width: 40.1666666%;
  }
  .sanitary-article .product__outline {
    width: 54%;
  }
  #sanitary .sanitary-article + div {
    margin-top: 75px;
  }
  @media screen and (max-width: 1023px) {
    #sanitary .short-cont-area {
      margin-top: var(--product-image-margin-mid);
    }
    .sanitary-article .product-imgbox, .sanitary-article .product__outline {
      width: 100%;
    }
    #sanitary .sanitary-article {
      margin-top: var(--product-image-margin-mid);
    }
    .sanitary-article .product-imgbox .square-image {
      width: 58%;
    }
    .dryer__main-unit {
      aspect-ratio: 47 / 32;
    }
    .dryer-image {
      width: 43%;
    }
    .dryer-kanta .product__link {
      margin-top: 35px;
    }
    .dryer-kanta .product__link .circle-link-btn {
      width: 100%;
    }
    .dryer-kanta .large-btn .c-btn-txt {
      width: calc(100% - 70px);
    }
    .dryer__link {
      padding: 2.35vw 1.95vw 1.95vw;
    }
    .dryer__link__head {
      margin-bottom: 2vw;
    }
  }
}
@media screen and (max-width: 743px) {
  #sanitary .page-head {
    background-position-x: 40%;
  }
  #sanitary .short-cont-area, #sanitary .sanitary-article {
    margin-top: var(--product-image-margin-sp);
  }
  .dryer__image {
    margin-bottom: 32px;
  }
  .dryer__main-unit {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 100vw 48vw;
    grid-template-areas:
      "kanta1 kanta1"
      "kanta2 kanta3";
    aspect-ratio: auto;
  }
  .main-unit__caption {
    left: 1.2em;
    bottom: 1em;
    font-size: 1.1rem;
  }
  .dryer-image {
    width: 60%;
  }
  .short-wrap .product-summary {
    width: 100%;
  }
  .dryer-kanta .product__article {
    margin-bottom: 48px;
  }
  .dryer-kanta .product__link, .sanitary-article .product__link {
    margin-top: 25px;
  }
  .sanitary-article .product-imgbox .square-image {
    width: 80%;
  }
  .dryer__link {
    border-radius: 7px;
  }
  .dryer__link__head .head-wrap {
    padding: 0 6vw;
  }
  .dryer__link__head .head-wrap::before, .dryer__link__head .head-wrap::after {
    width: 22px;
  }
  #sanitary .sanitary-article + div {
    margin-top: 48px;
  }
  @media screen and (max-width: 499px) {
    .dryer__link__head .head-wrap::before {
      left: 4vw;
    }
    .dryer__link__head .head-wrap::after {
      right: 4vw;
    }
  }
}