@charset "utf-8";

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

	生成AI 時代のクライアントPC 選びページ　共通のCSS

	最終更新日：2025年7月23日

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

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

	01. コンテンツ定義

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

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

/* === SPメニュー === */
.lp-campaign #main header #sp-header{
	display:none;}


/* === h1キービジュアル ===*/
.lp-campaign #main header .client-business-parts-keyvisual-h1{
	position:relative; display:flex; flex-direction:column;
	justify-content:center; height:140px; margin:0 -500%; padding:0 500%;
	background:url(/products/lp/enterprise/client-business/microsoft-ai-pc/img/bg-h1.jpg) no-repeat top center;}
	.lp-campaign #main header .client-business-parts-keyvisual-h1 h1{
		order:2; font-size:4rem; line-height:1.4em; text-align:center;}
	.lp-campaign #main header .client-business-parts-keyvisual-h1 h1.color-blue{
		color:#1414a1;}
		/* ロゴが入ってきた時 */
		.lp-campaign #main header .client-business-parts-keyvisual-h1 h1 img{
			display:block; width:160px; height:auto; margin:0 auto; border-radius:0;}
	.lp-campaign #main header .client-business-parts-keyvisual-h1 .logo {
		order:1;}
	.lp-campaign #main header .client-business-parts-keyvisual-h1 .pic {
		position:absolute; top:0; left:calc((1920px - 960px) / 2 * -1); margin:0;
		z-index:-1;}
/* 横並び */
.lp-campaign #main header .client-business-parts-keyvisual-h1.beside {
	flex-direction:row;
	justify-content:center;
	align-items:center;}
	.lp-campaign #main header .client-business-parts-keyvisual-h1.beside .logo {
		margin:0 15px 0 0;}
		.lp-campaign #main header .client-business-parts-keyvisual-h1.beside .logo img {
			border-radius:0;}


/* === h1キービジュアル ボタン付 ===*/
.lp-campaign #main header .uniques-parts-keyvisual-h1-button{
	position:relative; width:1920px; height:480px; margin:0 0 0 calc((1920px - 960px) / -2);
	background:none;}
	.lp-campaign #main header .uniques-parts-keyvisual-h1-button h1{}
	.lp-campaign #main header .uniques-parts-keyvisual-h1-button .buttons{
		position:relative; width:960px; margin:0 auto;}
		.lp-campaign #main header .uniques-parts-keyvisual-h1-button .buttons .button1{
			position:absolute; bottom:15px; width:410px; text-align:center;}
			.lp-campaign #main header .uniques-parts-keyvisual-h1-button .buttons .button1 a{
				display:block; padding:24px 0; border:none; border-radius:10em;
				background:url(/products/lp/enterprise/client-business/microsoft-ai-pc/img/icons-arrow-bottom-white.png) no-repeat 30px center, linear-gradient(to bottom, #004da0 0%, #072c53 100%);
				color:#fff; font-weight:bold; font-size:2.5rem; 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); text-decoration:none;}
			.lp-campaign #main header .uniques-parts-keyvisual-h1-button .buttons .button1 a:hover{
				background:url(/products/lp/enterprise/client-business/microsoft-ai-pc/img/icons-arrow-bottom-white.png) no-repeat 30px center #004da0;}
		.lp-campaign #main header .uniques-parts-keyvisual-h1-button .buttons .button2{
			position:absolute; right:0; bottom:15px; width:410px; text-align:center;}
			.lp-campaign #main header .uniques-parts-keyvisual-h1-button .buttons .button2 a{
				display:block; padding:24px 0 24px 20px; border:none; border-radius:10em;
				background:url(/products/lp/enterprise/client-business/microsoft-ai-pc/img/icons-arrow-bottom-white.png) no-repeat 30px center, linear-gradient(to bottom, #4b842c 0%, #214b0a 100%);
				color:#fff; font-weight:bold; font-size:2.5rem; 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); text-decoration:none;}
			.lp-campaign #main header .uniques-parts-keyvisual-h1-button .buttons .button2 a:hover{
				background:url(/products/lp/enterprise/client-business/microsoft-ai-pc/img/icons-arrow-bottom-white.png) no-repeat 30px center #4b842c;}
	


/* === campb0053_1: 注釈 アスタリスク（コンテンツヘッダー） === */
.lp-campaign #main header .lists-notes-asterisk{
	width:1920px; margin:0 0 0 calc((960px - 1920px) / 2);
	padding:20px 0; background:#e3e3e3;}
	.lp-campaign #main header .lists-notes-asterisk ul{
		margin:0; text-align:center;}


