@charset "UTF-8";
.homecare {
  /* h1タイトル前のアイコン設置 */
  /* レスポンシブ対応 */
}
.homecare .heroMainTtl.-small {
  position: relative;
  display: flex;
  align-items: center;
}
.homecare .heroMainTtl.-small::before {
  content: "";
  display: inline-block;
  width: 10rem; /* アイコンの幅を調整 */
  height: 10rem; /* アイコンの高さを調整 */
  background-image: url("../img/homecare/icon_homecare.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px; /* アイコンとテキストの間隔 */
  flex-shrink: 0;
  filter: multiply(0.5);
}
@media (max-width: 768px) {
  .homecare .heroMainTtl.-small::before {
    width: 28px; /* モバイル表示時は少し小さく */
    height: 28px;
    margin-right: 8px;
  }
}
@media (max-width: 480px) {
  .homecare .heroMainTtl.-small::before {
    width: 24px; /* さらに小さな画面ではより小さく */
    height: 24px;
    margin-right: 6px;
  }
}
.homecare .heroImg img {
  -o-object-position: top;
     object-position: top;
  scale: 1.1;
}
.homecare .homecare_section {
  line-height: 1.6;
}
.homecare .greetingsBodyTtl {
  margin-top: 0px;
  padding-bottom: 2rem;
}
.homecare .greetingsTtl {
  color: #6eccaf;
}
.homecare .intro {
  padding-bottom: 8rem;
}
.homecare .featureBodyImg {
  background-color: transparent;
}
.homecare .featureBodyImg img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}
.homecare .featureBodyInline {
  color: #6eccaf;
}
.homecare .overviewBodyImg {
  width: 40%;
}
@media (max-width: 768px) {
  .homecare .overviewBodyImg {
    width: 100%;
  }
}
.homecare .overviewBody {
  padding-top: 5rem;
}
@media (max-width: 768px) {
  .homecare .overviewBody {
    padding-top: 2rem;
    margin-top: 0px;
  }
}
.homecare .feature {
  margin-top: 10rem;
}
.homecare .feature::before {
  content: "";
  display: block;
  width: 100vw;
  height: calc(100% + clamp(210px, 15.625vw, 300px));
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.homecare .difference_wrapper .difference_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 3rem;
}
.homecare .difference_wrapper .difference_ul .difference_li {
  flex: 0 1 calc(45% - 10px);
  background-color: white;
  border-radius: 20px;
  padding: 5%;
}
@media (max-width: 768px) {
  .homecare .difference_wrapper .difference_ul .difference_li {
    flex: 0 1 calc(100% - 10px);
    padding-top: 5rem;
  }
}
.homecare .difference_wrapper .difference_ul .difference_li .difference_img {
  text-align: center;
}
.homecare .difference_wrapper .difference_ul .difference_li .difference_img p {
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  font-weight: 500;
  line-height: 1.6667;
  letter-spacing: 0.1em;
}
.homecare .difference_wrapper .difference_ul .difference_li .greetingsBodyTxt {
  padding-top: 2rem;
  text-align: start;
  width: min(400px, 100%);
  margin: 0 auto;
}
.homecare .difference_wrapper .difference_bottom {
  position: relative;
  margin: 5rem auto 0;
  text-align: center;
  background-color: white;
  border-radius: 20px;
  padding: 5%;
  width: min(400px, 100%);
}
@media (max-width: 768px) {
  .homecare .difference_wrapper .difference_bottom {
    width: 100%;
  }
}
.homecare .difference_wrapper .difference_bottom::before, .homecare .difference_wrapper .difference_bottom::after {
  content: "";
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
  width: 50%;
  height: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
@media (max-width: 768px) {
  .homecare .difference_wrapper .difference_bottom::before, .homecare .difference_wrapper .difference_bottom::after {
    display: none;
  }
}
.homecare .difference_wrapper .difference_bottom::before {
  left: -45%;
  background-image: url("../img/homecare/illust_leftArrow.svg");
}
.homecare .difference_wrapper .difference_bottom::after {
  right: -45%;
  background-image: url("../img/homecare/illust_rightArrow.svg");
}
.homecare .difference_wrapper .difference_bottom .featureBodyInline {
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  font-weight: 500;
  line-height: 1.6667;
  letter-spacing: 0.1em;
}
.homecare .difference_wrapper .difference_bottom .greetingsBodyTxt {
  max-width: min(390px, 100%);
  text-align: start;
  margin: 0 auto;
  padding-top: 2rem;
}
.homecare .homecare-details .extraBlock {
  background-color: #f6fbfb;
}
.homecare .homecare-details .extraTtl {
  color: #6eccaf;
}
.homecare .homecare-details .extraBlockItem p::before {
  content: "•"; /* discの代わりにUnicode文字を使用 */
  color: black; /* 必要に応じて色を変更 */
  font-size: 1em; /* 必要に応じてサイズを調整 */
  margin-right: 0.5em; /* テキストとの間隔を調整 */
}
.homecare .homecare-details-padding {
  padding-top: 8rem;
}
@media (max-width: 767px) {
  .homecare .homecare-details-padding .homecare-img-medicine {
    margin: 0 auto;
  }
}
.homecare .homecare-details-bg {
  background-color: white !important;
  margin-top: 0px !important;
}
.homecare .homecare-details-bg .overviewBodyTxt {
  padding-top: 2rem;
}
.homecare .homecare-details-others .extraBlockTtl {
  padding-bottom: 2rem;
}
.homecare .homeservice_area .moreTtl {
  color: #6eccaf;
  padding-bottom: 3rem;
}
.homecare .homeservice_area .moreInner {
  border-radius: 20px;
  background-color: white;
  padding: 5%;
}
.homecare .homeservice_area .moreInner .moreBody {
  margin-top: 0px;
}
@media (max-width: 767px) {
  .homecare .homecare-flow {
    margin-top: 0px !important;
  }
}
.homecare .homecare-flow h2 {
  color: #6eccaf;
}
.homecare .homecare-flow .flow_items {
  display: flex;
  position: relative;
  padding-top: 5rem;
  gap: 2rem;
}
@media (max-width: 600px) {
  .homecare .homecare-flow .flow_items {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .homecare .homecare-flow .flow_items .homecare-flow-sp-bg {
    background-color: #f6fbfb !important;
    border-radius: 80px 20px 20px 20px;
    padding: 8%;
    /* ← 左上, 右上, 右下, 左下 の順 */
  }
}
.homecare .homecare-flow .flow_items .flow_items_number {
  font-size: 4.5rem;
  color: #6eccaf;
  position: absolute;
  top: 15px;
  left: 15px;
}
.homecare .homecare-flow .flow_items .flow_items_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  background-color: #f6fbfb;
  border-radius: 50%;
}
@media (max-width: 600px) {
  .homecare .homecare-flow .flow_items .flow_items_img {
    background-color: transparent;
    position: absolute;
    top: -20px;
    right: 0;
  }
}
.homecare .homecare-flow .flow_items .flow_items_img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (max-width: 767px) {
  .homecare .featureBodyImg {
    height: auto !important;
  }
}/*# sourceMappingURL=homecare.css.map */