@charset "utf-8";

@media screen and (max-width: 1200px) {
	.bed_fv {
		background-image: url("../images/fv_sp.webp");
	}

	.bed_fv_inner {
		min-height: auto;
		display: block;
		padding: 80px 5%;
	}

	.bed_fv_body,
	.cta_purchase_body {
		width: 52%;
		max-width: none;
	}

	.cta_purchase {
		background-image: url("../images/cta_sp.webp");
	}

	.bed_fv_text {
		font-size: 18px;
	}

	.bed_fv_points {
		flex-wrap: wrap;
		row-gap: 16px;
	}

	.bed_fv_points li:not(:last-child)::after {
		content: none;
	}

	.scenes_list {
		grid-template-columns: repeat(2, 1fr);
	}

	.solution,
	.scenes,
	.product_spec_section,
	.color_variation {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.product_spec_section .section_title,
	.color_variation .section_title {
		margin-bottom: 30px;
	}

	.color_variation_lead {
		margin-bottom: 30px;
	}

	.color_variation_list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px;
	}

	.solution .section_title {
		margin-bottom: 30px;
	}

	.faq {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.about_hobalis_image {
		width: 60%;
		margin-right: 0;
	}

	.solution_list {
		grid-template-columns: 1fr;
	}

	.solution_head {
		gap: 4vw;
	}

	.solution_image {
		width: 50%;
		flex-shrink: 1;
	}

	.solution_text {
		width: 50%;
		flex-grow: 0;
		padding-left: 0;
	}

	.solution_text p {
		text-align: center;
	}

	.scenes_head {
		flex-direction: column;
		align-items: stretch;
		padding: 15px;
	}

	.scenes_head_text {
		width: 100%;
	}

	.scenes_main_image {
		width: 100%;
		order: -1;
		aspect-ratio: 5 / 2;
		flex: none;
	}

	.quality_image {
		display: none;
	}

	.quality_text {
		width: 100%;
	}

	.product_spec {
		padding: 20px;
	}
}

@media screen and (max-width: 1024px) {
	.bed_fv,
	.cta_purchase {
		min-height: auto;
	}

	.bed_fv_body,
	.cta_purchase_body,
	.about_hobalis_image,
	.solution_image,
	.solution_text {
		width: 100%;
		max-width: none;
		margin-right: 0;
		margin-left: 0;
		height: auto;
		flex-shrink: 1;
	}

	.solution_head {
		flex-direction: column;
		align-items: stretch;
	}

	.cta_purchase_inner {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.product_spec_content {
		gap: 24px;
	}

	.product_spec_row {
		grid-template-columns: 6.5em minmax(0, 1fr);
	}
}