@charset "utf-8";

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

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

	最終更新日：2025年10月2日

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

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

	01. コンテンツ定義

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

.lp-campaign #main .emphasis{
	font-weight:bold;}

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



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

/* === campb0012_1: リスト（チェック・灰）
       campb0013_1: リスト（チェック・緑） === */
.lp-campaign #main .lists-check-green{ margin-top:3em;}
	.lp-campaign #main .lists-check-green ul{ margin:0;}
		.lp-campaign #main .lists-check-green ul li:first-child{
			margin-top:0;}
		/* 緑色 */
		.lp-campaign #main .lists-check-green ul li{
			list-style:none; padding-left:42px;
			background:url(/products/lp/led/replace/img/icons-check-blue.png) no-repeat 10px 0.35em;
			font-size:1.8rem;}

/* === campb0019_1: H2見出し === */
.lp-campaign #main h2{
	border-bottom:3px solid #76c5fe; color:#333;}
	.lp-campaign #main h2 .head-catch{
		display:inline-block; margin-left:5px; padding:3px 10px 0;
		background:#0056bb; border-radius:5px;
		color:#fff; line-height:1.3em;}


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


/* === ポイントマーク付き見出し3 === */
.lp-campaign #main .marks-point-heading3 {
	display:flex; align-items:flex-start; border:none;
	color:#0056bb; text-align:left;}
	.lp-campaign #main .marks-point-heading3 .point {
		width:100px; margin-right:20px; padding:2px 5px 0; background:#d8f3ff;
		border-radius:10em; font-weight:normal;
		color:#333; font-size:1.8rem; text-align:center; box-sizing:border-box;}
	.lp-campaign #main .marks-point-heading3 .text {
		max-width:calc(100% - 100px - 20px); padding-top:3px;}


/* === campb0025_1: H4見出し === */
.lp-campaign #main h4{
	color:#0056bb; text-align:left;}


/* === campb0036_1: 画像 小（右）
       campb0037_1: 画像 小（左） === */
.lp-campaign #main .parts-img-small-right .text .emphasis-balloon,
.lp-campaign #main .parts-img-small-left .text .emphasis-balloon{
	display:inline-block; padding:6px 20px 3px;
	background:#fff; border-radius:10em;
	font-size:2.4rem;}
.lp-campaign #main .parts-img-small-right .text .pattern-large,
.lp-campaign #main .parts-img-small-left .text .pattern-large{
	margin-top:0.5em;
	font-weight:bold; font-size:2.6rem; line-height:2em;
	text-align:left;}
	.lp-campaign #main .parts-img-small-right .text .pattern-large .emphasis,
	.lp-campaign #main .parts-img-small-left .text .pattern-large .emphasis{
		font-weight:bold; font-size:4rem;}


/* === campb0046_1: データテーブル（表） === */
.lp-campaign #main .tables-fundamental table thead th { text-align:center;}


/* === campb0047_1: 表のように見せるリスト === */
.lp-campaign #main .lists-box-fundamental dl dt{
	font-weight:bold;}


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


