/*=======================================================
mv
=======================================================*/
.bl_mv {
  height: min(480 / 1280 * 100vw, 480px);
  display: grid;
  place-content: center;
}
.bl_mv_ttl {
  font-size: min(48 / 1280 * 100vw, 48px);
  letter-spacing: 0.2em;
  text-align: center;
  line-height: calc(70/48);
  margin-bottom: min(40 / 1280 * 100vw, 40px);
  font-weight: 400;
  position: relative;
  padding-top: min(75 / 1280 * 100vw, 75px);
}
.bl_mv_ttl::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bl_mv_txt {
  text-align: center;
  font-size: min(16 / 1280 * 100vw, 16px);
  line-height: calc(52/32);
}
.bl_mv.femcare .bl_mv_ttl::before {
  background: url("../images/article/ttl_femcare.svg") top center/contain no-repeat;
  width: min(610 / 1280 * 100vw, 610px);
  height: min(70 / 1280 * 100vw, 70px);
}
.bl_mv.bodycare .bl_mv_ttl::before {
  background: url("../images/article/ttl_bodycare.svg") top center/contain no-repeat;
  width: min(452 / 1280 * 100vw, 452px);
  height: min(78 / 1280 * 100vw, 78px);
}
.bl_mv.hbalance .bl_mv_ttl::before {
  background: url("../images/article/ttl_hbalance.svg") top center/contain no-repeat;
  width: min(790 / 1280 * 100vw, 790px);
  height: min(62 / 1280 * 100vw, 62px);
}

@media screen and (max-width: 750px) {
  .bl_mv {
    height: 750px;
  }
  .bl_mv_ttl {
    padding-top: 96px;
    font-size: 56px;
    margin-bottom: 64px;
  }
  .bl_mv_txt {
    font-size: 26px;
  }
  .bl_mv.femcare .bl_mv_ttl::before {
    width: 600px;
    height: 94px;
  }
  .bl_mv.bodycare .bl_mv_ttl::before {
    width: 452px;
    height: 78px;
  }
  .bl_mv.hbalance .bl_mv_ttl::before {
    width: 632px;
    height: 50px;
  }
}
/*=======================================================
breadcrumbs
=======================================================*/
.bl_breadcrumbs {
  margin-bottom: min(140 / 1280 * 100vw, 140px);
}

@media screen and (max-width: 750px) {
  .bl_breadcrumbs {
    margin-bottom: 80px;
  }
}
/*=======================================================
articles
=======================================================*/
.ly_cont_main {
  width: min(800 / 1280 * 100vw, 800px);
}

.bl_articles.archive .ly_cont_main .bl_articles_ttl {
  padding-left: min(221 / 1280 * 100vw, 221px);
  font-size: 24px;
  letter-spacing: 0.2em;
}
.bl_articles.archive .ly_cont_main .bl_articles_ttl::before {
  width: min(130 / 1280 * 100vw, 130px);
  height: min(36 / 1280 * 100vw, 36px);
  background: url("../images/common/ttl_deco_articles.svg") top center/contain no-repeat;
}
.bl_articles.archive .ly_cont_main .bl_articles_ttl_inner {
  padding-inline: 0.75em;
}

@media screen and (max-width: 750px) {
  .ly_cont_main {
    width: 100%;
  }
  .bl_articles.archive .ly_cont_main .bl_articles_ttl {
    padding-left: 36px;
    font-size: 28px;
    display: flex;
    justify-content: space-between;
  }
  .bl_articles.archive .ly_cont_main .bl_articles_ttl::before {
    position: relative;
    top: initial;
    left: initial;
    transform: none;
    width: 195px;
    height: 54px;
  }
  .bl_articles.archive .ly_cont_main .bl_articles_ttl_inner {
    display: flex;
    align-items: center;
    text-align: center;
  }
}