@charset "utf-8";
			.works__info {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: 100%;
				height: var(--20px);
				margin: 0 auto;
				font-weight: 400;
				line-height: var(--20px);
				letter-spacing: 0.08em;
				color: var(--color--light_gray);
				opacity: 0;
				transform: translate(0%,20%);
				transition: .8s;
				transition-delay: .25s;
			}
			.run .works__info {
				opacity: 1;
				transform: translate(0%,0%);
			}
				.works__info__date {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					width: auto;
					height: auto;
					margin-right: var(--10px);
					font-size: var(--14px);
				}
					.works__info__date::after {
						content: '/';
						display: block;
						margin-left: var(--10px);
					}
				.works__info__customer {
					width: auto;
					height: auto;
					font-size: var(--14px);
				}

#works_details {
	width: 100%;
	height: auto;
	padding: 9.375vw 0 8.4375vw;
}
	.works_details__inner {
		width: 62.5%;
		min-width: 692px;
		height: auto;
		margin: 0 auto;
	}
		.works_details__point {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			width: 100%;
			height: auto;
			margin: 0 auto 8.90625vw;
		}
			.works_details__point__contents {
				width: 53.375%;
				height: auto;
			}
				.works_details__point__ttl {
					width: 100%;
					height: auto;
					margin: 0 auto 0.3125vw;
					font-size: var(--26px);
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0.06em;
					color: var(--color--black);
					opacity: 0;
					transition: .8s;
				}
				.run .works_details__point__ttl {
					opacity: 1;
				}
					.works_details__point__ttl span {
						display: inline-block;
						opacity: 0;
						transform: translate(0%,20%);
						transition: .8s;
					}
					.run .works_details__point__ttl span {
						opacity: 1;
						transform: translate(0%,0%);
					}
				.works_details__point__sub_ttl {
					width: 100%;
					height: auto;
					margin: 0 auto 2.34375vw;
					font-family: "Noto Serif", serif;
					font-size: var(--14px);
					font-weight: 400;
					line-height: 1.357;
					letter-spacing: 0.04em;
					color: var(--color--black);
					opacity: 0;
					transition: .8s;
				}
				.run .works_details__point__sub_ttl {
					opacity: .5;
				}
					.works_details__point__sub_ttl span {
						display: inline-block;
						opacity: 0;
						transform: translate(0%,20%);
						transition: .8s;
					}
					.run .works_details__point__sub_ttl span {
						opacity: .5;
						transform: translate(0%,0%);
					}
				.works_details__point__txt {
					width: 100%;
					height: auto;
					font-size: var(--14px);
					font-weight: 300;
					line-height: 2.3;
					letter-spacing: 0.08em;
					color: var(--color--black);
					opacity: 0;
					transform: translate(0%,20px);
					transition: .8s;
					transition-delay: .6s
				}
				.run .works_details__point__txt {
					opacity: 1;
					transform: translate(0%,0%);
				}
			.works_details__point__image {
				width: 34.375%;
				height: auto;
				opacity: 0;
				transition: .8s;
				transition-delay: .6s
			}
			.run .works_details__point__image {
				opacity: 1;
			}
				.works_details__point__image img {
					width: 100%;
					height: auto;
				}
		.works_details__body {
			width: 100%;
			height: auto;
			font-size: var(--14px);
			font-weight: 300;
			line-height: 1.8;
			letter-spacing: 0.08em;
			color: var(--color--black);
		}
			.works_details__body p {
				min-height: calc(var(--14px) * 1.8);
			}
			.works_details__body h2 {
				width: 100%;
				height: auto;
				padding-bottom: 0.625vw;
				border-bottom: solid 1px var(--color--black);
				font-family: "Noto Serif JP", serif;
				font-size: var(--26px);
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.06em;
				color: var(--color--black);
			}
			.works_details__body h3 {
				font-family: "Noto Serif JP", serif;
				font-size: var(--26px);
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.06em;
				color: var(--color--black);
			}
			.works_details__body h4 {
				font-family: "Noto Serif JP", serif;
				font-size: var(--20px);
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.06em;
				color: var(--color--black);
			}
			.works_details__body h5 {
				font-family: "Noto Serif JP", serif;
				font-size: var(--18px);
				font-weight: 500;
				line-height: 1.5;
				letter-spacing: 0.06em;
				color: var(--color--black);
			}
			.works_details__body h6 {
				font-family: "Noto Serif JP", serif;
				font-size: var(--16px);
				font-weight: 700;
				line-height: 1.5;
				letter-spacing: 0.06em;
				color: var(--color--black);
			}
			.works_details__body p.has-small-font-size {
				font-size: var(--10px);
			}
			.works_details__body p.has-medium-font-size {
				font-size: var(--14px);
			}
			.works_details__body p.has-large-font-size {
				font-size: var(--18px);
			}
			.works_details__body p.has-x-large-font-size {
				font-size: var(--24px);
			}
			.works_details__body a {
				color: var(--color--black);
				text-decoration: underline;
			}
		@media (any-hover: hover) {
			.works_details__body a:hover {
				text-decoration: none;
			}
		}
			.works_details__body ul {
				list-style: disc;
			}
			.works_details__body ol {
				list-style: decimal;
			}







			.works_details__body__item {
				width: 100%;
				height: auto;
			}
				.works_details__body__item:not(:last-of-type) {
					margin-bottom: 4.6875vw;
				}
				.works_details__body__item__image {
					width: 100%;
					height: auto;
				}
				.works_details__body__item__txt {
					width: 100%;
					height: auto;
					margin: 1.71875vw auto 0;
					font-size: var(--14px);
					font-weight: 300;
					line-height: 2.3;
					letter-spacing: 0.08em;
					color: var(--color--black);
				}



		.works_details__btn_area {
			width: 100%;
			height: auto;
			margin: 7.1875vw auto 0;
		}
			.works_details__btn_wrap {
				width: 14.53125vw;
				height: auto;
				aspect-ratio: 186 / 46;
				margin: 0 auto;
			}
				.works_details__btn {
					padding-right: 0.625vw;
					padding-bottom: 18px;
					border-bottom: solid 1px var(--color--black);
				}
			@media (any-hover: hover) {
				.works_details__btn.btn span {
					transition: .4s;
				}
				.works_details__btn.btn:hover span {
					left: -0.78125vw;
					animation-name: btn_color;
					animation-duration: .3s;
					animation-iteration-count: 1;
					animation-timing-function: ease;
				}
			}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
				.works__info__customer {
					font-size: var(--12px);
				}

