.lp-ac-wrapper {
	--lp-primary: #005599;
	--lp-accent: #ff8800;
	--lp-bg-light: #f4f7f9;
	--lp-text-main: #333;
	--lp-white: #ffffff;
	font-family: "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: var(--lp-text-main);
	line-height: 1.6;
}

.lp-ac-container { max-width: 1000px; margin: 0 auto; padding: 0 20px; }
.lp-ac-section { padding: 50px 0; }

.lp-ac-section-title { text-align: center; margin-bottom: 30px; }
.lp-ac-section-title h2 {
	font-size: 1.5rem;
	color: var(--lp-primary);
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
	margin: 0;
}
.lp-ac-section-title h2::after {
	content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
	width: 50px; height: 3px; background: var(--lp-accent);
}

/* --- ヘッダーアイキャッチ --- */
.lp-ac-top-eyecatch {
	width: 100%;
	aspect-ratio: 21 / 9;
	background: url('/images/campaign/2026/airconditioner/7.jpg') center/cover no-repeat;
	display: block;
}

/* --- Hero --- */
.lp-ac-hero {
	background: linear-gradient(rgba(0,85,153,0.9), rgba(0,85,153,0.7));
	color: var(--lp-white);
	padding: 20px 0;
	text-align: center;
}
.lp-ac-hero h1 { font-size: 1.8rem; margin: 0 0 15px; line-height: 1.3; font-weight: bold; color: #fff; }
.lp-ac-hero p { font-size: 0.90rem; margin-bottom: 25px; opacity: 0.9; }

/* --- Button --- */
.lp-ac-btn {
	display: inline-block;
	background: var(--lp-accent);
	color: var(--lp-white) !important;
	padding: 8px 35px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1rem;
	transition: 0.3s;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	border: none;
	margin-bottom: 20px;
}
.lp-ac-btn:hover { background: #e67a00; transform: translateY(-2px); text-decoration: none; }

/* --- Grid & Cards --- */
.lp-ac-card-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.lp-ac-card { background: var(--lp-white); padding: 25px 20px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); border: 1px solid #eee; }
.lp-ac-card i { font-size: 2rem; color: var(--lp-accent); margin-bottom: 15px; display: block; text-align: center; }
.lp-ac-card h3 { color: var(--lp-primary); margin-bottom: 10px; font-size: 1.25rem; text-align: center; margin-top: 0; }
.lp-ac-card p { font-size: 0.9rem; margin: 0; }

.lp-ac-check-list { list-style: none; padding: 0; margin: 10px 0 0; }
.lp-ac-check-list li { position: relative; padding-left: 20px; margin-bottom: 5px; font-size: 0.85rem; text-align: left; }
.lp-ac-check-list li::before { content: '✔'; position: absolute; left: 0; color: var(--lp-accent); font-weight: bold; }

/* --- 特長（特徴）セクション：全画面横長画像レイアウト --- */
.lp-ac-features-grid {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.lp-ac-feat-card {
	background: var(--lp-white);
	border-radius: 12px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	border: 1px solid #eee;
	overflow: hidden; /* 画像の角を丸めるため */
	display: flex;
	flex-direction: column; /* PC・スマホ共通：縦並び（画像が上、テキストが下） */
	transition: transform 0.3s ease;
}

.lp-ac-feat-card:hover {
	transform: translateY(-5px); /* ホバー時に少し浮き上がる演出 */
}

/* 特長写真（全画面横長） */
.lp-ac-feat-img {
	width: 100%;
	/* PC・スマホ共通：横長（16:9）の比率を保つ設定 */
	aspect-ratio: 16 / 9; 
	height: auto; /* aspect-ratioを使うためautoに */
	object-fit: cover;
	border-bottom: 3px solid var(--lp-accent); /* 写真の下にアクセントライン */
}

/* カード内のテキスト部分 */
.lp-ac-feat-body {
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* 上寄せに */
}

.lp-ac-feat-body i {
	font-size: 1.8rem;
	color: var(--lp-accent);
	margin-bottom: 10px;
	display: block;
	text-align: center;
}

.lp-ac-feat-body h3 {
	color: var(--lp-primary);
	margin-bottom: 10px;
	font-size: 1.1rem;
	text-align: center;
	margin-top: 0;
}

.lp-ac-feat-body p {
	font-size: 0.9rem;
	margin: 0;
	line-height: 1.5;
}

/* 項目リストの表示調整 */
.lp-ac-check-list {
	margin-top: 10px;
}

/* スマホ用レスポンシブ：レイアウトは変えず余白等を調整 */
@media (max-width: 768px) {
	.lp-ac-features-grid {
		grid-template-columns: 1fr; /* スマホでは縦1列に並べる */
		gap: 15px;
	}

	/* * ここで flex-direction: row にしないことで、
	* スマホでも画像が上のまま維持されます。
	*/

	.lp-ac-feat-body {
		padding: 15px; /* スマホでは余白を少し詰める */
	}

	.lp-ac-feat-body i {
		font-size: 1.5rem;
		margin-bottom: 5px;
	}

	.lp-ac-feat-body h3 {
		font-size: 1.0rem;
		margin-bottom: 5px;
	}

	.lp-ac-feat-body p {
		font-size: 0.85rem;
	}
}
/* --- Agenda --- */
/* --- アジェンダ：1日目・2日目のグループ化レイアウト --- */
.lp-ac-agenda-outer-grid {
	display: grid;
	gap: 25px;
	grid-template-columns: 1fr 1fr; /* PCでは2列に固定 */
}

.lp-ac-day-group {
	background: #fff;
	padding: 15px;
	border-radius: 12px;
	border: 1px solid #e0e6ed;
}

.lp-ac-day-label {
	display: block;
	font-weight: bold;
	color: var(--lp-primary);
	border-left: 4px solid var(--lp-accent);
	padding-left: 10px;
	margin-bottom: 15px;
	font-size: 1.1rem;
}

.lp-ac-agenda-inner-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr; /* グループ内は1列 */
}

.lp-ac-agenda-item {
	background: var(--lp-bg-light);
	border-radius: 8px;
	overflow: hidden;
	display: flex; /* 横並び（左に画像、右にテキスト） */
	align-items: center;
}

/* PC・スマホ共通：画像比率を拡大 */
.lp-ac-agenda-item img {
	width: 70% !important; /* 画像の幅を拡大 */
	height: 120px !important; /* 少し高さを出してバランスを取る */
	object-fit: cover;
}

.lp-ac-agenda-body {
	padding: 10px;
	width: 65%;
}

.lp-ac-agenda-body span {
	color: var(--lp-accent);
	font-weight: bold;
	font-size: 0.7rem;
	display: block;
}

.lp-ac-agenda-body h3 {
	font-size: 0.9rem;
	margin: 2px 0;
	color: var(--lp-primary);
}

.lp-ac-agenda-body p {
	font-size: 0.8rem;
	margin: 0;
	line-height: 1.3;
}

/* スマホ用レスポンシブ */
@media (max-width: 768px) {
	.lp-ac-agenda-outer-grid {
		grid-template-columns: 1fr; /* スマホでは1日目、2日目が縦に並ぶ */
		gap: 15px;
	}
}

/* スマホでは画像をもっと強調したい場合 */
@media (max-width: 480px) {
	.lp-ac-agenda-item img {
		width: 70% !important;
		height: 120px !important; /* スマホでも少し高さを確保 */
	}
	.lp-ac-agenda-body {
		width: 55% !important;
		height: 100px !important;
	}
}

/* --- Schedule --- */
.lp-ac-schedule-container { background: var(--lp-bg-light); padding: 20px; border-radius: 15px; text-align: left; }
.lp-ac-schedule-header { 
	background: var(--lp-primary); color: #fff; padding: 4px 15px; border-radius: 50px; 
	display: inline-block; margin-bottom: 12px; font-weight: bold; font-size: 0.9rem;
}
.lp-ac-timeline { list-style: none; padding: 0; margin: 0; }
.lp-ac-timeline-item { display: flex; margin-bottom: 8px; border-bottom: 1px dashed #ddd; padding-bottom: 4px; align-items: baseline; }
.lp-ac-time { width: 90px; font-weight: bold; color: var(--lp-primary); flex-shrink: 0; font-size: 0.85rem; }
.lp-ac-content { flex-grow: 1; font-weight: 500; font-size: 0.85rem; }
.lp-ac-break { color: #888; background: #fdfdfd; font-size: 0.8rem; }

/* --- Table --- */
.lp-ac-overview-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 1.0rem; margin-top: 10px; }
.lp-ac-overview-table th { background: #f8f8f8; width: 25%; padding: 12px; text-align: left; border: 1px solid #eee; color: var(--lp-primary); }
.lp-ac-overview-table td { padding: 12px; border: 1px solid #eee; }

/* --- CTA --- */
.lp-ac-cta { background: var(--lp-primary); color: #fff; text-align: center; padding: 35px 20px; }
.lp-ac-cta h2 { color: #fff; margin-bottom: 15px; font-size: 1.8rem; }

.lp-ac-footer { background: #222; color: #fff; text-align: center; padding: 15px 0; font-size: 0.75rem; }

/* --- Responsive --- */
@media (max-width: 768px) {
	.lp-ac-section { padding: 35px 0; }
	.lp-ac-top-eyecatch { aspect-ratio: 16 / 10; }
	.lp-ac-hero h1 { font-size: 1.35rem; }
	.lp-ac-overview-table th, .lp-ac-overview-table td { display: block; width: 100%; box-sizing: border-box; }
	.lp-ac-time { width: 85px; }
}
/* Heroのサブコピーを白に固定 */
.lp-ac-hero p {
	color: #fff;
}
/* CTAの注意文を白に固定 */
.lp-ac-cta p {
	color: #fff;
}
/* CTA背景をHeroと同系統に統一 */
.lp-ac-cta {
	background: linear-gradient(rgba(0,85,153,0.9), rgba(0,85,153,0.7));
}

.sp-ac-reserve{
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 9999;

	width: var(--reserveWidth);   /* max-width ではなく width で固定 */
	box-sizing: border-box;       /* padding/border込みで width を守る */

	padding: 6px;
	background: rgba(255,255,255,.95);
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

/* 1個パターン */
.sp-ac-reserve--single .sp-ac-reserve__btn{
	display: block;
	width: 100%;
}

.sp-ac-reserve__btn{
	box-sizing: border-box;
	text-align: center;
	padding: 10px 8px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	background:#ff8800;
	color: #fff;
	border-radius: 8px;
	font-size: 14px;
}

/* 開催場所リンクをリンクらしく表示＆クリック可能にする */
.lp-ac-maplink{
	color: #005599;
	text-decoration: underline;
	cursor: pointer;
	pointer-events: auto;
}

/* PCでは非表示（data-view="sp" が効かない環境でも保険） */
@media screen and (min-width: 768px) {
	.sp-ac-reserve {
		display: none;
	}
}

/* FAQの質問文を左寄せにし、強調する */
.lp-ac-card h3 {
	text-align: left !important;
	font-size: 1.1rem !important;
	margin-bottom: 10px !important;
}

/* 利用規約ボタンの配色調整 */
.lp-ac-btn[style*="background: #555;"]:hover {
	background: #333 !important;
}
/* 背景色を強制的に適用するクラス */
.lp-ac-bg-gray {
	background-color: #f4f7f9 !important; /* 変数ではなく直接色を指定してテスト */
}

.lp-ac-faq-list {
	margin: 0;
	padding: 0;
}

.lp-ac-faq-list dt {
	color: var(--lp-accent);
	font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 8px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.lp-ac-faq-list dt:first-child {
	border-top: none;
	padding-top: 0;
}

.lp-ac-faq-list dd {
	margin: 0 0 20px 0;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #555;
}

/* セクション全体を際立たせる */
.lp-ac-section-appeal {
	background-color: var(--lp-primary); /* 島忠のメインカラーを背景に */
	padding: 60px 0;
}

/* カードのデザインを強調 */
.appeal-card {
	background: #ffffff !important;
	border: none !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
	transition: transform 0.3s ease !important;
}

.appeal-card:hover {
	transform: translateY(-10px);
}

/* 見出しの色を調整 */
.appeal-card h3 {
	color: var(--lp-primary) !important;
	border-bottom: 2px solid var(--lp-accent);
	padding-bottom: 10px;
	margin-bottom: 15px !important;
}

/* 段落テキストの調整 */
.appeal-card p {
	color: #444;
	line-height: 1.8;
}

.lp-ac-toggle-btn {
	display: block;
	width: 100%;
	margin: 16px 0 0;
	padding: 12px 16px;
	background: #ffffff;
	color: var(--lp-primary);
	border: 2px solid var(--lp-primary);
	border-radius: 8px;
	font-size: 0.95rem;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
}

.lp-ac-toggle-btn:hover {
	background: var(--lp-primary);
	color: #fff;
}

.lp-ac-detail-schedule {
	margin-top: 15px;
}

.lp-ac-detail-schedule[hidden] {
	display: none;
}

.lp-elec-wrapper {
	--lp-primary: #d96f00;
	--lp-primary-dark: #b85e00;
	--lp-accent: #ff9f1c;
	--lp-bg-light: #fff6ec;
	--lp-text-main: #333;
	--lp-white: #ffffff;
	--lp-border: #f1dcc2;
	font-family: "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	color: var(--lp-text-main);
	line-height: 1.6;
}

.lp-elec-container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}

.lp-elec-section {
	padding: 50px 0;
}

.lp-elec-section-title {
	text-align: center;
	margin-bottom: 30px;
}

.lp-elec-section-title h2 {
	font-size: 1.5rem;
	color: var(--lp-primary);
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
	margin: 0;
}

.lp-elec-section-title h2::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 3px;
	background: var(--lp-accent);
}

.lp-elec-top-eyecatch {
	width: 100%;
	aspect-ratio: 21 / 9;
	background: url('/images/campaign/2026/airconditioner/7.jpg') center/cover no-repeat;
	display: block;
}

.lp-elec-hero {
	background: linear-gradient(135deg, #d96f00 0%, #ff9f1c 100%);
	color: var(--lp-white);
	padding: 24px 0;
	text-align: center;
}

.lp-elec-hero h1 {
	font-size: 1.8rem;
	margin: 0 0 15px;
	line-height: 1.3;
	font-weight: bold;
	color: #fff;
}

.lp-elec-hero p {
	font-size: 0.95rem;
	margin-bottom: 25px;
	color: #fff;
	opacity: 0.95;
}

.lp-elec-btn {
	display: inline-block;
	background: #ff8a00;
	color: #fff !important;
	padding: 10px 35px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.05rem;
	transition: 0.3s;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	border: none;
	margin-bottom: 20px;
}

.lp-elec-btn:hover {
	background: #e67a00;
	transform: translateY(-2px);
	text-decoration: none;
}

.lp-elec-btn-sub {
	background: #666;
}

.lp-elec-btn-sub:hover {
	background: #444;
}

.lp-elec-card-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.lp-elec-card {
	background: var(--lp-white);
	padding: 25px 20px;
	border-radius: 12px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	border: 1px solid #eee;
}

.lp-elec-card h3 {
	color: var(--lp-primary);
	margin-bottom: 10px;
	font-size: 1.1rem;
	text-align: left;
	margin-top: 0;
}

.lp-elec-card p {
	font-size: 0.95rem;
	margin: 0;
}

.lp-elec-features-grid {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.lp-elec-feat-card {
	background: var(--lp-white);
	border-radius: 12px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	border: 1px solid #eee;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease;
}

.lp-elec-feat-card:hover {
	transform: translateY(-5px);
}

.lp-elec-feat-img {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	object-fit: cover;
	border-bottom: 3px solid var(--lp-accent);
}

.lp-elec-feat-body {
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.lp-elec-feat-body h3 {
	color: var(--lp-primary);
	margin-bottom: 10px;
	font-size: 1.1rem;
	text-align: center;
	margin-top: 0;
}

.lp-elec-feat-body p {
	font-size: 0.9rem;
	margin: 0;
	line-height: 1.5;
}

.lp-elec-check-list {
	list-style: none;
	padding: 0;
	margin: 10px 0 0;
}

.lp-elec-check-list li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 5px;
	font-size: 0.9rem;
	text-align: left;
}

.lp-elec-check-list li::before {
	content: '・';
	position: absolute;
	left: 0;
	color: var(--lp-accent);
	font-weight: bold;
}

.lp-elec-agenda-outer-grid {
	display: grid;
	gap: 25px;
	grid-template-columns: 1fr 1fr;
}

.lp-elec-day-group {
	background: #fff;
	padding: 15px;
	border-radius: 12px;
	border: 1px solid var(--lp-border);
}

.lp-elec-day-label {
	display: block;
	font-weight: bold;
	color: var(--lp-primary);
	border-left: 4px solid var(--lp-accent);
	padding-left: 10px;
	margin-bottom: 15px;
	font-size: 1.1rem;
}

.lp-elec-agenda-inner-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr;
}

.lp-elec-agenda-item {
	background: var(--lp-bg-light);
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.lp-elec-agenda-item img {
	width: 45%;
	height: 120px;
	object-fit: cover;
}

.lp-elec-agenda-body {
	padding: 12px;
	width: 55%;
}

.lp-elec-agenda-body span {
	color: var(--lp-primary);
	font-weight: bold;
	font-size: 0.75rem;
	display: block;
}

.lp-elec-agenda-body h3 {
	font-size: 0.95rem;
	margin: 2px 0;
	color: var(--lp-primary);
}

.lp-elec-agenda-body p {
	font-size: 0.82rem;
	margin: 0;
	line-height: 1.4;
}

.lp-elec-overview-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	font-size: 1rem;
	margin-top: 10px;
}

.lp-elec-overview-table th {
	background: #fff5e8;
	width: 25%;
	padding: 12px;
	text-align: left;
	border: 1px solid #eee;
	color: var(--lp-primary);
}

.lp-elec-overview-table td {
	padding: 12px;
	border: 1px solid #eee;
}

.lp-elec-price {
	font-size: 1.2rem;
	color: var(--lp-primary);
	font-weight: bold;
}

.lp-elec-maplink {
	color: var(--lp-primary);
	text-decoration: underline;
	cursor: pointer;
	pointer-events: auto;
}

.lp-elec-bg-light {
	background-color: var(--lp-bg-light);
}

.lp-elec-faq-list {
	margin: 0;
	padding: 0;
}

.lp-elec-faq-list dt {
	color: var(--lp-primary);
	font-weight: bold;
	font-size: 1.05rem;
	margin-bottom: 8px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.lp-elec-faq-list dt:first-child {
	border-top: none;
	padding-top: 0;
}

.lp-elec-faq-list dd {
	margin: 0 0 20px 0;
	font-size: 0.95rem;
	line-height: 1.7;
	color: #555;
}

.lp-elec-section-appeal {
	background: linear-gradient(135deg, #d96f00 0%, #c76500 100%);
	padding: 60px 0;
}

.appeal-card {
	background: #fff !important;
	border: none !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
	transition: transform 0.3s ease !important;
}

.appeal-card:hover {
	transform: translateY(-10px);
}

.appeal-card h3 {
	color: var(--lp-primary) !important;
	border-bottom: 2px solid var(--lp-accent);
	padding-bottom: 10px;
	margin-bottom: 15px !important;
}

.appeal-card p {
	color: #444;
	line-height: 1.8;
}

.lp-elec-cta {
	background: linear-gradient(135deg, #d96f00 0%, #ff9f1c 100%);
	color: #fff;
	text-align: center;
	padding: 35px 20px;
}

.lp-elec-cta h2 {
	color: #fff;
	margin-bottom: 15px;
	font-size: 1.8rem;
}

.lp-elec-cta p {
	color: #fff;
}

.sp-elec-reserve {
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 9999;
	width: 220px;
	box-sizing: border-box;
	padding: 6px;
	background: rgba(255,255,255,.95);
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

.sp-elec-reserve--single .sp-elec-reserve__btn {
	display: block;
	width: 100%;
}

.sp-elec-reserve__btn {
	box-sizing: border-box;
	text-align: center;
	padding: 10px 8px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	background: #ff8a00;
	color: #fff;
	border-radius: 8px;
	font-size: 14px;
}

@media screen and (min-width: 768px) {
	.sp-elec-reserve {
		display: none;
	}
}

@media (max-width: 768px) {
	.lp-elec-section {
		padding: 35px 0;
	}

	.lp-elec-top-eyecatch {
		aspect-ratio: 16 / 10;
	}

	.lp-elec-hero h1 {
		font-size: 1.35rem;
	}

	.lp-elec-features-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.lp-elec-feat-body {
		padding: 15px;
	}

	.lp-elec-feat-body h3 {
		font-size: 1rem;
		margin-bottom: 5px;
	}

	.lp-elec-feat-body p {
		font-size: 0.85rem;
	}

	.lp-elec-agenda-outer-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.lp-elec-overview-table th,
	.lp-elec-overview-table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
}

.lp-elec-proof {
	padding: 10px 0 40px;
	margin-top: 24px;
}

.lp-elec-proof-box {
	background: #fff;
	border: 2px solid #e7dccf;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

.lp-elec-proof-title {
	margin: 0 0 20px;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.4;
	color: var(--lp-primary);
	font-weight: bold;
}

.lp-elec-proof-main {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: 20px;
	align-items: stretch;
	margin-bottom: 18px;
}

.lp-elec-proof-achievement {
	background: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lp-elec-proof-achievement img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0;
}

.lp-elec-proof-side {
	display: grid;
	grid-template-rows: auto 1fr;
	gap: 14px;
}

.lp-elec-proof-text {
	background: #fff8ef;
	border: 1px solid #f1dfc7;
	border-radius: 12px;
	padding: 18px 16px;
	display: flex;
	align-items: center;
}

.lp-elec-proof-text p {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.8;
	color: #444;
	font-weight: 500;
}

.lp-elec-proof-photo {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #eadfce;
	min-height: 180px;
}close
作業領域に取り込む:申請キー:473604
check_dialog
dialog_close
2026-07-08 09:54
100%


.lp-elec-proof-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.lp-elec-proof-points {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.lp-elec-proof-point {
	background: #fff;
	border: 1px solid #e7dccf;
	border-radius: 12px;
	padding: 14px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 78px;
}

.lp-elec-proof-point-icon {
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lp-elec-proof-point-icon img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.lp-elec-proof-point-text {
	font-size: 0.95rem;
	line-height: 1.5;
	font-weight: bold;
	color: #4a4a4a;
	text-align: left;
}

@media (max-width: 768px) {
	.lp-elec-proof {
		padding: 0 0 30px;
	}

	.lp-elec-proof-box {
		padding: 16px;
		border-radius: 14px;
	}

	.lp-elec-proof-title {
		font-size: 1.15rem;
		margin-bottom: 16px;
	}

	.lp-elec-proof-main {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.lp-elec-proof-side {
		grid-template-rows: auto auto;
	}

	.lp-elec-proof-text {
		order: 1;
		padding: 14px;
	}

	.lp-elec-proof-text p {
		font-size: 0.92rem;
		line-height: 1.7;
		text-align: left;
	}

	.lp-elec-proof-photo {
		order: 2;
		min-height: auto;
	}

	.lp-elec-proof-photo img {
		height: auto;
	}

	.lp-elec-proof-points {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.lp-elec-proof-point {
		justify-content: flex-start;
		padding: 12px 14px;
		min-height: auto;
	}

	.lp-elec-proof-point-text {
		font-size: 0.9rem;
	}
}