/* === camph0001_1: 汎用ページ内リンク 2カラム
       camph0002_1: 汎用ページ内リンク 3カラム === */
.lp-campaign #main .cb-inpagelinks-heading-content-column2,
.lp-campaign #main .cb-inpagelinks-heading-content-column3 {
	margin-top:30px; padding:28px; background:#fbfbfb;
	border:2px solid #ccc; border-radius:5px;}
	.lp-campaign #main .cb-inpagelinks-heading-content-column2 ul,
	.lp-campaign #main .cb-inpagelinks-heading-content-column3 ul {
		display:flex; flex-wrap:wrap; margin:0;}
		.lp-campaign #main .cb-inpagelinks-heading-content-column2 ul li {
			list-style:none; width:calc(50% - 10px);
			margin-left:20px; padding:0; font-size:1.8rem;}
			.lp-campaign #main .cb-inpagelinks-heading-content-column2 ul li:nth-child(odd) {
				margin-left:0;}
		.lp-campaign #main .cb-inpagelinks-heading-content-column3 ul li {
			list-style:none; width:280px;
			margin-left:20px; padding:0;}
			.lp-campaign #main .cb-inpagelinks-heading-content-column3 ul li:nth-child(3n + 1) {
				margin-left:0;}
			.lp-campaign #main .cb-inpagelinks-heading-content-column2 ul li:first-child,
			.lp-campaign #main .cb-inpagelinks-heading-content-column2 ul li:nth-child(2),
			.lp-campaign #main .cb-inpagelinks-heading-content-column3 ul li:first-child,
			.lp-campaign #main .cb-inpagelinks-heading-content-column3 ul li:nth-child(2),
			.lp-campaign #main .cb-inpagelinks-heading-content-column3 ul li:nth-child(3) {
				margin-top:0;}
				.lp-campaign #main .cb-inpagelinks-heading-content-column2 ul li a,
				.lp-campaign #main .cb-inpagelinks-heading-content-column3 ul li a {
					background:url(/common-s/img/products/lp-campaign/icons-arrow-bottom.png) no-repeat left 0.4em / 10px auto;}



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

/* === campb0001_1: テキスト === */
.lp-campaign #main p .color-blue{
	color:#0078ff;}


/* === campb0005_1: テキスト（大・太字） === */
.lp-campaign #main p.texts-emphasis-large{ font-size:2rem;}
.lp-campaign #main p.texts-emphasis-large.texts-border{
	border-bottom:1px solid #ccc;}


/* === campb0006_1: テキスト（強調カラー） === */
.lp-campaign #main .texts-emphasis-color{ color:#e3521a;}


/* === campb0019_1: H2見出し === */
.lp-campaign #main h2{
	margin-top:2.5em; padding:7px 5px; background:#000;
	border-bottom:none; color:#fff; font-weight:bold;
	font-size:3.6rem; line-height:1.5em; text-align:center;}
	.lp-campaign #main h2 .sub-heading-text-green{
		display:block;}
.lp-campaign #main h2.heading2-small{
	font-size:3rem;}
.lp-campaign #main h2.color-blue{
	background:#1414a1;}
.lp-campaign #main h2.color-blue-top{
	background:#004da0;}
.lp-campaign #main h2.color-green{
	background:#4b842c;}