/* === cmpo0021: アコーディオン式　Q&A === */
/* 一覧 */
.lp-campaign #main .lists-faq {
	margin-top:50px; transition:transform 0.4s, opacity, 0.4s;}
	.lp-campaign #main .lists-faq > ul {
		margin:0; border-top:3px solid #ccc; border-bottom:3px solid #ccc;}
		.lp-campaign #main .lists-faq ul li {
			list-style:none; margin:16px 0 0; padding:0;}
			.lp-campaign #main .lists-faq ul li:first-child {
				margin-top:0;}
		/* 質問 */
		.lp-campaign #main .lists-faq ul li .question {
			margin:0;}
			.lp-campaign #main .lists-faq ul li .question a {
				display:block; position:relative; padding:20px 40px 20px 70px;
				background: url(/products/lp/led/replace/img//icon-q.png) 29px center no-repeat #f7f7f7;
				font-size:2.4rem; line-height:1.7em; text-decoration:none; color:#333;
				transition: border-radius 0.05s; cursor:pointer;}
			/* アイコンなし */
			.lp-campaign #main .lists-faq.no-icon ul li .question a {
				padding:20px 29px 24px; background: #f7f7f7; color:#0056bb;}
				/* 開閉アイコン */
				.lp-campaign #main .lists-faq ul li .question a::after {
					position:absolute; top:-5px; right:40px; bottom:0;
					width:15px; height:15px;
					margin:auto 0; border-top:3px solid #0056bb;
					border-right:3px solid #0056bb; content:""; transform:rotate(-45deg);}
					.lp-campaign #main .lists-faq ul li .question a::after {
						top:0px;
						transition:transform 0.2s;}
					.lp-campaign #main .lists-faq ul li .question:not(.opened) a {
						padding:20px 40px 20px 70px;
						background: url(/products/lp/led/replace/img//icon-q.png) 29px center no-repeat #f7f7f7;
						color:#333; transition-delay:0.3s;}
					.lp-campaign #main .lists-faq.no-icon ul li .question:not(.opened) a {
						padding:20px 29px 24px; background:#f7f7f7; color:#0056bb}
					.lp-campaign #main .lists-faq ul li .question:not(.opened) a::after {
						top:-10px; transform:rotate(135deg);}
					.lp-campaign #main .lists-faq ul li .question a:hover {
						background-color:#f1f1f1 !important;}
		/* 回答 */
		.lp-campaign #main .lists-faq ul li .answer {
			overflow:hidden; margin:0;
			background:url(/products/lp/led/replace/img//icon-a.png) 29px 18px no-repeat #f7f7f7;}
		.lp-campaign #main .lists-faq.no-icon ul li .answer {
			background:#f7f7f7;}
			.lp-campaign #main .lists-faq ul li .answer[aria-hidden="true"] {
				border-bottom:none; border-radius:0;}
			.lp-campaign #main .lists-faq ul li .answer[aria-hidden] {
				padding: 0;}
				.lp-campaign #main .lists-faq ul li .answer .text {
					padding:12px 22px 10px 70px; font-weight:normal;}
				.lp-campaign #main .lists-faq.no-icon ul li .answer .text {
					padding:12px 22px 10px 30px;}
					.lp-campaign #main .lists-faq ul li .answer .text:last-child {
						padding-bottom:30px;}
					.lp-campaign #main .lists-faq ul li .answer .text .title{
						font-weight:bold;}
					.lp-campaign #main .lists-faq ul li .answer .text .title + p{
						margin-top:0.2em;}
					.lp-campaign #main .lists-faq ul li .answer .text > ul{
						margin:6px 0 0 31px;}
						.lp-campaign #main .lists-faq ul li .answer .text > ul > li{
							list-style:disc; margin-top:0.4em; font-weight:normal; font-size:1.6rem;}
							.lp-campaign #main .lists-faq ul li .answer .text > ul > li:first-child{
								margin-top:0;}
							.lp-campaign #main .lists-faq ul li .answer .text > ul > li .link{
								display:inline-block; margin-top:0.6em;}
					.lp-campaign #main .lists-faq ul li .answer .text .lists-notes-asterisk{
						margin:5px 0 0 19px;}
						.lp-campaign #main .lists-faq ul li .answer .text .lists-notes-asterisk ul{
							margin:0;}
							.lp-campaign #main .lists-faq ul li .answer .text .lists-notes-asterisk ul li{
								margin-top:0.4em;}
								.lp-campaign #main .lists-faq ul li .answer .text .lists-notes-asterisk ul li:first-child{
									margin-top:0}
			.lp-campaign #main .lists-faq ul li .answer p:first-child {
				margin-top:0;}


