@charset "utf-8";

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

	企業向けに最適なChatGPTサービスとはページ　共通のCSS

	最終更新日：2024年10月30日

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

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

	01. コンテンツ定義

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

/* -------------------------------------------------------------------
	コンテンツヘッダー
	.lp-campaign #main ～
------------------------------------------------------------------- */
/* === キービジュ下 === */
.lp-campaign #main .parts-seminar-detail{
	position:relative; display:flex;
	justify-content:center; align-items:center;
	margin:-33px 20px 0; padding:18px 25px; background:#b20000;}
	.lp-campaign #main .parts-seminar-detail .title{
		margin:0; font-weight:bold;
		color:#fff; font-size:2.2rem;}
	.lp-campaign #main .parts-seminar-detail .date{
		margin:0 0 0 32px; color:#fff;}



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

.lp-campaign #main .texts-emphasis-color{
	color:#b20000;}


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


/* === campb0022_1: H3見出し === */
.lp-campaign #main h3{
	position:relative; padding-left:40px; color:#0075a9;}
	.lp-campaign #main h3::before{
		position:absolute; top:0.3em;
		width:25px; height:25px; margin-left: -40px;
		background:linear-gradient(135deg, #0075a9 50%, #005982 51%, #005982 100%);
		content:"";}


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


/* === campb0036_1: 画像 小（右）
       campb0037_1: 画像 小（左） === */
.lp-campaign #main .parts-img-small-right .text .emphasis,
.lp-campaign #main .parts-img-small-left .text .emphasis{
	font-weight:bold;}


/* === campb0046_1: データテーブル（表） === */
.lp-campaign #main .tables-fundamental table thead th {
	background-color:#e7f0f4; }
.lp-campaign #main .tables-fundamental table thead th.color-gray {
	background-color:#e5e5e5;}
.lp-campaign #main .tables-fundamental table tbody th {
	background-color:#f8fafc; }
.lp-campaign #main .tables-fundamental table td.color-gray {
	background-color:#f2f2f2;}
	.lp-campaign #main .tables-fundamental table img {
		display:block; margin:15px auto 0;}
	.lp-campaign #main .tables-fundamental .lists-notes-asterisk,
	.lp-campaign #main .tables-fundamental .lists-notes-asterisk ul,
	.lp-campaign #main .tables-fundamental .lists-notes-number-none,
	.lp-campaign #main .tables-fundamental .lists-notes-number-none ul{
		margin-top:0;
}



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

	コンテンツフッター
	.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,
.lp-campaign #main .boxes-ots-login-content,
.lp-campaign #main .boxes-download-document{ margin-bottom:80px;}
/* ボタン1つ、ボタン2つ（縦並び） */
/* ボタン緑 */
.lp-campaign #main .contacts-fundamental > p.button a,
.lp-campaign #main .boxes-download-document > p.button a{
	padding:22px 80px; border:none;
	background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 36px center, linear-gradient(to bottom, #0075a9 0%, #005982 100%);
	font-size:2.6rem; text-shadow:none;}
