@charset "utf-8";
/* CSS Docu/* ===== feature-washbasin ===== */
@media screen and (max-width:768px){
.feature-washbasin {
  width: 80%;
  padding: 6% 0 4%;margin: 0 auto;
}

.feature-washbasin__inner {
  width: 100%;
  margin: 0 auto;
width: 90%;
  max-width: 950px;padding: 25px 15px 15px 15px;
  margin: 0 auto;background: #FFFFFF;color: #000000
}

/* 上段：縦並び */
.feature-washbasin__row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* 各アイテム（写真上・テキスト下） */
.feature-washbasin__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  padding: 0;
}

/* 写真：横幅100% */
.feature-washbasin__img {
  width: 100%;
  margin: 0;
  line-height: 0;
  flex-shrink: unset;
}

.feature-washbasin__img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* テキストブロック */
.feature-washbasin__text {
  width: 100%;
  padding: 4% 5%;
  box-sizing: border-box;
}.feature-washbasin__text {
  flex: 1;
  text-align: left;
}

/* 横ドット区切り線 */
.feature-washbasin__divider {
  width: 100%;
  height: 1px;
  background-image: repeating-linear-gradient(
    to right,
    #ccc 0px,
    #ccc 4px,
    transparent 4px,
    transparent 10px
  );
  background-size: 10px 1px;
  margin: 4% 0;
  flex-shrink: 0;
  align-self: stretch;
}

/* 見出し（共通） */
.feature-washbasin__title {
  font-size: clamp(1.2rem, 4.2vw, 1.2rem);
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 3% 0;
  color: #333;
}

/* 見出し大（洗浄力約3.5倍） */
.feature-washbasin__title--large {
  font-size: clamp(1.5rem, 6.4vw, 2.0rem);
  margin-top: 1%;
  margin-bottom: 2%;
}

/* サブテキスト */
.feature-washbasin__sub {
  font-size: clamp(1.0rem, 3.2vw, 0.95rem);
  line-height: 1.5;
  color: #333;
  margin: 0 0 1% 0;
}

/* 商品名 */
.feature-washbasin__product {
  font-size: clamp(1.0rem, 3.6vw, 1.0rem);
  font-weight: bold;
  color: #333;
  margin: 0 0 2% 0;
}

/* 本文 */
.feature-washbasin__desc {
  font-size: clamp(0.8rem, 3.2vw, 0.95rem);
  line-height: 1.8;
  color: #444;
  margin: 0;
}

/* 標準装備バッジ（丸） */
.feature-washbasin__badge {
  position: absolute;
  top: 3%;
  right: 3%;
  width: clamp(54px, 14vw, 70px);
  height: clamp(54px, 14vw, 70px);
  border-radius: 50%;
  background: #949495;
  color: #fff;
  font-size: clamp(0.6rem, 2.4vw, 0.75rem);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.05em;
}

/* 下段：注釈 */
.feature-washbasin__note {
  width: 100%;
  font-size: clamp(0.625rem, 2.6vw, 0.75rem);
  color: #666;
  line-height: 1.7;
  margin-top: 4%;
  padding: 3% 5% 0;
  border-top: 1px solid #e0e0e0;
  box-sizing: border-box; text-align: left;
}
}