/* 基本色変数 --mc10--mc90等末尾10単位で透明度(濃さ)を調整　--title1はページタイトル背景画像に色を混ぜる*/
/* メイン画像(トリム無し)を使用の場合はタブレット以下の画像を用意し「表示」選択で切り替えてください
<budoux-ja>タグ：文節自動改行(単語の途中で改行されない)
・汎用クラス解説
budoux：<budoux-ja>タグで囲む
txmc,txsc等：文字色を↑基本色に変更(半強制)
img1-1など：画像比率を強制。img3-2等
COVER：img~の画像比率に合わせてトリミング
img30などimg20~60：it01 ti01で画像サイズを強制。
AIS AIC AIE :順に上揃え、中央揃え、下揃え、無しはAISに類似
その他余白
mt20:20px   mt1e:一文字分   mt1p:1% */
:root {
  --title1: var(--wh70);
  --linkC: var(--sc);

  --mc: #7ad9da;/* 水色 */
  --sc: #7ac0da;/* 青*/
  --bc:#dff9f6;/* 薄水色*/
  --ac:#339989;/*緑*/
  --tx: #333333;/* テキスト*/
  --gr: #666;/* グレー */
  --bk: #1b1b1b;/* 黒 */
  --wh: #fff;/* 白 */
  --gn: #51ce6b;
}

/*ページタイトル背景画像 　blend-mode>淡色lighten濃色multiply */
.title1 {
  background-blend-mode: color;
  /* background-image: url(/images/home/title1.png); */
  /* background-size: auto 70%; */
  /* background-position: 90%; */
  /* background-image: url(/images/home/title1.jpg); */
}

.wd800 {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.wd800 table {
  overflow-x: scroll;
  min-width: 520px;
}

/*　追記  */
.fb_flow .box:is(#contents div) article div > :is(p, h3) i {
  font-size: var(--f40);
}

.fb_flow {
  max-width: 800px;
  margin: 0 auto;
}

.fb_flow .box:is(#contents div) {
  padding: 30px;
}

.fb_flow .box span.step_hx {
  font-size: var(--f18);
  font-weight: 700;
  padding: 10px 15px;
}

.step_guide {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  padding: 10px;
}

.step_guide h4 {
  border-bottom: 3px solid var(--mc);
  padding-bottom: 4px;
  margin-bottom: 15px;
}

.step_mg {
  padding: 20px 0;
}

.step_inner {
  min-width: 240px;
}

.futan_wrap {
  overflow-x: scroll;
}
.futan_inner {
  display: flex;
  gap: 20px;
  min-width: 640px;
}

.futan_inner h3 {
  display: block;
  text-align: center;
  padding: 10px;
  background: var(--bc);
  border: 1px solid #CCC;
  border-bottom: 0;
}

.futan_inner .box {
  flex: 1;
}

.futan_inner .box dl {
  display: flex;
  flex-direction: row;
  border: 1px solid #CCC;
  border-bottom: 0;
}

.futan_inner .box dl:last-child {
  border-bottom: 1px solid #CCC;
}

.futan_inner .box dl dt {
  background: var(--bc);
  padding: 10px;
  border-right: 1px solid #CCC;
}

.futan_inner .box dl dd {
  padding: 10px;
}

.care_img img {
  max-width: 260px;
}