/* 画像 */
.lp-campaign #main h2.h2-image{
	padding:0; background:none;}
	.lp-campaign #main h2.h2-image img{
		border-radius:0;}


/* === campb0022_1: H3見出し === */
.lp-campaign #main h3{
	margin-top:2.5em;
	font-size:2.8rem; color:#000; text-align:center;}


/* === cmpo0010_1: ポイントマーク付き見出し3 === */
.lp-campaign #main .marks-point-heading3 {
	display:flex; justify-content:left; align-items:flex-start; border:none; color:#333;}
	.lp-campaign #main .marks-point-heading3 .point {
		width:120px; margin-right:10px; padding:2px 5px 0; background:#e3521a;
		border-radius:10px; color:#fff; font-size:2rem; box-sizing:border-box;}
	.lp-campaign #main .marks-point-heading3 .text {
		max-width:calc(100% - 130px - 10px); padding-top:3px;}


/* === campb0025_1: H4見出し === */
.lp-campaign #main h4{
	color:#000; font-size:2.4rem;}
	.lp-campaign #main h4.box-title{
		padding:5px 5px 3px;
		background:#eaeaea;}


/* === campb0034_1: 画像 中（右）
       campb0035_1: 画像 中（左） === */
.lp-campaign #main .parts-img-middle-right .text .color-blue,
.lp-campaign #main .parts-img-middle-left .text .color-blue{
	color:#368dc3;}
	.lp-campaign #main .parts-img-middle-right .text,
	.lp-campaign #main .parts-img-middle-left .text{
		width:calc(100% - 460px - 40px);}


/* === ボックスパーツ（灰色） === */
.lp-campaign #main .boxes-text-gray{
	margin-top:31px; padding:14px;
	background:#ededed; text-align:center;}
	.lp-campaign #main .boxes-text-gray > *:first-child{
		margin-top:0;}
	.lp-campaign #main .boxes-text-gray p{
		font-weight:bold; font-size:1.8rem; line-height:1.7em;}
		.lp-campaign #main .boxes-text-gray p .emphasis-color{
			color:#cb0000;}
	.lp-campaign #main .boxes-text-gray.text-left p{
		text-align:left;}


/* === イベントリンクリスト === */
.lp-campaign #main .links-client-business-event{
	margin-top:35px;}
	.lp-campaign #main .links-client-business-event > ul{
		display:flex; flex-wrap:wrap; margin:0;}
		.lp-campaign #main .links-client-business-event > ul > li{
			position:relative;
			list-style:none; width:calc((100% - (39px * 2)) / 3);
			margin:0 0 0 39px; padding:10px; box-sizing:border-box;}
			.lp-campaign #main .links-client-business-event > ul > li:first-child{
				margin-left:0;}
			.lp-campaign #main .links-client-business-event > ul > li::before{
				position:absolute; top:0; left:0;
				width:15px; height:15px;
				border-top:1px solid #000;
				border-left:1px solid #000;
				content:"";}
			.lp-campaign #main .links-client-business-event > ul > li::after{
				position:absolute; bottom:0; right:0;
				width:15px; height:15px;
				border-right:1px solid #000;
				border-bottom:1px solid #000;
				content:"";}
			.lp-campaign #main .links-client-business-event > ul > li .date{
				margin-top:0; font-size:1.8rem; line-height:1.5em;}
				.lp-campaign #main .links-client-business-event > ul > li .date .small{
					font-size:1.4rem;}
				.lp-campaign #main .links-client-business-event > ul > li .date .time{
					margin-left:10px; font-size:1.4rem;}
			.lp-campaign #main .links-client-business-event > ul > li .title{
				margin-top:0.2em;}
				.lp-campaign #main .links-client-business-event > ul > li .title a{
					background:url(/products/lp/enterprise/client-business/microsoft-ai-pc/img/icons-blank-black.png) 0 0.55em / 9px 9px no-repeat;
					font-weight:normal; font-size:1.4rem;}
			.lp-campaign #main .links-client-business-event > ul > li .labels{
				display:flex; flex-wrap:wrap; margin:7px 0 0; padding-left:21px;}
				.lp-campaign #main .links-client-business-event > ul > li .labels li{
					list-style:none; margin:0; padding:3px 10px;
					background:#132571;  color:#fff;
					font-weight:normal; font-size:1.2rem; line-height:1em;}