/* === ページ内リンク === */
.lp-campaign #main .inpagelinks-replace{
	display:grid; align-items:center;
	grid-template-areas:
		"col1 col2 txt txt txt"
		"col1 col2 col3 col4 col5";
	grid-template-columns:240px 240px 160px 160px 160px;
	margin-top:100px; border-radius:7px;
	box-shadow:0 0 6px #0056bb;}
	.lp-campaign #main .inpagelinks-replace p{
		height:100%; margin:0;
		border-right:2px solid #0056bb; text-align:center;}
	.lp-campaign #main .inpagelinks-replace p:first-child{
		grid-area:col1;}
		.lp-campaign #main .inpagelinks-replace p:first-child a{
			border-radius:7px 0 0 7px;}
	.lp-campaign #main .inpagelinks-replace p:nth-child(2){
		grid-area:col2;}
	.lp-campaign #main .inpagelinks-replace p:nth-child(3){
		grid-area:txt; border:none;}
		.lp-campaign #main .inpagelinks-replace p:nth-child(3) span{
			display:block; margin:10px 10px 8px; padding:3px 0 0;
			background:#d8f3ff; border-radius:10em;}
	.lp-campaign #main .inpagelinks-replace p:nth-child(4){
		grid-area:col3;}
	.lp-campaign #main .inpagelinks-replace p:nth-child(5){
		grid-area:col4;}
	.lp-campaign #main .inpagelinks-replace p:nth-child(6){
		grid-area:col5; border:none;}
		.lp-campaign #main .inpagelinks-replace p:nth-child(6) a{
			border-radius:0 0 7px 0;}
		.lp-campaign #main .inpagelinks-replace p a{
			display:flex; justify-content:center; align-items:center;
			width:100%; height:100%; padding:5px 0;
			background:none; text-decoration:none; box-sizing:border-box;}
			.lp-campaign #main .inpagelinks-replace p a:hover{
				background:#f3fbff; color:#0056bb;}
				.lp-campaign #main .inpagelinks-replace p a:hover span{
					color:#0056bb;}
			.lp-campaign #main .inpagelinks-replace p a span{
				position:relative; 
				padding:0 10px 0 20px; background:none;
				font-weight:bold; color:#333;}
				.lp-campaign #main .inpagelinks-replace p a span::before{
					position:absolute; top:6px; left:0;
					width:12px; height:12px;
					background:#0056bb;
					clip-path:polygon(50% 0, 100% 100%, 0 100%);
					content:""; transform:rotate(180deg);}


/* === cmpo0014_1: ボックスエレメント 2カラム
       cmpo0015_1: ボックスエレメント 3カラム === */
