@charset "utf-8";
#section_01 {
	width: 100%;
	height: auto;
}
	.section_01__inner {
		width: 100%;
		height: auto;
	}
		.section_01__contents {
			width: 90%;
			max-width: 1120px;
			height: auto;
			padding: 200px 0 167px;
			margin: 0 auto;
		}
			#section_01 .lower_section__heading {
				margin-bottom: 110px;
			}
			.section_01__contents__copy {
				width: 100%;
				height: auto;
				margin: 0 auto 48px;
				font-size: 28px;
				font-weight: 500;
				line-height: 2;
				text-align: center;
			}
			.section_01__contents__txt {
				width: 100%;
				height: auto;
				font-size: 15px;
				font-weight: 500;
				line-height: 2;
				text-align: center;
			}
		.section_01__image {
			width: 100%;
			height: auto;
		}

#section_02 {
	width: 100%;
	height: auto;
}
	.section_02__inner {
		width: 100%;
		height: auto;
	}
		.section_02__contents {
			width: 90%;
			max-width: 1120px;
			height: auto;
			padding: 200px 0 128px;
			margin: 0 auto;
		}
		.about_list_wrap {
			width: 100%;
			height: auto;
		}
			.about_list {
				width: 100%;
				height: auto;
				--scroll_delay: 300px;
				--header_hight: 100px;
			}
				.about_list__item {
					width: 100%;
					height: calc(200vh + var(--scroll_delay));
					margin-top: calc(-100vh + var(--header_hight));;
				}
				.about_list__item:first-of-type {
					margin-top: 0;
				}
				.about_list__item:last-of-type {
					height: calc(100vh + var(--scroll_delay));
				}
					.about_list__item__inner {
						display: flex;
						justify-content: space-between;
						align-items: stretch;
						width: 100%;
						height: calc(100vh - var(--header_hight));
						position: sticky;
						top: 100px;
					}
						.about_list__item__image {
							width: 55.55555555%;
							height: 100%;
						}
							.about_list__item__image img {
								width: 100%;
								height: 100%;
								object-fit: cover;
								object-position: center;
							}
						.about_list__item__details {
							width: 44.44444445%;
							height: auto;
							padding: 0 80px;
							background-color: var(--color--white);
						}
							.about_list__item__details__number {
								display: flex;
								justify-content: flex-start;
								align-items: flex-start;
								column-gap: 16px;
								width: 100%;
								height: 48px;
								margin: 0 auto 48px;
							}
								.about_list__item__details__number span {
									display: block;
									width: 1px;
									height: 100%;
									background-color: var(--color--lightgray);
								}
								.about_list__item__details__number span.current {
									background-color: var(--color--navy);
								}
							.about_list__item__details__contents {
								width: 100%;
								height: auto;
							}
								.about_list__item__details__heading {
									width: 100%;
									height: auto;
									margin: 0 auto 24px;
									font-size: 28px;
									font-weight: 500;
									line-height: 2;
								}
								.about_list__item__details__txt {
									width: 100%;
									height: auto;
									font-size: 15px;
									font-weight: 500;
									line-height: 2;
									text-align: justify;
								}
		.about_epilogue {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 100vh;
		}
			.about_epilogue__txt {
				width: 100%;
				height: auto;
				font-size: 20px;
				font-weight: 500;
				line-height: 2;
				text-align: center;
			}

/* PC ================================================== */
@media all and (min-width:1441px){
/* section_02 */
	.about_list__item__details {
		padding: 0 100px;
	}
}
@media all and (max-width:1110px){
/* section_02 */
	.about_list__item__details {
		padding: 0 50px;
	}
}
@media all and (min-width:992px){
						.about_list__item__details > * {
							transition: 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
							opacity: 0;
							transform: translate(0px,12px);
						}
						.show_contents .about_list__item__details > * {
							opacity: 1;
							transform: translate(0px,0px);
						}
}

/* Tablet ================================================== */
@media all and (max-width:991px){
/* section_01 */
		.section_01__image {
			height: 400px;
		}
			.section_01__image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center bottom;
			}

/* section_02 */
					.about_list__item__image {
						width: 49.99999999%;
						height: 53.74999999vw;
					}
					.about_list__item__details {
						width: 50.00000001%;
					}
}
@media all and (max-width:870px){
				.about_list__item {
					width: 100%;
					height: auto;
					margin-top: 0 !important;
				}
				.about_list__item:not(:last-of-type) {
					margin-bottom: 144px;
				}
					.about_list__item__inner {
						display: flex;
						flex-direction: column-reverse;
						justify-content: flex-start;
						align-items: center;
						width: 100%;
						height: auto;
					}
						.about_list__item__image {
							width: 100%;
							height: auto;
							max-height: initial;
						}
							.about_list__item__image img {
								width: 100%;
								height: auto;
								object-fit: initial;
								object-position: initial;
							}
						.about_list__item__details {
							width: 100%;
							padding: 0 8.53333333vw;
							margin: 0 auto 48px;
						}
							.about_list__item__details__number {
								column-gap: 8px;
								height: 24px;
								margin: 0 auto 48px;
							}
								.about_list__item__details__heading {
									font-size: 24px;
									line-height: 1.8;
								}
		.about_epilogue {
			display: block;
			width: 100%;
			height: auto;
			padding: 220px 0;
		}
			.about_epilogue__txt {
				font-size: 15px;
			}
}

/* SP ================================================== */
@media all and (max-width:768px){
/* section_01 */
		.section_01__contents {
			width: 83%;
			padding: 80px 0 48px;
		}
			#section_01 .lower_section__heading {
				margin-bottom: 73px;
			}
			.section_01__contents__copy {
				margin: 0 auto 24px;
				font-size: 20px;
				line-height: 1.8;
				text-align: left;
			}
				.section_01__contents__copy br {
					display: none;
				}
			.section_01__contents__txt {
				font-size: 15px;
				text-align: justify;
			}
				.section_01__contents__txt br {
					display: none;
				}

/* section_02 */
		.section_02__contents {
			width: 83%;
			padding: 80px 0 73px;
		}

}

@media all and (max-width:575px){
/* section_01 */
		.section_01__image {
			width: 100%;
			height: auto;
		}
}

@media all and (max-width:499px){
/* section_02 */
			.about_epilogue__txt {
				width: 83%;
				margin: 0 auto;
				text-align: left;
			}
				.about_epilogue__txt br {
					display: none;
				}

}