@media (max-width: 1200px) {
			.hero-copy {
				min-height: 52vw;
				padding: 8vw 24px 7vw;
			}

			.hero-heading {
				font-size: clamp(30px, 3.8vw, 36px);
			}

			.hero-label {
				font-size: clamp(16px, 1.8vw, 20px);
				height: clamp(40px, 4.4vw, 56px);
			}

			.hero-description {
				font-size: clamp(14px, 1.5vw, 16px);
			}

			.hero-cta {
				margin-top: 48px;
			}

			.hero-cta img {
				width: min(627px, calc(100% - 48px));
			}
		}

@media (max-width: 1200px) {
			.section.solution-section,
			.section.example-section,
			.section.voice-section,
			.section.why-brainco-section,
			.section.how_to_use-section,
			.section.faq-section {
				height: auto;
				min-height: 0;
			}

			.how_to_use-section,
			.comparison-section {
				width: 100%;
				max-width: 100%;
				padding-left: 24px;
				padding-right: 24px;
				overflow-x: clip;
			}

			.overview-section {
				width: 100%;
				padding: 40px 24px 24px;
			}

			.overview-title {
				margin-bottom: 24px;
			}

			.overview-title img {
				width: min(411px, 100%);
			}

			.overview-card {
				width: 100%;
				min-height: clamp(280px, 36vw, 424px);
				padding: clamp(40px, 6vw, 72px) clamp(28px, 8vw, 120px) clamp(36px, 5vw, 58px);
				background-size: 100% 100%;
			}

			.overview-heading {
				font-size: clamp(18px, 2.2vw, 24px);
			}

			.overview-description {
				margin-top: 24px;
				font-size: clamp(10px, 1.1vw, 12px);
			}

			.kadai-section {
				width: 100%;
				padding: 36px 24px 16px;
			}

			.kadai-title-image {
				margin-bottom: 28px;
			}

			.kadai-title-image img,
			.kadai-summary img {
				width: min(100%, 760px);
			}

			.kadai-grid-top {
				grid-template-columns: repeat(2, minmax(0, 282px));
				gap: 16px;
			}

			.kadai-grid-bottom {
				grid-template-columns: repeat(3, minmax(0, 1fr));
				gap: 16px;
				margin-top: 28px;
			}

			.kadai-card,
			.kadai-solution-card {
				width: 100%;
				max-width: 384px;
				margin: 0 auto;
			}

			.kadai-summary {
				margin-top: 40px;
			}

			.example-section {
				padding-top: 18px;
			}

			.dekirukoto-wrap {
				width: 100%;
				padding: 0 24px;
			}

			.achievement-section,
			.achievement-cards,
			.achievement-rate {
				width: 100%;
				max-width: 100%;
			}

			.achievement-section {
				padding-left: 24px;
				padding-right: 24px;
			}

			.achievement-title {
				font-size: clamp(34px, 4.2vw, 48px);
			}



			.achievement-subtitle,
			.achievement-rate-title {
				font-size: clamp(24px, 2.8vw, 32px);
				padding: 0 clamp(16px, 2.6vw, 56px);
			}

			.achievement-rate-title {
				margin: 0 auto;
			}

			.achievement-subtitle::before,
			.achievement-subtitle::after,
			.achievement-rate-title::before,
			.achievement-rate-title::after {
				width: clamp(32px, 6vw, 72px);
			}

			.achievement-cards {
				grid-template-columns: minmax(0, 1fr) minmax(0, 0.74fr);
				gap: 16px;
			}

			.achievement-cards-left {
				grid-template-columns: repeat(2, minmax(0, 1fr));
				grid-template-rows: repeat(2, minmax(0, 1fr));
				gap: 16px;
			}

			.achievement-card,
			.achievement-card-large {
				padding: 24px;
				height: auto;
				min-height: 215px;
			}

			.achievement-card-large {
				width: 100%;
				min-height: 454px;
			}

			.achievement-label,
			.achievement-rate-label {
				font-size: clamp(18px, 2vw, 24px);
			}

			.achievement-value-main {
				font-size: clamp(56px, 7.3vw, 88px);
			}

			.achievement-value-unit {
				font-size: clamp(28px, 3.4vw, 40px);
			}

			.achievement-rate-main {
				font-size: clamp(62px, 8.5vw, 100px);
			}

			.achievement-rate-unit {
				font-size: clamp(38px, 5vw, 64px);
			}

			.achievement-rate-row {
				grid-template-columns: minmax(180px, 26%) 1fr;
				gap: 16px;
			}

			.achievement-rate-row-label {
				font-size: clamp(16px, 1.8vw, 20px);
			}

			.achievement-rate-bar {
				height: clamp(46px, 5vw, 56px);
			}

			.achievement-rate-bar-value {
				font-size: clamp(22px, 2.8vw, 30px);
			}

			.program-carousel {
				padding-inline: clamp(40px, 6vw, 64px);
			}

			.program-nav {
				width: clamp(40px, 5vw, 52px);
				height: clamp(40px, 5vw, 52px);
			}

			.program-nav img {
				width: 100%;
				height: 100%;
			}

			.dekirukoto-cards,
			.example-feature {
				width: 100%;
			}

			.example-feature {
				grid-template-columns: minmax(0, 44%) minmax(0, 56%);
				gap: 16px;
			}

			.example-feature-image,
			.example-feature-text {
				width: 100%;
				height: auto;
			}

			.example-feature-image {
				max-width: 528px;
				justify-self: start;
			}

			.example-feature-image img {
				height: auto;
			}

			.example-feature-title {
				font-size: clamp(22px, 2.8vw, 32px);
			}

			.example-feature-description {
				font-size: clamp(15px, 1.8vw, 20px);
			}

			.how_to_use-title img,
			.how_to_use-step img {
				width: 100%;
				height: auto;
			}

			.why-brainco-section .senmonka-cards {
				width: 100%;
				max-width: 1180px;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 16px;
			}

			.why-brainco-section .senmonka-card {
				width: 100%;
				max-width: 580px;
			}

			.comparison-table-wrap {
				overflow-x: hidden;
			}

			.comparison-table {
				max-width: 100%;
			}

			.comparison-table th,
			.comparison-table td {
				word-break: break-word;
				overflow-wrap: anywhere;
			}
		}

