@charset "utf-8";

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

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

	最終更新日：2026年7月16日

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

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

	01. コンテンツ定義

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

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



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

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


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


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


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


/* ヘッダーグリッドコンテンツ */
.lp-campaign #main .parts-header-cont{
	display:grid; grid-template-columns:1fr 1fr;
	gap:25px 35px; margin-top:35px;}
	.lp-campaign #main .parts-header-cont .item:nth-child(3){
		grid-column:1 / -1;}
	.lp-campaign #main .parts-header-cont .item .title{
		margin:0; font-size:2.2rem; line-height:1.5em;}
	.lp-campaign #main .parts-header-cont .item p:not(.title){
		margin-top:0.2em;}
	.lp-campaign #main .parts-header-cont .item .emphasis{
		font-weight:bold;}
	.lp-campaign #main .parts-header-cont .item .emphasis .note{
		margin-left:20px; font-weight:normal;}


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

	コンテンツフッター
	.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{
	margin-top:0;
	background:url(/products/lp/adobe/acrobat-studio/img/bg-contact.jpg) no-repeat center top #f3ebdb;}
		/* ボタン1つ、ボタン2つ（縦並び） */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental > p.button a,
		.lp-campaign #main .boxes-download-document > p.button a{
			border:1px solid #d40000;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to right, #d40000 0%, #ff5a5a 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, #d40000 0%, #ff5a5a 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 #d40000;}
			.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 #d40000;}
		/* ボタン2つ */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental .conversion ul li a,
		.lp-campaign #main .boxes-ots-login-content .buttons ul li a{
			border:1px solid #d40000;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to right, #d40000 0%, #ff5a5a 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 right, #d40000 0%, #ff5a5a 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 #d40000;}
			.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 #d40000;}
		/* ボタン1つ（テキスト横並び） */
		.lp-campaign #main .contacts-fundamental .conversion-web p.button a{
			border:1px solid #d40000;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to right, #d40000 0%, #ff5a5a 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 right, #d40000 0%, #ff5a5a 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 #d40000;}
			.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 #d40000;}