#contents {
  margin: 0 auto;
}
.product__order {
  border:none;
  padding:0;
}
.new__contnet+.order{
  grid-row: 3/4;
  grid-column: 1/3;
}
#contents {
			max-width: 935px;
			font-family: "Noto Sans JP";

			form {
				display: grid;
				grid-template-columns: 500px 1fr;
              grid-template-rows: auto auto auto;
				gap: 80px;
			}

			.product__image {
				margin: 0;

				img {
					width: 100%;
				}
			}

			.product__guide {
				padding: 0;
			}

			.product__image_thumb {
				ul {
					display: grid;
					grid-template-columns: repeat(3, 1fr);
					gap: 18px;
					margin-top: 20px;
				}

				li {
					padding: 0;
					list-style-type: none;

					img {
						padding: 0;
						width: 100%;
						max-height: 100% !important;
						aspect-ratio: 1/1;
						object-fit: cover;
					}

					.image__thumb {
						border: none;
					}
				}
			}

			.product__name {
				color: #333;
				font-size: 26px;
				letter-spacing: 1.3px;
				margin: 0;
                text-align:left;
			}

			.product__prices {
				margin-top: 37.5px;

				dl {
					display: flex;
					align-items: flex-end;

					dt {
						font-weight: normal;
					}

					dd {
						.red {
							color: #c10000;

							span {
								font-weight: bold;
								font-size: 28px;
							}
						}
					}
				}
			}

			.init-list {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				gap: 10px;

				dt {
					padding: 0;
				}

				input {
					width: 70px;
				}
			}

			.order-btn-list {
				.btn {
					border-radius: 5px;
					background: #02670B;
				}

				span {
					font-weight: bold;
				}
			}

			.text__detail {
				line-height: 180%;
				letter-spacing: 0.8px;
				font-size: 16px;
				margin-top: 90px;
			}

			.product__info {
				margin-top: 30px;

				.product__related-list {
					li {
						border-top: 1px solid #333;
						padding: 10px 0;

						&:last-of-type {
							border-bottom: 1px solid #333;
						}
					}

					span {
						padding: 0;
					}

					a {
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 0;

						.fa {
							transform: scaleX(-1);
							font-size: 20px;
						}
					}
				}
			}

			.product__social-list {
				margin-top: 20px;
				display: flex;
				justify-content: space-between;
				align-items: center;

				dt {
					font-weight: normal;
				}

				ul {
					display: flex;
					justify-content: center;
					align-items: center;
					gap: 20px;
				}
			}

			.new__contnet {
grid-row: 2/3;
    grid-column: 1/3;
				.speacer__10 {
					height: 10px;
				}

				.speacer__20 {
					height: 20px;
				}

				.speacer__30 {
					height: 30px;
				}

				.speacer__40 {
					height: 40px;
				}

				.speacer__50 {
					height: 50px;
				}

				.speacer__60 {
					height: 60px;
				}

				.speacer__70 {
					height: 70px;
				}

				.speacer__80 {
					height: 80px;
				}

				.speacer__90 {
					height: 90px;
				}

				.speacer__100 {
					height: 100px;
				}



				.head01 {
					border-top: 1px solid #888;
					border-bottom: 1px solid #888;
					padding: 10px;


					h2 {
						font-size: 28px;
						font-weight: bold;
						letter-spacing: 1px;
						margin-inline: auto;
						inline-size: fit-content;
					}

				}

				.text01 {
					font-size: 20px;
					line-height: 180%;
					letter-spacing: 1px;
				}

				.text02 {
					font-size: 16px;
					line-height: 180%;
					letter-spacing: 0.8px;
				}

				.manufacturer-introduction {
					position: relative;

					.main__head {
						position: absolute;
						top: -20px;
						background: #433831;
						width: 335px;
						height: 85px;
						display: flex;
						justify-content: center;
						align-items: center;
						gap: 10px;

						p {
							color: #FFF;
							font-size: 30px;
							font-weight: bold;
							letter-spacing: 1.5px;
							line-height: 1;
						}
					}

					.bottom__content {
						background: #F5F0D2;
						padding: 38px 25px 25px;
						display: grid;
						grid-template-columns: 1fr 250px;
						gap: 16px;
						grid-template-areas:
							"a c"
							"b c";

						.head {
							display: flex;
							justify-content: space-between;
							align-items: center;
							border-bottom: 1px solid #888;
							padding-bottom: 10px;
							grid-area: a;

							p {
								grid-area: b;
								&:first-of-type {
									font-size: 28px;
									font-weight: bold;
									letter-spacing: 1.4px;
								}

								&:last-of-type {
									font-size: 16px;
									line-height: 180%;
									letter-spacing: 0.8px;
								}
							}
						}

						.img__content {
							grid-area: c;
						}

						.sp__content {
							display: contents;
						}
					}
				}

				.point {
					display: grid;
					grid-template-columns: 1fr 160px;
					gap: 11px;
					img {
						order: 2;
					}
					.text01 {
						order: 1;
					}
				}

				.two__content {
					display: grid;
					grid-template-columns: 1fr 1fr;
					gap: 35px;
				}

				.grid__content {
					ul {
						display: grid;
						grid-template-columns: repeat(auto-fit, minmax(221px, 1fr));
						gap: 17px;

						li {
							list-style-type: none;

							.title {
								background: #774A4A;
								width: 221px;
								height: 40px;
								display: flex;
								justify-content: center;
								align-items: center;
								color: #FFF;
								font-size: 20px;
								font-weight: 700;
								line-height: 180%;
								/* 36px */
								letter-spacing: 1px;
							}

							p {
								margin-top: 15px;
							}

							img {
								width: 100%;
							}
						}
					}
				}

				.voice {
					margin-top: 70px;
					background: #F5F0D2;
					padding: 30px 45px 45px;

					.head {
						display: flex;
						justify-content: center;
						align-items: center;
						font-size: 28px;
						letter-spacing: 1.4px;
						gap: 10px;
						img {
							width: 40px;
						}
						h3 {
							margin: 0;
                          font-size: 28px;
						}
					}

					.box {
						background: #fff;
						margin-top: 30px;
						padding: 30px;
						display: grid;
						grid-template-columns: 127.5px 1fr;
						gap: 29px;

						.text {
							display: grid;
						}

						.main {
							line-height: 180%;
							/* 28.8px */
							letter-spacing: 0.8px;
							font-size: 16px;
						}

						.data {
							place-self: end end;
						}
					}
				}

				.detail {
					margin-top: 80px;

					h3 {
						font-weight: normal;
					}

					dl {
						div {
							border-bottom: 1px solid #888;
							padding: 25px 0;

							&:first-of-type {
								border-top: 1px solid #888;
							}
						}

						dt {
							font-weight: normal;
						}

						dd {
							margin-left: 0;
							margin-top: 10px;

							p {
								margin-top: 10px;
							}
						}
					}
				}
			}
		}