/* 会社概要のコンテナ */
.company-profile {
  max-width: 800px;
  margin: 20px auto;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333;
}

/* テーブル全体のスタイル */
.profile-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid #333; /* 上部にアクセントの太線 */
}

/* 各行の見出し(th)と内容(td) */
.profile-table th, 
.profile-table td {
  padding: 16px;
  border-bottom: 1px solid #eee;
  text-align: left;
  line-height: 1.6;
}

/* 見出し側の装飾 */
.profile-table th {
  width: 30%;
  background-color: #fafafa;
  font-weight: bold;
  font-size: 0.95rem;
  color: #555;
}

/* 連絡先部分の調整 */
.btn-contact {
  display: inline-block;
  background: #660000;
  color: #fff !important;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.9rem;
  margin-bottom: 10px;
}

.contact-detail dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 0.9rem;
}

.contact-detail dt {
  width: 50px;
  font-weight: bold;
  color: #888;
}

.contact-detail dd {
  width: calc(100% - 50px);
  margin: 0 0 5px 0;
}

/* スマホ対応（画面が狭い時に縦に並べる） */
@media (max-width: 600px) {
  .profile-table th, 
  .profile-table td {
    display: block;
    width: 100%;
  }
  .profile-table th {
    background-color: #f0f0f0;
    padding: 8px 16px;
  }
}
/* --- 前回のCSSに以下を追加・上書き --- */

/* URLリストのスタイル調整 */
.links-cell ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.links-cell li {
  margin-bottom: 10px;
  word-break: break-all; /* 長いURLの改行対策 */
}

.links-cell li span {
  display: block;
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 2px;
}

.links-cell a {
  color: #0066cc;
  text-decoration: none;
}

.links-cell a:hover {
  text-decoration: underline;
}

/* 返品についてのリンクなど、文中のリンク */
.profile-table td a {
  color: #0066cc;
}

/* モバイル表示の微調整 */
@media (max-width: 600px) {
  .links-cell li {
    background: #f9f9f9;
    padding: 8px;
    border-radius: 4px;
  }
}