@charset "UTF-8";
/* ============================
産業医の業務委託サービス
============================ */
.oh-service {
  padding-block: clamp(var(--space-5), 5.5555555556vw, var(--space-10));
}

.oh-service .card-wrapper {
  padding-top: 0;
}

/* -----標準業務8項目 ----- */
.service-list {
  background: #fff;
  padding: clamp(var(--space-3), 2.7777777778vw, var(--space-5))
    clamp(var(--space-2), 2.2222222222vw, var(--space-4));
  box-shadow: var(--shadow-card-normal);
  border-radius: var(--radius-lg);
  will-change: opacity, transform;
}

.service-list__item {
  display: flex;
  flex-direction: row;
  gap: clamp(var(--space-1), 1.6666666667vw, var(--space-3));
  padding-block: var(--space-2);
}

.service-list__item:not(:first-child) {
  border-top: 1px solid var(--c-border-light);
}

.service-list__title {
  display: flex;
  flex-direction: row;
  gap: var(--space-2);
  align-items: center;
  flex: 0 0 324px;
}

.service-list__title > h3 {
  font-size: clamp(0.875rem, 1.1111111111vw, 1rem);
  font-weight: 700;
}

.service-list__items > li {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1em;
  padding-left: 1em;
  font-size: clamp(0.8125rem, 0.9722222222vw, 0.875rem);
}

.service-list__items > li:not(:last-child) {
  margin-bottom: 0.5em;
}

.service-list__items.list-style-none li {
  list-style: none;
}

@media (width <= 764px) {
  .service-list__item {
    flex-direction: column;
  }
  .service-list__item.list__none {
    gap: 0;
  }
  .service-list__title {
    flex: 0 0 auto;
  }
  .list-style-none li {
    display: none;
  }
}

/* ----- プラスアイコンエリア ----- */
.plus {
  padding-block: clamp(var(--space-5), 5.5555555556vw, var(--space-10));
}

.icon-plus {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--c-primary);
  margin-inline: auto;
  display: grid;
  place-content: center;
}

@media (width <= 640px) {
  .icon-plus {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }
  .icon-plus svg {
    width: 24px;
    height: 24px;
  }
}

/* ----- 価格表 ----- */
.pice-list {
  background-color: var(--c-bg-blue);
  padding-block: clamp(var(--space-5), 5.5555555556vw, var(--space-10));
}

.price-list__lead {
  text-align: center;
  font-size: clamp(0.875rem, 1.1111111111vw, 1rem);
}

.price-list__lead strong {
  color: var(--c-primary);
  font-weight: 700;
}

.price-lis-table-wrapper {
  margin-block: clamp(var(--space-4), 2.7777777778vw, var(--space-5))
    clamp(var(--space-2), 1.6666666667vw, var(--space-3));
}

.price-lists {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(var(--space-2), 1.6666666667vw, var(--space-3));
}

@media (width <= 640px) {
  .price-lists {
    grid-template-columns: 1fr;
  }
}

.price-list {
  background: #fff;
  border: 1px solid var(--c-primary);
  border-radius: var(--radius-x3);
  box-shadow: var(--shadow-card-normal);
  padding: var(--space-2) var(--space-3) var(--space-3);
  text-align: center;
  font-kerning: normal;
  font-feature-settings:
    "palt" 1,
    "pkna" 1;
  font-size: clamp(0.875rem, 1.1111111111vw, 1rem);
}

.price-list .time {
  font-size: clamp(1rem, 1.5972222222vw, 1.4375rem);
  display: block;
}

.price-list .price-num {
  font-size: clamp(1.2rem, 1.9166666667vw, 1.725rem);
  font-weight: 700;
}

.price-list .price-yen {
  font-size: clamp(0.875rem, 1.1111111111vw, 1rem);
  font-weight: 700;
}

.price-list-attentions {
  font-kerning: normal;
  display: grid;
  align-content: center;
  color: var(--c-text-light);
  margin: 0 auto;
  max-width: 60em;
  font-feature-settings:
    "palt" 1,
    "pkna" 1;
  font-size: clamp(0.75rem, 0.9236111111vw, 0.83125rem);
}

.price-list-attentions li {
  padding-left: 1em;
  text-indent: -1em;
}