/* === campb0028_1: 1カラムボックス
       campb0029_1: 2カラムボックス
       campb0030_1: 2カラムボックス（番号リスト）
       campb0031_1: 3カラムボックス
       campb0032_1: 3カラムボックス（番号リスト）
       campb0033_1: 4カラムボックス === */
/* 1カラム */
.lp-campaign #main .parts-column-one .pic a{
	display:block; padding:0; background:none;}
	.lp-campaign #main .parts-column-one .pic.del-round-corners img{
		border-radius:0;}
/* 2カラム */
.lp-campaign #main .parts-column-two > ul > li .title{
	font-weight:bold; color:#0078ff;}
/* 3カラム */
.lp-campaign #main .parts-column-three > ul > li .lead{
	font-weight:bold; font-size:1.8rem;}
	/* ボタン */
	.lp-campaign #main .parts-column-three .button a.icons-external{
		background:url(/common-s/img/icon-external.png) no-repeat 18px center, linear-gradient(to bottom, #fff 0%, #ececec 100%);}
.lp-campaign #main .parts-column-three > ul > li .title{
	margin-top:0.8em;
	font-weight:bold; color:#0078ff;
	font-size:2.4rem; text-align:center;}
.lp-campaign #main .parts-column-three > ul > li .title + p{
	margin-top:0.2em; font-size:1.8rem; line-height:1.5em; text-align:center;}
/* 4カラム */
.lp-campaign #main .parts-column-four{
	margin:20px 0 0;}
.lp-campaign #main .parts-column-four.grid ul{
	display:grid; grid-template-columns:repeat(4, 210px); gap:40px;}
	.lp-campaign #main .parts-column-four.grid ul li{
		display:grid; grid-template-rows:137px auto;}
		.lp-campaign #main .parts-column-four ul li .mark{
			display:flex; justify-content:center; align-items:center;
			height:calc(100% - 20px); margin-top:0; padding:10px 0;
			background:#0078ff; border-radius:10px;
			font-weight:bold; color:#fff; text-align:center; line-height:1.5em;}


/* 1カラム 画像角丸削除 */
.lp-campaign #main .parts-column-one.del-round-corner .pic a{
	display:block; padding:0; background:none;}
	.lp-campaign #main .parts-column-one.del-round-corner .pic img{
		display:block; border-radius:0;}


/* === 学習用端末の選定で押さえておきたい5つのポイント === */
.lp-campaign #main .uniques-lists-point{
	margin-top:30px;}
	.lp-campaign #main .uniques-lists-point .area-title{
		margin:0; font-size:2rem; font-weight:bold;
		color:#0078ff; text-align:center;}
	.lp-campaign #main .uniques-lists-point ol{
		margin:0;}
		.lp-campaign #main .uniques-lists-point ol li{
			display:flex; align-items:center; margin:13px 0 0;
			background:#e5e5e5; border-radius:10em;
			text-indent:0;}
			.lp-campaign #main .uniques-lists-point ol li::before{
				display:none;}
			.lp-campaign #main .uniques-lists-point ol li .point{
				display:flex; align-items:center;
				width:330px; margin:0 14px 0 0; padding:8px 0 6px;
				background:#0078ff; border-radius:10em; color:#fff;}
				.lp-campaign #main .uniques-lists-point ol li .point::before{
					width:12px; content:counter(num);
					padding:0 18px 0 12px; color:#fff;
					font-size:2.8rem; font-weight:bold; opacity:0.6;}
			.lp-campaign #main .uniques-lists-point ol li .point + p{
				margin:0; font-weight:normal;}


