.l-mv::after {
  background-image: url(../img/common/bg_mv.svg);
}

.l-content h2 {
  background-color: #55a2bc;
}

.l-content h3::after {
  background-image: radial-gradient(circle at 1.5px center, #f19a91, #f19a91 1.5px, transparent 1px, transparent 100%);
}

.l-content h5 {
  color: #f19a91;
}

.l-content h4::before {
  background-color: rgba(241, 154, 145, 0.75);
}

.l-content .wp-block-table th {
  background-color: #f19a91;
}

.l-content .wp-block-table tr:nth-child(even) td {
  background-color: #f8f7f2;
}

.l-content ul li::before {
  background-color: #f19a91;
}
@media only screen and (max-width: 991px) {
  .l-content ul li {
    padding-left: 17px;
    font-size: 14px;
  }

  .l-content ul li::before {
    width: 11px;
    height: 11px;
    top: 9px;
  }
}

.l-footer {
  overflow: hidden;
}

.l-mv::before {
  background-color: #f8f7f2;
}

.l-mv .l-mv__ttl {
  color: #434343;
}

.l-mv .l-mv__ttl::before {
  /* 透明度#55a2bcの50% */
  background-color: rgb(85 162 188 / 0.5);
}

.l-mv .l-mv__ttl {
  font-weight: 400;
}

.c-ttlWrap .c-ttl::before {
  content: initial;
}

.l-access__table {
  font-weight: 400;
}

.l-access__table th {
  background-color: #55a2bc;
}

.l-access__table td {
  font-weight: 400;
  color: #f19a91;
}

.l-access__table td:first-child {
  font-weight: 400;
}

.l-access__label {
  background-color: #55a2bc;
  color: #fff;
}

.l-access__list li::before {
  background-color: #f19a91;
}

.l-access__notice {
  font-weight: 400;
}

.l-pagination .page-numbers {
  font-weight: 400;
  color: #666;
}

.l-pagination .page-numbers.next,
.l-pagination .page-numbers.prev {
  background-color: #55a2bc;
}

.l-pagination .page-numbers.current {
  font-weight: 500;
  color: #55a2bc;
}

.c-btn {
  font-weight: 400;
  background: #55a2bc;
}

.c-ttlWrap .c-ttl {
  font-weight: 400;
}

.c-btn-nav__item {
  background-color: #55a2bc;
}

.p-access {
  background-color: #f8f7f2;
}

.p-access .p-access__label {
  background-color: #55a2bc;
  color: #fff;
}

.p-access__address {
  font-weight: 400;
}

.p-access .p-access__list li {
  font-weight: 400;
}

.p-access .p-access__list li::before {
  background-color: #f19a91;
}

.l-doctor__accordion {
  margin-top: 35px;
}
@media only screen and (min-width: 992px) {
  .l-doctor__accordion {
    margin-top: 50px;
  }
}

.l-doctor__btnWrap {
  text-align: center;
}

.l-doctor__btnWrapItem {
  cursor: pointer;
}

.l-doctor__accordion.is-active .l-doctor__btnWrap {
  display: none;
}

.l-doctor .l-doctor__info {
  margin-top: initial;
}

.l-doctor__info {
  height: 0;
  padding: 0;
  overflow: hidden;
  margin: 0;
}

.l-doctor .l-doctor__wrap {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.l-doctor__accordion.is-active .l-doctor__wrap {
  opacity: 1;
}

.p-faq__term {
  background-color: #f8f7f2;
}

.p-faq__ttl {
  font-weight: 400;
}

.p-faq__ttl::after {
  background-image: radial-gradient(circle at 1.5px center, #f19a91, #f19a91 1.5px, transparent 1px, transparent 100%);
}

.p-faq__btn {
  background-color: #55a2bc;
}

.p-faq__button {
  color: #666;
}

.p-faq__button::before {
  color: #55a2bc;
}

.p-faq__desc {
  font-weight: 400;
}

.p-faq__desc::before {
  color: #55a2bc;
}

#medical-cosme .p-cosme__tab.is-active {
  background-color: #55a2bc;
}

#medical-cosme .p-cosme__tab {
  font-weight: 400;
  /* 透明度#55a2bcの60% */
  background-color: rgb(85 162 188 / 0.6);
  color: #fff;
}

#medical-cosme .p-cosme__btn {
  font-weight: 400;
  background-color: #f19a91;
}

#medical .p-medical .p-medical__ttl {
  font-weight: 400;
}

#medical .p-medical .p-medical__ttl::after {
  background-image: radial-gradient(circle at 1.5px center, #f19a91, #f19a91 1.5px, transparent 1px, transparent 100%);
}

#medical .p-medical .p-medical__ttl img {
  /* 透明度#f19a91の75% */
  background-color: rgb(241 154 145 / 75%);
  border-radius: 50%;
}

#medical .p-medical .p-medical__group.bg {
  background-color: #f8f7f2;
}

