@charset "utf-8";

		/* カスタマイズ例セクション */
		.btob-page .customize_case {
			margin-bottom: 80px;
		}
		.btob-page .customize_case_tag {
			display: none;
		}
 
		/* 課題・カスタマイズ・効果の段済み */
		.btob-page .customize_case_content {
			display: grid;
			grid-template-columns: 1fr;
			gap: 24px;
			margin-bottom: 40px;
		}
		.btob-page .customize_item {
			padding: 24px;
			background: var(--ecbeing_bb_color_blue3);
			border-radius: 4px;
		}
		.btob-page .customize_item_label {
			font-size: 18px;
			font-weight: 600;
			color: var(--ecbeing_bb_color_navyblue3);
			text-transform: uppercase;
			letter-spacing: 0.5px;
			margin-bottom: 16px;
			display: block;
		}
		.btob-page .customize_item_title {
			font-size: 18px;
			font-weight: 600;
			color: #333;
			margin-bottom: 12px;
		}
		.btob-page .customize_item_text {
			font-size: 18px;
			line-height: 1.7;
			color: #333;
		}
		.btob-page .customize_item_text ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		.btob-page .customize_item_text li {
			margin-bottom: 8px;
			padding-left: 16px;
			position: relative;
		}
		.btob-page .customize_item_text li::before {
			content: '・';
			position: absolute;
			left: 0;
			color: var(--ecbeing_bb_color_navyblue3);
		}
		.btob-page .customize_item_text li:last-child {
			margin-bottom: 0;
		}
 
 
		/* 導入効果：濃紺背景＋白文字で最も目立つ */
		.btob-page .customize_case_content > .customize_item:nth-child(3) {
			background: var(--ecbeing_bb_color_navyblue);
			color: #fff;
		}
 
		.btob-page .customize_case_content > .customize_item:nth-child(3) .customize_item_label {
			color: #fff;
		}
 
		.btob-page .customize_case_content > .customize_item:nth-child(3) .customize_item_title {
			color: #fff;
		}
 
		.btob-page .customize_case_content > .customize_item:nth-child(3) .customize_item_text {
			color: #fff;
		}
 
		.btob-page .customize_case_content > .customize_item:nth-child(3) .customize_item_text li::before {
			color: #fff;
		}
 
		/* 画像エリア */
		.btob-page .customize_image {
			text-align: center;
			margin-bottom: 40px;
		}
		.btob-page .customize_image figure {
			margin: 0 0 12px 0;
		}
		.btob-page .customize_image figure img {
			max-width: 100%;
			height: auto;
			border-radius: 4px;
			width: auto;
		}
		.btob-page .customize_image_caption {
			font-size: 13px;
			color: #666;
			font-weight: 500;
		}
 
		/* ボタン */
		.btob-page .customize_case_button {
			text-align: center;
			margin-bottom: 40px;
		}
 
		/* レスポンシブ */
		@media screen and (max-width: 768px) {
			.btob-page .customize_item {
				padding: 16px;
			}
			.btob-page .customize_item_label {
				font-size: 16px;
			}
			.btob-page .customize_item_title {
				font-size: 16px;
			}
			.btob-page .customize_item_text {
				font-size: 16px;
			}
		}