.pg-installation {
	--ins-content-width: min(100%, clamp(72rem, 90vw, 120rem));
	--ins-section-width: min(var(--ins-content-width), 75rem);
	--ins-section-gap: clamp(2.1rem, 5vw, 3.8rem);
	--ins-section-gap-lg: calc(var(--ins-section-gap) * 1.2);
	line-break: strict;
	overflow-wrap: anywhere;
	word-break: normal;
}

.pg-installation .ly-lower {
	padding: 0 0 var(--ins-section-gap-lg);
	background: #ececec;
	overflow: hidden;
}

.ins-main {
	position: relative;
}






.ins-intro {
	width: var(--ins-section-width);
	margin: clamp(1.4rem, 3.6vw, 2.6rem) auto 0;
	text-align: center;
}

.ins-intro__title {
	margin: 0;
	text-align: center;
	color: #231815;
	font-family: var(--lower-font-corporate-bold);
	font-size: clamp(1.35rem, 2.7vw, 1.85rem);
	font-weight: 700;
	line-height: 1.42;
}

.ins-intro__title span {
	display: inline-block;
	margin-inline: clamp(0.2rem, 0.6vw, 0.4rem);
	padding-inline: clamp(0.4rem, 0.95vw, 0.7rem);
	background: #ce1316;
	color: #ffe200;
	line-height: 1.1;
}

.ins-intro__lead {
	margin: clamp(0.9rem, 2vw, 1.3rem) 0 0;
	font-size: clamp(0.94rem, 1.75vw, 1.12rem);
	font-weight: 600;
	line-height: 1.9;
	color: #1f1b1a;
}

.ins-cases {
	width: var(--ins-section-width);
	margin: var(--ins-section-gap) auto 0;
}

.ins-case + .ins-case {
	margin-top: clamp(4.2rem, 9vw, 6.8rem);
}

.ins-case__head {
	display: flex;
	align-items: center;
	gap: clamp(0.45rem, 1vw, 0.7rem);
	padding: clamp(1rem, 1.6vw, 1.2rem) clamp(1.2rem, 2.8vw, 1.9rem);
	border-radius: clamp(0.8rem, 1.9vw, 1.2rem);
	background: #e10012;
	box-shadow: clamp(0.22rem, 0.7vw, 0.36rem) clamp(0.22rem, 0.7vw, 0.36rem) 0 #f2b328;
	color: #fff;
}

.ins-case__pref {
	margin: 0;
	padding: clamp(0.4rem, 0.9vw, 0.62rem) clamp(1.2rem, 2.2vw, 1.8rem);
	background: #de9da1;
	box-shadow: 0 clamp(0.2rem, 0.6vw, 0.36rem) clamp(0.5rem, 1.2vw, 0.9rem) rgba(31, 27, 26, 0.28);
	color: #231815;
	font-size: clamp(1.3rem, 2.2vw, 1.8rem);
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	transform: translateY(-2rem);
}

.ins-case__name {
	margin: 0;
	font-family: var(--lower-font-corporate-bold);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
}

.ins-case__gallery {
	position: relative;
	margin-top: clamp(0.48rem, 1vw, 0.75rem);
	padding: 0 0 clamp(1rem, 1.8vw, 1.35rem);
	background: #ececec;
	user-select: none;
}

.ins-case__gallery-track {
	position: relative;
	overflow: visible;
}

.ins-case__gallery-item {
	position: relative;
	aspect-ratio: 4 / 3;
	height: auto;
	margin: 0;
	border-radius: clamp(0.45rem, 0.95vw, 0.7rem);
	overflow: hidden;
	background: #d9d9d9;
	transition:
		transform 0.35s ease,
		opacity 0.35s ease;
}

.ins-case__gallery-item img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.ins-case__gallery-track.swiper {
	width: calc((100vw + clamp(3rem, 8vw, 10rem)) * 0.7);
	margin-left: 50%;
	margin-top: 4rem;
	transform: translateX(-50%);
	overflow: visible;
}