.lp-campaign #main .boxes-detail-column2,
.lp-campaign #main .boxes-detail-column3 {
	margin-top:30px;}
	.lp-campaign #main .boxes-detail-column2 > ul,
	.lp-campaign #main .boxes-detail-column3 > ul {
		display:grid; margin:0;}
	.lp-campaign #main .boxes-detail-column2 > ul{
		grid-template-columns:460px 460px; column-gap:40px;}
	.lp-campaign #main .boxes-detail-column3 > ul {
		grid-template-columns:294px 294px 294px; column-gap:39px;}
		.lp-campaign #main .boxes-detail-column2 > ul > li,
		.lp-campaign #main .boxes-detail-column3 > ul > li {
			list-style:none; padding:21px 18px;
			background:#f7f7f7; border:2px solid #ccc; border-radius:5px;
			color:#333; font-weight:normal;}
		.lp-campaign #main .boxes-detail-column2 > ul > li,
		.lp-campaign #main .boxes-detail-column3 > ul > li{
			display:grid; grid-template-rows:subgrid;
			grid-row:span 4; margin:0;}
			.lp-campaign #main .boxes-detail-column2 > ul > li:nth-child(odd),
			.lp-campaign #main .boxes-detail-column3 > ul > li:nth-child(3n + 1) {
				margin-left:0;}
				.lp-campaign #main .boxes-detail-column2 > ul > li .head,
				.lp-campaign #main .boxes-detail-column3 > ul > li .head{
					display:flex; align-items:center;}
					.lp-campaign #main .boxes-detail-column2 > ul > li .head .label,
					.lp-campaign #main .boxes-detail-column3 > ul > li .head .label {
						display:inline-block; margin:0; padding:5px 10px;
						background:#0056bb; border-radius:2px; color:#fff;}
					.lp-campaign #main .boxes-detail-column2 > ul > li .head .icon,
					.lp-campaign #main .boxes-detail-column3 > ul > li .head .icon {}
						.lp-campaign #main .boxes-detail-column2 > ul > li .head .icon ul,
						.lp-campaign #main .boxes-detail-column3 > ul > li .head .icon ul {
							display:flex; margin:0;}
							.lp-campaign #main .boxes-detail-column2 > ul > li .head .icon ul li,
							.lp-campaign #main .boxes-detail-column3 > ul > li .head .icon ul li {
								list-style:none; margin:0 0 0 6px;}
				.lp-campaign #main .boxes-detail-column2 > ul > li .lead,
				.lp-campaign #main .boxes-detail-column3 > ul > li .lead {
					margin:0.4em 0 0; font-weight:bold; font-size:1.8rem;}
				.lp-campaign #main .boxes-detail-column2 > ul > li .list,
				.lp-campaign #main .boxes-detail-column3 > ul > li .list {}
					.lp-campaign #main .boxes-detail-column2 > ul > li .list ul,
					.lp-campaign #main .boxes-detail-column3 > ul > li .list ul{}
						.lp-campaign #main .boxes-detail-column2 > ul > li .list ul li,
						.lp-campaign #main .boxes-detail-column3 > ul > li .list ul li{
							list-style:disc;
							font-weight:normal; font-size:1.6rem;}
							.lp-campaign #main .boxes-detail-column2 > ul > li .list ul li::marker,
							.lp-campaign #main .boxes-detail-column3 > ul > li .list ul li::marker{
								color:#0056bb;}


