@charset "UTF-8";
/*==============================
健診のご案内 */
/*=====================
/*基本検査項目*/
.inspection_item_wrap {
  background: rgba(var(--bg_color01), 1);
  padding-block: clamp(24px, 2.9282576867vw, 40px);
  padding-inline: clamp(16px, 2.9282576867vw, 40px);
  margin-block: 32px;
}

/*=====================
/*検査の流れ*/
/*btn*/
.flow_btn > a {
  inline-size: 100%;
}
@media (width >= 768px) {
  .flow_btn > a {
    inline-size: min(100%, 560px);
  }
}
.flow_btn + .cts_p {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
}

/*=====================
/*flow*/
.health_flow {
  counter-reset: flow_number 0;
}
.health_flow > li {
  position: relative;
}
.health_flow > li > .health_flow_ti::before {
  counter-increment: flow_number 1;
  content: "0" counter(flow_number) ".";
  font-family: "Cinzel", serif;
  font-weight: 500;
  -webkit-margin-end: 0.6em;
          margin-inline-end: 0.6em;
  color: rgba(var(--light_tx_color), 0.6);
}
.health_flow > li:not(:last-of-type)::after {
  content: "";
  display: inline-block;
  inline-size: 0;
  block-size: 0;
  border-style: solid;
  border-width: 16px 14px 0 14px;
  border-color: rgba(var(--bg_color02), 1) transparent transparent transparent;
  position: absolute;
  inset: auto auto -28px 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.health_flow .cts_p + .note_list {
  -webkit-margin-before: 16px;
          margin-block-start: 16px;
}

.health_flow_item {
  border: 2px solid rgba(var(--subcolor01), 1);
}
.health_flow_item + .health_flow_item {
  -webkit-margin-before: 32px;
          margin-block-start: 32px;
}

.health_flow_ti {
  background: rgba(var(--subcolor01), 1);
  color: rgba(var(--light_tx_color), 1);
  font-size: clamp(1.6rem, 1.317715959vw, 1.8rem);
  padding: 0.5em 0.8em;
  text-align: start;
}

.health_flow_box {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.756954612vw, 24px);
  padding: clamp(16px, 1.756954612vw, 24px);
}
@media (width >= 768px) {
  .health_flow_box {
    flex-direction: row;
  }
}

.health_flow_img {
  inline-size: 142px;
  block-size: 142px;
}
.health_flow_img img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*=====================
タブ切り替え　健診大枠用 */
.health_intro {
  -webkit-border-after: 2px solid rgba(var(--maincolor), 1);
          border-block-end: 2px solid rgba(var(--maincolor), 1);
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

/*outer_tab_area*/
.outer_tab_ctr {
  -webkit-margin-before: 56px;
          margin-block-start: 56px;
  display: flex;
  flex-wrap: wrap;
  gap: 1px 2px;
}
.outer_tab_ctr .outer_tab_switch {
  flex: 1;
  min-inline-size: 170px;
  line-height: 1.2;
  cursor: pointer;
  background: rgba(var(--maincolor), 1);
  color: rgba(var(--light_tx_color), 1);
  border: 2px solid rgba(var(--maincolor), 1);
  -webkit-border-after: none;
          border-block-end: none;
  padding: 18px 0.5em;
  position: relative;
  transition: 0.3s;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.outer_tab_ctr .outer_tab_switch::before {
  content: "";
  display: inline-block;
  position: absolute;
  inset: 0 auto auto 0;
  display: inline-block;
  inline-size: 0;
  block-size: 0;
  border-style: solid;
  border-width: clamp(16px, 3.125vw, 24px) clamp(16px, 3.125vw, 24px) 0 0;
  border-color: rgba(var(--bg_white), 1) transparent transparent transparent;
}
.outer_tab_ctr .outer_tab_switch:hover {
  background: rgba(var(--maincolor), 0.8);
}
.outer_tab_ctr .outer_tab_switch.active {
  pointer-events: none;
  background: rgba(var(--bg_white), 1);
  color: rgba(var(--maincolor), 1);
}
.outer_tab_ctr .outer_tab_switch.active::before {
  border-color: rgba(var(--maincolor), 1) transparent transparent transparent;
}
@media (width >= 768px) {
  .outer_tab_ctr .outer_tab_switch {
    min-inline-size: 238px;
    padding: 24px 0.5em;
  }
}

.outer_tab_cts {
  display: none;
}
.outer_tab_cts.show {
  display: block;
}

/*=====================
/*inner tab(※ふたつ推奨　最大3つ）*/
.inner_tab_area .inner_tab_ctr {
  display: flex;
  gap: 8px;
}
.inner_tab_area .inner_tab_ctr .tab_switch {
  background: rgba(var(--subcolor01), 1);
  color: rgba(var(--light_tx_color), 1);
  font-size: clamp(1.6rem, 1.317715959vw, 1.8rem);
  flex: 1;
  line-height: 1.2;
  padding: 0.6em;
  border: 1px solid rgba(var(--subcolor01), 1);
  -webkit-border-after: none;
          border-block-end: none;
  cursor: pointer;
  position: relative;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.inner_tab_area .inner_tab_ctr .tab_switch::before {
  content: "";
  display: inline-block;
  position: absolute;
  inset: 0 auto auto 0;
  display: inline-block;
  inline-size: 0;
  block-size: 0;
  border-style: solid;
  border-width: clamp(16px, 3.125vw, 24px) clamp(16px, 3.125vw, 24px) 0 0;
  border-color: rgba(var(--bg_color01), 1) transparent transparent transparent;
}
.inner_tab_area .inner_tab_ctr .tab_switch:hover {
  opacity: 0.8;
}
@media (width >= 768px) {
  .inner_tab_area .inner_tab_ctr .tab_switch {
    padding: 24px 0.5em;
  }
}
.inner_tab_area .inner_tab_ctr .tab_switch.active {
  background: rgba(var(--bg_white), 1);
  color: rgba(var(--subcolor01), 1);
  pointer-events: none;
}
.inner_tab_area .inner_tab_ctr .tab_switch.active::before {
  border-color: rgba(var(--subcolor01), 1) transparent transparent transparent;
}
.inner_tab_area .inner_tab_cts {
  background: rgba(var(--bg_white), 1);
  padding: clamp(16px, 2.3426061493vw, 32px);
  border: 1px solid rgba(var(--subcolor01), 1);
}
.inner_tab_area .js-scrollable {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}