/* 共通部品（parts/common/parts.php のSVG）。画像と同じく入れ物の幅いっぱい */
.relife_svg{
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}
.relife_svg text{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
}
.relife_svg .b{ font-weight: 700; }
.relife_svg .t_w{ fill: #fff; }
.relife_svg .t_y{ fill: #f7e902; }
.relife_svg .t_tel{ fill: #f3e306; }
.relife_svg .t_bw{
    fill: #006bc1;
    stroke: #fff;
    stroke-width: 6;
    stroke-linejoin: round;
    paint-order: stroke;
}
.relife_svg .t_lead_b,
.relife_svg .t_lead_y{
    font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
    font-weight: 800;
    stroke-linejoin: round;
    paint-order: stroke;
}
.relife_svg .t_lead_b{ fill: #006bc1; stroke: #fff; }
.relife_svg .t_lead_y{ fill: #f7e902; stroke: #ff1c38; }
.relife_svg .t_num{
    font-family: "Roboto Condensed", sans-serif;
    font-style: italic;
    font-weight: 900;
    fill: #fff;
}
/* フッターの誘導：元の画像と同じく枠いっぱいに引き伸ばす */
#contact_footer .contact_footer__lead .cf_lead{
    width: 100%;
    height: 100%;
    background: url(cf_bg_pc.webp) center / 100% 100% no-repeat;
}
#contact_footer .contact_footer__lead .cf_lead.sp{
    background-image: url(cf_bg_sp.webp);
}
#contact_footer .contact_footer__lead .cf_lead .relife_svg{
    height: 100%;
    aspect-ratio: auto !important;
}
/* テーマが誘導の画像を object-fit: cover で出しているサイト（太宰府）：背景も文字も同じ覆い方にする。
   901px〜＝PC画像を中央で覆う / 601〜900px＝スマホ画像を左上で覆って30px上げる（テーマの object-position: 0 -30px）/ 〜600px＝スマホ画像を中央で覆う */
#contact_footer .contact_footer__lead .cf_lead.cover{
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
#contact_footer .contact_footer__lead .cf_lead.cover .relife_svg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
#contact_footer .contact_footer__lead .cf_lead.cover.sp .relife_svg:last-child{
    display: none;
}
@media screen and (max-width: 900px){
    #contact_footer .contact_footer__lead .cf_lead.cover.sp{ background-position: 0 -30px; }
    #contact_footer .contact_footer__lead .cf_lead.cover.sp .relife_svg:first-child{ transform: translateY(-30px); }
}
@media screen and (max-width: 600px){
    #contact_footer .contact_footer__lead .cf_lead.cover.sp{ background-position: center; }
    #contact_footer .contact_footer__lead .cf_lead.cover.sp .relife_svg:first-child{ display: none; }
    #contact_footer .contact_footer__lead .cf_lead.cover.sp .relife_svg:last-child{ display: block; }
}
/* 車検の流れ */
.relife_svg .t_nagare{ fill: #444; }
.relife_svg .t_nagare_title{
    font-weight: 900;
    letter-spacing: .03em;
    fill: #fff;
    stroke: #148809;
    stroke-width: 6;
    stroke-linejoin: round;
    paint-order: stroke;
}
/* お客様の声「満足」・お問い合わせ「お電話でのご予約」・料金表の車種名 */
.relife_svg .t_mz_red,
.relife_svg .t_mz_blue{
    font-family: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
    stroke: #fff;
    stroke-linejoin: round;
    paint-order: stroke;
}
.relife_svg .t_mz_red{ font-weight: 900; fill: #ff1c38; }
.relife_svg .t_mz_blue{ font-weight: 800; fill: #006ac1; }
.relife_svg .t_telres{
    font-weight: 800;
    fill: #444436;
    stroke: #fff;
    stroke-linejoin: round;
    paint-order: stroke;
}
.relife_svg .t_car{ fill: #444; font-weight: 400; }
/* 元の画像は文字の並びに置かれ下に隙間があったので、同じ置き方にする */
#contact_page .main_tel .tel_pic .relife_svg{
    display: inline-block;
    vertical-align: baseline;
}
/* ポイント番号：元の画像と同じく文字の並びに置き、テーマのCSSが画像に付けていた上の余白15pxも付ける */
.point__head figure .relife_svg{
    display: inline-block;
    vertical-align: baseline;
    box-sizing: content-box;
    padding-top: 15px;
}
/* 表紙・型2 */
.relife_svg .t_fv2_top{ font-weight: 700; fill: #fff; stroke: #006cc4; stroke-linejoin: round; paint-order: stroke; }
.relife_svg .t_fv2_red{ font-weight: 700; fill: #ff0128; stroke: #fff; stroke-linejoin: round; paint-order: stroke; }
.relife_svg .t_fv2_slogan{ font-weight: 900; fill: #006cc4; stroke: #fff; stroke-linejoin: round; paint-order: stroke; }
.relife_svg .t_fv2_total text{ stroke: #fff; stroke-linejoin: round; paint-order: stroke; }
.relife_svg .t_fv2_total .k{ font-weight: 900; }
.relife_svg .t_fv2_total .n{ font-family: "Roboto Condensed", sans-serif; font-style: italic; font-weight: 900; }
/* 料金ページ「最大割引」の横長の枠（太宰府） */
.relife_svg .t_black{ font-weight: 900; }
.relife_svg .t_saidai{ font-weight: 900; fill: #ff1c38; }
/* 表紙・型3（太宰府）の標語：青い字・赤い字とも白フチ */
.relife_svg .t_fv3_blue{ font-weight: 700; fill: #006cc3; stroke: #fff; stroke-linejoin: round; paint-order: stroke; }
.relife_svg .t_fv3_red{ font-weight: 900; fill: #ff0101; stroke: #fff; stroke-linejoin: round; paint-order: stroke; }
.relife_svg .t_thin{ font-weight: 300; }
.relife_svg .t_reg{ font-weight: 400; }
.relife_svg .t_light{ font-weight: 300; }
/* フッター誘導・型S の案内2行 */
.relife_svg .t_cf_note{ font-weight: 700; fill: #444; }
.relife_svg .t_cf_red{ font-weight: 900; fill: #ff1c38; stroke: #fff; stroke-linejoin: round; paint-order: stroke; }