/* works_details */
#works_details {
	padding: 13.866667 0 19.2vw;
}
	.works_details__inner {
		width: 100%;
		min-width: auto;
	}
		.works_details__point {
			display: block;
			width: 80%;
			padding: 0 0 24.533333vw;
			margin: 0 auto;
		}
			.works_details__point__contents {
				width: 100%;
				margin: 0 auto 8vw;
			}
				.works_details__point__ttl {
					margin: 0 auto 1.866667vw;
					font-size: var(--22px);
					line-height: 1.8;
				}
				.works_details__point__sub_ttl {
					margin: 0 auto 6.933333vw;
				}
				.works_details__point__txt {
					line-height: 2;
				}
			.works_details__point__image {
				width: 100%;
				aspect-ratio: 1 / 1;
				overflow: hidden;
			}
				.works_details__point__image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
		.works_details__body {
			width: 90%;
			margin: 0 auto;
		}
				.works_details__body__item:not(:last-of-type) {
					margin-bottom: 18.133333vw;
				}
				.works_details__body__item__txt {
					width: 80%;
					margin: 8vw auto 0;
					line-height: 2;
				}
		.works_details__btn_area {
			margin: 17.6vw auto 0;
		}
			.works_details__btn_wrap {
				width: 49.6vw;
			}
				.works_details__btn {
					padding-right: 2.133333vw;
				}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}