/*
Theme Name: Arisaka Stone Child
File: page.css
Description: 固定ページ専用のスタイル
*/
@charset "UTF-8";

:where(.entry-content, #memberinfo, .cart-page, .member-page) {
	max-width: var(--arisaka-middle-width);
	margin-inline: auto;
	padding-inline: 1rem;
}

/* 幅100svw　表示するための設定 */
:where(.entry-content.company .page-company-message,
	.entry-content.company .page-company-qualify,
	.entry-content.company .page-company-award,
	.entry-content.company .page-qualification,
	.entry-content.company .page-company,
	.entry-content.company .page-timeline,
	.entry-content.company .page-access) {
	position: relative;
	width: 100vw;
	margin-inline-start: calc(50% - 50vw);
	overflow-x: hidden;
}

.entry-content {

	/* 先頭ブロック */
	>h2:nth-of-type(1) {
		text-align: center;
		font-size: clamp(1.5em, 1.031em + 1.25vw, 2.125em);
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.225em;
		margin-block-end: 1.059em;
		br:nth-of-type(1) {
			display: block;
		}

		br:nth-of-type(2) {
			display: none;
		}
	}

	.lead-body-copy {
		width: fit-content;
		margin-inline: auto;
		text-align: center;
		max-width: 50em;
	}
}

.entry-content.tombstone {
	.tomtop {
		background-image: url(../images/tombstone-top-bg.webp);
		background-size: cover;
		background-position: left bottom;
		background-repeat: no-repeat;

		>h2:nth-of-type(1) {
			text-align: center;
			font-size: clamp(1.5em, 1.031em + 1.25vw, 2.125em);
			font-weight: 700;
			line-height: normal;
			letter-spacing: 0.225em;
			margin-block-end: 1.059em;
		}
	}
}

@media(width <=600px) {
	.entry-content {
		>h2:nth-of-type(1),
		.tomtop>h2:nth-of-type(1) {
			br {
				display: block;
			}
		}
		.lead-body-copy {
			line-height: 2;
		}
	}
	.entry-content.tombstone .lead-body-copy{
			padding-inline: 1.5em;
	}
}
@media(600px < width <=800px) {
	.entry-content {
		>h2:nth-of-type(1),
		.tomtop>h2:nth-of-type(1) {
			br:nth-of-type(1) {
				display: block;
			}
		}
	}
}

/* 選ばれる理由 */
.entry-content.feature {
	counter-reset: cnt;

	.width-wide-block_other-page.image {
		margin-block: 3.5em 0;
	}

	h3.width-wide-block_other-page {
		counter-increment: cnt 1;
		background-color: var(--wp--preset--color--arisaka-main-color);
		color: var(--wp--preset--color--arisaka-lightgray-color);
		font-size: clamp(1.625em, 1.438em + 0.5vw, 1.875em);
		font-style: normal;
		height: 8.45em;
		align-content: center;
		overflow-x: clip;

		span {
			margin-inline: auto;
			align-items: center;
			align-self: center;

			&::before {
				position: relative;
				display: block;
				content: counter(cnt, decimal-leading-zero);
				color: #314260;
				font-family: 'EB Garamond', serif;
				font-kerning: normal;
				font-feature-settings: "kern" 1, "liga" 1;

				@supports (text-size-adjust: 100%) {
					text-size-adjust: 100%;
				}

				font-size: clamp(3.25em, 1em + 6vw, 6.25em);
				font-style: normal;
				font-weight: 400;
				z-index: -1;
				width: 0.4em;
				line-height: 1;
			}
		}
	}
}

.block2way {
	>div {
		display: flex;
		align-items: center;
		gap: 2em;
		margin-block: clamp(3em, 8vw, 7em) clamp(4em, 1em + 8vw, 8em);

		>div {
			width: 50%;

			h4.wp-block-heading,
			p {
				max-width: 30.4rem;
				margin-inline: auto;

				&.link-other-page a {
					margin-inline: 0 auto;
				}

				img {
					max-width: 25em;
					height: 100%;
					object-fit: contain;
					display: block;
					padding: 7px 14px;
					border: 1px solid #9E9C9C;
				}
			}

			h4 {
				font-size: clamp(1.375em, 1.094em + 0.75vw, 1.75em);
				font-style: normal;
				font-weight: 700;
				line-height: 1.78;
				margin-block-end: 1em;
			}
		}

		>figure {
			flex-basis: 50%;

			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		&:nth-child(even) {
			flex-direction: row-reverse;
		}
	}
}

/* サービス */
.entry-content.service {
	>div:nth-of-type(1) {
		margin-block-start: 7.2em;
	}

	>div:nth-last-of-type(1) a {
		margin-block-end: 12em;
		border-bottom: 1px solid var(--wp--preset--color--arisaka-main-color);
	}

	>div a {
		cursor: pointer;
		width: var(--arisaka-narrow-width);
		margin-inline: auto;
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		column-gap: clamp(1.5rem, 0.375rem + 3vw, 3rem);
		justify-content: space-between;
		border-top: 1px solid var(--wp--preset--color--arisaka-main-color);
		padding-block: clamp(1.9em, 1.075em + 2.2vw, 3em) clamp(1em, -0.5em + 4vw, 3em);
		padding-inline: 3em;

		h3 {
			font-size: clamp(1.5em, 1.219em + 0.75vw, 1.875em);
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}

		p {
			font-size: 0.875em;
			line-height: 2.14
		}

		figure {
			overflow: hidden;
		}

		img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		span {
			position: relative;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			width: clamp(2em, -0.625em + 7vw, 5.5em);
			height: clamp(2em, -0.625em + 7vw, 5.5em);
			color: var(--wp--preset--color--arisaka-lightgray-color);

			svg {
				position: relative;
				z-index: 1;
				width: clamp(1em, 0.365em + 1.69vw, 1.846em);
				height: clamp(1em, 0.365em + 1.69vw, 1.846em);
				aspect-ratio: 1/1;
			}

			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 50%;
				background-color: var(--wp--preset--color--arisaka-main-color);
				z-index: 0;
			}
		}

		h3,
		p,
		span {
			transition: 0.3s ease-in-out;
		}

		img {
			transition: 0.6s ease-in-out;
		}

		&:hover {

			h3,
			p {
				color: var(--wp--preset--color--arisaka-accent-color-alpha)
			}

			img {
				transform: scale(1.025);
			}

			span {
				transform: translateX(10px);

				&::before {
					background-color: var(--wp--preset--color--arisaka-accent-color-alpha);
				}
			}
		}
	}
}

