@charset "UTF-8";

/* 親要素：左右に並べるコンテナ */
.parent-container { /* 実際の親要素のクラス名に合わせてください */
    display: flex;
    align-items: stretch; /* 高さを揃える */
    gap: 20px; /* 画像間の隙間（任意） */
}

.w50.item {
    width: 50%;
}

.imgBox {
    width: 100%;
    height: 100%; /* 親の高さに合わせる */
}

.imgBox img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* アスペクト比を維持して枠内に収める */
    display: block;
}

/* sanitary作成時追加 */
#sanitary .imgBox {
    height: auto;
}

#sanitary .SubTtl .imgBox img {
  margin-top: 30px;
}

.w23 {
    width: 23%;
}

.w31 {
    width: 31%;
}

.w63 {
    width: 63%;
}

@media (max-width: 768px) {
  #sanitary .flexContainer .w35, .w63, .w31 {
    width: 100%
  }

  #sanitary .flexContainer p {
    font-size: 0.9rem !important;
  }

  #sanitary .mt20 {
    margin-top: 10px !important;
  }
}