.ins-case__gallery-track .swiper-wrapper {
	align-items: stretch;
}

.ins-case__gallery-track:not(.swiper) .ins-case__gallery-item:not(:first-child) {
	display: none;
}

.ins-case__gallery-track .swiper-slide {
	aspect-ratio: 4 / 3;
	opacity: 0.58;
	transform: scale(0.95);
	transition:
		transform 0.35s ease,
		opacity 0.35s ease;
}

.ins-case__gallery-track .swiper-slide::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(236, 236, 236, 0.42);
	transition: opacity 0.35s ease;
}

.ins-case__gallery-track .swiper-slide-active {
	opacity: 1;
	transform: scale(1);
}

.ins-case__gallery-track .swiper-slide-active::after {
	opacity: 0;
}

.ins-case__gallery.is-single .ins-case__gallery-item {
	opacity: 1;
	transform: none;
}

.ins-case__gallery.is-single .ins-case__arrow,
.ins-case__gallery.is-single .ins-case__dots {
	display: none;
}

.ins-case__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(3rem, 5.4vw, 4.2rem);
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	background: transparent;
	display: block;
	cursor: pointer;
	transition: opacity 0.2s ease;
	z-index: 4;
}

.ins-case__arrow::before {
	content: '';
	position: absolute;
	inset: calc(-5rem);
}

.ins-case__arrow img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	display: block;
}

.ins-case__arrow:disabled {
	opacity: 0.38;
	cursor: default;
}

.ins-case__arrow--prev {
	left: 16rem;
}

.ins-case__arrow--prev img {
	transform: rotate(180deg);
}

.ins-case__arrow--next {
	right: 16rem;
}

.ins-case__dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(0.25rem, 0.6vw, 0.42rem);
	margin-top: clamp(0.5rem, 0.95vw, 0.7rem);
}

.ins-case__dots .ins-case__dot {
	width: clamp(0.34rem, 0.82vw, 0.5rem);
	aspect-ratio: 1;
	border: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	border-radius: 50%;
	background: #cfcbca;
	cursor: pointer;
	transition:
		transform 0.2s ease,
		background-color 0.2s ease;
}

.ins-case__dots .ins-case__dot:hover,
.ins-case__dots .ins-case__dot:focus-visible {
	transform: scale(1.12);
}

.ins-case__dots .ins-case__dot.is-active {
	background: #9d9896;
}

.ins-case__content {
	margin-top: clamp(0.7rem, 1.45vw, 1.02rem);
}

.ins-case__subheading {
	position: relative;
	margin: 0;
	padding-left: clamp(0.56rem, 1.2vw, 0.84rem);
	font-family: var(--lower-font-corporate-bold);
	font-size: clamp(1.1rem, 1.7vw, 1.32rem);
	font-weight: 700;
	line-height: 1.25;
	color: #1f1b1a;
}

.ins-case__subheading::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.1em;
	width: clamp(0.22rem, 0.5vw, 0.36rem);
	height: 1.08em;
	border-radius: 9999px;
	background: #efbb43;
}

.ins-case__point-title {
	margin: clamp(0.36rem, 0.85vw, 0.58rem) 0 0;
	font-family: var(--lower-font-corporate-bold);
	font-size: clamp(1.05rem, 1.5vw, 1.28rem);
	font-weight: 700;
	line-height: 1.62;
	color: #1f1b1a;
}

.ins-case__point-title span {
	color: #e10012;
}

.ins-case__point-text {
	margin: clamp(0.34rem, 0.8vw, 0.55rem) 0 2.5rem;
	font-size: var(--lower-type-body);
	font-weight: 400;
	line-height: 1.86;
	color: #1f1b1a;
}

.ins-case__subheading + .ins-case__info-table {
	margin-top: clamp(0.52rem, 1vw, 0.72rem);
}

.ins-case__subheading + .ins-case__point-title {
	margin-top: clamp(0.45rem, 1vw, 0.72rem);
}

