/*
Theme Name: ビジペイ
Theme URI: https://bizipay.jp/
Author: 北海コンサルティング株式会社
Description: 請求書資金化サービス「ビジペイ」のコーポレートサイト用テーマ。トップページ、お知らせ（投稿）一覧、記事ページ、固定ページに対応しています。外観 → カスタマイズ →「ビジペイ設定」で電話番号・リンク先・会社情報・受付案内の表示を変更できます。
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bizipay
*/

/* ===== デザインの基本（トップページのデザインから書き出し） ===== */
body{margin:0;background:#FFFFFF}
h1,h2,h3,p,li,dt,dd,td,th,span,a{word-break:auto-phrase;line-break:strict}
.nw{white-space:nowrap}
.guide{display:flex;align-items:flex-end;gap:14px;max-width:760px}
.guide .ava{display:block;width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #FFEA47;background:#FFFFFF;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.guide .who{display:block;margin-top:4px;font-size:11px;font-weight:700;color:#00799E;letter-spacing:.06em;white-space:nowrap}
.guide.on-dark .who{color:#FFEA47}
.say{margin:0;flex:1 1 auto;min-width:0;background:#FFFFFF;border:2px solid #00799E;border-radius:22px 22px 22px 6px;padding:14px 20px;font-size:16px;line-height:1.75;color:#333333;font-weight:500;box-shadow:0 8px 20px rgba(0,121,158,.10)}
.say b{color:#00799E;font-weight:900}
.guide.on-dark .say{border-color:#FFEA47;box-shadow:none}
.floatguide{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;align-items:center;gap:10px;padding:8px 20px 8px 8px;border-radius:999px;background:#00A352;color:#FFFFFF;text-decoration:none;font-weight:900;font-size:15px;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.floatguide:hover{color:#FFFFFF;background:#008C46}
.floatguide img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #FFFFFF}
.jump{font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;font-size:1.75em;font-weight:900;line-height:1;letter-spacing:-.01em;color:#00799E;padding:0 .04em;background:linear-gradient(transparent 70%,#FFEA47 70%)}
.jumpw{font-size:1.45em;line-height:1;color:#00799E;background:linear-gradient(transparent 70%,#FFEA47 70%);padding:0 .04em}
.mk{background:linear-gradient(transparent 62%,#FFEA47 62%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bubble{display:inline-flex;align-items:center;gap:.7em;font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:900;font-size:17px;color:#00799E;letter-spacing:.04em}
.bubble::before{content:"＼"}.bubble::after{content:"／"}
.worry{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.worry li{display:flex;align-items:flex-start;gap:14px;background:#FFFFFF;border:2px solid #E3E3E3;border-radius:16px;padding:18px 20px;font-size:16px;line-height:1.7;color:#333333;font-weight:500}
.worry li b{color:#00799E;font-weight:900}
.chk{flex:none;width:26px;height:26px;margin-top:1px;border-radius:6px;background:#00799E;display:flex;align-items:center;justify-content:center}
a{color:#00799E}a:hover{color:#008DB7}
*{box-sizing:border-box}
.num{font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;}
.disp{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif}
.navlink{color:#333333;text-decoration:none;font-size:14px;font-weight:500;padding:10px 4px;border-bottom:2px solid transparent}
.navlink:hover{color:#00799E;border-bottom-color:#FFEA47}
.btn-y{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;background:#00A352;color:#FFFFFF;font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:900;font-size:16px;text-decoration:none;box-shadow:0 4px 0 #007A3D;transition:transform .15s,box-shadow .15s}
.btn-y:hover{color:#FFFFFF;transform:translateY(2px);box-shadow:0 2px 0 #007A3D}
.btn-n{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:2px solid #00799E;color:#00799E;font-weight:700;font-size:15px;text-decoration:none;background:#FFFFFF}
.btn-n:hover{background:#00799E;color:#FFFFFF}
.btn-w{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;border:2px solid rgba(255,255,255,.5);color:#FFFFFF;font-weight:700;font-size:15px;text-decoration:none}
.btn-w:hover{border-color:#FFEA47;color:#FFEA47}
.wrap{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}
@media (max-width:720px){.wrap{padding-left:18px;padding-right:18px}.hide-sm{display:none !important}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;color:#008DB7}
.eyebrow::before{content:"";width:24px;height:3px;border-radius:2px;background:#FFEA47}
.medal{position:relative;width:150px;height:170px;flex:none}
.medal svg{position:absolute;inset:0;width:100%;height:100%}
.medal-txt{position:absolute;left:0;right:0;top:30px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#333333;line-height:1.1}
.award{flex:1 1 300px;min-width:0;display:flex;align-items:center;gap:18px;padding:26px 24px;border-right:1px solid #E3E3E3}
.ill{width:88px;height:88px;flex:none}
@keyframes shine{0%,70%{transform:translateX(-120%) rotate(20deg)}100%{transform:translateX(220%) rotate(20deg)}}
.glint{position:absolute;top:28px;left:28px;width:94px;height:94px;border-radius:50%;overflow:hidden;pointer-events:none}
.glint::after{content:"";position:absolute;top:-20%;left:0;width:30%;height:140%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0));animation:shine 4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.glint::after{animation:none;opacity:0}}
.h2{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;font-weight:900;font-size:clamp(28px,3.4vw,42px);line-height:1.3;color:#222222;margin:0;text-wrap:balance}
.lead{font-size:16px;line-height:1.95;color:#595959;margin:0;max-width:40em}

/* ---- hero stage ---- */
.stage{position:relative;width:100%;max-width:560px;aspect-ratio:560/520;margin:0 auto}
.ring{position:absolute;border:1px solid rgba(255,234,71,.22);border-radius:50%}
.phone{position:absolute;left:6%;top:4%;width:44%;height:88%;border-radius:38px;background:#00607F;border:2px solid #008DB7;padding:12px;box-shadow:0 40px 80px rgba(5,2,40,.55);transform:rotate(-5deg)}
.screen{position:relative;width:100%;height:100%;border-radius:26px;background:#0B5A73;overflow:hidden}
.notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:34%;height:14px;border-radius:999px;background:#00607F;z-index:4}
.bracket{position:absolute;width:20px;height:20px;border:3px solid #FFEA47;z-index:3}
.paper{position:absolute;left:13%;right:13%;top:17%;bottom:27%;background:#FFFFFF;border-radius:4px;padding:12px 11px;display:flex;flex-direction:column;gap:7px;transform:rotate(1.5deg)}
.row{height:5px;border-radius:3px;background:#E4E3F0;animation:rowlit 7s infinite}
@keyframes rowlit{0%,8%{background:#E4E3F0}20%,52%{background:#FFEA47}62%,100%{background:#E4E3F0}}
.beam{position:absolute;left:9%;right:9%;height:3px;top:15%;z-index:3;background:#FFEA47;box-shadow:0 0 22px 8px rgba(255,234,71,.45);animation:beam 7s cubic-bezier(.65,0,.35,1) infinite}
@keyframes beam{0%{top:15%;opacity:0}6%{opacity:1}36%{top:74%;opacity:1}44%{top:74%;opacity:0}100%{top:15%;opacity:0}}
.shutter{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;border:3px solid #FFFFFF;display:flex;align-items:center;justify-content:center}
.shutter span{width:36px;height:36px;border-radius:50%;background:#FFFFFF;animation:press 7s infinite}
@keyframes press{0%,34%{transform:scale(1)}38%{transform:scale(.78);background:#FFEA47}44%,100%{transform:scale(1);background:#FFFFFF}}
.stream{position:absolute;left:47%;height:6px;border-radius:6px;background:linear-gradient(90deg,rgba(255,234,71,0),#FFEA47);transform-origin:left center;animation:stream 7s infinite}
@keyframes stream{0%,38%{transform:scaleX(0);opacity:0}46%{opacity:1}56%{transform:scaleX(1);opacity:1}70%,100%{transform:scaleX(1);opacity:0}}
.receipt{position:absolute;right:0;top:30%;width:46%;background:#FFFFFF;border-radius:20px;padding:22px 22px 20px;box-shadow:0 30px 60px rgba(5,2,40,.45);animation:receipt 7s infinite}
@keyframes receipt{0%{opacity:1;transform:translateY(0)}5%,50%{opacity:0;transform:translateY(16px)}60%,100%{opacity:1;transform:translateY(0)}}
.timer{position:absolute;left:4%;right:2%;bottom:0;display:flex;align-items:center;gap:14px;color:#FFFFFF}
.track{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.18);overflow:hidden}
.fill{height:100%;width:100%;background:#FFEA47;transform-origin:left;animation:fill 7s linear infinite}
@keyframes fill{0%{transform:scaleX(0)}62%,100%{transform:scaleX(1)}}
.chip{position:absolute;left:0;top:14%;background:#FFEA47;color:#222222;border-radius:14px;padding:10px 14px;font-weight:700;font-size:12px;line-height:1.35;box-shadow:0 16px 30px rgba(5,2,40,.4);animation:bob 5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.grid-lines{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 40px);pointer-events:none}
@media (prefers-reduced-motion:reduce){.row,.beam,.shutter span,.stream,.receipt,.fill,.chip{animation:none}.beam{top:52%}.stream{transform:scaleX(1);opacity:1}}

.card{background:#FFFFFF;border:1px solid #E3E3E3;border-radius:20px}
.stat{flex:1 1 220px;min-width:0;padding:26px 24px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #E3E3E3}
.qa-q span.num{font-family:"Zen Kaku Gothic New","Noto Sans JP",sans-serif}
.qa-q{display:flex;gap:14px;align-items:flex-start;font-weight:700;font-size:16px;color:#00799E;padding:22px 0 8px}
.qa-a{padding:0 0 22px 34px;color:#595959;font-size:15px;line-height:1.85;border-bottom:1px solid #E3E3E3;margin:0}
input[type=range]{width:100%;accent-color:#00A352;height:32px}
.seg{font:inherit;font-weight:700;font-size:14px;border:0;padding:10px 20px;cursor:pointer;min-height:44px}
.field{display:flex;flex-direction:column;gap:6px;flex:1 1 260px;min-width:0}

/* ===== WordPress用の追加スタイル ===== */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: #333333;
	line-height: 1.8;
	font-size: 16px;
}
.site { overflow-x: clip; }
img { max-width: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

:focus-visible { outline: 3px solid #00A352; outline-offset: 2px; }
.skip-link { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 10px 16px; border-radius: 8px; background: #FFFFFF; color: #00799E; font-weight: 700; }
.skip-link:focus { left: 16px; }

/* ----- ヘッダー ----- */
.site-header { position: relative; z-index: 40; background: #FFFFFF; border-bottom: 1px solid #E3E3E3; }
.site-header__in { display: flex; align-items: center; gap: 28px; min-height: 76px; }
.site-logo { display: inline-flex; align-items: center; text-decoration: none; flex: none; }
.gnav { display: flex; gap: 22px; margin-left: auto; flex-wrap: wrap; }
.site-header__cta { display: flex; gap: 10px; flex: none; }
.menu-btn { display: none; }
.menu-btn__bars { position: relative; display: block; width: 18px; height: 2px; margin: 6px 0; background: currentColor; box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor; }

@media (max-width: 1100px) {
	.menu-btn {
		display: inline-flex; align-items: center; gap: 8px; margin-left: auto;
		min-height: 44px; padding: 0 14px; border: 2px solid #00799E; border-radius: 999px;
		background: #FFFFFF; color: #00799E; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
	}
	.gnav {
		display: none; position: absolute; left: 0; right: 0; top: 100%; margin: 0;
		flex-direction: column; gap: 0; background: #FFFFFF; border-bottom: 1px solid #E3E3E3;
		box-shadow: 0 16px 24px rgba(0, 0, 0, .08);
		padding: 4px max(18px, env(safe-area-inset-right, 0px)) 16px max(18px, env(safe-area-inset-left, 0px));
	}
	.gnav.is-open { display: flex; }
	.gnav .navlink { padding: 14px 4px; border-bottom: 1px solid #E3E3E3; font-size: 15px; }
}
@media (max-width: 720px) {
	.site-header__in { gap: 10px; min-height: 64px; }
	.site-logo img { width: 132px !important; }
	.site-header__cta .btn-y { min-height: 44px; padding: 0 14px; font-size: 14px; box-shadow: 0 3px 0 #007A3D; }
	.menu-btn { padding: 0 12px; }
	.menu-btn__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ----- ヒーロー ----- */
.hero-h1 { text-wrap: balance; }
.hero-kicker {
	display: flex; align-items: center; gap: 12px; margin-bottom: 22px;
	font-family: "Noto Sans JP", sans-serif; font-size: 13px; font-weight: 700; line-height: 1.6;
	letter-spacing: .12em; color: #FFEA47;
}
.hero-kicker i { display: block; flex: none; width: 32px; height: 2px; background: #FFEA47; }
@media (max-width: 720px) {
	.hero-kicker { font-size: 12px; letter-spacing: .04em; gap: 10px; margin-bottom: 16px; }
	.hero-kicker i { width: 20px; }
	.stage { max-width: 420px; }
}

/* ----- 受付の吹き出し ----- */
.guide__who { flex: none; display: flex; flex-direction: column; align-items: center; }
.bzp-no-guide .guide,
.bzp-no-guide .guide-photo,
.bzp-no-guide .floatguide { display: none !important; }
@media (max-width: 720px) {
	.guide { gap: 10px; }
	.guide .ava { width: 60px; height: 60px; }
	.say { font-size: 15px; padding: 12px 16px; }
	.floatguide {
		right: max(12px, env(safe-area-inset-right, 0px));
		bottom: calc(12px + env(safe-area-inset-bottom, 0px));
		padding: 6px 16px 6px 6px; font-size: 14px;
	}
	.floatguide img { width: 40px; height: 40px; }
	.site-footer { padding-bottom: 104px !important; }
}

/* ----- 実績メダル（スマホ） ----- */
@media (max-width: 720px) {
	.award { border-right: 0; border-bottom: 1px solid #E3E3E3; padding: 22px 18px; gap: 14px; }
	.medal { width: 120px; height: 136px; }
	.medal-txt { top: 24px; height: 72px; }
	.medal-txt .num { font-size: 24px !important; }
	.glint { top: 22px; left: 22px; width: 76px; height: 76px; }
}

/* ----- 手数料シミュレーター ----- */
.seg { background: #FFFFFF; color: #00799E; }
.seg.is-on { background: #00799E; color: #FFFFFF; }
@media (max-width: 720px) {
	#sim .card > div { padding: 28px 22px !important; }
}

/* ----- お知らせ ----- */
.news-list { flex: 2.4 1 520px; min-width: 0; list-style: none; margin: 0; padding: 0; border-top: 1px solid #E3E3E3; }
.news-list li { display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: baseline; padding: 22px 0; border-bottom: 1px solid #E3E3E3; }
.news-date { min-width: 96px; font-size: 14px; color: #595959; }
.news-cat { font-size: 11px; font-weight: 700; padding: 2px 10px; border-radius: 999px; background: #00799E; color: #FFFFFF; }
.news-cat.is-alt { background: #FFEA47; color: #333333; }
.news-title { flex: 1 1 300px; min-width: 0; color: #333333; font-weight: 500; text-decoration: none; }
.news-title:hover { color: #00799E; text-decoration: underline; }
.news-empty { color: #595959; }

/* ----- よくあるご質問 ----- */
.qa-q { margin: 0; line-height: 1.6; }
.qa-mark::before { content: "問"; }
.qa-mark { flex: none; padding: 0 7px; border-radius: 6px; background: #FFEA47; color: #333333; font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif; line-height: 1.6; }

/* ----- 会社概要 ----- */
.company-dl dt { padding: 18px 0; border-bottom: 1px solid #E3E3E3; font-weight: 700; color: #595959; }
.company-dl dd { margin: 0; padding: 18px 0; border-bottom: 1px solid #E3E3E3; }
@media (max-width: 560px) {
	.company-dl { grid-template-columns: 1fr !important; }
	.company-dl dt { padding-bottom: 0; border-bottom: 0; }
	.company-dl dd { padding-top: 4px; }
}

/* ----- お問い合わせ帯 ----- */
.tel-link { display: block; font-size: 28px; font-weight: 700; letter-spacing: .04em; color: #FFFFFF; text-decoration: none; }
.tel-link:hover { color: #FFEA47; }
@media (max-width: 720px) {
	#contact .guide-photo { width: 200px !important; height: 250px !important; }
}

/* ===== 記事・一覧・固定ページ ===== */
.page-head { position: relative; background: #00799E; color: #FFFFFF; padding: 48px 0 52px; }
.page-head h1 { margin: 0; font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif; font-weight: 900; font-size: clamp(26px, 3.2vw, 38px); line-height: 1.45; text-wrap: balance; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; font-size: 12px; color: #E6F4F8; }
.breadcrumb a { color: #FFFFFF; }
.entry-meta { margin: 14px 0 0; font-size: 13px; color: #E6F4F8; display: flex; flex-wrap: wrap; gap: 4px 18px; }

.entry { max-width: 780px; margin: 0 auto; padding: 56px 0 88px; }
.entry-thumb { display: block; width: 100%; height: auto; margin: 0 0 32px; border-radius: 16px; }
.entry-body { font-size: 16px; line-height: 1.95; color: #333333; }
.entry-body > * { margin-top: 0; margin-bottom: 1.4em; }
.entry-body h2 { margin: 2.4em 0 .9em; padding: 0 0 10px; border-bottom: 3px solid #FFEA47; font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif; font-size: clamp(22px, 2.6vw, 27px); font-weight: 900; line-height: 1.5; color: #222222; }
.entry-body h3 { margin: 2em 0 .7em; font-size: 20px; font-weight: 700; line-height: 1.55; color: #00799E; }
.entry-body h3::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background: #FFEA47; vertical-align: .1em; }
.entry-body h4 { margin: 1.8em 0 .6em; font-size: 17px; font-weight: 700; }
.entry-body a { color: #00799E; text-decoration: underline; }
.entry-body ul, .entry-body ol { padding-left: 1.4em; }
.entry-body li + li { margin-top: .4em; }
.entry-body img { height: auto; border-radius: 12px; }
.entry-body figure { margin-left: 0; margin-right: 0; }
.entry-body figcaption { margin-top: 8px; font-size: 13px; color: #595959; }
.entry-body blockquote { margin-left: 0; margin-right: 0; padding: 18px 22px; border-radius: 12px; background: #FFFFEA; }
.entry-body .wp-block-table { overflow-x: auto; }
.entry-body table { width: 100%; border-collapse: collapse; font-size: 15px; }
.entry-body th, .entry-body td { padding: 12px 14px; border: 1px solid #E3E3E3; text-align: left; vertical-align: top; }
.entry-body th { background: #FFFFEA; }
.entry-body strong { background: linear-gradient(transparent 62%, #FFEA47 62%); }

.archive-wrap { padding-top: 48px; padding-bottom: 88px; }
.archive-wrap .news-list { max-width: 880px; }
.pagination { margin-top: 40px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border: 2px solid #00799E; border-radius: 999px; color: #00799E; font-weight: 700; text-decoration: none; }
.pagination .page-numbers.current { background: #00799E; color: #FFFFFF; }

.post-cta-band { padding: 0 0 96px; }
.post-cta { display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 40px 28px; border: 3px solid #00799E; border-radius: 28px; background: #FFFFEA; text-align: center; }
.post-cta__title { margin: 0; font-size: clamp(22px, 2.8vw, 30px); font-weight: 900; line-height: 1.45; color: #222222; }
.post-cta__title .num { font-size: 1.5em; color: #00799E; }
.post-cta__note { margin: 0; font-size: 13px; color: #595959; }
.post-cta__note a { font-weight: 700; color: #00799E; }

.notfound { padding: 72px 0 104px; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.notfound p { margin: 0; color: #595959; }

/* ===== ブラウザ確認後の調整 ===== */
/* 右下の「ご相談はこちら」は、少しスクロールしてから表示（最初の画面のボタンと重ならないように） */
.floatguide { transition: opacity .3s ease, transform .3s ease; }
html.bzp-js .floatguide:not(.is-shown) { opacity: 0; transform: translateY(16px); pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .floatguide { transition: none; } }

/* 黄色の帯の上では見出しラベルの線をティールに */
.sec-yellow .eyebrow::before { background: #00799E; }

@media (max-width: 720px) {
	/* ヒーローの請求書：金額が切れないように */
	.paper-amount { flex-wrap: wrap; row-gap: 2px; }
	.paper-amount .num { font-size: 11px !important; }
	.chip { top: 2%; padding: 8px 12px; font-size: 11px; }
	/* サービス概要の表：スマホでは縦に並べる */
	.svc-table table { min-width: 0 !important; }
	.svc-table th, .svc-table td { display: block; width: auto !important; }
	.svc-table th { padding: 14px 20px 6px !important; border-bottom: 0 !important; }
	.svc-table td { padding: 0 20px 14px !important; background: #FFFFEA; }
	.svc-table tr { display: block; border-bottom: 1px solid #E3E3E3; }
	.svc-table tr:last-child { border-bottom: 0; }
	.mid-cta { padding-top: 40px !important; padding-bottom: 72px !important; }
}