/* 帝王切開ナビのカスタム **********/
/* 画像サイズ（） */
/* .container-image.-sizeFix550 > .image img {
  width: 550px;
} */

/* 各UIに一括で製品カラーを割り当てたい場合 *****/
:root {
  --ui-parts-color-main-light: #FFECEC;
  --ui-parts-color-main-dark: #FF4646;
}

/* 各UI毎に製品カラーを細かく割り当てたい場合以下を有効にして任意のカラーコードを指定してください *****/
/* 製品同意認証 */
/* .container-agreement > .agreement {
    border-color: #FF4646;
} */

/* ページタイトル（h1） */
.heading-pageTitle > .title {
  border-left-color: #FF4646;
}

/* 大見出し（h2） */
.heading-lv2 > .title {
  background:
    repeating-linear-gradient(90deg, #FF4646, #FF4646 5px, transparent 5px, transparent 8px) 0 0 / 100% 1px repeat-x,
    repeating-linear-gradient(90deg, #FF4646, #FF4646 5px, transparent -195px, transparent 8px) 0 100% / 100% 1px repeat-x;
}
.heading-lv2 > .title::before {
  border-left-color: #FF4646;
}

/* 中見出し（h3） */
.heading-lv3 {
  border-bottom-color: #FF4646;
}

/* 中見出し（h4） */
.heading-lv4 {
  background-color: #FFECEC;
}

/* 小見出し（h5） */
.heading-lv5 {
  border-left-color: #FF4646;
}
.heading-lv5 > .title {
  border-left-color: #FFECEC;
}

/* 罫線UI */
.container-frame.-blue {
  border-color: #FF4646;
}

/* 資材ダウンロードUI */
.container-materialDownload + .container-materialDownload {
  background: repeating-linear-gradient(90deg, #FF4646, #FF4646 4px, transparent 4px, transparent 8px) 0 0 / 100% 1px repeat-x;
}