@charset "utf-8";
		.under_page__top__image__wrap {
			background-image: url('../image/service/under_page-top_image@pc.webp');
		}

#consultation {
	width: 100%;
	height: auto;
}
	.consultation__inner {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		width: 100%;
		height: auto;
		position: relative;
	}
		.consultation__inner::after {
			content: '';
			display: block;
			width: 100%;
			height: 1px;
			background-color: var(--color--light_gray);
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			transform: scale(0,1);
			transform-origin: center left;
			transition: all 1s;
		}
		.run.consultation__inner::after {
			transform: scale(1,1);
		}
		.consultation__heading {
			display: flex;
			justify-content: center;
			align-items: flex-start;
			width: 19.6875%;
			height: auto;
			padding-top: 7.8125vw;
			position: relative;
		}
			.consultation__heading::after {
				content: '';
				display: block;
				width: 1px;
				height: 100%;
				background-color: var(--color--light_gray);
				position: absolute;
				top: 0;
				right: 0;
				z-index: 1;
				transform: scale(1,0);
				transform-origin: top center;
				transition: all 1s;
			}
			.run .consultation__heading::after {
				transform: scale(1,1);
			}
		.consultation__contents {
			width: 80.3125%;
			height: auto;
			padding: 6.25vw 0 8.59375vw;
		}
			.consultation__list {
				width: 100%;
				height: auto;
				margin: 0 auto;
				counter-reset: number 0;
			}
				.consultation__list__item {
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					height: auto;
					padding: 3.75vw 7.03125vw;
					position: relative;
				}
					.consultation__list__item:not(:last-of-type)::after {
						content: '';
						display: block;
						width: 100%;
						height: 1px;
						background-color: var(--color--light_gray);
						position: absolute;
						bottom: 0;
						left: 0;
						z-index: 1;
						transform: translate(0%,-50%) scale(0,1);
						transform-origin: center left;
						transition: all 1s;
					}
					.consultation__list__item:nth-of-type(1)::after {
						transition-delay: .2s;
					}
					.consultation__list__item:nth-of-type(2)::after {
						transition-delay: .4s;
					}
					.run .consultation__list__item::after {
						transform: translate(0%,-50%) scale(1,1);
					}
					.consultation__list__item__details {
						width: 55.082742%;
						height: auto;
					}
						.consultation__list__item__details dt {
							display: flex;
							justify-content: flex-start;
							align-items: center;
							width: 100%;
							height: auto;
							margin-bottom: 1.5625vw;
							font-size: var(--22px);
							font-weight: 500;
							line-height: 1;
							letter-spacing: 0.08em;
							color: var(--color--black);
							opacity: 0;
							transform: translate(0%,20px);
							transition: .6s;
						}
						.consultation__list__item:nth-of-type(2) .consultation__list__item__details dt {
							transition-delay: .2s;
						}
						.consultation__list__item:nth-of-type(3) .consultation__list__item__details dt {
							transition-delay: .4s;
						}
						.run .consultation__list__item__details dt {
							opacity: 1;
							transform: translate(0%,0%);
						}
							.consultation__list__item__details dt::before {
								counter-increment: number 1;
								content: counter(number, decimal-leading-zero) "."; 
								margin-right: 1.09375vw;
								font-family: "Noto Serif", serif;
								font-size: var(--32px);
								font-weight: 400;
								line-height: 1.34375;
								letter-spacing: 0;
								color: #797979;
							}
						.consultation__list__item__details dd {
							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: .6s;
						}
						.consultation__list__item:nth-of-type(1) .consultation__list__item__details dd {
							transition-delay: .1s;
						}
						.consultation__list__item:nth-of-type(2) .consultation__list__item__details dd {
							transition-delay: .3s;
						}
						.consultation__list__item:nth-of-type(3) .consultation__list__item__details dd {
							transition-delay: .4s;
						}
						.run .consultation__list__item__details dd {
							opacity: 1;
							transform: translate(0%,0%);
						}
							.consultation__list__item__details dd span {
								border-bottom: solid 1px #B3B3B3;
							}
					.consultation__list__item__image {
						width: 44.917258%;
						height: auto;
						opacity: 0;
						filter: blur(5px);
						transform: translate(0%,20px);
						transition: .6s;
					}
					.consultation__list__item:nth-of-type(2) .consultation__list__item__image {
						transition-delay: .2s;
					}
					.consultation__list__item:nth-of-type(3) .consultation__list__item__image {
						transition-delay: .4s;
					}
					.run .consultation__list__item__image {
						opacity: 1;
						filter: blur(0px);
						transform: translate(0%,0%);
					}

