@charset "utf-8";
#page_top {
	background-image: url(../image/company/company-page_top@pc.webp);
}

#company {
	width: 100%;
	height: auto;
	padding: 90px 0 220px;
}
	.company__inner {
		width: 90%;
		max-width: 800px;
		height: auto;
		margin: 0 auto;
	}
		.company__list {
			width: 100%;
			height: auto;
		}
			.company__list__item {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 100%;
				height: auto;
				padding: 10px 0;
				position: relative;
			}
				.company__list__item::before,
				.company__list__item::after {
					content: '';
					display: block;
					height: 1px;
					border-radius: 9999px;
					position: absolute;
					bottom: 0;
					left: 0;
				}
				.company__list__item::before {
					width: 180px;
					background-color: var(--color--navy-3);
					z-index: 2;
				}
				.company__list__item::after {
					width: 100%;
					background-color: var(--color--light_gray);
				}
				.company__list__item dt {
					width: 180px;
					height: auto;
					padding: 0 27px 0 0;
					font-size: 16px;
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0.04em;
					text-align: right;
				}
				.company__list__item dd {
					flex: 1;
					height: auto;
					padding: 0 0 0 calc((130 / 800) * 100%);
					font-size: 16px;
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0.04em;
				}

#history {
	width: 100%;
	height: auto;
	padding: 48px 0 100px;
	background-color: var(--color--navy-3);
}
	.history__inner {
		width: 90%;
		max-width: 965px;
		height: auto;
		margin: 0 auto;
	}
		.history__title {
			width: 100%;
			height: auto;
			margin: 0 auto 70px;
		}
			.history__title__en {
				display: block;
				margin-bottom: 3px;
				font-size: 28px;
				font-weight: 800;
				line-height: 1;
				letter-spacing: 0.12em;
				color: var(--color--white);
			}
			.history__title__ja {
				display: block;
				font-size: 13px;
				font-weight: 600;
				line-height: calc(18 / 13);
				letter-spacing: 0.12em;
				color: var(--color--white);
			}
		.history__list_wrap {
			width: 100%;
			max-width: 850px;
			height: auto;
			margin: 0 auto;
		}
			.history__list {
				width: 100%;
				height: auto;
			}
				.history__list__item {
					display: flex;
					justify-content: space-between;
					align-items: flex-start;
					width: 100%;
					height: auto;
					padding: 24px 0 35px;
					border-top: solid 1px var(--color--white);
				}
					.history__list__item__heading {
						width: calc((345 / 850) * 100%);
						height: auto;
					}
						.history__list__item__heading__gregorian_year {
							width: 100%;
							height: auto;
							margin-bottom: 14px;
							font-size: 47px;
							font-weight: 900;
							line-height: 1;
							color: var(--color--white);
						}
						.history__list__item__heading__japanese_year {
							width: 100%;
							height: auto;
							font-size: 16px;
							font-weight: 500;
							line-height: 1;
							color: var(--color--white);
						}
					.history__list__item__details {
						width: calc((505 / 850) * 100%);
						height: auto;
					}
						.history__list__item__details__txt {
							width: 100%;
							height: auto;
							font-size: 19px;
							font-weight: 500;
							line-height: 1.5;
							color: var(--color--white);
						}
							.history__list__item__details__txt__item {
								display: flex;
								justify-content: flex-start;
								align-items: flex-start;
								width: 100%;
								height: auto;
							}
								.history__list__item__details__txt__item dt {
									width: 54px;
									text-align: right;
								}
								.history__list__item__details__txt__item dd {
									flex: 1;
								}
						.history__list__item__details__image {
							width: 100%;
							max-width: 430px;
							height: auto;
							margin: 42px auto 8px 0;
						}
						.history__list__item__details__image._30th {
							width: 160px;
							height: auto;
							margin: 20px auto 30px calc((152 / 505) * 100%);
						}
						.history__list__item__details__sub_txt {
							width: 100%;
							height: auto;
							font-size: 16px;
							font-weight: 500;
							line-height: 1.5;
							color: var(--color--white);
						}

.history__list__item__details__txt__item dd .small_br {
	display: none;
}

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

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#page_top {
	background-image: url(../image/company/company-page_top@sp.webp);
}

#company {
	padding: 40px 0 46px;
}
	.company__inner {
		width: calc((310 / 390) * 100%);
		max-width: initial;
	}
		.company__list {
			display: flex;
			flex-direction: column;
			gap: 35px;
			width: 100%;
			height: auto;
		}
			.company__list__item {
				display: block;
				padding: 0;
			}
				.company__list__item::before,
				.company__list__item::after {
					display: none;
				}
				.company__list__item dt {
					width: 100%;
					height: auto;
					padding: 0 0 1px;
					text-align: left;
					border-bottom: 1px solid var(--color--light_gray);
				}
				.company__list__item dd {
					flex: initial;
					width: 100%;
					padding: 2px 0 0;
				}

#history {
	padding: 48px 0 40px;
}
	.history__inner {
		width: calc((310 / 390) * 100%);
		max-width: initial;
	}
		.history__title {
			margin: 0 auto 30px;
		}
			.history__title__ja {
				font-size: 12px;
			}
		.history__list_wrap {
			max-width: initial;
		}
				.history__list__item {
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					padding: 24px 0 65px;
					position: relative;
				}
					.history__list__item__heading {
						width: 100%;
						margin-bottom: 20px;
					}
					._30th_item .history__list__item__heading {
						height: 160px;
					}
						.history__list__item__heading__gregorian_year {
							margin-bottom: 3px;
							font-size: 30px;
						}
					.history__list__item__details {
						width: 100%;
					}
						.history__list__item__details__txt {
							font-size: 15px;
							font-weight: 700;
							line-height: 1.6;
						}
							.history__list__item__details__txt__item {
								flex-direction: column;
							}
								.history__list__item__details__txt__item dt {
									width: 100%;
									text-align: left;
								}
								.history__list__item__details__txt__item dd {
									flex: initial;
									letter-spacing: 0.02em;
									white-space: nowrap;
								}
						.history__list__item__details__image {
							width: 100vw;
							max-width: 430px;
							margin: 16px 0 0;
							position: relative;
							left: 50%;
							transform: translateX(-50%);
						}
						.history__list__item__details__image._30th {
							width: 160px;
							margin: 0;
							position: absolute;
							top: 24px;
							right: 16px;
							left: auto;
							transform: none;
						}
						.history__list__item__details__sub_txt {
							margin: 12px auto 0;
							font-size: 14px;
							line-height: 2;
							letter-spacing: 0;
						}
}

/* SP ================================================== */
@media all and (max-width: 575px){
									.history__list__item__details__txt__item dd .small_br {
										display: inline-block;
									}
}