@charset "utf-8";

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

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

	最終更新日：2025年5月22日

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

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

	01. コンテンツ定義

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

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



/* -------------------------------------------------------------------
	コンテンツボディ
	.lp-campaign #main ～
------------------------------------------------------------------- */
/* === campb0019_1: H2見出し === */
.lp-campaign #main h2{
	border-bottom:3px solid;
	border-image:linear-gradient(to right, #72fbf3 0%, #663bc9 50%, #ff578e 100%) 1;
	color:#333;}


/* === campb0022_1: H3見出し === */
.lp-campaign #main h3{
	margin-top:1.6em; color:#7d5cde;}


/* === campb0025_1: H4見出し === */
.lp-campaign #main h4{
	margin-top:1.4em; color:#e87000; font-weight:normal;
	font-size:28px; font-size:2.8rem; line-height:1.5em; text-align:center;}


/* === campb0028_1: 1カラムボックス
       campb0029_1: 2カラムボックス
       campb0030_1: 2カラムボックス（番号リスト）
       campb0031_1: 3カラムボックス
       campb0032_1: 3カラムボックス（番号リスト）
       campb0033_1: 4カラムボックス === */
.lp-campaign #main .parts-column-three{
	margin-top:40px;}


/* === campb0034_1: 画像 中（右）
       campb0035_1: 画像 中（左） === */
.lp-campaign #main .parts-img-middle-right .text .title,
.lp-campaign #main .parts-img-middle-left .text .title{
		font-weight:bold; font-size:2.8rem;}

	/* ボタン */
	.lp-campaign #main .parts-img-middle-right .button,
	.lp-campaign #main .parts-img-middle-left .button{ width:448px; border:1px solid #00b0aa; border-radius:10em;}
		.lp-campaign #main .parts-img-middle-left .button{ margin:1em 0 0 auto;}
		.lp-campaign #main .parts-img-middle-right .button a,
		.lp-campaign #main .parts-img-middle-left .button a{
			display:block; padding:14px 15px 14px 50px; border-radius:10em;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 37px center, linear-gradient(to bottom, #00e0d9 0%, #00bcb6 100%);
			color:#fff; text-shadow:0 0 3px rgba(4,0,0,0.75);
			box-shadow:3px 3px 5px 0 rgba(4,0,0,0.15); text-decoration:none;}
			.lp-campaign #main .parts-img-middle-right .button a:hover,
			.lp-campaign #main .parts-img-middle-left .button a:hover{
				padding:14px 15px 14px 50px; border:none; color:#fff;
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 37px center #00e0d9;}
			.lp-campaign #main .parts-img-middle-right .button a,
			.lp-campaign #main .parts-img-middle-left .button a{ font-weight:bold; font-size:2.8rem; line-height:1.5em;}
		/* ブランク */
		.lp-campaign #main .parts-img-middle-right .button a.icons-blank,
		.lp-campaign #main .parts-img-middle-left .button  a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 37px center, linear-gradient(to bottom, #00e0d9 0%, #00bcb6 100%);
			box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.2);}
			.lp-campaign #main .parts-img-middle-right .button a.icons-blank:hover,
			.lp-campaign #main .parts-img-middle-left .button  a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat #00e0d9;}
	/* 個別設定 */
	.lp-campaign #main .parts-img-middle-right .text{ padding-right:40px;}
	.lp-campaign #main .parts-img-middle-left .text{ padding-left:40px;}


/* === campb0055_1: 背景追加エレメント === */
.lp-campaign #main .element-background-color{
	margin:4em -500% 0; padding:25px 500%; overflow:hidden;
	background:url(/products/lp/adobe/adobe-creative-cloud-pro/img/dsr-index-bg.jpg) no-repeat top center;
	background-size:1920px auto;}



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

	コンテンツフッター
	.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:#ebebeb;}
	.lp-campaign #main .contacts-fundamental .message,
	.lp-campaign #main .boxes-ots-login-content .message,
	.lp-campaign #main .boxes-download-document .message{
		color:#333;}
		/* ボタン1つ、ボタン2つ（縦並び） */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental > p.button,
		.lp-campaign #main .boxes-download-document > p.button{
			display:inline-block; margin:1em auto 0;}
			.lp-campaign #main .contacts-fundamental > p.button a,
			.lp-campaign #main .boxes-download-document > p.button a{
				padding:20px 80px; border:1px solid #00b0aa;
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #00e0d9 0%, #00bcb6 100%);
				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 > 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, #00e0d9 0%, #00bcb6 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 #00e0d9;}
				.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 #00e0d9;}

				/* ボタン緑 */
				.lp-campaign #main .contacts-fundamental .conversion ul li a,
				.lp-campaign #main .boxes-ots-login-content .buttons ul li a{
					display:block; padding:20px 0; border:1px solid #00e0d9; border-radius:10em;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #00e0d9 0%, #00bcb6 100%);
					color:#fff; font-size:28px; 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 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, #00e0d9 0%, #00bcb6 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 #00e0d9;}
					.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 #00e0d9;}

				/* ボタン1つ（テキスト横並び） */
				.lp-campaign #main .contacts-fundamental .conversion-web p.button a{
					padding:20px 80px; border:1px solid #00b0aa; border-radius:10em;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #00e0d9 0%, #00bcb6 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, #00e0d9 0%, #00bcb6 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 #00e0d9;}
					.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 #00e0d9;}