.company-table {
  /* 丸ゴシック体を最優先にし、柔らかい印象を与える */
  font-family: 
    "Hiragino Maru Gothic ProN", 
    "Sawarabi Gothic", 
    "Meiryo", 
    "Yu Gothic", 
    "MS PGothic", 
    sans-serif;
}

.company-table dt {
	background-color: #f8f9fa; /* Bootstrapのbg-light相当 */
	border-left: 5px solid #6c757d;
	border-top-left-radius: 3px;   /* 左上 */
	border-bottom-left-radius: 3px; /* 左下 */
}

.company-table dd {
	text-align: left;
	padding-left: 0.7rem;
}
/* 画像の枠（高さ固定） */
.carousel-frame {
	width: 100%;
	height: 250px;
	overflow: hidden;
	background: #FFF; /* 余白が出るので背景色を入れると自然 */
}


/* 画像は縦横比を維持して枠内に収める */
.carousel-frame img {
	width: 100%;
	height: 100%;
	object-fit: contain; /* ← 全体を見せる */
	display: block;
}

/* 矢印を黒にする */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	filter: invert(1) grayscale(100%);
}

.carousel-control-prev {
	left: -20px;   /* ← 内側に寄せる */
}

.carousel-control-next {
	right: -20px;  /* ← 内側に寄せる */
}