@charset "utf-8";
/* CSS Document */
.company-detail .cont-wrap {
	justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 120px; }

.company-detail h3 { width: 100%; margin-bottom: 24px; }
.company-detail .table { width: 56%; }
.company-detail .image-area { width: 40%; aspect-ratio: 2 / 3; }

.company-detail-item {
	gap: 0 4%; padding: 16px 2%; border-bottom: 2px solid var(--color-be); }
.company-detail-item:first-child { border-top: 2px solid var(--color-be); }
.company-detail-item .title { width: 144px; }
.company-detail-item .text { width: calc(98% - 144px); }
.company-detail-item .text-mark { display: block; margin-top: 12px; line-height: 1.3; }

.company-detail .image-area .bg-img {
	background-image: url("../assets/images/top-service-img01.webp"); }

@media (max-width: 960px) and (min-width: 768px) {
	.company-detail-item { flex-wrap: wrap; padding: 0 0 16px 0; padding-bottom: 24px; }
	.company-detail-item .title {
		display: inline-block; width: 160px; margin-bottom: 8px; padding: 0 2%; background: var(--color-be); font-weight: bold; clip-path: var(--clip-path-01) }
	.company-detail-item .text { width: 100%; padding-left: 4%; }
}
@media (max-width: 767px) {
	.company-detail .table { width: 100%; margin-bottom: 32px; }
	.company-detail .image-area { width: 100%; aspect-ratio: 1; }
}
@media (max-width: 600px) {
	.company-detail-item { flex-wrap: wrap; padding: 0 0 16px 0; padding-bottom: 24px; }
	.company-detail-item .title {
		display: inline-block; width: 160px; margin-bottom: 8px; padding: 0 2%; background: var(--color-be); font-weight: bold; clip-path: var(--clip-path-01) }
	.company-detail-item .text { width: 100%; padding-left: 4%; }
}




#company #access .cont-wrap {
	justify-content: space-between; flex-wrap: wrap; margin-bottom: 120px; padding-top: 0; }
#company #access h2 { width: 100%; margin-bottom: 24px; }
#company #access .map-area { width: calc(96% - 312px); aspect-ratio: 3 / 2; }
#company #access .map-area iframe { width: 100%; height: 100%; }
#company .access-summary { width: 312px; font-size: var(--font-size-02); }
#company .access-summary h3 {
	margin-bottom: 16px; padding: 6px 3%; background: var(--color-be); border-radius: var(--border-radius-s); position: relative; }
#company .access-summary h3::after {
	content: ""; display: inline-block; border: 10px solid transparent; border-top-color: var(--color-be); position: absolute; top: 99%; left: 24px; }
#company #access .station-list { margin-bottom: 56px; padding: 0 3%; }
#company #access .station-item .name { width: 224px; }
#company #access .station-item .text { width: 80px; }
#company #access .parking-info { padding: 0 3%; }

@media (max-width: 768px) {
	#company .access-summary { width: 100%; }
	#company #access .map-area { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 24px; }
}
@media (max-width: 428px) {
	#company #access .map-area { aspect-ratio: 3 / 2; }
}