#medical-cosme-detail .p-cosme__category {
  font-weight: 400;
  background-color: #55a2bc;
  color: #fff;
}

.p-cosme__ttl {
  font-weight: 400;
}

#medical-cosme-detail .p-cosme__ttl {
  font-weight: 400;
}

#medical-cosme-detail .p-cosme__ttl::after {
  background-image: radial-gradient(circle at 1.5px center, #f19a91, #f19a91 1.5px, transparent 1px, transparent 100%);
}

#medical-cosme-detail .p-cosme__price {
  font-weight: 400;
}

.p-cosme__desc {
  font-weight: 400;
}

#medical-cosme-detail .p-cosme__product {
  background-color: #f8f7f2;
}

#medical-cosme-detail .p-cosme__table th {
  color: #55a2bc;
}

#medical-cosme-detail .p-cosme__table th::after,
#medical-cosme-detail .p-cosme__table td::after {
  background-image: initial;
}

#medical-cosme-detail .p-cosme__table tr {
  position: relative;
}

#medical-cosme-detail .p-cosme__table tr::before,
#medical-cosme-detail .p-cosme__table tr::after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: radial-gradient(circle at 1.5px center, #f19a91, #f19a91 1.5px, transparent 1px, transparent 100%);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 8px 3px;
}

#about .p-about .p-about__num {
  font-weight: 500;
  font-family: "Jost", sans-serif;
  width: 86px;
  height: 86px;
  background-image: url(../img/common/bg_point.svg);
  color: #fff;
  padding-bottom: initial;
  padding-top: 5px;
}

#about .p-about .p-about__num span {
  font-weight: inherit;
  color: inherit;
}

#about .p-about .p-about__ttl {
  font-weight: 400;
  color: #55a2bc;
}

#about .p-about .p-about__desc {
  font-weight: 400;
}

.p-about__imgWrap img {
  border-radius: 30px;
}
@media only screen and (min-width: 992px) {
  .p-about__imgWrap img {
    border-radius: 36px;
  }
}

#about .p-about .p-about__list li:not(:last-child)::after {
  background-image: radial-gradient(circle at 1.5px center, #f19a91, #f19a91 1.5px, transparent 1px, transparent 100%);
}

#about .l-doctor {
  background-color: #f8f7f2;
}

#about .l-doctor::before {
  content: initial;
}

.l-doctor__imgWrap img {
  border-radius: 18px;
}
@media only screen and (min-width: 992px) {
  .l-doctor__imgWrap img {
    border-radius: 35px;
  }
}

.l-doctor .l-doctor__name {
  font-weight: 400;
}

.l-doctor .l-doctor__txt {
  font-weight: 400;
}

.l-doctor .l-doctor__label,
.l-doctor__list {
  font-weight: 400;
}

#about .p-gallery.bg {
  background-color: #f8f7f2;
}

#news .p-news__ttl {
  color: #666;
}

#news .p-news__date {
  color: #55a2bc;
}

#news .p-news__link::before {
  background-color: #55a2bc;
}

#news .p-news__item::after {
  background-image: radial-gradient(circle at 1.5px center, #f19a91, #f19a91 1.5px, transparent 1px, transparent 100%);
}

#news .p-news__link:hover {
  background-color: rgba(85 162 188 / 0.08);
}

#news-single .p-news__date {
  color: #55a2bc;
}

#privacy .p-privacy__txt,
#privacy .p-privacy__list li {
  font-weight: 400;
}

/* トップページ：名称変更ポップアップ */
.p-top-popup {
  display: flex;
  position: fixed;
  inset: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  /* padding: 20px; */
  visibility: hidden;
  pointer-events: none;
}

.p-top-popup[hidden] {
  display: none;
}

.p-top-popup.is-active {
  visibility: visible;
  pointer-events: auto;
}

.p-top-popup__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background-color: rgba(114, 113, 113, 0.53);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.p-top-popup.is-visible .p-top-popup__overlay {
  opacity: 1;
}

.p-top-popup__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 375px;
  padding: 0 15px;
  opacity: 0;
  transform: translateY(12px);
  transition:
    opacity 0.5s ease 0.15s,
    transform 0.5s ease 0.15s;
}

.p-top-popup.is-visible .p-top-popup__content {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 576px) {
  .p-top-popup__content {
    max-width: 480px;
    padding-left: 0;
  }
}

@media screen and (min-width: 992px) {
  .p-top-popup__content {
    max-width: 580px;
  }
}

.p-top-popup__img {
  display: block;
  width: 100%;
  height: auto;
}

.p-top-popup__close {
  position: absolute;
  top: 1.5%;
  right: 5%;
  z-index: 2;
  width: 8%;
  min-width: 44px;
  max-width: 56px;
  aspect-ratio: 1;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .p-top-popup__close {
    top: 2%;
    right: 4.5%;
  }
}

body.is-popup-open {
  overflow: hidden;
}