/* === surfaceの主な特徴 === */
.lp-campaign #main .lists-reason{
	margin-top:20px;}
	.lp-campaign #main .lists-reason ul{
		display:grid; grid-template-columns:repeat(2, 460px);
		gap:15px 40px; margin:0;}
		.lp-campaign #main .lists-reason ul li{
			display:flex; align-items:center;
			list-style:none; margin:0; padding:15px 10px; background:#e3f4ff;
			border:2px solid #e3f4ff; border-radius:10px; font-weight:normal;}
			.lp-campaign #main .lists-reason ul li .pic{
				margin:0;}
			.lp-campaign #main .lists-reason ul li .texts{
				margin-left:14px;}
				.lp-campaign #main .lists-reason ul li .texts .title{
					margin:0; color:#0078ff; font-weight:bold;
					font-size:2.1rem; line-height:1.3em;}
				.lp-campaign #main .lists-reason ul li .texts .title + p{
					margin-top:0.2em;}
			.lp-campaign #main .lists-reason ul li:first-child{
				background:#fff; border-color:#077cff;}
				.lp-campaign #main .lists-reason ul li:first-child .texts .title{
					font-size:2.7rem;}


/* === 主要モデル紹介 === */
.lp-campaign #main .lists-main-model{}
	.lp-campaign #main .lists-main-model .container{
		position:relative;}
		.lp-campaign #main .lists-main-model .container .name{
			position:absolute; top:16px; left:50px; margin:0;
			color:#0078ff; font-weight:bold;
			font-size:2.8rem; line-height:1.5em;}
			.lp-campaign #main .lists-main-model .container:nth-child(2) .name{
				top:48px; left:588px;}
			.lp-campaign #main .lists-main-model .container:nth-child(3) .name{
				top:68px;}