@media (max-width: 1200px) {
			.overview-section,
			.kadai-section,
			.dekirukoto-wrap,
			.senmonka-block,
			.program-block,
			.kpi-block,
			.how_to_use-section,
			.plan-section,
			.comparison-section,
			.step-section,
			.program-carousel,
			.program-viewport,
			.comparison-table-wrap,
			.comparison-table {
				width: 100%;
				max-width: 100%;
			}

			.overview-card,
			.dekirukoto-cards,
			.example-feature,
			.how_to_use-step img,
			.step-section-image img {
				width: 100%;
			}

			.how_to_use-title img,
			.step-section-button img,
			.comparison-title img {
				width: min(100%, 680px);
				height: auto;
			}

			.program-carousel {
				padding-inline: clamp(40px, 6vw, 64px);
			}

			.program-nav.prev {
				left: 8px;
			}

			.program-nav.next {
				right: 8px;
			}

			.why-brainco-section .senmonka-cards {
				width: 100%;
				max-width: 1180px;
				grid-template-columns: repeat(2, minmax(0, 1fr));
				gap: 16px;
			}

			.why-brainco-section .senmonka-card {
				width: 100%;
				max-width: 580px;
			}

			.comparison-table-wrap {
				height: auto;
				overflow-x: hidden;
			}

			.comparison-table {
				height: auto;
			}

			.comparison-table th,
			.comparison-table td {
				word-break: break-word;
				overflow-wrap: anywhere;
			}
		}