/*home_product*/

.p-home-pd {
	margin-top: 80px;
	padding-bottom: 2rem
}
@media(min-width: 768px) {
	.p-home-pd {
		margin-top: 0rem;
		padding-top: 4.5rem;
		padding-bottom: 4rem
	}
}
.p-home-pd__heading {
	position: relative;
	z-index: 1;
	margin-left: .62rem;
	font-size: .92rem;
	line-height: 1.42;
	font-family: "Poppins", "Noto Sans JP", sans-serif
}
@media(min-width: 768px) {
	.p-home-pd__heading {
		font-size: 2.44rem;
		margin-left: 2.5rem;
		line-height: 1.41
	}
}
.p-home-pd__container {
	position: relative;
	overflow: hidden;
	margin-top: -3.31rem;
	padding-top: 0rem
}
@media(min-width: 768px) {
	.p-home-pd__container {
		margin-top: -7.88rem;
		padding-top: 10.38rem
	}
}
@keyframes moving {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(calc(-50% - 0.46rem));
		@media(min-width: 768px) {
			transform:translateX(calc(-50% - 1rem))
		}
	}
}
.p-home-pd__contents {
	display: flex;
	will-change: transform;
	gap: 0 .92rem
}
@media(min-width: 768px) {
	.p-home-pd__contents {
		gap: 0 2rem
	}
}
.p-home-pd__contents.is-moving {
	animation: moving 40s linear infinite
}
.p-home-pd__inner {
	display: grid;
	grid-template-columns: repeat(8, 20.20rem);
	grid-auto-rows: auto;
	gap: .92rem
}
@media(min-width: 768px) {
	.p-home-pd__inner {
		grid-template-columns: repeat(8, 36.63rem);
		gap: 2.5rem 2rem
	}
}
/*
.p-home-pd__item:nth-child(2), .p-home-pd__item:nth-child(5), .p-home-pd__item:nth-child(9), .p-home-pd__item:nth-child(12) {
	transform: translateY(-4.92rem)
}
@media(min-width: 768px) {
	.p-home-pd__item:nth-child(2), .p-home-pd__item:nth-child(5), .p-home-pd__item:nth-child(9), .p-home-pd__item:nth-child(12) {
		transform: translateY(-10.38rem)
	}
}
.p-home-pd__item:nth-child(3), .p-home-pd__item:nth-child(6), .p-home-pd__item:nth-child(10), .p-home-pd__item:nth-child(13) {
	transform: translateY(-2rem)
}
@media(min-width: 768px) {
	.p-home-pd__item:nth-child(3), .p-home-pd__item:nth-child(6), .p-home-pd__item:nth-child(10), .p-home-pd__item:nth-child(13) {
		transform: translateY(-4.25rem)
	}
}
*/
.p-home-pd__body {
	position: absolute;
	inset: 0;
	/*filter: invert(100%);*/
	mix-blend-mode: luminosity;
	padding-top: 9.08rem
}
@media(min-width: 768px) {
	.p-home-pd__body {
		container: memberBody/inline-size;
		padding-top: 30rem
	}
}
.p-home-pd__copy {
	font-size: 2.08rem;
	font-weight: bold;
	letter-spacing: .04em;
	line-height: 1;
	text-align: center;
	font-family: "Poppins", "Noto Sans JP", sans-serif
}
@media(min-width: 768px) {
	.p-home-pd__copy {
		font-size: min(7.152cqw, 5rem)
	}
}
.p-home-pd__button {
	margin-top: 3.08rem
}
@media(min-width: 768px) {
	.p-home-pd__button {
		margin-top: 7rem
	}
}

