/* ============================================== */
/* SVGアイコン スタイル                           */
/* ============================================== */

/* Q・A・はてなマーク 共通 */
.question .cls-1,
.answer .cls-1,
.hatena .cls-1 {
  fill: #fff;
}
.question .cls-2,
.hatena .cls-2 {
  fill: #f7931e;
}
.answer .cls-2 {
  fill: #29abe2;
}

/* 下線 */
.title-border .cls-1 {
  fill: #f7931e;
}

/* step 共通 */
.step1 .cls-2,
.step2 .cls-2,
.step3 .cls-2,
.step4 .cls-2 {
  fill: #f8a13b;
}
.step1 .cls-3,
.step2 .cls-3,
.step3 .cls-3,
.step4 .cls-3 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 5px;
}
.step1 .cls-4,
.step2 .cls-4,
.step3 .cls-4,
.step4 .cls-4 {
  fill: #f7931e;
}

/* step1 のみ異なる .cls-1 */
.step1 .cls-1 {
  fill: #f8a13b;
}
/* step2〜4 共通の .cls-1 */
.step2 .cls-1,
.step3 .cls-1,
.step4 .cls-1 {
  fill: #603813;
}

/*
 * solution1/2/3 SVG
 * HTML上のラッパーは .intermediary-title-top / .purchase-title-top / .rental-title-top
 */
.intermediary-title-top .cls-2,
.purchase-title-top .cls-2,
.rental-title-top .cls-2 {
  fill: #fff;
}
.intermediary-title-top .cls-3,
.purchase-title-top .cls-3,
.rental-title-top .cls-3 {
  fill: #f8a13b;
}
.intermediary-title-top .cls-4,
.purchase-title-top .cls-4,
.rental-title-top .cls-4 {
  fill: #f7931e;
}

/* circle */
.circle .cls-1 {
  fill: #f8a13b;
}

/* telephone */
.telephone .cls-1 {
  fill: #fff;
}
.telephone .cls-2 {
  fill: #f7931e;
}