/* === アイコン説明 ===*/
.lp-campaign #main .lists-icon-explanation{
	margin-top:20px; padding:15px 20px; background:#f7f7f7;
	border:2px solid #ccc; border-radius:5px;}
	.lp-campaign #main .lists-icon-explanation ul{
		display:flex; column-gap:48px; margin:0;}
		.lp-campaign #main .lists-icon-explanation ul li{
			display:flex; align-items:center;
			list-style:none; margin:0; padding:0;}
			.lp-campaign #main .lists-icon-explanation ul li p{
				margin:0 0 0 6px; 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{
	background:#d8f3ff;}
	.lp-campaign #main .contacts-fundamental .message,
	.lp-campaign #main .boxes-ots-login-content .message,
	.lp-campaign #main .boxes-download-document .message{
		margin-top:2em; color:#0056bb;}
		/* ボタン1つ、ボタン2つ（縦並び） */
		/* ボタン緑 */
		.lp-campaign #main .contacts-fundamental > p.button a,
		.lp-campaign #main .boxes-download-document > p.button a{
			display:block; min-width:400px; padding:20px 80px; border:1px solid #006dba; border-radius:10em;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #008ed8 0%, #006eba 100%);
			color:#fff; font-weight:bold; 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 > 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, #008ed8 0%, #006eba 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 #006dba;}
			.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 #006dba;}
		/* ボタンピンク */
		.lp-campaign #main .contacts-fundamental > p.button.pink-color a,
		.lp-campaign #main .boxes-download-document > p.button.pink-color a{
			display:block; min-width:400px; padding:20px 80px; border:1px solid #c4005a; border-radius:10em;
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #f4157b 0%, #c5005a 100%);
			color:#fff; font-weight:bold; 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 > p.button.pink-color a.icons-blank,
		.lp-campaign #main .boxes-download-document > p.button.pink-color a.icons-blank{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #008ed8 0%, #006eba 100%);}
			.lp-campaign #main .contacts-fundamental > p.button.pink-color a:hover,
			.lp-campaign #main .boxes-download-document > p.button.pink-color a:hover{
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #c4005a;}
			.lp-campaign #main .contacts-fundamental > p.button.pink-color a.icons-blank:hover,
			.lp-campaign #main .boxes-download-document > p.button.pink-color a.icons-blank:hover{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #c4005a;}
		/* ボタン灰 */
		.lp-campaign #main .contacts-fundamental > p.button.different-color{
			margin-top:0.6em;}
			.lp-campaign #main .contacts-fundamental > p.button.different-color a{
				min-width:380px; padding:15px 15px 15px 25px; border:1px solid #ccc;
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-orange-small.png) no-repeat 18px center #f8f8f8;
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-orange-small.png) no-repeat 18px center, -webkit-linear-gradient(top, #fefefe 0%, #ddd 100%);
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-orange-small.png) no-repeat 18px center, linear-gradient(to bottom, #fefefe 0%, #ddd 100%);
				color:#333; font-weight:normal; 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 #f8f8f8;
				background:url(/common-s/img/products/lp-campaign/icon-blank.png) no-repeat 18px center, -webkit-linear-gradient(top, #fefefe 0%, #ddd 100%);
				background:url(/common-s/img/products/lp-campaign/icon-blank.png) no-repeat 18px center, linear-gradient(to bottom, #fefefe 0%, #ddd 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 #fff;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-orange-small.png) no-repeat 18px center, -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-orange-small.png) no-repeat 18px center, linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);}
				.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 #fff;
					background:url(/common-s/img/products/lp-campaign/icon-blank.png) no-repeat 18px center, -webkit-linear-gradient(top, #fff 0%, #f4f4f4 100%);
					background:url(/common-s/img/products/lp-campaign/icon-blank.png) no-repeat 18px center, linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);}
		/* ボタン2つ */
		.lp-campaign #main .contacts-fundamental .conversion ul,
		.lp-campaign #main .boxes-ots-login-content .buttons ul{
			display:grid; grid-template-columns:460px 460px; column-gap:40px;}
			.lp-campaign #main .contacts-fundamental .conversion ul li,
			.lp-campaign #main .boxes-ots-login-content .buttons ul li{
				display:grid; grid-template-rows:subgrid; grid-row:span 2;
				width:auto; padding:0;}
				.lp-campaign #main .contacts-fundamental .conversion ul li .text,
				.lp-campaign #main .boxes-ots-login-content .buttons ul li .text{
					display:block; margin-bottom:15px; font-weight:normal; text-align:left;}
				/* ボタン緑 */
				.lp-campaign #main .contacts-fundamental .conversion ul li a,
				.lp-campaign #main .boxes-ots-login-content .buttons ul li a{
					display:flex; justify-content:center; align-items:center;
					border:1px solid #006dba;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #008ed8 0%, #006eba 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, #1fab42 0%, #0d7c29 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 #006eba;}
					.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 #006eba;}
				/* ボタンピンク */
				.lp-campaign #main .contacts-fundamental .conversion ul li.pink-color a{
					border:1px solid #c4005a;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #f4157b 0%, #c5005a 100%);
					color:#fff; font-weight:bold; 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.pink-color a.icons-blank{
					background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #008ed8 0%, #006eba 100%);}
					.lp-campaign #main .contacts-fundamental .conversion ul li.pink-color a:hover{
						background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #c4005a;}
					.lp-campaign #main .contacts-fundamental > p.button.pink-color a.icons-blank:hover,
					.lp-campaign #main .boxes-download-document > p.button.pink-color a.icons-blank:hover{
						background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #c4005a;}
				/* ボタン灰 */
				.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 #ccc;
					background:url(/products/lp/led/replace/img/icons-arrow-right-black.png) no-repeat 36px center, linear-gradient(to bottom, #fefefe 0%, #ddd 100%);
					font-weight:bold;}
				.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-large.png) no-repeat 36px center, linear-gradient(to bottom, #fefefe 0%, #ddd 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(/products/lp/led/replace/img/icons-arrow-right-black.png) no-repeat 36px center #fff;}
					.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-large.png) no-repeat 36px center #fff;}

	/* 電話番号 */
	.lp-campaign #main .contacts-fundamental .conversion-tel{ margin:2em 0 0 55px; text-align:left;}
		.lp-campaign #main .contacts-fundamental .conversion-tel .conversion-tel-number{
			display:inline-block; width:315px; margin:0; padding:0 10px 0 0;
			vertical-align:middle; line-height:1;}
			.lp-campaign #main .contacts-fundamental .conversion-tel .conversion-tel-number .number{
				display:inline-block; padding-left:40px;
				background:url(/common-s/img/products/lp-campaign/icons-tel.png) 0 1px no-repeat;
				font-weight:bold; font-size:36px; font-size:3.6rem;
				line-height:1; letter-spacing:-1px; word-break: break-all;}
		.lp-campaign #main .contacts-fundamental .conversion-tel .detail{
			display:inline-block; width:520px; text-align:left; vertical-align:middle;}
			.lp-campaign #main .contacts-fundamental .conversion-tel .detail .conversion-tel-post{ margin:0; font-size:14px; font-size:1.4rem; line-height:1.5em;}
			.lp-campaign #main .contacts-fundamental .conversion-tel .detail .business-hours{ margin:0; font-size:14px; font-size:1.4rem; line-height:1.5em;}
			/* フリーダイヤル */
			.lp-campaign #main .contacts-fundamental .conversion-tel.free-dial .conversion-tel-number{ width:350px;}
			.lp-campaign #main .contacts-fundamental .conversion-tel.free-dial .conversion-tel-number .number{
				padding-left:50px;
				background:url(/common-s/img/products/lp-campaign/icons-tel-free-dial.png) 0 1px no-repeat;
				letter-spacing:1px;}

		/* ボタン1つ（テキスト横並び） */
		.lp-campaign #main .contacts-fundamental .conversion-web{ display:inline-block; width:410px; margin:0; vertical-align:top;}
			.lp-campaign #main .contacts-fundamental .conversion-web .text{ margin:0; font-size:18px; font-size:1.8rem; line-height:1.5em;}
			.lp-campaign #main .contacts-fundamental .conversion-web p.button{ width:auto; margin:0.5em 0 0;}
				.lp-campaign #main .contacts-fundamental .conversion-web p.button a{
					display:block; min-width:240px; padding:20px 80px; border:1px solid #0d7c29; border-radius:10em;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #1fab42;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #1fab42 0%, #0d7c29 100%);
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #1fab42 0%, #0d7c29 100%);
					color:#fff; font-weight:bold; 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-web p.button a.icons-blank{
					background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #1fab42;
					background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #1fab42 0%, #0d7c29 100%);
					background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #1fab42 0%, #0d7c29 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 #49c268;
						background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #49c268 0%, #1ea240 100%);
						background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #49c268 0%, #1ea240 100%);
						text-decoration:none;}
					.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 #49c268;
						background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #49c268 0%, #1ea240 100%);
						background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #49c268 0%, #1ea240 100%);}

		.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel{ display:inline-block; margin:0 0 0 50px; vertical-align:top; text-align:center;}
			.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel .text{ margin:0; font-size:18px; font-size:1.8rem; line-height:1.5em;}
			.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel .conversion-tel-post{
				margin:0.5em 0 0; font-size:14px; font-size:1.4rem; line-height:1.5em;}
			.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel .conversion-tel-number{ display:block; width:355px; margin-top:0.2em; padding:0;}
				.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel .conversion-tel-number .number{ letter-spacing:1px;}
			.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel .business-hours{
				display:block; margin-top:0; font-size:14px; font-size:1.4rem; line-height:1.5em;}