.ins-case__info-table {
	margin: clamp(0.62rem, 1.2vw, 0.86rem) 0 0;
	display: grid;
	gap: clamp(0.66rem, 1.35vw, 0.95rem);
}

.ins-case__info-row {
	display: grid;
	grid-template-columns: minmax(14.8rem, 14.8rem) minmax(0, 1fr);
	align-items: stretch;
	border: 1px solid #cfcfcf;
	border-radius: 16px;
	overflow: hidden;
	background: #ececec;
}

.ins-case__info-row dt,
.ins-case__info-row dd {
	margin: 0;
	padding: clamp(0.6rem, 1.25vw, 0.9rem) clamp(0.68rem, 1.35vw, 1.02rem);
	color: #1f1b1a;
}

.ins-case__info-row dt {
	background: #cacbcc;
	display: grid;
	place-items: center;
	text-align: center;
	font-size: clamp(0.9rem, 1.2vw, 1rem);
	line-height: 1.3;
	font-weight: 700;
}

.ins-case__info-row dd {
	background: #ececec;
	font-size: var(--lower-type-body);
	line-height: 1.74;
	font-weight: 400;
}

.ins-machine-groups {
	display: grid;
	gap: 0;
}

.ins-machine-groups--1 {
	grid-template-columns: 1fr;
}

.ins-machine-groups--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ins-machine-groups--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ins-machine-group {
	min-width: 0;
	padding: 0 clamp(0.42rem, 0.9vw, 0.86rem);
}

.ins-machine-group + .ins-machine-group {
	border-left: 1px solid #cfcfcf;
}

.ins-machine-group h5 {
	margin: 0;
	font-size: clamp(0.94rem, 1.15vw, 1.04rem);
	font-weight: 700;
	line-height: 1.55;
	color: #1f1b1a;
}

.ins-machine-group ul {
	list-style: none;
	margin: clamp(0.22rem, 0.55vw, 0.4rem) 0 0;
	padding: 0;
}

.ins-machine-group li {
	position: relative;
	padding-left: 1em;
	font-size: var(--lower-type-body);
	font-weight: 400;
	line-height: 1.72;
	color: #1f1b1a;
}

.ins-machine-group li::before {
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
}

.ins-machine-groups--3 .ins-machine-group h5,
.ins-machine-groups--3 .ins-machine-group li {
	font-weight: 400;
}

.ins-page-top {
	position: fixed;
	right: clamp(0.6rem, 1.8vw, 1.4rem);
	bottom: clamp(0.6rem, 1.8vw, 1.4rem);
	width: clamp(3.6rem, 6.2vw, 5.2rem);
	line-height: 0;
	z-index: 60;
}

.ins-page-top img {
	width: 100%;
	height: auto;
	display: block;
}

.ins-pagination {
	margin-top: clamp(3.4rem, 7vw, 5.8rem);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(0.9rem, 2vw, 1.8rem);
}

.ins-pagination__link,
.ins-pagination__dots {
	color: #2b2321;
	font-size: clamp(1.2rem, 2vw, 1.95rem);
	font-weight: 700;
	line-height: 1;
}

.ins-pagination__link {
	width: clamp(2rem, 3.7vw, 3.1rem);
	aspect-ratio: 1;
	display: grid;
	place-items: center;
	border-radius: 50%;
	text-decoration: none;
}

.ins-pagination__link.is-current {
	background: #e11a23;
	color: #fff;
}

@media (max-width: 1024px) {
	.pg-installation {
		--ins-content-width: min(100%, calc(100% - 2.2rem));
		--ins-section-width: min(100%, calc(100% - 2.2rem));
	}


	.ins-machine-groups--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ins-case__name {
		font-size: clamp(0.95rem, 2.2vw, 1.2rem);
	}
}

