@charset "utf-8";
/*------------------------------------------------------------
	outline
------------------------------------------------------------*/
#main .bgBox {
	padding: 15rem 0 24.2rem;
	background-color: #f5f7f9;
}
#main .headLine01 {
	margin-bottom: 0;
}
#main .bgBox .content {
	width: 88rem;
}
#main .tabBox table {
	width: 100%;
	border-collapse: collapse;
}
#main .tabBox th,
#main .tabBox td {
	height: 10rem;
	text-align: justify;
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight: 400;
}
#main .tabBox th {
	padding: 2.9rem 1rem;
	width: 13.5rem;
	font-weight: 700;
	text-align: center;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#main .tabBox td {
	padding: 2.9rem 1rem 2.9rem 6rem;
	position: relative;
	line-height: 2.125;
	letter-spacing: 0.04em;
}
#main .tabBox td::before {
	height: 1px;
	content: "";
	position: absolute;
	top: 0;
	left: 3.1rem;
	right: 0;
	background-color: #000;
}
#main .tabBox tr:last-child td::after {
	height: 0.1rem;
	content: "";
	position: absolute;
	bottom: 0;
	left: 3.1rem;
	right: 0;
	background-color: #000;
}
#main .tabBox td .adrBox {
	display: flex;
	letter-spacing: 0.04em;
	line-height: 2.125;
	align-items: center;
	position: relative;
	width: 100%;
}
#main .tabBox td .adrBox .title {
	width: 13.1rem;
	font-weight: 700;
}
#main .tabBox td .adrBox .text {
	padding: 0.6rem 10rem 0.8rem 5rem;
	display: block;
	flex: 1;
	position: relative;
}
#main .tabBox td .adrBox .tel {
	display: block;
}
#main .tabBox td .adrBox .text::before {
	width: 2px;
	position: absolute;
	left: 0;
	top: 0.9rem;
	bottom: 0.9rem;
	background-color: #000;
	content: "";
}
#main .tabBox td .adrBox .link {
	width: 6.8rem;
	aspect-ratio: 1/1;
	position: absolute;
	right: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/common/icon02.svg) no-repeat center center / 100%;
	opacity: 1;
}
#main .tabBox td .staffList li {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
#main .tabBox td .staffList li .text01 {
	min-width: 9rem;
	width: fit-content;
}
#main .tabBox td .staffList li .text02 {
	flex: 1;
}
#main .history {
	margin-top: 14rem;
	padding-top: 14.6rem;
	position: relative;
	display: flex;
}
#main .history .line {
	width: calc(50vw + 55rem);
	height: 0.45rem;
	position: absolute;
	left: -11rem;
	top: 0;
	display: block;
	background: #000;
}
#main .history .line::before {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ff0000;
	content: '';
}
#main .history .heading {
	margin-top: -0.5rem;
	font-size: 1.6rem;
	letter-spacing: 0.14em;
	font-weight: 400;
	width: 25rem;
	line-height: 1.2;
}
#main .history .heading .en {
	font-size: 5.4rem;
	line-height: 1.1;
	letter-spacing: 0.04em;
	display: block;
	font-weight: 700;
}
#main .history .tabBox {
	flex: 1;
}
#main .history .tabBox th {
	height: 10.3rem;
	font-size: 2.743rem;
	font-family: "Roboto", sans-serif;
	letter-spacing: 0.04em;
}
#main .history .tabBox th .en {
	margin-left: 0.5rem;
	font-size: 1.829rem;
}
#main .history .tabBox td {
	padding: 3.4rem 0 3.4rem 3.6rem;
}
#main .history .tabBox td::before {
	left: 1.8rem;
}
#main .history .tabBox tr:last-child td::after {
	left: 1.8rem;
}
@media (hover: hover) {
	#main .tabBox td .adrBox .link:hover {
		transform: translateY(-50%) scale(1.1);
	}
}
@media all and (max-width: 828px) and (hover: hover) {
	#main .tabBox td .adrBox .link:hover {
		transform: scale(1.1);
	}
}
@media all and (max-width: 828px) {
	#main .headLine01 {
		padding-bottom: 3.5rem;
	}
	#main .headLine01 .en {
		margin-top: -0.2rem;
		line-height: 1.03;
	}
	#main .bgBox {
		padding: 6.8rem 0 14.5rem;
	}
	#main .tabBox th,
	#main .tabBox td {
		height: 6.4rem;
		box-sizing: border-box;
	}
	#main .tabBox th {
		padding: 1.6rem 0;
		width: 32%;
		text-align: justify;
	}
	#main .tabBox td {
		padding: 1.6rem 0 1.6rem 2rem;
	}
	#main .tabBox td::before {
		left: 0;
	}
	#main .tabBox td .adrBox {
		display: block;
		padding-bottom: 1.2rem;
	}
	#main .tabBox td .adrBox .title {
		width: auto;
		display: block;
		margin: 0 0 0.4rem;
	}
	#main .tabBox td .adrBox .text {
		padding: 0;
		line-height: 1.37;
	}
	#main .tabBox td .adrBox .text::before {
		display: none;
	}
	#main .tabBox td .adrBox .tel {
		margin-top: 1.1rem;
	}
	#main .tabBox td .adrBox .link {
		width: 5rem;
		right: 0.4rem;
		top: 0.9rem;
		background-size: 4.9rem;
		transform: none;
	}
	#main .tabBox tr:last-child td::after {
		left: 0;
	}
	#main .tabBox td .staffList li {
		line-height: 1.375;
	}
	#main .history {
		margin-top: 6.8rem;
		padding-top: 7rem;
		display: block;
	}
	#main .history .line {
		left: -1.2rem;
		width: calc(100vw - 2.8rem);
		height: 0.4rem;
	}
	#main .history .heading {
		margin: 0 0 2.3rem;
	}
	#main .history .heading .en {
		font-size: 3.5rem;
	}
	#main .history .tabBox th,
	#main .history .tabBox td {
		width: 100%;
		height: auto;
		display: block;
	}
	#main .history .tabBox th {
		padding: 1.5rem 0 0;
		border-bottom: none;
		line-height: 1.2;
		border-width: 0.1rem;
		position: relative;
	}
	#main .history .tabBox td {
		padding: 0 0 2.1rem;
		line-height: 1.375;
	}
	#main .history .tabBox td::before {
		width: 32%;
		top: auto;
		bottom: -1px;
		height: 2px;
		left: 0;
	}
	#main .history .tabBox tr:first-child th::after {
		width: 32%;
		height: 2px;
		content: "";
		position: absolute;
		top: -1px;
		left: 0;
		background-color: #000;
	}
}