/* Faq */
.entry-content.faq {
	.faqMenu {
		margin-inline: auto;
		width: clamp(21.25em, 8.61em + 53.93vw, 44em);
		display: grid;
		justify-content: center;
		grid-template-columns: repeat(auto-fit, 212px);
		justify-content: center;
		gap: clamp(1em, 0.422em + 2.47vw, 2em);
		margin-block: 3.75em 6.875em;

		li {
			width: 212px;
			height: 95px;
			border: 2.5px solid var(--wp--preset--color--arisaka-main-color);

			>a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				z-index: 1;
				text-align: center;
				align-content: end;
				padding-block-end: 0.5em;
				color: var(--wp--preset--color--white);
				font-size: clamp(1em, 0.928em + 0.31vw, 1.125em);
				letter-spacing: 0.1em;
				line-height: 1.875;
				transition: 0.4s ease-in-out;

				&::before {
					position: absolute;
					top: 0;
					left: 0;
					content: "";
					display: block;
					width: 100%;
					height: 100%;
					background-color: var(--wp--preset--color--arisaka-main-color);
					background-size: 15%;
					background-position: left 50% top 20%;
					background-repeat: no-repeat;
					z-index: -1;
					transition: 0.4s ease-in-out;
				}

				&::after {
					position: absolute;
					right: 0;
					bottom: 0;
					content: "";
					background-image: url("data:image/svg+xml;utf8,<svg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.21582 0.117018C7.42745 -0.0603736 7.74351 -0.0330876 7.9209 0.178542C8.30859 0.641018 8.845 1.18652 9.56445 1.70588C10.8199 2.61221 12.0693 3.03272 12.8984 3.23811C12.9052 3.23977 12.9114 3.24302 12.918 3.24494C12.9319 3.24902 12.9455 3.25337 12.959 3.25862C12.9755 3.26502 12.9913 3.27211 13.0068 3.2801C13.0196 3.28668 13.0318 3.29394 13.0439 3.30158C13.0583 3.31063 13.0717 3.32051 13.085 3.33088C13.0961 3.33957 13.1068 3.34859 13.1172 3.35823C13.1279 3.36817 13.1377 3.37867 13.1475 3.38948C13.1597 3.40301 13.1718 3.41653 13.1826 3.43147C13.1894 3.44088 13.1951 3.45091 13.2012 3.46076C13.2108 3.47633 13.2205 3.49182 13.2285 3.50862C13.2351 3.5225 13.2398 3.53709 13.2451 3.55158C13.25 3.56482 13.257 3.57778 13.2607 3.59162C13.2614 3.59414 13.2611 3.59692 13.2617 3.59944C13.2768 3.65817 13.2821 3.72064 13.2744 3.78401C13.2704 3.81688 13.2619 3.84828 13.252 3.87873C13.2486 3.88876 13.2442 3.89825 13.2402 3.90803C13.2323 3.92785 13.2241 3.94722 13.2139 3.96565C13.2095 3.97347 13.204 3.98053 13.1992 3.98811C13.1869 4.00761 13.1739 4.02625 13.1592 4.04377C13.1537 4.05031 13.1474 4.05606 13.1416 4.06233C13.1269 4.07806 13.1123 4.09354 13.0957 4.10725C13.0867 4.11469 13.0769 4.12093 13.0674 4.12776C13.051 4.13947 13.0343 4.15029 13.0166 4.15998C13.0059 4.16584 12.9947 4.1705 12.9834 4.17561C12.9667 4.18317 12.9502 4.19039 12.9326 4.19612C12.9247 4.19872 12.9174 4.20366 12.9092 4.20588C12.2338 4.3898 11.2727 4.73108 10.2646 5.38655C9.1034 6.14176 8.36457 6.99957 7.94043 7.57893C7.7773 7.80123 7.46482 7.84906 7.24219 7.68635C7.01947 7.5233 6.97092 7.2109 7.13379 6.98811C7.60753 6.34101 8.42923 5.38738 9.71875 4.54866C9.90016 4.43069 10.0813 4.32377 10.2588 4.22346H0.5C0.22398 4.22346 0.000197811 3.99943 0 3.72346C8.91437e-05 3.44739 0.223913 3.22346 0.5 3.22346H10.1055C9.73714 3.024 9.35786 2.79126 8.97852 2.51741C8.1804 1.94125 7.58509 1.335 7.1543 0.82112C6.97706 0.609675 7.0047 0.294495 7.21582 0.117018Z' fill='currentColor'/></svg>");
					background-repeat: no-repeat;
					background-size: 40%;
					background-position: right 12% bottom 28%;
					display: block;
					width: clamp(1.8em, 1.299em + 2.14vw, 2.667em);
					height: clamp(1.8em, 1.299em + 2.14vw, 2.667em);
					align-content: end;
					text-align: right;
					background-color: var(--wp--preset--color--white);
					z-index: -1;
					clip-path: polygon(100% 0%, 100% 0, 100% 100%, 0 100%);
					transition: 0.4s ease-in-out;
				}

				&:hover {
					opacity: 0.8;
				}

				&:hover::after {
					background-position: right 0 bottom 28%;
				}
			}

			&:nth-child(1)>a::before {
				background-image: url(../images/page-fa-nav01.webp);
			}

			&:nth-child(2)>a::before {
				background-image: url(../images/page-fa-nav02.webp);
			}

			&:nth-child(3)>a::before {
				background-image: url(../images/page-fa-nav03.webp);
			}

			&:nth-child(4)>a::before {
				background-image: url(../images/page-fa-nav04.webp);
			}

			&:nth-child(5)>a::before {
				background-image: url(../images/page-fa-nav05.webp);
			}

			&:nth-child(6)>a::before {
				background-image: url(../images/page-fa-nav06.webp);
			}
		}
	}

	>div:nth-child(even) {
		background-color: var(--wp--preset--color--arisaka-background-light);
		width: 100vw;
		overflow-x: hidden;
		margin: 0 calc(50% - 50vw);
		position: relative;

		dt {
			background-color: var(--wp--preset--color--white);
		}
	}

	h3 {
		font-size: clamp(1.375rem, 1.086rem + 1.23vw, 1.875rem);
		letter-spacing: 0.1em;
		margin-block-end: 1em;
		display: flex;
		align-items: center;
		gap: 0.25em;

		&::before {
			content: "■";
			display: block;
			transform: rotate(45deg);
			font-size: 0.65em;
		}
	}

	>div {
		padding-block: clamp(2em, -0.125em + 5.67vw, 4.25em);
		counter-reset: qa;
	}

	dt {
		background-color: var(--wp--preset--color--arisaka-background-light);

		>div {
			margin-block: 0.2em 0;
		}
	}

	dd {
		padding-block: 1.75em 2.75em;
		/* background-color: red; */
	}

	dd:last-child {
		padding-block-end: 1em;
	}
}