/*按鈕*/
.c-home-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color .3s ease;
	height: 12.31rem;
	width: calc(100% - 1.23rem);
	overflow: hidden
}
@media(min-width: 768px) {
	.c-home-button {
		margin-inline: auto;
		height: 22.63rem;
		width: calc(100% - 5rem)
	}
}
.c-home-button span {
	font-size: 2.69rem;
	font-weight: bold;
	line-height: 1;
	font-family: "Poppins", "Noto Sans JP", sans-serif;
	position: relative;
	border-bottom: 10px solid currentColor
}
@media(min-width: 768px) {
	.c-home-button span {
		font-size: 2.44rem;
		padding-bottom: .25rem
	}
}
.c-home-button span::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: "";
	height: 10px;
	width: 100%;
	background-color: currentColor;
	transform-origin: left;
	transform: scaleX(0);
	transition: transform .3s ease .2s
}
.c-home-button::before {
	position: absolute;
	content: "";
	background-color: #ffc107;
	width: 150%;
	padding-top: 150%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	border-radius: 50%;
	transition: transform .4s ease-out
}
.l-root-container.is-background-gray .c-home-button::before {
	background-color: #fff
}
@media(hover: hover), (-ms-high-contrast: none) {
	.c-home-button:hover {
		color: #fff
	}
	.c-home-button:hover span {
		border-color: rgba(0, 0, 0, 0)
	}
	.c-home-button:hover span::after {
		transform: scaleX(1)
	}
	.c-home-button:hover::before {
		transform: translate(-50%, -50%) scale(1)
	}
	.l-root-container.is-background-gray .c-home-button:hover {
		color: #383730
	}
}
.c-basic-list {
	margin-left: 1.5em
}
.c-count-list {
	counter-reset: item;
	list-style-type: none
}
.c-count-list li {
	display: flex;
	align-items: baseline
}
.c-count-list li::before {
	counter-increment: item;
	content: counter(item) "："
}
.c-list li {
	display: flex;
	align-items: baseline
}
.c-list li::before {
	content: "・"
}
.c-flexible-desc-list {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-auto-rows: auto;
	gap: 1.15rem 1.15rem
}
@media(min-width: 768px) {
	.c-flexible-desc-list {
		font-size: 1.13rem;
		gap: 1.63rem 0
	}
}
.c-flexible-desc-list dt {
	font-weight: bold;
	line-height: 1.5
}
@media(min-width: 768px) {
	.c-flexible-desc-list dt {
		line-height: 2.22
	}
}
.c-flexible-desc-list .c-text {
	line-height: 1.5
}
@media(min-width: 768px) {
	.c-flexible-desc-list .c-text {
		line-height: 2.22
	}
}
.c-box1 {
	background-color: #f7f7f7;
	padding: 30px 15px
}
@media(min-width: 768px) {
	.c-box1 {
		padding: 3.88rem 4.38rem
	}
}
.c-box2 {
	border: 1px solid #707070;
	padding: 30px 15px
}
@media(min-width: 768px) {
	.c-box2 {
		padding: 2.5rem 2.75rem
	}
}
.c-iframe-wrap {
	position: relative
}
.c-iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.c-heading1 {
	font-weight: 900;
	font-size: 1.77rem;
	line-height: 1.5
}
@media(min-width: 768px) {
	.c-heading1 {
		font-size: 3rem
	}
}
@media(min-width: 768px) {
	.c-heading1.is-small {
		font-size: 2.88rem;
		line-height: 1.52
	}
}
.c-heading1.is-small.is-line1 {
	line-height: 1.17
}
.p-works-article__body h2, .c-heading2 {
	font-weight: 900;
	font-size: 1.62rem;
	line-height: 1.75
}
@media(min-width: 768px) {
	.p-works-article__body h2, .c-heading2 {
		font-size: 2.5rem
	}
}
.p-works-article__body h3, .c-heading3 {
	font-weight: 900;
	font-size: 1.46rem;
	line-height: 1.47
}
@media(min-width: 768px) {
	.p-works-article__body h3, .c-heading3 {
		font-size: 2rem
	}
}
.p-works-article__body h3.has-number::before, .c-heading3.has-number::before {
	font-family: "Poppins", "Noto Sans JP", sans-serif;
	content: attr(data-number);
	margin-right: .63em
}
.c-heading4 {
	font-weight: bold;
	font-size: 1.31rem;
	line-height: 1.5
}
@media(min-width: 768px) {
	.c-heading4 {
		font-size: 1.5rem
	}
}
.p-works-article__body p, .c-text {
	font-size: 1.08rem;
	line-height: 2
}