@charset "utf-8";
/* ==========================================================================
   index.html のインライン style="" を抽出したスタイル
   （元は各要素に直接書かれていたものをクラス化してまとめたもの）
   ※ 背景画像のパスは css/ からの相対に合わせて images/ -> ../images/ に補正
   ※ 読み込みは他CSSより後（最後）にすること
   ========================================================================== */

/* --- 背景画像 --- */
.bg-cover    { background-image: url('../images/hero_bg_2.jpg'); } /* トップ カバー */
.bg-featured { background-image: url('../images/hero_bg_1.jpg'); } /* WinActorとは… */
.bg-unit-1   { background-image: url('../images/img_1.jpg'); }
.bg-unit-2   { background-image: url('../images/img_2.jpg'); }
.bg-unit-3   { background-image: url('../images/img_3.jpg'); }
.bg-unit-4   { background-image: url('../images/img_4.jpg'); }
.bg-cmpy-2   { background-image: url('../images/img_cmpy_2.jpg'); } /* お客様の声：シェルパ */
.bg-cmpy-3   { background-image: url('../images/img_cmpy_3.jpg'); } /* お客様の声：アペックス */

/* --- 余白 --- */
.mb-1em { margin-bottom: 1em; }
.mb-2em { margin-bottom: 2em; }
.pr-2em { padding-right: 2em; }

/* --- 文字サイズ／太さ --- */
.fs-50  { font-size: 50%; }
.fs-60  { font-size: 60%; }
.fs-90  { font-size: 90%; }
.fw-700 { font-weight: 700; }

/* WinActorの特徴カードの見出し
   （css/style.css の .unit-9 h2{font-size:20px} を上書きするため詳細度を確保） */
.unit-9 .unit-9-content h2.unit-9-title { font-size: 120%; }

/* 「弊社からWinActorを購入するメリット」見出し */
.merit-title { font-size: 120%; font-weight: 700; margin-bottom: 3.3em; }

/* 黒背景のボタン風ボックス（RPAについて／お問い合わせ／会社情報） */
.btn-box {
	border: 2px #333 solid;
	margin: 1em auto;
	text-align: center;
	padding: 0.5em 1em;
	color: #FFF;
	background: #333;
	font-weight: 700;
}

/* CWA 注記ボックス（二重枠） */
.note-box {
	border: 2px #333 double;
	margin: 1em auto;
	padding: 0.5em 1em;
}

/* お問い合わせ（電話番号）まわり */
.form-lead   { text-align: center; }
.tel-main    { font-size: 200%; font-weight: 700; }
.tel-sub     { font-size: 200%; }
.tel-manager { font-size: 100%; }
.tel-race    { font-size: 100%; }
.tel-box     { text-align: center; }