@charset "utf-8";

/* =============================================================================

	低消費電力で効果的な節電対策を実現するEPSONの高速インクジェット複合機ページ　共通のCSS

	最終更新日：2024年2月15日

============================================================================= */

/* **********************************************************************************

	01. コンテンツ定義

********************************************************************************** */

/* -------------------------------------------------------------------
	コンテンツヘッダー
	.lp-campaign #main ～
------------------------------------------------------------------- */



/* -------------------------------------------------------------------
	コンテンツボディ
	.lp-campaign #main ～
------------------------------------------------------------------- */

/* === campb0019_1: H2見出し === */
.lp-campaign #main h2{
	border-bottom:3px solid #51c09f; color:#333;}


/* === campb0022_1: H3見出し === */
.lp-campaign #main h3{
	color:#268077;}


/* === campb0025_1: H4見出し === */
.lp-campaign #main h4{
	color:#333;}


/* === campb0055_1: 背景追加エレメント === */
.lp-campaign #main .element-background-color{
	background:#f7fcec;}



/* -------------------------------------------------------------------

	コンテンツフッター
	.lp-campaign #main ～

------------------------------------------------------------------- */
/* === campf0001_1: フッターお問い合わせエリア　ボタン1つ
       campf0002_1: フッターお問い合わせエリア　ボタン1つ（背景あり）
       campf0003_1: フッターお問い合わせエリア　ボタン2つ ＋ 電話番号
       campf0004_1: フッターお問い合わせエリア　ボタン2つ ＋ 電話番号（背景あり）
       campf0005_1: フッターお問い合わせエリア　ボタン2つ ＋ フリーダイヤル
       campf0006_1: フッターお問い合わせエリア　ボタン2つ ＋ フリーダイヤル（背景あり）
       campf0007_1: フッターお問い合わせエリア　ボタン2つ（色違い） ＋ フリーダイヤル
       campf0008_1: フッターお問い合わせエリア　ボタン2つ（色違い） ＋ フリーダイヤル（背景あり）
       campf0009_1: フッターお問い合わせエリア　ボタン1つ ＋ 電話番号横並び
       campf0010_1: フッターお問い合わせエリア　ボタン1つ ＋ 電話番号横並び（背景あり）
       campf0011_1: フッターお問い合わせエリア　ボタン1つ ＋ フリーダイヤル横並び
       campf0012_1: フッターお問い合わせエリア　ボタン1つ ＋ フリーダイヤル横並び（背景あり）
       campf0014_1: フッターお問い合わせエリア　ボタン2つ（縦並び）
       campf0015_1: 大塚IDログインエリア
       campf0016_1: 大塚IDログインエリア（背景あり） === */
.lp-campaign #main .contacts-fundamental.contacts-bg-color,
.lp-campaign #main .boxes-ots-login-content.contacts-bg-color,
.lp-campaign #main .boxes-download-document.contacts-bg-color{
	padding:50px 500% 200px;
	background:url(/products/lp/mfp-copy-printer/epson-lm/img/bg-contact.jpg) bottom center no-repeat #f7fcec;}
	.lp-campaign #main .contacts-fundamental .message,
	.lp-campaign #main .boxes-ots-login-content .message,
	.lp-campaign #main .boxes-download-document .message{
		color:#268077;}
		/* ボタン1つ、ボタン2つ（縦並び） */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental > p.button a,
		.lp-campaign #main .boxes-download-document > p.button a{
			border:1px solid #c43008;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #e15f00 0%, #d73800 100%);}
		.lp-campaign #main .contacts-fundamental > p.button a.icons-blank,
		.lp-campaign #main .boxes-download-document > p.button a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #e15f00 0%, #d73800 100%);}
			.lp-campaign #main .contacts-fundamental > p.button a:hover,
			.lp-campaign #main .boxes-download-document > p.button a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #d93d00;}
			.lp-campaign #main .contacts-fundamental > p.button a.icons-blank:hover,
			.lp-campaign #main .boxes-download-document > p.button a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #d93d00;}

		/* ボタン1つ（テキスト横並び） */
		.lp-campaign #main .contacts-fundamental .conversion-web p.button a{
			border:1px solid #c43008;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #e15f00 0%, #d73800 100%);}
		.lp-campaign #main .contacts-fundamental .conversion-web p.button a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #e15f00 0%, #d73800 100%);}
			.lp-campaign #main .contacts-fundamental .conversion-web p.button a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #d93d00;}
			.lp-campaign #main .contacts-fundamental .conversion-web p.button a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #d93d00;}


/* === campf0019_1: サムネイル付き資料ダウンロードエリア === */
.lp-campaign #main .boxes-download-document-img-left.contacts-bg-color{
	background:#f7fcec;}
	/* ボタン */
	.lp-campaign #main .boxes-download-document-img-left .text p.button a{
		border:1px solid #c43008;
		background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #e15f00 0%, #d73800 100%);}
	.lp-campaign #main .boxes-download-document-img-left .text p.button a.icons-blank{
		background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #e15f00 0%, #d73800 100%);}
		.lp-campaign #main .boxes-download-document-img-left .text p.button a:hover{
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #d93d00;}
		.lp-campaign #main .boxes-download-document-img-left .text p.button a.icons-blank:hover{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #d93d00;}