@charset "UTF-8";

/* ページ内ナビゲーション SP */
.localnav_ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 2rem
}

/* 会社概要 SP */
.CompanyDL {
	display: flex;
	flex-direction: column;
	border-top: var(--border-color-light) 1px solid
}

.CompanyDL dt {
	padding-top: 1rem
}

.CompanyDL dd {
	border-bottom: var(--border-color-light) 1px solid;
	padding: .5rem 0 1.5rem .5rem
}

.CompanyDL dd ul {
	padding-left: 1rem;
	list-style: disc;
	list-style-position: inside
}

/* アクセスマップ SP */
.AccessDL {
	display: flex;
	flex-direction: column;
	border-top: var(--border-color-light) 1px solid
}

.AccessDL dt {
	padding-top: .5rem
}

.AccessDL dd {
	border-bottom: var(--border-color-light) 1px solid;
	padding: .25rem 0 1rem .5rem
}

.gmap_iframe {
	aspect-ratio: 16/9;
	max-width: 802px;
	width: 100%;
	height: auto;
	border: none;
	margin: 0 auto
}

/* 支店・営業所 SP */
.OfficeUL {
	border-top: var(--border-color-light) 1px solid
}

.OfficeUL li {
	padding: 1rem 0 .5rem;
	border-bottom: var(--border-color-light) 1px solid
}

.OfficeUL h3 {
	font-size: var(--txt12);
	font-weight: bold;
	padding-bottom: .5rem
}

.OfficeUL dl {
	display: flex;
	flex-direction: column
}

.OfficeUL dd {
	padding: .25rem 0 .5rem .5rem;
	font-size: var(--txt12)
}

/* 会社沿革 SP */
.HistoryDL {
	display: flex;
	flex-direction: column
}

.HistoryDL dt {
	padding-top: .5rem;
	font-size: var(--txt12)
}

.HistoryDL dd {
	border-bottom: var(--border-color-light) 1px solid;
	padding: .25rem 0 1rem .5rem;
	line-height: 1.75
}

.HistoryDL dd:last-child {
	border-bottom: none
}

@media screen and (min-width: 768px) {

	/* ページ内ナビゲーション PC */
	.localnav_ul {
		justify-content: center;
		gap: 2rem
	}

	/* 会社概要 PC */
	.CompanyDL {
		flex-direction: row;
		flex-wrap: wrap
	}

	.CompanyDL dt {
		width: 200px;
		border-bottom: var(--border-color-light) 1px solid;
		padding: 1rem 0 1rem .5rem
	}

	.CompanyDL dd {
		width: 776px;
		padding: 1rem 0 1rem .5rem
	}

	/* アクセスマップ PC */
	.Accessh3 {
		width: 802px;
		margin: 0 auto
	}

	.AccessDL {
		flex-direction: row;
		flex-wrap: wrap;
		width: 802px;
		margin: 0 auto
	}

	.AccessDL dt {
		width: 258px;
		border-bottom: var(--border-color-light) 1px solid;
		padding: .5rem 0
	}

	.AccessDL dd {
		width: 544px;
		padding: .5rem 0
	}

	/* 支店・営業所 PC */
	.OfficeUL li {
		display: flex;
		flex-direction: row;
		padding: 1rem 0 0
	}

	.OfficeUL h3 {
		width: 120px;
		padding: 0 0 .5rem;
		font-size: var(--txt16);
		font-weight: normal
	}

	.OfficeUL dl {
		width: 856px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0 0 1rem
	}

	.OfficeUL dt {
		width: 120px;
		padding: 0 0 .25rem
	}

	.OfficeUL dd {
		width: 736px;
		font-size: var(--txt16);
		padding: 0 0 .25rem
	}

	/* 会社沿革 PC */
	.HistoryDL {
		flex-direction: row;
		flex-wrap: wrap
	}

	.HistoryDL dt {
		border-bottom: var(--border-color-light) 1px solid;
		padding: .5rem 0;
		font-size: var(--txt16);
		width: 200px
	}

	.HistoryDL dd {
		border-bottom: var(--border-color-light) 1px solid;
		padding: .5rem 0;
		line-height: 1.75;
		width: 776px
	}

	.HistoryDL dt:nth-last-child(2) {
		border-bottom: none
	}
}