/* 会社案内 */
.entry-content.company {
	img {
		display: block;
		object-fit: cover;
	}

	h2 {
		margin-block-end: 1.75em;
	}

	h2+figure {
		margin-block-end: clamp(2.5em, 0.5em + 6vw, 6.2rem);
		margin-inline: auto;
		width: fit-content;
		margin-inline: auto;

		img {
			max-width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}
	}

	.page-company-message {
		overflow-x: hidden;
		background-image: url(../images/page-message-img_bg02.webp);
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		padding-block: 3em clamp(4em, -0.286em + 11.43vw, 10em);

		>.width-ctl-block {
			max-width: 1920px;
			padding-inline: 1em;
			display: grid;
			grid-template-columns: 1fr 1fr;
			justify-content: space-between;
			gap: 2em;

			>div {
				max-width: 43.25em;
				justify-self: end;

				p {
					letter-spacing: 0.1em;
					line-height: 2.25;
					margin-block: 1em 2em;
				}
			}

			>div:nth-child(2) {
				display: grid;
				gap: 3em;
				width: clamp(30rem, 15.361rem + 24.83vw, 40.188rem);
				justify-self: end;

				figure:nth-child(1) {
					justify-self: start;

					img {
						aspect-ratio: 412 / 479;
						max-width: 412px;
						height: 100%;
					}
				}

				figure:nth-child(2) {
					justify-self: end;

					img {
						aspect-ratio: 359 / 299;
						max-width: 359px;
						height: 100%;
					}
				}
			}
		}
	}

	.page-company-qualify {
		position: relative;
		background-color: black;
		color: var(--wp--preset--color--arisaka-lightgray-color);
		display: grid;
		justify-content: center;
		align-items: end;
		height: auto;
		padding-block: clamp(6em, 3.143em + 7.62vw, 10em) 5.5em;
		background-image: url(../images/page-message-img03.webp);
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		@media(700px > width) {
			background-image: url(../images/page-message-img03-sm.webp);
			background-position: center top;
		}

		>div {
			/* max-width:var(--arisaka-narrow-width); */
			/* justify-self: center; */
			margin-inline-start: calc(clamp(1em, -22.333em + 31.11vw, 15em) * -1);

			h3,
			h4,
			p {
				max-width: 51em
			}

			h3 {
				font-size: clamp(1.75rem, 0.991rem + 2.02vw, 2.813em);
				margin-block-end: 0.15em;
			}

			h4 {
				font-size: 1.75em;
				font-size: clamp(1rem, 0.464rem + 1.43vw, 1.75rem);
				margin-block-end: 1.5em;
			}

			p {
				margin-block-end: 0;
				font-size: 1.125em
			}
		}
	}

	.page-company-award {
		color: var(--wp--preset--color--arisaka-lightgray-color);

		h2 {
			background-image: url(../images/page-message-imgaward-bg.webp);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			text-align: center;
			padding-block: 1.45em;
			/* aspect-ratio: 1920 / 180; */
			align-content: center;
			margin-block-end: 0;
			@media(700px > width) {
				background-image: url(../images/page-message-imgaward-bg-sm.webp);
				aspect-ratio: 1 / 0.475;
				background-position: center bottom;
			}
		}

		p,
		h3 {
			line-height: 1.5;
			margin-block: 0;
		}

		/* p {
			font-size: clamp(1em, 0.779em + 0.59vw, 1.25em);
		} */
		h3 {
			font-size: clamp(1.25em, 0.368em + 2.35vw, 2.25em);
			font-weight: normal;
		}

		h4 {
			font-size: clamp(1.1em, 0.779em + 0.59vw, 1.25em);
			font-weight: normal;
			line-height: 1.875;
			margin-block-end: 0.25em;
		}

		h4+p {
			line-height: 1.875;
			margin-block-end: 2.5em;
		}

		>section {
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			padding-block: 84px 95px;
			letter-spacing: 0.1em;

			>div {
				max-width: var(--arisaka-narrow-width);
				margin-inline: auto;

				.inner-block {
					background-color: var(--wp--preset--color--white);
					margin-block: -1em 2.25em;
					position: relative;
					z-index: 1;
					color: var(--wp--preset--color--arisaka-main-color);
					padding: 3em 2em 2em;

					&:has(figure) {
						display: flex;
						align-items: center;
					}

					dl,
					ul {
						flex-basis: 43%;
					}

					figure {
						flex-basis: 55%;
					}

					p,
					dt,
					dd,
					li {
						line-height: 1.8;
						font-weight: bold;
						font-size: clamp(1rem, 0.779rem + 0.59vw, 1.25rem);
					}

					dt,
					dd,
					li {
						line-height: 2.5;

						span {
							font-size: 0.8em
						}
					}
				}
			}

			&:nth-of-type(1) {
				background-image: url(../images/page-message-img_bg00.webp);
			}

			&:nth-of-type(2) {
				background-image: url(../images/page-message-img_bg03.webp);

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}

			&:nth-of-type(3) {
				background-image: url(../images/page-message-img_bg04.webp);

				.inner-block {
					display: flex;

					ul {
						flex-basis: 50%;

						li {
							padding-inline-start: 2.5em;
						}
					}

					figure {
						flex-basis: 50%;
					}
				}

				img {
					margin-inline: auto;
				}
			}
			@media(width <= 600px){
            &:nth-of-type(1) {
                background-position: left bottom;
            }
			}

			.head-line-block_h {
				position: relative;
				z-index: 2;
				display: flex;
				background-color: var(--wp--preset--color--arisaka-main-color);
				padding: 1em 1.25em;
				width: 50%;
				margin-inline-start: calc(clamp(0rem, -37.5rem + 50vw, 2.5rem) * -1);
				padding-inline-start: 1.75em;

				>div {
					padding-inline-start: 1.55em;
					border-left: 7px solid var(--wp--preset--color--white);
				}
			}

			.page-gallery {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 1em;

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
	}

	.page-qualification {
		background-image: url(../images/page-message-img_bg01.webp), url(../images/page-message-img_bg02.webp);
		padding-block: clamp(3.875rem, 2.893rem + 2.62vw, 5.25rem) 95px;
		background-position: right top, left bottom;
		background-size: contain, contain;
		background-repeat: no-repeat, no-repeat;

		h2 {
			text-align: center;
		}

		>div {
			width: clamp(18.75rem, -6.168rem + 106.32vw, 61.875rem);
			margin-inline: auto;

			h3 {
				position: relative;
				font-size: clamp(1.125em, 0.794em + 0.88vw, 1.5em);
				letter-spacing: 0.1em;
				padding-block-end: 0.66em;

				span {
					display: block;
					font-size: 0.8em;
				}

				&::before {
					content: "";
					position: absolute;
					display: block;
					left: 0;
					bottom: 0;
					height: 1px;
					width: 100%;
					background-color: var(--wp--preset--color--arisaka-main-color);
				}

				&::after {
					content: "";
					position: absolute;
					display: block;
					left: 0;
					bottom: -4px;
					height: 8px;
					width: 172px;
					background-color: var(--wp--preset--color--arisaka-main-color);
				}
			}

			p {
				line-height: 1.876;
			}

			>div:nth-of-type(1) {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 2.5em 4em;

				>section {
					display: grid;
					grid-template-columns: 1fr;
					grid-template-rows: subgrid;
					grid-row: span 2;
				}

				>section:nth-of-type(2) {
					line-height: 1.65;
				}
			}

			>div {
				figure {
					width: fit-content;

					img {
						max-width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
			}

			>section {
				margin-block: 3em 4em;
				display: grid;
				grid-template-rows: auto auto;
				grid-template-columns: 1fr 0.6fr;
				column-gap: 2em;

				@media(1200px <=width) {
					column-gap: 5em;
				}

				h3 {
					margin-block-end: 2.5em;
					width: 100%;
					grid-column: 1 / 3;
					grid-row: 1 / 2;
					@media(823px <= width){
					br{display: none;}
					}
				}

				>figure {
					width: 100%;
					max-width: 100%;
					justify-self: end;

					img {
						width: 100%;
						max-width: 100%;
						height: 100%;
						object-fit: contain;
						margin-inline: auto;
					}
				}

				>div {
					img {
						margin-inline: auto;
						margin-block-start: 2em;
					}

					.association {
						border: 1px solid #63B37E;
						padding: 1.5em 2em;
						margin-block-start: 2.5em;

						figure {
							width: fit-content;
							margin-inline: auto;
						}
					}
				}
			}
		}
	}

	.page-company {
		padding-block: 84px 95px;
		background-color: var(--wp--preset--color--arisaka-main-color);
		color: var(--wp--preset--color--arisaka-lightgray-color);

		h2 {
			text-align: center;
		}

		.wp-block-table,
		.wp-block-table__wrapper {
			width: clamp(18.75rem, -6.168rem + 106.32vw, 61.875rem);
			margin-inline: auto;
			border: none;
			overflow: visible;
			height: auto;
			max-height: none;
		}

		.wp-block-table {
			td {
				border: none;
				border-top: 1px solid var(--wp--preset--color--arisaka-lightgray-color);
				padding: 1.75em 2.5em;
			}

			tr:nth-last-of-type(1) td {
				border-bottom: 1px solid var(--wp--preset--color--arisaka-lightgray-color);
			}

			td:nth-of-type(1) {
				width: 30%;
			}
		}
	}

	.carousel-home {
		.group {
			animation: spin 45s linear infinite;
		}
	}

	@media(600px >=width) {
		.entry-content.pure_memorial >h2 {
			letter-spacing: unset;
}

		.page-company .wp-block-table,
		.page-company .wp-block-table__wrapper {
			overflow: visible;
			height: auto;
			max-height: none;
		}

		.page-company .wp-block-table {
			width: unset;
			padding-inline: 1.25em;

			td:nth-of-type(1) {
				padding-inline: 0;
			}

			td:nth-of-type(2) {
				padding-inline: 0;
			}
		}
	}

	/* タイムライン */
	.page-timeline {
		padding-block: 130px;
		background-image: url(../images/page-message-img_bg05.webp);
		background-size: cover;
		background-position: left bottom;
		background-repeat: no-repeat;
		color: var(--wp--preset--color--arisaka-lightgray-color);

		>div {
			width: clamp(18.75rem, -6.168rem + 106.32vw, 61.875rem);
			margin-inline: auto;
		}

		h2 {
			text-align: center;
		}
	}

	/* アクセス */
	.page-access {
		padding-block: clamp(6.125em, 5.331em + 3.39vw, 7.5em) clamp(11.25em, 7.639rem + 15.41vw, 17.5em);
		background-image: url(../images/page-message-img_bg06.webp);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		color: var(--wp--preset--color--arisaka-lightgray-color);

		>div {
			width: clamp(34.375rem, 12.264rem + 58.96vw, 50rem);
			margin-inline: auto;
		}

		h2 {
			margin-block-end: 0.5em;
		}

		iframe {
			width: 100%;
			height: 100%;
			aspect-ratio: 5 / 2.7;
			margin-block-start: 0.5em;
		}
	}
}

@media(600px >=width) {
	.entry-content.company .page-access>div {
		max-width: unset;
		width: 100%;
		padding-inline: 1.75em;

		iframe {
			aspect-ratio: 4 / 3;
		}
	}
}

@media(823px >=width) {
	.entry-content.company {
		h2 + figure {
			img{
				aspect-ratio: 1 / 0.75;
			}
		}

		.page-company-message {
			>.width-ctl-block {
				display: block;

				>div {
					max-width: unset;
				}

				>div:nth-child(2) {
					display: block;
					width: 100%;
					margin-inline: auto;
					figure{
						img{
							display: block;
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
						&:nth-child(1) {
							width: 60%;
							margin-block-end: 1.5em;
						}
						&:nth-child(2) {
							width: 55%;
							margin-inline:auto 0;
						}
					}
				}
			}
		}

		.page-qualification {
			background-image: url(../images/page-message-img_bg01-sm.webp);
			background-position: left top;
			background-size: contain;
			>div {
				width: unset;
				padding-inline: 1.25em;
				>div:nth-of-type(1) {
					grid-template-columns: 1fr;
					/* gap: 2.5em 4em; */
				}

				>section {
					display: grid;
					grid-template-columns: 1fr;
					gap: 2em;

					h3 {
						grid-column: unset;
						grid-row: unset;
						margin-block-end: unset
					}
				}
			}
		}

		.page-company-award{
			h4{
				margin-block-end: 1em;
			}
		}
	}


	.entry-content.guide {
		h2 + dl {
						display: block;
						dt{
							padding-block-end: 0;
							border-bottom: none;
							font-weight: bold;
							&:nth-last-of-type(1) {
								border-bottom: none;
								margin-block-end: 0.25em;
							}
						}
						dd{
							border-top: none;
							padding-block-start: 0;
						}
		}

}
}

@media(1024px > width) {
	.entry-content.company .page-company-qualify {
		background-position: 40% center;

		>div {
			padding-inline: 1.25em;
			/* width: 100%; */
			margin-inline-start: unset;

			h3,
			h4,
			p {
				max-width: unset;
				width: 100%;
				/* padding-inline: 1.25em; */
			}
		}
	}
}

@media(1200px > width) {
	.entry-content.company .page-company-award {
		>section {
			padding-inline: 1.25em;

			.head-line-block_h {
				width: 91%;
				padding: 1em;
				/* margin-inline-start: unset; */
			}

			>div {
				.inner-block {
					padding: 1.5em;
				}

				.inner-block:has(figure) {
					flex-direction: column;
					gap: 1.5em;
					align-items: unset;
				}
			}

			&:nth-of-type(3) .inner-block {
				flex-direction: column;
				gap: 1.5em;

				ul li {
					padding-inline-start: unset;
				}
			}
		}
	}
}

/* タイムラインリスト */
.history-list {
	list-style: none;
	position: relative;
	margin-block-start: 4em;
	/* max-width: 90%;
	padding-inline: 1em; */
}

/* 縦線（タイムライン） */
.history-list::before {
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	width: 2px;
	background-color: var(--wp--preset--color--arisaka-lightgray-color);
}

.history-list__year-title {
	position: relative;
}

.history-list__year-image {
	width: clamp(15.625em, -2.375em + 28.13vw, 25.75em);
	height: auto;
	object-fit: cover;
	display: block;
	margin-inline: 4em auto;
	margin-block-end: 3em;
}

.history-list__year-title::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 8px;
	width: 15px;
	height: 15px;
	background-color: var(--wp--preset--color--white);
	border-radius: 50%;
	border: 4px solid var(--wp--preset--color--white);
	z-index: 1;
}

.history-list__items {
	list-style: none;
}

.history-list__item {
	margin-block-end: 3em;
	padding-inline-start: 4em;
	position: relative;
}

.history-list__item-date {
	letter-spacing: 0.1em;
	font-size: 20px;
	font-weight: bold;
	flex-shrink: 0;
}

.history-list__item-content {
	font-size: 16px;
	margin-inline-end: 1em;
}

/* タブレット・PC表示 */
@media screen and (min-width: 600px) {
	.history-list::before {
		left: 50%;
		transform: translateX(-1px);
	}

	.history-list__year {
		display: flex;
		align-items: flex-start;
	}

	.history-list__year-title {
		width: 50%;
	}

	.history-list__year-image {
		margin-inline: auto;
		/* width:unset; */
		/* max-width: 220px; */
	}

	.history-list__year-title::before {
		left: auto;
		right: -12px;
	}

	.history-list__items {
		width: 50%;
		padding-inline-start: 4em;
	}

	.history-list__item {
		padding-left: 0;
		margin-block-end: 3em;
	}

	.history-list__year:nth-last-of-type(1) {
		margin-block-end: 0;

		.history-list__item:nth-last-of-type(1),
		history-list__year-title {
			margin-block-end: 0;
		}

		.history-list__year-image {
			margin-block-end: 0;
		}
	}
}

/* PC表示（より大きい画面） */
@media screen and (min-width: 1024px) {
	.history-list__item {
		padding-left: 0;
		margin-block-end: 4.5em;
	}
}

@media(1024px > width) {
	.entry-content.feature {
		h3.width-wide-block_other-page {
			height: auto;
			padding-block: 1em;
			text-align: justify;

			span {
				width: 100%;
				padding-inline: 16px;
				display: block;
			}
		}

		.block2way {
			p img {
				width: 85%;
			}
		}
	}

	.block2way {
		>div {
			display: grid;
			grid-template-columns: 1fr;
			width: 100%;

			>div {
				width: 100%;

				h4.wp-block-heading,
				p {
					max-width: unset;

					img {
						height: 100%;
						object-fit: cover;
					}

					>figure {
						max-width: 500px;
					}
				}
			}
		}
	}

	/* Faq */
	.entry-content.faq {
		>div:nth-child(even) {

			dl,
			h3 {
				margin-inline: 1rem;
			}
		}
	}
}

@media(1200px >=width) {
	.entry-content.service {
		>div a {
			width: 95%;
			grid-template-columns: clamp(12.5em, -1em + 35vw, 26em) 1fr clamp(2em, -0.625em + 7vw, 5.5em);
		}
	}
}

@media(1024px <=width) {
	.entry-content.feature {
		h3.width-wide-block_other-page {
			span {
				width: var(--arisaka-middle-width);
				display: flex;
				align-items: center;

				&::before {
					display: inline-block;
				}
			}
		}
	}

	/* Faq */
	.entry-content.faq {
		>div {

			dl,
			h3 {
				width: clamp(34.375rem, 10rem + 65vw, 58.75rem);
				margin-inline: auto;
			}
		}
	}
}

/* PCサイズ先行のためモバイルは最後にCSS上書き */
@media(600px >=width) {
	.entry-content {
		.lead-body-copy {
			margin-block-start: 2em;
			text-align: justify;

			br:nth-of-type(1) {
				display: none;
			}
		}
	}

	/* 選ばれる理由 */
	.entry-content.feature {
		.width-wide-block_other-page.image {
			img {
				aspect-ratio: 1.4 / 1;
			}
		}
	}

	.entry-content.service {
		>div a {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(2, auto);
			grid-template-rows: repeat(2, auto);
			row-gap: 1em;
			justify-content: unset;

			>figure {
				grid-column: 1/3;
				grid-row: 1/2;
			}

			>div {
				grid-column: 1/2;
				grid-row: 2/3;
				justify-self: center;
			}

			>span {
				grid-column: 2/3;
				grid-row: 2/3;
				justify-self: center;
			}
		}
	}

	/* Faq */
	.entry-content.faq {
		.faqMenu {
			width: 100%;
			grid-template-columns: repeat(auto-fit, minmax(150px, 40vw));
			margin-inline: auto;
			;

			li {
				width: 100%;
			}
		}
	}

	.entry-content.faq {
		h2 {
			letter-spacing: 0.05em;
		}

		.faqMenu {
			li {
				height: 75px;

				>a {
					text-shadow: 1px 1px 1px rgb(0 0 0 / 60%);

					&::before {
						background-size: 38%;
						background-position: center;
					}

					&::after {
						width: 2.5em;
						height: 2.25em;
					}
				}
			}
		}
	}
}

.entry-content.guide {
	dl {
		max-width: var(--arisaka-narrow-width);
		padding-inline: 1.5em;
		margin-block: 4em 7.5em;
		margin-inline: auto;
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: 2.5em;

		dt,
		dd {
			padding-block: 1.5em;
			padding-inline: clamp(0em, -2.143em + 5.71vw, 3em);
			border-top: 1px solid #D9D9D9;
			line-height: 2;

			&:nth-last-of-type(1) {
				border-bottom: 1px solid #D9D9D9;
			}
		}
	}

	h2 {
		text-align: center;
		letter-spacing: 0.1em;
		font-weight: normal;
		margin-block-end: 1.59em;
	}

	h3 {
		font-size: 1.5em;
		letter-spacing: 0.1em;
		line-height: 2;
		padding-block-end: 0.5em;
		margin-block: 2.95em 0.75em;
		border-bottom: 1px solid #D9D9D9;
		font-weight: normal;
	}

	h4 {
		font-size: 1.125em;
		letter-spacing: 0.1em;
		line-height: 2.4;
		font-weight: normal;
		margin-block: 3em 1.35em;
	}

	h5 {
		font-size: 1em;
		letter-spacing: 0.1em;
		line-height: 2.4;
		font-weight: normal;
		margin-block: 1.5em 0.5em
	}

	.card-image {
		max-width: 19em;
		margin-block-end: 0.75em;
	}

	/* table */
	table {
		width: unset;
		text-align: center;
		table-layout: auto;
		border: 1px solid var(--wp--preset--color--arisaka-lightgray-color);
		margin-bottom: 3em;

		th,
		td {
			text-align: center;
			border: 1px solid var(--wp--preset--color--arisaka-lightgray-color);
		}

		th,
		tbody tr:nth-of-type(1) td,
		thead th:nth-of-type(1),
		tbody td:nth-of-type(1) {
			white-space: nowrap;
			padding-inline: 1em;
		}

		/* 1列目の幅を設定 */
		thead th:nth-of-type(1),
		tbody td:nth-of-type(1) {
			width: 18.5em;
		}

		tr:nth-of-type(2) {
			background-color: var(--wp--preset--color--arisaka-main-color);
			color: var(--wp--preset--color--arisaka-lightgray-color);
		}

		tr:nth-of-type(2)~tr {
			td:nth-of-type(1)~td {
				text-align: center;
				width: 9.95rem;
			}
		}

		th {
			background-color: var(--wp--preset--color--arisaka-main-color);
			color: var(--wp--preset--color--arisaka-lightgray-color);
		}
	}

	/* 最後の行を相対位置にする */
	tbody tr:last-child {
		position: relative;
	}

	/* 最後の行の外側（右下）に表示 */
	tbody tr:last-child::after {
		content: "(税込)";
		position: absolute;
		bottom: -2em;
		right: 0;
		display: block;
		text-align: right;
		background-color: transparent;
		font-size: 0.9em;
		white-space: nowrap;
		padding-top: 0.5em;
	}

	.m-system {
		padding-block-start: 1.5em;

		ol {
			list-style: decimal;
			padding-inline-start: 1.5em;
		}

		li {
			line-height: 1.8;
			padding-inline-start: 0.5em;
			margin-block-end: 1em;
			text-align: justify;

			a {
				border-bottom: 1px solid var(--wp--preset--color--arisaka-main-color);
				transition: 0.3s ease-in-out;

				&:hover {
					opacity: 0.6;
					border-bottom: 1px solid #1f304e96;
				}
			}
		}
	}
}

/* お問い合わせ */
.entry-content.contact {
	h2 {
		line-height: 2;
	}

	h3 {
		font-size: clamp(1.25em, 0.368em + 2.35vw, 2.25em);
		letter-spacing: 0.1em;
		text-align: center;
	}

	.lead-body-copy {
		line-height: 2.2;
		margin-block: 2.35em;
	}

	.telenumber-btn {
		background-color: var(--wp--preset--color--arisaka-lightgray-color);
		max-width: 570px;
		margin-inline: auto;
		padding-inline: 1em;
		padding-block: 2em 2.5em;
		text-align: center;

		a {
			display: block;
			width: 100%;
			height: 100%;
		}

		span:nth-of-type(1) {
			font-size: 2em;
			letter-spacing: 0.1em;
		}

		span:nth-last-of-type(1) {
			font-size: 0.875em;
			letter-spacing: 0.25em;
		}
	}

	.mailform-block {
		width: fit-content;
		margin-inline: auto;
		margin-block: 6.15em;
	}

	div[class*="wpcf7"] {
		padding-block: 0 4.2em;

		form {
			margin-inline: auto;
			max-width: 825px;

			.input_area {
				>p {
					display: grid;
					@media(width >= 723px){
						grid-template-columns: 10em auto;
						margin-block-end: 2.75em;
				}
					column-gap: 2.25em;
					margin-block-end: 1.25em;
					

					>span,
					>label {
						display: block;
					}

					>label {
						white-space: nowrap;
						@media(width >= 723px){
						line-height: 2;
						}
						margin-block-end: 0.5em;
						position: relative;
					}

					>span {
						display: grid;
						grid-template-columns: 2.5rem 1fr;
						column-gap: 1.57em;
						align-items: center;

						input[type="text"],
						input[type="email"],
						input[type="tel"],
						textarea {
							width: 100%;
							display: block;
							padding: 0.25em 0.75em;
							border: 1px solid #E1E1E1;
							outline: none;
							box-shadow: none;

							&:focus {
								border: 1px solid #afafaf;
								box-shadow: none;
							}

							&:invalid {
								border: 1px solid #D71518;
							}

							&::placeholder {
								color: #A8A8A8;
								opacity: 1;
								/* Firefox用 */
							}

							&::-webkit-input-placeholder {
								color: #A8A8A8;
							}

							&::-moz-placeholder {
								color: #A8A8A8;
								opacity: 1;
							}

							&:-ms-input-placeholder {
								color: #A8A8A8;
							}
						}

						textarea {
							min-height: 120px;
							resize: vertical;
						}

						>span.wpcf7-not-valid-tip {
							font-size: 0.875em;
							grid-column: 2/3;
						}

						label:has(input[type="checkbox"]) {
							display: flex;
							align-items: center;
							margin-inline-end: 1em;
						}

						/* checkboxのスタイルを追加 */
						input[type="checkbox"] {
							appearance: none;
							-webkit-appearance: none;
							width: 1.2em;
							height: 1.2em;
							min-width: 1.2em;
							border: 1px solid #E1E1E1;
							background-color: var(--wp--preset--color--white);
							position: relative;
							cursor: pointer;
							vertical-align: middle;
							margin-inline-end: 0.25em;

							&::before {
								content: "";
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%) scale(0);
								width: 0.5em;
								height: 0.3em;
								border-left: 2px solid var(--wp--preset--color--white);
								border-bottom: 2px solid var(--wp--preset--color--white);
								transform-origin: center;
								transition: transform 0.2s ease;
								opacity: 0;
							}

							&:checked {
								background-color: var(--wp--preset--color--arisaka-main-color);
								border-color: var(--wp--preset--color--arisaka-main-color);

								&::before {
									transform: translate(-50%, -60%) rotate(-45deg) scale(1);
									opacity: 1;
								}
							}

							&:focus {
								outline: none;
							}

							&:hover:not(:disabled) {
								border-color: var(--wp--preset--color--arisaka-main-color);
							}
						}

						span.wpcf7-list-item {
							margin-inline-start: 0;
						}
					}

					>span::before {
						content: "";
						position: relative;
						display: block;
						width: 2.5rem;
						/* height: fit-content; */
						top: 0;
						right: 0;
						font-size: 12px;
						letter-spacing: 0;
						text-align: center;
						align-content: center;
					}

					&:has(input[aria-required="true"])>span::before,
					&:has(textarea[aria-required="true"])>span::before,
					&:has(input[type="checkbox"])>span::before {
						content: "必須";
						background-color: #D71518;
						color: var(--wp--preset--color--arisaka-lightgray-color);
					}

					&:has(textarea[aria-required="true"])>span::before,
					&:has(input[type="checkbox"])>span::before {
						align-self: start;
					}
				}

				>p:has(textarea)~p {
					display: block;
					grid-template-columns: 1fr
				}

				p:has(textarea)+p {
					width: fit-content;
					margin-inline: auto;
				}

				p:has(input[type="submit"]),
				.button_group {
					width: fit-content;
					margin-inline: auto;

					input[type="submit"],
					input[type="button"] {
						background-color: var(--wp--preset--color--arisaka-main-color);
						border: 2px solid var(--wp--preset--color--arisaka-main-color);
						padding: 0.5em 1em;
						margin-block-end: 0.5em;
						width: 280px;
						letter-spacing: 0.15em;
						border-radius: 50px;
						appearance: none;
						text-align: center;
						cursor: pointer;
						color: var(--wp--preset--color--white);
						white-space: pre;
						transition: all 0.3s ease;

						@supports (user-select: none) {
							user-select: none;
						}

						&:disabled {
							opacity: 0.5;
							cursor: not-allowed;
						}

						&:hover:not(:disabled) {
							opacity: 0.8;
						}
					}

					span.wpcf7-spinner {
						margin-inline: auto;
					}

					span {
						display: block;
						grid-template-columns: unset;
					}
				}
			}
		}
	}

	/* 確認画面 */
	.confirm_area {
		.confirm_list {
			margin-block-start: 4em;

			.confirm_item {
				span {
					display: block;
				}

				.confirm_label {
					font-weight: 700;
				}

				.confirm_value {
					padding-inline-start: 1.5em;
				}
			}
		}

		.button_group {
			width: fit-content;
			margin-inline: auto;
			margin-block: 2em;

			p {
				@media(width >= 723px){
					display: flex;
				}
				display:grid;				
				gap: 1em;
				justify-content: center;
				align-items: center;
			}

			input[type="button"].back_button,
			input[type="submit"].form-submit {
				background-color: var(--wp--preset--color--arisaka-main-color);
				border: 2px solid var(--wp--preset--color--arisaka-main-color);
				padding: 0.5em 1em;
				width: 280px;
				letter-spacing: 0.5em;
				border-radius: 50px;
				appearance: none;
				text-align: center;
				cursor: pointer;
				color: var(--wp--preset--color--white);
				white-space: pre;
				transition: all 0.3s ease;

				@supports (user-select: none) {
					user-select: none;
				}

				&:disabled {
					opacity: 0.5;
					cursor: not-allowed;
				}

				&:hover:not(:disabled) {
					opacity: 0.8;
				}
			}

			span.wpcf7-spinner {
				margin-inline: auto;
			}
		}

		.acceptance-wrapper {
			margin-block: 1.5em 3em;

			p {
				display: flex;
				align-items: center;
				justify-content: center;
			}

			label {
				display: flex;
				align-items: center;
				cursor: pointer;
			}

			input[type="checkbox"].usr-acceptance {
				appearance: none;
				-webkit-appearance: none;
				width: 1.2em;
				height: 1.2em;
				min-width: 1.2em;
				border: 1px solid #E1E1E1;
				background-color: var(--wp--preset--color--white);
				position: relative;
				cursor: pointer;
				vertical-align: middle;
				margin-inline-end: 0.5em;

				&::before {
					content: "";
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%) scale(0);
					width: 0.5em;
					height: 0.3em;
					border-left: 2px solid var(--wp--preset--color--white);
					border-bottom: 2px solid var(--wp--preset--color--white);
					transform-origin: center;
					transition: transform 0.2s ease;
					opacity: 0;
				}

				&:checked {
					background-color: var(--wp--preset--color--arisaka-main-color);
					border-color: var(--wp--preset--color--arisaka-main-color);

					&::before {
						transform: translate(-50%, -60%) rotate(-45deg) scale(1);
						opacity: 1;
					}
				}

				&:focus {
					outline: none;
				}

				&:hover:not(:disabled) {
					border-color: var(--wp--preset--color--arisaka-main-color);
				}
			}

			.wpcf7-list-item-label {
				font-size: 1em;
				line-height: 1.5;
			}
		}
	}

	/* 送信成功画面 */
	.thanks_area {
		width: fit-content;
		margin-inline: auto;
	}
}

.contact-policy {
	max-width: 880px;
	/* margin-block-start: 6.25em; */
	margin-inline: auto;

	.inner_contact-policy {
		margin-block-start: 2em;
		height: 210px;
		overflow-y: scroll;
		border: 1px solid var(--wp--preset--color--arisaka-background-light);
		padding-block: 1em 1.5em;
		padding-inline: 2em 2.5em;

		ol {
			padding-inline-start: 1.8em;
			list-style: decimal;

			li {
				padding-inline-start: 0.5em;
			}
		}

		ul {
			list-style: none;
		}

		h4 {
			border-top: 1px solid var(--wp--preset--color--arisaka-background-light);
			border-bottom: 1px solid var(--wp--preset--color--arisaka-background-light);
			padding-block: 0.75em;
			margin-block: 1.25em;
		}
	}
}

/* ピュアメモリアル */
.entry-content.pure_memorial {

	.lead-body-copy,
	>div:nth-of-type(1) {
		max-width: 760px;
		margin-inline: auto;

		figure {
			display: block;
			margin-block: 3.375em;
		}
	}

	.lead-body-copy {
		text-align: justify;
	}

	h3 {
		font-size: clamp(1.25em, 0.368em + 2.35vw, 2.25em);
		text-align: center;
		margin-block-end: 1em;
	}

	h4 {
		font-size: 1.25em;
		line-height: 1.875;
		margin-block-end: 1em;
	}

	>div:not(:nth-of-type(1)) {
		margin-inline: auto;
		max-width: 880px;
		display: grid;
		row-gap: 3.375em;
		justify-items: center;

		>div:nth-of-type(1),
		>div:nth-of-type(2) {
			background-color: #E0E7EE;
			display: grid;
			align-items: center;
			grid-template-columns: 1fr 1fr;
			padding: 2.625em 3.25em;
			column-gap: 3.25em;

			figure {
				max-width: 356px;
			}

			p {
				font-size: 1em;
				line-height: 1.875em;
				letter-spacing: 0;
			}
		}
	}

	>div:nth-of-type(2),
	>div:nth-of-type(3) {
		figure {
			max-width: 356px;

			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
	}

	>div:nth-last-of-type(1) {
		p {
			text-align: center;
		}

		p:has(a) {
			a {
				position: relative;
				display: block;
				width: fit-content;
				margin-inline: auto;
				padding-block: 0.5em;
				padding-inline: 4em 5.5em;
				background-color: var(--wp--preset--color--arisaka-main-color);
				color: var(--wp--preset--color--white);
				border-radius: 50px;
				transition: 0.3s ease-in-out;
				font-size: 1.125em;
				letter-spacing: 0.1em;
				line-height: 1.875em;

				&:hover {
					opacity: 0.8;
				}

				&::after {
					content: '';
					position: absolute;
					background-image: url(../images/download.svg);
					background-size: contain;
					background-position: center;
					background-repeat: no-repeat;
					top: 50%;
					transform: translateY(-50%);
					width: 1.2em;
					height: 1.2em;
					transition: 0.3s ease-in-out;
					z-index: 1;
					padding-inline-start: 1em
				}
			}
		}
	}

	h3[data-text=Feature] + div{
		div div p{
			text-align: justify;
		}
		@media(600px <= width){
			>div p br{display: none;}
		}
	}
}

.entry-content.architectural_environment_stone,
.entry-content.shrines_and_temples,
.entry-content.monument,
.entry-content.tombstone {
	.lead-body-copy {
		margin-block-end: clamp(2rem, 0.214rem + 4.76vw, 4.5rem);
	}

	h3 {
		font-size: clamp(1.5em, 0.75em + 2vw, 2.25em);
	}

	.under-lead-message {
		display: grid;
		grid-template-columns: repeat(3, auto);
		align-items: center;
		justify-content: center;
		column-gap: 2em;
		padding-inline: 1.5em;

		figure {
			height: 100%;
			max-width: 491px;
			aspect-ratio: 491/544;

			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				/* max-width: 491px; */
			}
		}
	}

	.width-wide-block_other-page.topblock {
		position: relative;
		padding-block-end: 8em;

		&::before {
			content: "";
			width: 100%;
			height: 100%;
			background-color: var(--wp--preset--color--arisaka-main-color);
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			clip-path: inset(50% 0 0 0);
		}
	}

	/* 3つの理由 */
	.three-point-block {
		padding-block: 3.25em 4em;

		h3 {
			font-size: clamp(1em, 0.625em + 1vw, 1.5em);
			letter-spacing: 0.1em;
			font-weight: 700;
			text-align: center;
		}

		h3::before {
			font-size: 15px;
			margin-block-end: 0.45em;
		}

		.tree-promise {
			/* margin-block: 0.45em 1.45em; */
			margin-block: 0.45em 2.5em;
			font-size: clamp(1.5em, 0.938em + 1.5vw, 2.25em);
			letter-spacing: 0.1em;
			text-align: center;
			line-height: 1;
			font-weight: 700;
		}

		>div {
			display: grid;
			grid-template-columns: repeat(3, clamp(18.75em, 13.5em + 14vw, 24em));
			column-gap: 2.1em;
			align-items: center;
			justify-content: center;

			h4 {
				text-align: center;
				font-size: clamp(1.125em, 0.956em + 0.45vw, 1.35em);
				line-height: 1.85;
				margin-block-end: 1em;
			}

			>div {
				display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: subgrid;
				grid-row: span 2;
				row-gap: 1.57em;

				>div {
					justify-self: center;
					grid-row: 2/3;
					max-width: 20.2625em;
				}

				>figure {
					grid-row: 1/2;
				}
			}
		}
	}

	.vision-image-block,
	.send-image-messages {
		background-image: url(../images/environment_stone-img_bg0.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding-block: 2em;
		padding-inline: 2em;
		margin-block-end: 4em;
		color: var(--wp--preset--color--arisaka-lightgray-color);

		>div {
			max-width: var(--arisaka-narrow-width);
			margin-inline: auto;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			column-gap: 2em;
			align-items: center;
			justify-content: center;
			column-gap: 8.75em;

			h3 {
				font-size: clamp(1.5em, 1.219em + 0.75vw, 1.875em);
				margin-block-end: 1em;
			}

			p {
				line-height: 1.875;
			}
		}
	}

	.page-works-block {
		max-width: calc(var(--arisaka-narrow-width) - 6.9em);
		margin-inline: auto;
		margin-block-end: 4em;

		h3 {
			margin-block-end: 0.5em;
		}

		>div {
			margin-block: 3em 5.5em;
			display: grid;
			grid-template-columns: repeat(auto-fit, 303px);
			column-gap: 2em;
			align-items: center;
			justify-content: center;
			gap: 5.25em 2.5em;

			figure {
				max-width: 100%;
				height: 100%;
				aspect-ratio: 305/ 402;
				a{overflow: hidden;}
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
					display: block;
					transition: 0.3s ease;
					&:hover{
						transform: scale(1.05);
					}
				}

				figcaption {
					letter-spacing: 0.1em;
					line-height: 1.65;
				}
			}
		}
	}

	.send-image-messages {
		background-image: url(../images/environment_stone-img_bg1.webp);
		margin-block-end: 0;

		>div {
			column-gap: 6em;
			grid-template-columns: 0.9fr 1fr;
			/* max-width: calc(var(--arisaka-narrow-width) + 6.5em);
			>div{
				max-width:24.5em;
			} */
		}
	}

	.page-block-flowsection {
		counter-reset: step-count;
		background-color: var(--wp--preset--color--arisaka-main-color);
		color: var(--wp--preset--color--arisaka-lightgray-color);
		padding-block: 4em 5em;
		padding-inline: 2em;

		h3 {
			text-align: center;
		}

		h3+p {
			letter-spacing: 0.1em;
			text-align: center;
			margin-block: 2em 4em;
		}

		.construction.flow {
			max-width: var(--arisaka-narrow-width);
			margin-inline: auto;
			display: grid;
			grid-template-columns: repeat(auto-fit, 325px);
			justify-content: center;
			gap: 3em;

			>div {
				counter-increment: step-count;
				position: relative;
				background-color: var(--wp--preset--color--white);
				color: var(--wp--preset--color--arisaka-main-color);
				/* aspect-ratio: 325/178; */
				padding: 1em 1.35em;
				display: grid;
				grid-template-columns: 1fr;
				grid-template-rows: subgrid;
				grid-row: span 2;
				gap: 0;

				h4 {
					position: relative;
					display: grid;
					grid-template-columns: 60px 1fr;
					align-items: center;
					text-align: center;
					color: var(--wp--preset--color--arisaka-accent-color);
					font-size: 20px;
					line-height: 1.25;
					border-bottom: 1px solid var(--wp--preset--color--arisaka-accent-color);
					padding-block-end: 0.6em;
					margin-block-end: 0.6em;

					&::before,
					&::after {
						box-sizing: border-box;
						font-family: 'EB Garamond', serif;
						line-height: 1;
						font-weight: 400;
						font-feature-settings: "kern" 1, "liga" 1;
						/* text-size-adjust: 100%; */
						color: var(--wp--preset--color--arisaka-lightgray-color);
						display: block;
						text-align: center;
					}

					&::before {
						position: relative;
						content: "STEP";
						font-size: 14px;
						width: 55px;
						aspect-ratio: 1/1;
						background-color: var(--wp--preset--color--arisaka-accent-color);
						z-index: 1;
						padding-block-start: 0.65em;
						font-weight: bold;
						letter-spacing: 0.075em;
					}

					&::after {
						position: absolute;
						content: counter(step-count);
						font-size: 1.25em;
						left: 0.9em;
						top: 0.95em;
						z-index: 2;
						font-weight: bold;
					}
				}

				p {
					font-size: 0.875em;
					line-height: 1.25;
				}

				&::after {
					position: absolute;
					top: 40%;
					right: -2.25em;
					content: ">";
					display: block;
					width: 1.2em;
					height: 1.2em;
					background-color: var(--wp--preset--color--arisaka-main-color);
					color: var(--wp--preset--color--white);

					@media(width < 762px) {
						top: unset;
						right: unset;
						left: 47%;
						bottom: -2.25em;
						transform: rotate(90deg);
					}
				}

				&:last-child {
					&::after {
						display: none;
					}
				}
			}
		}
	}
}

.entry-content.architectural_environment_stone,
.entry-content.shrines_and_temples,
.entry-content.monument{
	div:has(.under-lead-message){
		padding-block-end: clamp(2em, 0.699em + 5.55vw, 5em);
		position: relative;

		&::before{
			position: absolute;
			bottom: 0;
			left: 0;
			content: "";
			display: block;
			width: 100%;
			height: 57%;
			background-color: var(--wp--preset--color--arisaka-main-color);
			z-index: -1;
		}
	}
}

.entry-content.shrines_and_temples {
	.send-image-messages {
		background-image: url(../images/environment_shrinestemple-bg.webp);
	}
}

.entry-content.monument {
	.send-image-messages {
		background-image: url(../images/environment_monument-bg.webp);

		.width-wide-block_other-page.topblock {
			margin-block-end: 2em;
		}

		>div>div {
			max-width: 27em;
		}

		>div:nth-of-type(2) {
			margin-block: 4.75em 1.5em;

			>div {
				grid-column: 2/3;
				grid-row: 1/2;
				justify-self: center;
			}

			>figure {
				grid-column: 1/2;
				grid-row: 1/2;
				justify-self: center;
			}
		}
	}
}

/* 墓石ページ */
.entry-content.tombstone {
	padding-block-end: 2.25em;

	.vision-image-block,
	.send-image-messages {
		margin-block-end: 0;
	}

	.page-linkblock {
		text-align: center;
		background-color: #0f367b;
		padding-block: 3.125em;
		margin-block-end: 5em;
		@media(width <= 1024px){
			padding-inline: 1.5em;
		}

		>div {
			max-width: var(--arisaka-narrow-width);
			margin-inline: auto;
		}

		p {
			font-size: clamp(1.125em, 1.031em + 0.25vw, 1.25em);
			text-align: center;
			color: var(--wp--preset--color--white);
			margin-block-end: 1.8em;
		}

		ul {
			display: flex;
			justify-content: center;
			gap: 2em 1em;
		}

		li {
			display: block;
			background-color: var(--wp--preset--color--white);
			flex-basis: 18.75em;
			font-size: 1.25em;
			clip-path: polygon(0 0,
					100% 0,
					100% 87.5%,
					52% 87.5%,
					50% 100%,
					48% 87.5%,
					0 87.5%);
		}

		a {
			display: block;
			width: 100%;
			height: 100%;
			padding-block: 1em 1.85em;
			transition: 0.3s ease;

			&:hover {
				opacity: 0.5;
			}
		}
	}

	/* 墓石建立ブロック */
	.build-up-grave {
		text-align: center;

		/* margin-block-end: 1em; */
		p {
			text-align: center;
			font-size: 1.125em;
			letter-spacing: 0.1em;
			margin-block-end: 0.5em;
			line-height: 1;
		}

		h2 {
			font-size: 2.625em;
			letter-spacing: 0.1em;
			margin-block-end: 0.95em;
		}

		figure {
			img {
				margin-inline: auto;
				max-width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
				display: block;
				margin-block-end: 0;
			}
		}
	}

	.send-image-messages {
		>div {
			max-width: var(--arisaka-narrow-width);
		}
	}

	.send-image-messages:nth-of-type(3) {
		background-image: url(../images/service-tombstone-bg01.webp);
		padding-block: 3.75em;

		>div {
			max-width: calc(var(--arisaka-narrow-width) - 7em);

			>div {
				grid-column: 2/3;
				grid-row: 1/2;
			}

			>figure {
				grid-column: 1/2;
				grid-row: 1/2;
			}
		}
	}

	.tombatone-detail {
		background-image: url(../images/pattern.webp);
		padding-block: clamp(4em, 3em + 2.67vw, 5em) 5em;

		h3 {
			color: var(--wp--preset--color--arisaka-lightgray-color);
			text-align: center;
		}

		h4 {
			position: relative;
			color: var(--wp--preset--color--arisaka-lightgray-color);
			background-color: var(--wp--preset--color--arisaka-main-color);
			line-height: 2;
			font-size: clamp(1.25em, 1em + 0.67vw, 1.5em);
			padding-inline-start: clamp(1.45em, 1.16em + 0.77vw, 1.74em);
			align-self: start;

			&::after {
				position: absolute;
				content: "";
				display: block;
				width: 4px;
				height: 100%;
				background-color: var(--wp--preset--color--arisaka-lightgray-color);
				/* background-color: red; */
				top: 0;
				left: 10px
			}
		}

		>div {
			max-width: var(--arisaka-narrow-width);
			margin-inline: auto;
			display: grid;
			gap: 2em;
			margin-block-start: clamp(3.25em, 2.25em + 2.67vw, 4.25em);

			>div {
				display: flex;
				background-color: var(--wp--preset--color--white);
				padding: clamp(1.75em, 1.25em + 1.33vw, 2.25em) clamp(1.125em, -0.875em + 5.33vw, 3.125em);
				justify-content: space-between;

				>div,
				figure {
					flex-basis: 50%;
				}

				>div {
					display: grid;
					/* gap:1.5em */
				}

				p {
					line-height: 2;
				}

				figure {
					max-width: 330px;

					imd {
						display: block;
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: center;
					}
				}
			}

			>div:nth-last-of-type(1) {
				display: grid;
				column-gap: 2em;
				padding-block-end: 3.75em;

				h5 {
					font-size: clamp(1.25em, 1em + 0.67vw, 1.5em);
					text-align: center;
					padding-block-end: 1em;
					margin-block-end: 0.25em;
					border-bottom: 1px solid var(--wp--preset--color--arisaka-main-color);
					width: 100%;
				}

				>div:nth-child(1) {
					display: flex;
					padding-block-end: 3em;
					justify-content: space-between;

					>div,
					>figure {
						flex-basis: 50%;
					}

					>div {
						display: grid;
					}
				}

				>div:nth-child(2) {
					/* padding: 2em 4em; */
					padding-block: 2.25em 1em;
					justify-items: center;
					justify-content: center;
					align-items: center;
					background-color: var(--wp--preset--color--arisaka-background-light);
					gap: 1em;

					h5,
					p {
						max-width: 756px;
					}

					h5 br {
						display: none;
					}

					p {
						letter-spacing: unset;
						font-weight: bold;
					}
				}
			}
		}
	}

	/* 施工実績 */
	.construction.portfolio {
		img {
			aspect-ratio: 305/ 402;
		}
	}

	.page-works-block {
		margin-block: 5em;
	}

	.page-block-flowsection:has(section + div) {
		padding-block-end: 3.25em;
	}

	.construction.flow+div {
		margin-block-start: 3.25em;
		max-width: calc(var(--arisaka-narrow-width) - 6em);
		margin-inline: auto;
		background-image: url(../images/service-tombstone-bg02.webp);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		padding-block: 2em;

		/* padding-inline:4em; */
		h4,
		p {
			text-align: center;
			width: 100%;
			max-width: 826px;
			margin-inline: auto;
		}

		h4 {
			font-size: clamp(1.125em, 0.844em + 0.75vw, 1.5em);
			letter-spacing: 0.1em;
			margin-block-end: 1em;
			padding-block-end: 1em;
			border-bottom: 1px solid var(--wp--preset--color--arisaka-main-color);
			br{
				display: none;
			}
		}

		p {
			line-height: 1.9;
			letter-spacing: unset;
			text-align: justify;
		}
	}

	.tombstone-for-youMessage {
		max-width: 1920px;
		margin-inline: auto;
		text-align: center;

		h4 {
			font-size: clamp(1.25rem, 0.795rem + 1.21vw, 2.25rem);
			color: #333;
			margin-block-end: 0.25em;
		}

		p {
			text-align: center;
			br{display: none;}
		}

		>div {
			display: flex;

			/* @media(width < 823px) {
				flex-direction: column;
			} */

			svg {
				width: clamp(1.125em, 0.656em + 1.25vw, 1.625em);
				height: auto;
				line-height: 1;
				margin-block-start: 0.5em;
				transition: 0.8s ease;
			}

			>a {
				display: block;
				flex-basis: 50%;
				aspect-ratio: 960/ 308;
				padding: 1.5em;
				display: grid;
				transition: 0.8s ease;

				>div {
					display: grid;
					width: 100%;
					border: 1px solid var(--wp--preset--color--arisaka-main-color);
					place-content: center;
					>div{
						padding: 1.5em 1.5em 1em;
					}
				}

				&:hover {
					background-color: #eff4f9;

					h4,
					p,
					svg {
						color: var(--wp--preset--color--arisaka-accent-color);
					}

					svg {
						transform: translateX(10px);
					}
				}
			}
		}
	}

	.reform-moving-grave,
	.close-grave {
		position: relative;
		color: var(--wp--preset--color--arisaka-lightgray-color);

		>div {
			padding-block-start: 4.5em;
			text-align: center;
			margin-inline: auto;

			h2{
				font-size: clamp(1.875em, 1.75em + 0.57vw, 2.25em);
			}

			p {
				text-align: center;
			}

			figure {
				margin-block-start: 3em;
				max-width: 717px;
				margin-inline: auto;

				img {
					display: block;
				}
			}

			&::before {
				position: absolute;
				top: 0;
				left: 0;
				/* clip-path:inset(0 0 25% 0); */
				content: "";
				display: block;
				width: 100%;
				height: 72.5%;
				z-index: -1;
				background-image: url(../images/service-tombstone-bg03.webp);
				background-position: left bottom;
				background-size: cover;
				background-repeat: no-repeat;
			}
		}
	}

	.close-grave {
		>div::before {
			background-image: url(../images/service-tombstone-bg04.webp);
		}
	}

	/* 背景画像を消す */
	.reform-moving-grave~.page-block-flowsection:has(section + div) {
		.construction.flow+div {
			color: var(--wp--preset--color--arisaka-main-color);
			background-image: none;
			background-color: var(--wp--preset--color--arisaka-background-light);
		}
	}

	.chenged-items {
		padding-block: 6em 2em;
		background-color: var(--wp--preset--color--arisaka-lightgray-color);
		text-align: center;

		>h3,
		>p {
			text-align: center;
		}

		>h3 {
			margin-block-end: 0.5em;
		}

		p.link-other-page a {
			margin-inline: auto;
		}
	}

	section#splide1-track,
	section#splide2-track {
		margin-block: 4em 7.5em;
	}
}

@media(600px >=width) {
	.entry-content.tombstone {
		.page-linkblock {
			ul {
				margin-inline: auto;
				display: grid;
				width: 100%;
				gap: 1em;
				justify-content: unset;
			}

			li {
				padding-inline: 4em;
				width: 100%;

			}
		}
	}

}

/* スライドアイテムのスタイル */
/* カウント表示処理 */
/* .chenged-items {
	counter-reset: caceno 0;

	.splide__slide:not(.splide__slide--clone) {
		counter-increment: caceno;
	}
} */

div[id^="splide"] {
	position: relative;

	&::before {
		content: "";
		display: block;
		width: 100%;
		height: 8px;
		top: 0;
		left: 0;
		background-color: var(--wp--preset--color--arisaka-main-color);
		position: absolute;
	}
}

.splide__slide {
	padding: 1.5em;
	background-color: var(--wp--preset--color--white);
	transition: transform 0.3s ease;

	figure {
		overflow: hidden;
		margin-block-end: 1em;

		img {
			display: block;
			transition: transform 0.3s ease;
			width: 100%;
			height: 100%;
			aspect-ratio: 660/344;
			min-height: clamp(8.75rem, 1.607rem + 19.05vw, 18.75rem);
			object-fit: contain;
		}
	}

	p.caceno {
		font-family: 'EB Garamond', serif;
		line-height: 1;
		margin-block-end: 0;
		font-size: 1.25em;
		margin-block-end: 0.75em;
		position: relative;
	}

/* 	p.caceno::after {
		content: "" counter(caceno, decimal-leading-zero);
		display: block;
		width: 10px;
		height: 100%;
		position: absolute;
		left: 2.25em;
		top: 0;
	} */

	.slide-heading::before {
		content: "◆";
		font-size: 0.9em;
		vertical-align: middle;
	}

	p:not(.caceno) {
		font-size: 1em;
	}

	p.caceno,
	p:not(.caceno),
	.slide-heading {
		text-align: justify;
		margin-inline-start: 0.25em;
	}

	.slide-heading {
		text-align: start;
		font-size: 1.125em;
		margin-block-end: 0.5em;
		display: inline-flex;
		width: 100%;
		gap: 0.25em;
	}
}

.faq_block-section:has(.faq-block) {
	background-color: #eff4f9;
	padding-block: 4em 8em;

	h3 {
		text-align: center;
	}

	.faq-block {
		max-width: calc(var(--arisaka-narrow-width) - 6em);
		margin-inline: auto;
		margin-block-start: 4.4em;

		dt {
			background-color: var(--wp--preset--color--white);
		}
	}
}



@media(width < 700px) {

	.entry-content.architectural_environment_stone,
	.entry-content.shrines_and_temples,
	.entry-content.monument,
	.entry-content.tombstone {
		>section:nth-of-type(1) {
			text-align: justify;

			>div {
				grid-template-columns: 1fr;
				row-gap: 2em;

				h4 {
					text-align: justify;
				}
			}
		}
	}
}

@media(width < 834px) {

	.entry-content.architectural_environment_stone,
	.entry-content.shrines_and_temples,
	.entry-content.monument,
	.entry-content.tombstone {

		.vision-image-block,
		.send-image-messages {
			>div {
				grid-template-columns: 1fr;
				row-gap: 2.5em;
			}
		}
	}

	.entry-content.pure_memorial {
		h3[data-text=Feature] + div {
			display: grid;


						>div:nth-of-type(1),
						>div:nth-of-type(2) {
							grid-template-columns: 1fr;
							gap:1.5em;
							justify-items: center;
							padding-inline: 1.5em;
							div,figure{
								grid-column: unset;
								grid-row: unset;
							}

						}
		}
	}
}

@media(width <1024px) {
	.faq_block-section:has(.faq-block) {
		.faq-block {
			margin-inline: 1.5em;
		}
	}
}

@media(700px < width < 1024px) {

	.entry-content.architectural_environment_stone,
	.entry-content.shrines_and_temples,
	.entry-content.monument{
	.vision-image-block{
		>div {
			display: grid;
			grid-template-columns: 1fr;
			column-gap: unset;
			align-items: center;
			justify-content: center;
			text-align: justify;
			max-width:400px;
		}
	}}

	.entry-content.tombstone {
		>section:nth-of-type(1) {
			>div {
				display: grid;
				grid-template-columns: 1fr;
				column-gap: unset;
				align-items: center;
				justify-content: center;
				text-align: justify;
				max-width:400px;

				h4 {
					text-align: start;
					font-size: 1.5em;
					line-height: 2.5rem;
					margin-block-end: 0.75em;
				}

				>div {
					display: flex;
					flex-direction: column;
					grid-template-columns: 0.65fr 1fr;
					grid-template-rows: auto;
					grid-row: unset;
					column-gap: 1.5em;
					row-gap: 1.5em;

					>div {
						grid-column: 2/3;
						grid-row: 1/2;
					}

					>figure {
						grid-column: unset;
						align-self: center;
					}
				}
			}
		}
	}
}
@media(600px < width < 1240px){
	.entry-content.architectural_environment_stone,
	.entry-content.shrines_and_temples,
	.entry-content.monument,
	.entry-content.tombstone {
		.three-point-block {
						>div {
										grid-template-columns: 1fr;
										row-gap: 1.5em;
										>div{
											grid-template-columns: 0.5fr 1fr;
											column-gap: 2em;
											>div{
												grid-column: 2/3;
												grid-row: 1/2;
												max-width: unset;
												h4,p{text-align: start;}
											}
											>figure{
												grid-column: 1/2;
												grid-row: 1/2;
											}
											img{
												display: block;
												width: 100%;
												height: 100%;
												object-fit: cover;
												object-position: left bottom;
											}
										}
						}
		}
}
}

@media(width < 834px) {
.entry-content.tombstone {
		.tombatone-detail {
			>div {
				>div {
					display: grid;
					justify-content: unset;
					align-items: center;
					gap: 1.5em;

					>div {
						gap: 1em
					}
				}

				figure {
					justify-self: center;
					width: fit-content;
					margin-inline: auto;
				}

				>div:nth-last-of-type(1) {
					>div:nth-child(1) {
						display: grid;
						padding: unset;

						>div {
							display: grid;
							gap: 1.5em;
						}
					}

					>div:nth-child(2) {
						padding-inline: 2em
					}
				}

				>div:nth-last-of-type(1) {
					padding-block-end: 2.25em;
				}
			}
		}

		.page-works-block {
			&>div {
				& figure {
					figcaption {

						margin-block-start: 0.25em;
					}
				}
			}
		}
		p.link-other-page a{
			margin-inline: auto;
			font-weight: bold;
		}
		.page-block-flowsection{
			h3 + p{
				text-align: justify;
				font-size: 14.5px
			}
		}

		.construction.flow + div {
			padding-inline: 1.5rem;
		}

	}
}
/* フォームの確認スタイル */
@media(width <=600px) {

	.entry-content.architectural_environment_stone,
	.entry-content.shrines_and_temples,
	.entry-content.monument,
	.entry-content.tombstone {
		.under-lead-message {
			/* grid-template-columns: repeat(3, 1fr); */
			gap: 1em;
			/* padding-inline: 1.5em; */
			/* >figure{
				aspect-ratio: 1.618 / 1;
			max-height: 250px
			} */
}

		.vision-image-block,
		.send-image-messages {
			>div {
				max-width: var(--arisaka-narrow-width);
				margin-inline: auto;
				display: grid;
				grid-template-columns: unset;
				grid-template-rows: unset;
				column-gap: unset;
				align-items: center;
				justify-content: center;
				column-gap: unset;
			}
		}

		.three-point-block {
			>div {
				grid-template-columns: 1fr;
				row-gap: 2em;

				>div {
					>div {
						max-width: unset;

						p {
							margin-block-end: 0.5em;
						}
					}

					>figure {
						margin-block: 0;
						grid-row: unset;
						margin-inline: auto;
					}
				}
			}
		}
		
	}


	.entry-content.tombstone {
		.send-image-messages:nth-of-type(3) {
			background-image: url(../images/service-tombstone-bg01-sm.webp);
			padding-block: 5.25em 5.5em;
			>div {
				>div,
				>figure {
					grid-column: unset;
					grid-row: unset;
				}
			}
		}

		.tombatone-detail {
			h4 {
				margin-block-end: 0.25em;
			}

			>div {
				padding-inline: 1.5em;

				>div {
					gap: 0.75em;
				}

				>div:nth-last-of-type(1) {
					>div:nth-child(2) {
						h5 br {
							display: block;
						}
					}
				}
			}
		}

		.construction.flow+div{
			h4 br{
				display: block;
			}
			p{
				text-align: start;
			}
		}
		.tombstone-for-youMessage {
			div {
				display: block;
				> a {
					padding: 1.5em;
					/* >div {
						aspect-ratio: 312/211;
					} */
					svg{
						width: 26px;
					}
				}
			}
		}
		.chenged-items  {
			padding-block-start:4em;
				
			
			>h3 {
				font-size:20px;
			}
		}


		div[id^="splide"] {
			&::before {
				height: 4px;
			}
		}

		secction#splide1{padding-inline: 1.5rem;}
	}
	}

	@media(width <= 1024px){
		.entry-content.tombstone {
		.tombstone-for-youMessage {
			p {
				text-align: center;
				line-height: 1.4;
				br{
					display: block;
				}
			}}
		}
	}