#flow {
	width: 100%;
	height: auto;
	background-color: var(--color--white);
}
	.flow__inner {
		width: 100%;
		height: auto;
	}
		.flow__heading {
			width: 100%;
			height: auto;
			padding: 5.46875vw 0 5.625vw;
			position: relative;
		}
			.flow__heading::after {
				content: '';
				display: block;
				width: 100%;
				height: 1px;
				background-color: var(--color--light_gray);
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
				transform: scale(0,1);
				transform-origin: center left;
				transition: all 1s;
			}
			.run .flow__heading::after {
				transform: scale(1,1);
			}
			#flow .section_heading {
				text-align: center;
			}
		.flow__contents {
			width: 100%;
			height: auto;
			background-color: var(--color--white);
		}
			.flow__swiper {
				display: block;
				width: 100%;
				height: auto;
			}
				.flow__list {
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					width: 100%;
					height: auto;
					counter-reset: number 0;
				}
					.flow__list__item {
						width: 25%;
						height: auto;
						padding: 5.46875vw 0 6.25vw;
						position: relative;
					}
						.flow__list__item:not(:last-of-type)::after {
							content: '';
							display: block;
							width: 1px;
							height: 100%;
							background-color: var(--color--light_gray);
							position: absolute;
							top: 0;
							right: 0;
							transform: translate(50%,0%);
							z-index: 1;
							transform-origin: top center;
							transform: scale(1,0);
							transition: all .6s;
						}
						.run .flow__list__item::after {
							transform: scale(1,1);
						}
						.flow__list__item:nth-of-type(1)::after {
							transition-delay: .2s;
						}
						.flow__list__item:nth-of-type(2)::after {
							transition-delay: .4s;
						}
						.flow__list__item:nth-of-type(3)::after {
							transition-delay: .6s;
						}
						.flow__list__item__ttl {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: auto;
							margin: 0 auto 1.796875vw;
							font-family: "Noto Serif JP", serif;
							font-size: var(--22px);
							font-weight: 500;
							line-height: 1;
							letter-spacing: 0.08em;
							color: var(--color--black);
							opacity: 0;
							transform: translate(0%,20px);
							transition: .6s;
						}
						.flow__list__item:nth-of-type(1) .flow__list__item__ttl {
							transition-delay: .25s;
						}
						.flow__list__item:nth-of-type(2) .flow__list__item__ttl {
							transition-delay: .35s;
						}
						.flow__list__item:nth-of-type(3) .flow__list__item__ttl {
							transition-delay: .45s;
						}
						.flow__list__item:nth-of-type(4) .flow__list__item__ttl {
							transition-delay: .55s;
						}
						.run .flow__list__item__ttl {
							opacity: 1;
							transform: translate(0%,0%);
						}
							.flow__list__item__ttl::before {
								counter-increment: number 1;
								content: counter(number, decimal-leading-zero) "."; 
								margin-right: 1.09375vw;
								font-family: "Noto Serif", serif;
								font-size: var(--32px);
								font-weight: 400;
								line-height: 1.34375;
								letter-spacing: 0;
								color: #C6C6C6;
							}
						.flow__list__item__image {
							width: 75%;
							height: auto;
							margin: 0 auto;
							aspect-ratio: 1 / 1;
							opacity: 0;
							transform: translate(0%,20px);
							transition: .6s;
						}
						.flow__list__item:nth-of-type(1) .flow__list__item__image {
							transition-delay: .3s;
						}
						.flow__list__item:nth-of-type(2) .flow__list__item__image {
							transition-delay: .4s;
						}
						.flow__list__item:nth-of-type(3) .flow__list__item__image {
							transition-delay: .5s;
						}
						.flow__list__item:nth-of-type(4) .flow__list__item__image {
							transition-delay: .6s;
						}
						.run .flow__list__item__image {
							opacity: 1;
							transform: translate(0%,0%);
						}

/* PC ================================================== */
@media all and (min-width: 769px){
			#consultation .section_heading {
				display: flex;
				justify-content: center;
				align-items: flex-start;
				width: 100%;
			}
				#consultation .section_heading__main,
				#consultation .section_heading__sub {
					width: auto;
					-webkit-writing-mode: vertical-rl;
					-moz-writing-mode: vertical-rl;
					-ms-writing-mode: tb-rl;
					-ms-writing-mode: vertical-rl;
					writing-mode: vertical-rl;
				}
				#consultation .section_heading__main {
					margin: 0 0.9375vw 0 0;
				}
				#consultation .section_heading__sub {
					margin-top: 0.78125vw;
				}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
		.under_page__top__image__wrap {
			background-image: url('../image/service/under_page-top_image@sp.webp');
		}

/* consultation */
	.consultation__inner {
		display: block;
	}
		.consultation__heading {
			display: block;
			width: 100%;
			padding: 13.866667vw 0 8.266667vw;
		}
			.consultation__heading::after {
				display: none;
			}
		.consultation__contents {
			width: 100%;
			padding: 0;
		}
			.consultation__list {
				position: relative;
			}
				.consultation__list::before {
					content: '';
					display: block;
					width: 100%;
					height: 1px;
					background-color: var(--color--light_gray);
					position: absolute;
					top: -1px;
					left: 0;
					z-index: 1;
					transform: scale(0,1);
					transform-origin: center left;
					transition: all 1s;
				}
				.run .consultation__list::before {
					transform: scale(1,1);
				}
				.consultation__list__item {
					display: block;
					padding: 8.266667vw 9.866667vw 12.8vw;
				}
					.consultation__list__item__details {
						width: 100%;
						margin: 0 auto 5.333333vw;
					}
						.consultation__list__item__details dt {
							margin-bottom: 2.4vw;
						}
							.consultation__list__item__details dt::before {
								margin-right: 1.09375vw;
							}
						.consultation__list__item__details dd {
							line-height: 2;
						}
					.consultation__list__item__image {
						width: 100%;
					}

/* flow */
		.flow__heading {
			padding: 13.866667vw 0 8.266667vw;
		}
		.flow__contents {
			width: 100%;
			height: auto;
			background-color: var(--color--white);
		}
			.flow__swiper {
				width: auto;
			}
				.flow__list {
					width: auto;
				}
					.flow__list__item {
						width: 100%;
						padding: 6.933333vw 0 12.8vw;
					}
						.flow__list__item__ttl {
							margin: 0 auto 6.133333vw;
						}
							.reason__list__item__ttl::before {
								margin-right: 3.733333vw;
							}
						.flow__list__item__image {
							width: 86.330935%;
						}
}

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

}