@media (max-width: 768px) {
	.pg-installation {
		--ins-content-width: min(100%, calc(100% - 1.6rem));
		--ins-section-width: min(100%, calc(100% - 1.6rem));
		--ins-section-gap: clamp(1.6rem, 5.8vw, 2.4rem);
	}




	.ins-intro {
		margin-top: clamp(1.1rem, 4.2vw, 1.8rem);
	}

	.ins-intro__title {
		font-size: clamp(1.15rem, 4.9vw, 1.35rem);
	}

	.ins-intro__lead {
		font-size: clamp(0.94rem, 3.8vw, 1.06rem);
		line-height: 1.8;
	}

	.ins-case__head {
		padding: clamp(0.9rem, 3.8vw, 1.2rem) clamp(0.7rem, 2.8vw, 0.95rem);
		gap: clamp(0.36rem, 1.4vw, 0.56rem);
	}

	.ins-case__pref {
		font-size: clamp(1.1rem, 5vw, 1.45rem);
		padding: clamp(0.28rem, 1.5vw, 0.42rem) clamp(0.72rem, 3.1vw, 1.02rem);
	}

	.ins-case__name {
		font-size: clamp(0.94rem, 4vw, 1.15rem);
	}

	.ins-case__gallery {
		padding-bottom: clamp(0.8rem, 3vw, 1.1rem);
	}

	.ins-case__gallery-track.swiper {
		width: calc((100vw + clamp(5rem, 18vw, 7.5rem)) * 0.7);
		margin-top: 2rem;
	}

	.ins-case__arrow {
		width: clamp(2.1rem, 8.8vw, 2.6rem);
	}

	.ins-case__arrow img {
		width: 100%;
	}

	.ins-case__arrow--prev {
		left: clamp(1rem, 4.5vw, 1.8rem);
	}

	.ins-case__arrow--next {
		right: clamp(1rem, 4.5vw, 1.8rem);
	}

	.ins-case__content {
		margin-top: clamp(0.6rem, 2.3vw, 0.85rem);
	}

	.ins-case__subheading {
		font-size: clamp(1.05rem, 4.2vw, 1.24rem);
	}

	.ins-case__point-title {
		font-size: clamp(0.95rem, 3.9vw, 1.12rem);
		line-height: 1.68;
	}

	.ins-case__point-text {
		font-size: clamp(0.84rem, 3.3vw, 0.95rem);
		line-height: 1.82;
	}

	.ins-case__info-row {
		grid-template-columns: minmax(6.2rem, 8rem) minmax(0, 1fr);
		border-radius: 16px;
	}

	.ins-case__info-row dt,
	.ins-case__info-row dd {
		padding: clamp(0.42rem, 1.8vw, 0.6rem) clamp(0.62rem, 2.6vw, 0.9rem);
	}

	.ins-case__info-row dt {
		font-size: clamp(0.8rem, 3vw, 0.9rem);
		line-height: 1.3;
	}

	.ins-case__info-row dd {
		font-size: clamp(0.84rem, 3.2vw, 0.95rem);
		line-height: 1.68;
	}

	.ins-machine-groups,
	.ins-machine-groups--2,
	.ins-machine-groups--3 {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.ins-machine-group {
		padding-inline: 0;
	}

	.ins-machine-group + .ins-machine-group {
		border-left: 0;
		border-top: 1px solid #cfcfcf;
		margin-top: clamp(0.28rem, 1.2vw, 0.45rem);
		padding-top: clamp(0.28rem, 1.2vw, 0.45rem);
	}

	.ins-machine-group h5 {
		font-size: clamp(0.82rem, 3vw, 0.9rem);
	}

	.ins-machine-group li {
		font-size: clamp(0.8rem, 2.9vw, 0.9rem);
		line-height: 1.64;
	}

	.ins-pagination {
		gap: 0.75rem;
	}

	.ins-pagination__link,
	.ins-pagination__dots {
		font-size: clamp(1.05rem, 5vw, 1.55rem);
	}

	.ins-page-top {
		width: clamp(3.2rem, 16vw, 4.2rem);
		right: clamp(0.5rem, 2.6vw, 0.9rem);
		bottom: clamp(0.5rem, 2.6vw, 0.9rem);
	}
}