/* === EDUSeedの主な特徴 === */
.lp-campaign #main .lists-features{
	margin-top:20px;}
	.lp-campaign #main .lists-features ul{
		display:grid; grid-template-columns:repeat(3, 293px);
		gap:19px 39px; margin:0;}
		.lp-campaign #main .lists-features ul li{
			list-style:none; margin:0; padding:15px 0 13px;
			background:#e3f4ff; border-radius:10px;
			font-size:2.4rem; color:#0078ff; font-weight:bold; text-align:center;}




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

	コンテンツフッター
	.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/enterprise/client-business/microsoft-ai-pc/img/bg-contact.jpg) top center #000;}
	.lp-campaign #main .contacts-fundamental .message,
	.lp-campaign #main .boxes-ots-login-content .message,
	.lp-campaign #main .boxes-download-document .message{
		color:#fff; font-size:4rem;}
	/* ボタン1つ、ボタン2つ（縦並び） */
	/* ボタン緑 */
	.lp-campaign #main .contacts-fundamental > p.button a,
	.lp-campaign #main .boxes-download-document > p.button a{
		border:none;
		background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #c00000 0%, #8a0000 100%);
		color:#fff; font-weight:bold; font-size:28px; font-size:3.2rem; 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, #c00000 0%, #8a0000 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 #c00000;}
		.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 #c00000;}
	/* ボタン青 */
	.lp-campaign #main .contacts-fundamental > p.button.blue a,
	.lp-campaign #main .boxes-download-document > p.button.blue a{
		background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #3751bc 0%, #132571 100%);}
	.lp-campaign #main .contacts-fundamental > p.button.blue a.icons-blank,
	.lp-campaign #main .boxes-download-document > p.button.blue a.icons-blank{
		background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #3751bc 0%, #132571 100%);}
		.lp-campaign #main .contacts-fundamental > p.button.blue a:hover,
		.lp-campaign #main .boxes-download-document > p.button.blue a:hover{
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #3751bc;}
		.lp-campaign #main .contacts-fundamental > p.button.blue a.icons-blank:hover,
		.lp-campaign #main .boxes-download-document > p.button.blue a.icons-blank:hover{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #3751bc;}
	/* ボタン緑 */
	.lp-campaign #main .contacts-fundamental > p.button.green a,
	.lp-campaign #main .boxes-download-document > p.button.green a{
		background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #4b842c 0%, #214b0a 100%);}
	.lp-campaign #main .contacts-fundamental > p.button.green a.icons-blank,
	.lp-campaign #main .boxes-download-document > p.button.green a.icons-blank{
		background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to bottom, #4b842c 0%, #214b0a 100%);}
		.lp-campaign #main .contacts-fundamental > p.button.green a:hover,
		.lp-campaign #main .boxes-download-document > p.button.green a:hover{
			background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #4b842c;}
		.lp-campaign #main .contacts-fundamental > p.button.green a.icons-blank:hover,
		.lp-campaign #main .boxes-download-document > p.button.green a.icons-blank:hover{
			background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #4b842c;}
	/* 電話番号 */
	.lp-campaign #main .contacts-fundamental .conversion-tel .conversion-tel-number .number{
		background:url(/products/lp/enterprise/client-business/microsoft-ai-pc/img/icons-tel.png) 0 1px no-repeat;}
		/* ボタン1つ（テキスト横並び） */
		.lp-campaign #main .contacts-fundamental .conversion-web.w-long{
			width: 740px;}
			.lp-campaign #main .contacts-fundamental .conversion-web .text{
				color:#fff; font-size:2rem;}
			.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{
					padding:20px 70px; border:1px solid #ccc;
					background:url(/products/lp/enterprise/client-business/microsoft-surface-eduseed/img/icons-arrow-right-orange-large.png) no-repeat 36px center, linear-gradient(to bottom, #fefefe 0%, #ddd 100%);
					color:#000; font-size:2.8rem; text-shadow:none;}
				.lp-campaign #main .contacts-fundamental .conversion-web p.button a.icons-blank{
					background:url(/products/lp/enterprise/client-business/microsoft-surface-eduseed/img/icons-blank-orange.png) no-repeat 36px center, linear-gradient(to bottom, #fff 0%, #eaeaea 100%);}
					.lp-campaign #main .contacts-fundamental .conversion-web p.button a:hover{
						background:url(/products/lp/enterprise/client-business/microsoft-surface-eduseed/img/icons-arrow-right-orange-large.png) no-repeat 36px center #fff;
						text-decoration:none;}
					.lp-campaign #main .contacts-fundamental .conversion-web p.button a.icons-blank:hover{
						background:url(/products/lp/enterprise/client-business/microsoft-surface-eduseed/img/icons-blank-orange.png) no-repeat 36px center #fff;}
			/* 別色 */
			.lp-campaign #main .contacts-fundamental .conversion-web p.button.different-color a{
				padding:20px 70px; border:1px solid #c80c0b;
				background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to right, #f27421 0%, #dc1616 100%);
				color:#fff; font-weight:bold; font-size:28px; font-size:2.8rem; line-height:1.15em; text-shadow:0 0 4px rgba(0,0,0,0.9);}
			.lp-campaign #main .contacts-fundamental .conversion-web p.button.different-color a.icons-blank{
				background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center, linear-gradient(to right, #f27421 0%, #dc1616 100%);}
				.lp-campaign #main .contacts-fundamental .conversion-web p.button.different-color a:hover{
					background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center #f27421;}
				.lp-campaign #main .contacts-fundamental .conversion-web p.button.different-color a.icons-blank:hover{
					background:url(/common-s/img/products/lp-campaign/icons-blank-white.png) no-repeat 36px center #f27421;}

		.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{
				color:#fff; font-size:2rem;}
			.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel .conversion-tel-post{
				color:#fff; font-size:1.5rem;}
			.lp-campaign #main .contacts-fundamental .conversion-web + .conversion-tel .conversion-tel-number{
				color:#fff;}