@charset "utf-8";

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

	キャンペーンページ・特設ページ　共通のCSS

	最終更新日：2025年8月6日

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

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

	01. コンテンツ定義

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

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

/* === camph0002_1: h1見出し ＋ お問い合わせ（ボタン2つ）
       camph0003_1: h1見出し ＋ お問い合わせ（ボタン2つ・色違い）
       camph0004_1: h1見出し ＋ お問い合わせ（ボタン1つ）
       camph0005_1: h1見出し ＋ お問い合わせ（テキスト ＋ ボタンエリア横並び） === */
.lp-campaign #main .contacts-fundamental-h1.arrow-bottom{
	padding-bottom:117px; background:url(/products/lp/security/email-misdelivery/img/arrow-bottom.jpg) no-repeat bottom center;}
		/* ボタン1つ */
		.lp-campaign #main .contacts-fundamental-h1 p.button a{
			border:1px solid #c72f00;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #ef5302 0%, #c82f00 100%);}
		.lp-campaign #main .contacts-fundamental-h1 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, #ef5302 0%, #c82f00 100%);}
			.lp-campaign #main .contacts-fundamental-h1 p.button a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #c72f00;}
			.lp-campaign #main .contacts-fundamental-h1 p.button a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #c72f00;}



/* -------------------------------------------------------------------
	コンテンツボディ
	.lp-campaign #main ～
------------------------------------------------------------------- */
/* === campb0004_1: テキスト（太字） === */
.lp-campaign #main p.texts-emphasis.title{
	margin-top:2.4em;
	font-weight:bold; font-size:2rem; line-height:1.5em;}

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


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



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

	コンテンツフッター
	.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{
	background:url(/products/lp/security/email-misdelivery/img/bg-contact.jpg) no-repeat top center #fff;
	padding:70px 500% 160px;}
	.lp-campaign #main .contacts-fundamental .message,
	.lp-campaign #main .boxes-ots-login-content .message,
	.lp-campaign #main .boxes-download-document .message{
		color:#da4d00;}
		/* ボタン1つ、ボタン2つ（縦並び） */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental > p.button a,
		.lp-campaign #main .boxes-download-document > p.button a{
			border:1px solid #006abb;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #008bf4 0%, #006bbc 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, #008bf4 0%, #006bbc 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 #006abb;}
			.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 #006abb;}
		/* ボタン灰 */
		.lp-campaign #main .contacts-fundamental > p.button.different-color a{
			border:1px solid #c72f00;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-orange-small.png) no-repeat 18px center, linear-gradient(to bottom, #ef5302 0%, #c82f00 100%);
			color:#fff; font-weight:bold; font-size:18px; font-size:1.8rem; line-height:1.15em; text-shadow:none;}
		.lp-campaign #main .contacts-fundamental > p.button.different-color a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icon-blank.png) no-repeat 18px center, linear-gradient(to bottom, #ef5302 0%, #c82f00 100%);}
			.lp-campaign #main .contacts-fundamental > p.button.different-color a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-orange-small.png) no-repeat 18px center #006abb;}
			.lp-campaign #main .contacts-fundamental > p.button.different-color a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icon-blank.png) no-repeat 18px center #006abb;}
		/* ボタン2つ */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental .conversion ul li a,
		.lp-campaign #main .boxes-ots-login-content .buttons ul li a{
			border:1px solid #006abb;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #008bf4 0%, #006bbc 100%);}
		.lp-campaign #main .contacts-fundamental .conversion ul li a.icons-blank,
		.lp-campaign #main .boxes-ots-login-content .buttons ul li a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #008bf4 0%, #006bbc 100%);}
			.lp-campaign #main .contacts-fundamental .conversion ul li a:hover,
			.lp-campaign #main .boxes-ots-login-content .buttons ul li a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #006abb;}
			.lp-campaign #main .contacts-fundamental .conversion ul li a.icons-blank:hover,
			.lp-campaign #main .boxes-ots-login-content .buttons ul li a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #006abb;}
		/* ボタン灰 */
		.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a,
		.lp-campaign #main .boxes-ots-login-content .buttons ul li.different-color a{
			border:1px solid #c72f00;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #ef5302 0%, #c82f00 100%);
			color:#fff; font-weight:bold; font-size:2.8rem; line-height:1.15em; text-shadow:0 0 3px rgba(4,0,0,0.75);
			box-shadow:3px 3px 5px 0 rgba(4,0,0,0.15);}
		.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a.icons-blank,
		.lp-campaign #main .boxes-ots-login-content .buttons ul li.different-color a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #ef5302 0%, #c82f00 100%);}
			.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a:hover,
			.lp-campaign #main .boxes-ots-login-content .buttons ul li.different-color a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #c72f00;}
			.lp-campaign #main .contacts-fundamental .conversion ul li.different-color a.icons-blank:hover,
			.lp-campaign #main .boxes-ots-login-content .buttons ul li.different-color a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #c72f00;}