@charset "utf-8";

@media screen and (max-width: 599px) {
	.console_fv {
		display: block;
		min-height: 0;
		align-items: stretch;
		background-image: none;
		background-color: var(--color_bg);
	}

	.console_fv::before {
		content: "";
		position: relative;
		display: block;
		inset: auto;
		width: 100%;
		height: calc(100vw + 100px);
		aspect-ratio: auto;
		background: none;
		background-image: url("../images/fv_sp.webp");
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		pointer-events: none;
	}

	.console_fv::after {
		height: calc(100vw + 100px);
		aspect-ratio: auto;
	}

	/* .cta_purchase::before {
		background: linear-gradient(180deg, rgba(51, 51, 51, .25) 0%, rgba(51, 51, 51, .82) 55%, rgba(51, 51, 51, .92) 100%);
	} */

	.cta_purchase_inner {
		padding-top: 60px;
		padding-bottom: 60px;
		padding-left: 5%;
		padding-right: 5%;
	}

	.console_fv .fv_label {
		top: calc(100vw + 100px - 155px);
		left: 5%;
	}

	.console_fv .fv_title {
		top: calc(100vw + 100px - 130px);
		left: 5%;
	}

	.console_fv_title {
		font-size: 24px;
	}

	.console_fv_text {
		font-size: 16px;
	}

	.console_fv_points {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 12px 16px;
	}

	.console_fv_points li {
		padding: 0;
	}

	.console_fv_points img {
		width: 40px;
		height: 40px;
	}

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

	.scenes_name {
		font-size: 18px;
	}

	.lp_console .quality .inner {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.lp_console .quality_head {
		display: contents;
		position: static;
		min-height: 0;
		margin-bottom: 0;
	}

	.lp_console .quality_text {
		grid-column: 1;
		grid-row: 1;
		width: 100%;
	}

	.lp_console .quality_list {
		position: relative;
		grid-column: 1;
		grid-row: 2;
		grid-template-columns: 1fr;
		grid-template-rows: none;
	}

	.lp_console .quality_card {
		width: 100%;
	}

	.lp_console .quality_image {
		display: none;
		position: relative;
		grid-column: 1;
		grid-row: 2;
		justify-self: end;
		align-self: start;
		top: -100px;
		right: -10px;
		z-index: 2;
		width: 180px;
		max-width: none;
		height: auto;
		min-height: 0;
		margin: 0;
		padding: 0;
		aspect-ratio: auto;
		overflow: visible;
		background: transparent;
		transform: none;
	}

	.lp_console .quality_image img,
	.lp_console .quality_image img.reveal,
	.lp_console .quality_image img.reveal.is-in {
		position: static;
		width: 100%;
		max-width: none;
		height: auto;
		left: auto;
		top: auto;
		margin: 0;
		transform: none;
		object-fit: contain;
	}

	.cta_purchase {
		min-height: 640px;
		align-items: flex-end;
		background-position: center;
	}

	.product_spec {
		padding: 15px;
	}

	.product_spec_content {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.product_spec_variant_name {
		padding: 10px 12px;
		background: var(--color_bg);
	}

	.product_spec_variant + .product_spec_variant {
		margin-top: 30px;
	}

	.color_variation_list {
		grid-template-columns: 1fr;
		width: 100%;
		gap: 24px;
	}

	.color_variation_name {
		font-size: 18px;
	}

	.product_spec_row {
		display: block;
	}
}