/* === campf0019_1: サムネイル付き資料ダウンロードエリア === */
.lp-campaign #main .boxes-download-document-img-left { margin-top:5em;}
.lp-campaign #main .boxes-download-document-img-left.contacts-bg-color{
	background:#f2f9f4; margin:5em -500% 0; padding:32px 500%; overflow:hidden;}
	.lp-campaign #main .boxes-download-document-img-left .pic{ display:inline-block; width:294px; vertical-align:top;}
		.lp-campaign #main .boxes-download-document-img-left .pic p{ margin:0;}
			.lp-campaign #main .boxes-download-document-img-left .pic p img{ display:block;}
		.lp-campaign #main .boxes-download-document-img-left .text{
			display:inline-block; width:626px; margin-left: 40px; vertical-align:top;}
			.lp-campaign #main .boxes-download-document-img-left .text > *{
				margin-top:0.8em;}
			.lp-campaign #main .boxes-download-document-img-left .text > *:first-child{
				margin-top:0;}
			/* ボタン */
				.lp-campaign #main .boxes-download-document-img-left .text p.button a{
					display:inline-block; padding:19px 45px 17px 65px; border:1px solid #0d7c29; border-radius:10em;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #1fab42;
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #1fab42 0%, #0d7c29 100%);
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #1fab42 0%, #0d7c29 100%);
					color:#fff; font-weight:bold; font-size:28px; font-size:2.8rem; line-height:1.15em; text-shadow:0 0 3px rgba(4,0,0,0.75);
					text-align: center; box-shadow:3px 3px 5px 0 rgba(4,0,0,0.15);}
				.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 #1fab42;
					background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #1fab42 0%, #0d7c29 100%);
					background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #1fab42 0%, #0d7c29 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 #49c268;
						background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #49c268 0%, #1ea240 100%);
						background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #49c268 0%, #1ea240 100%);
						text-decoration:none;}
					.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 #49c268;
						background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, -webkit-linear-gradient(top, #49c268 0%, #1ea240 100%);
						background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #49c268 0%, #1ea240 100%);}


/* === campf0013_1: 関連リンクエリア === */
.lp-campaign #main .links-footer-info{ margin:5em -500% 0; padding:35px 500% 70px; background:#f6f6f6;}
.lp-campaign #main .contacts-fundamental.contacts-bg-color + .links-footer-info{ margin-top:0;}
	.lp-campaign #main .links-footer-info .links-footer-page-info{ color:#000;}
		.lp-campaign #main .links-footer-info .links-footer-page-info .title{ font-weight:bold; font-size:14px; font-size:1.4rem; line-height:1.5em;}
			.lp-campaign #main .links-footer-info .links-footer-page-info .title:first-child{ margin:0;}
		.lp-campaign #main .links-footer-info .links-footer-page-info .detail{ margin:0.4em 0 0; font-size:14px; font-size:1.4rem; line-height:1.5em;}
		.lp-campaign #main .links-footer-info .links-footer-page-info .detail-notes{ margin:0.4em 0 0;}
			.lp-campaign #main .links-footer-info .links-footer-page-info .detail-notes li{
				list-style:none; margin:0.2em 0 0 2em; padding:0; text-indent:-2em;
				font-weight:normal; font-size:14px; font-size:1.4rem; line-height:1.5em;}
				.lp-campaign #main .links-footer-info .links-footer-page-info .detail-notes li:first-child{ margin-top:0;}
	.lp-campaign #main .links-footer-info .links-footer-page-info + .links-footer-campaign-info{ margin-top:6em;}
		.lp-campaign #main .links-footer-info .links-footer-campaign-info .title{
			margin:0; font-weight:bold;
			font-size:14px; font-size:1.4rem; line-height:1.5em;}
		.lp-campaign #main .links-footer-info .links-footer-campaign-info > ul{ margin:1.5em 0 0; padding:0;}
			.lp-campaign #main .links-footer-info .links-footer-campaign-info > ul > li{
				list-style:none; page-break-inside:avoid;
				margin:1em 0 0; padding:0; font-weight:normal;}
				.lp-campaign #main .links-footer-info .links-footer-campaign-info > ul > li:first-child{ margin-top:0;}
				.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic{
					display:inline-block; width:220px; margin-right:26px; vertical-align:top;}
					.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic p{ margin:0;}
						.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic a{
							display:inline-block; position:relative; padding:1px;
							background:none; border:1px solid #ccc; border-radius:10px;
							box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 2px; overflow:hidden;}
							/* バナーアイコン */
							.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic a:before{
								position:absolute; bottom:-18px; right:-18px; z-index: 1;
								width:36px; height:36px;
								background:#fff; content:"";
								-ms-transform: rotate(45deg); transform: rotate(45deg);}
							.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic a:after{
								display:block; position:absolute; bottom:5px; right:5px; z-index: 2;
								width:5px; height:7px; content:"";
								background: url(/common-s/img/icon-arrow-right.png) no-repeat;}
							.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic a.icons-blank:after{
								bottom:4px; right:4px;
								width:9px; height:9px; content:"";
								background: url(/common-s/img/icon-blank.png) no-repeat;}
							.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic a.icons-external:after{
								bottom:4px; right:4px;
								width:9px; height:9px; content:"";
								background: url(/common-s/img/icon-external.png) no-repeat;}
						.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .pic a img{
							display:block; padding:0;
							border-radius:9px; background:#fff;}
				.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .text{ display:inline-block; width:710px; vertical-align:top;}
					.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .text p { margin-top:0.3em;}
					.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .text p:first-child {
						padding-left:0; margin-top:0; line-height:1.5em;}
					.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li .text .campaign-period {
						margin-top:.3em; font-size:12px; font-size:1.2rem; padding-left:16px;}
					.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li ul { margin:.3em 0 0 20px;}
						.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li ul li { list-style:disc;}
							.lp-campaign #main .links-footer-info .links-footer-campaign-info ul li ul li:first-child { margin-top:0;}



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

	04. タブレット対応

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

@media screen and (max-device-width:959px) and (min-device-width:600px) and (orientation:portrait){
	/* === campb0048_1: 動画基本 === */
	.lp-campaign #main .parts-movie-big .parts-movie-content .parts-movie-alt .open span:hover{
		padding:11px 20px 11px 30px; border:none;
		background:url(/common-s/img/products/lp-campaign/icons-arrow-open.png) no-repeat 18px center #f4f4f4;
		background:url(/common-s/img/products/lp-campaign/icons-arrow-open.png) no-repeat 18px center, -webkit-linear-gradient(top, #fff 0%, #ececec 100%);
		background:url(/common-s/img/products/lp-campaign/icons-arrow-open.png) no-repeat 18px center, linear-gradient(to bottom, #fff 0%, #ececec 100%);
		color:#333; text-decoration:none;}
	.lp-campaign #main .parts-movie-big .parts-movie-content .parts-movie-alt .close span:hover{
		padding:11px 20px 11px 30px; border:none;
		background:url(/common-s/img/products/lp-campaign/icons-arrow-closed.png) no-repeat 18px center #f4f4f4;
		background:url(/common-s/img/products/lp-campaign/icons-arrow-closed.png) no-repeat 18px center, -webkit-linear-gradient(top, #fff 0%, #ececec 100%);
		background:url(/common-s/img/products/lp-campaign/icons-arrow-closed.png) no-repeat 18px center, linear-gradient(to bottom, #fff 0%, #ececec 100%);
		color:#333; text-decoration:none;}
}