.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, #0075a9 0%, #005982 100%);}
.lp-campaign #main .contacts-fundamental > p.button a.icons-external,
.lp-campaign #main .boxes-download-document > p.button a.icons-external{
	background:url(/products/lp/ai-iot/chatgpt/img/icons-external.png) no-repeat 36px center, linear-gradient(to bottom, #0075a9 0%, #005982 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, linear-gradient(to bottom, #0091bd 0%, #00789c 100%);}
	.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, linear-gradient(to bottom, #0075a9 0%, #00789c 100%);}
	.lp-campaign #main .contacts-fundamental > p.button a.icons-external:hover,
	.lp-campaign #main .boxes-download-document > p.button a.icons-external:hover{
		background:url(/products/lp/ai-iot/chatgpt/img/icons-external.png) no-repeat 36px center, linear-gradient(to bottom, #0091bd 0%, #00789c 100%);}


/* === cmpo0017_1: 資料ダウンロードエリア 2カラム右画像
       cmpo0019_1: 資料ダウンロードエリア 2カラム右画像（フル背景） === */
.lp-campaign #main .boxes-document-download {
	margin-top:60px; margin-bottom:60px; padding:20px 40px 20px;
	background:#ebf1f7;}
.lp-campaign #main .boxes-document-download.full-bg {
	margin:60px -500% 0; padding:30px calc(500% + 40px) 20px;}
	.lp-campaign #main .boxes-document-download .title {
		margin-top:0; border-bottom:none;
		font-weight:bold; font-size:3.6rem; line-height:1.5em;
		text-align:center;}
		.lp-campaign #main .boxes-document-download .title .point {
			font-weight:bold; font-size:4.8rem;}
	.lp-campaign #main .boxes-document-download .detail {
		overflow:hidden;
		margin-top:0; padding:24px 20px 24px 17px; background:#fff;}
		.lp-campaign #main .boxes-document-download .detail .document-title {
			margin-top:0; color:#bc4111; font-size:2.4rem; line-height:1.3em; font-weight:bold;
			text-align:center;}
			.lp-campaign #main .boxes-document-download .detail .document-title .point {
				color:#c7000b; font-size:30px; font-size:3rem; line-height:1.3em; font-weight:bold}
		.lp-campaign #main .boxes-document-download .detail .text {
			float:left; width:calc(100% - 396px - 20px); margin-top:0; text-align:left;}
			.lp-campaign #main .boxes-document-download .detail .text > p:first-child {
				margin-top:0;}
			.lp-campaign #main .boxes-document-download .detail .text ul li {
				font-size:16px; font-size:1.6rem;}
			.lp-campaign #main .boxes-document-download .detail .text .lists-notes-number-none ul {
				margin-top:0.5em;}
				.lp-campaign #main .boxes-document-download .detail .text .lists-notes-number-none ul li{
					font-size:12px; font-size:1.2rem;}
			.lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content,
			.lp-campaign #main .boxes-document-download .detail .text .boxes-download-document {
				margin-top:20px;}
				.lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content .message,
				.lp-campaign #main .boxes-document-download .detail .text .boxes-download-document .message {
					margin-top:0; color:#333; font-size:13px; font-size:1.3rem;
					line-height:1.7em; font-weight:normal; text-align:left;}
					/* ボタン */
					.lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content .button,
					.lp-campaign #main .boxes-document-download .detail .text .boxes-download-document .button {
						display:block; margin-top:10px;}
						.lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content .button a,
						.lp-campaign #main .boxes-document-download .detail .text .boxes-download-document .button a{
							display:block; padding:20px 0 20px 20px; border:1px solid #ccc; border-radius:10em;
							background:url(/common-s/img/icon-button-login-otsukaid.png) no-repeat 26px center, linear-gradient(to bottom, #fffefc 0%, #fdeed1 100%);
							color:#333; font-size:2.8rem; line-height:1.15em; font-weight:bold;
							text-shadow:none; text-align:center; box-shadow:3px 3px 5px 0 rgba(4,0,0,0.15);}
							.lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content .button a:hover,
							.lp-campaign #main .boxes-document-download .detail .text .boxes-download-document .button a:hover{
								text-decoration:underline;}
						/* ログイン後 */
						.logged-in-otsukaid .lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content .button a,
						.logged-in-otsukaid .lp-campaign #main .boxes-document-download .detail .text .boxes-download-document .button a{
							padding:20px 0; border:1px solid #0d7c29;
							background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 26px center, linear-gradient(to bottom, #1fab42 0%, #0d7c29 100%);
							color:#fff;}
							.logged-in-otsukaid .lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content .button a:hover,
							.logged-in-otsukaid .lp-campaign #main .boxes-document-download .detail .text .boxes-download-document .button a:hover{
								background:url(/common-s/img/products/lp-campaign/icons-arrow-right-white.png) no-repeat 26px center, linear-gradient(to bottom, #49c268 0%, #1ea240 100%);
								text-decoration:none;}
						.logged-in-otsukaid .lp-campaign #main .boxes-document-download .detail .text .boxes-ots-login-content .link,
						.logged-in-otsukaid .lp-campaign #main .boxes-document-download .detail .text .boxes-download-document .link{
							display:none;}
		.lp-campaign #main .boxes-document-download .detail .pic {
			float:right; width:396px; margin-top:0;}
	.lp-campaign #main .boxes-document-download .text .contacts-fundamental{
		margin:10px 0 0;}
		.lp-campaign #main .boxes-document-download .text .contacts-fundamental .button a{
			min-width:auto;}