.section__title-h2  {
  font-family: '游ゴシック体';
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.info-section {
  font-family: '游ゴシック体';
  font-size: 14px;
  color: #333;
}

.info-row {
  display: flex;
  margin-bottom: 12px;
  padding: 16px 0;                 /* ← 上下の余白を広くとる */
  border-bottom: 1px dashed #ccc; /* ← 点線の区切り線 */
}

.info-label {
  width: 200px;
  font-weight: bold;
  flex-shrink: 0;
}

.info-value {
  flex: 1;
  line-height: 1.8;



/* スマホ対応 */
@media screen and (max-width: 768px) {
  .info-row {
    flex-direction: column;
  }
  .info-label {
    width: 100%;
    margin-bottom: 6px;
  }









.dl-vertical-list {
  padding: 0 3em 0 0;
}
.dl-vertical-list:last-child {
  padding: 0;
}

.dl-vertical-list__title {
  font-size: 1.2em;
}

.dl-vertical-list dt {
  margin-top: 1em;
  margin-bottom: 0.3em;
  font-weight: bold;
}

.dl-vertical-list dd {
  margin-bottom: 1.2em;       /* 項目間のスペースを広げる */
  line-height: 1.0;           /* 行間も広げる（推奨 1.6〜2.0） */
}


@media (max-width: 768px) {
  .dl-vertical-list {
    padding-right: 0;
  }
}

.section__block {
  border-bottom: 1px solid #ccc; /* 薄いグレーの細い線 */
  padding-bottom: 2em;
  margin-bottom: 2em;

}


.section__block {
  margin-bottom: 2em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2em;
}

.section__title-h2 {
  display: flex;
  font-size: 1.5em;
  gap: 0.5em; /* アイコンと文字の間の余白 */
}

.title-bar {
  display: inline-block;
  width: 10px;
  height: 1.2em;
  background-color: #0465d4;
  border-radius: 2px;
}



.info-section {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.info-block {
  width: 49%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 1em;
  background-color: #f9f9f9;
  margin-bottom: 1em;
}

.info-block dt {
  font-weight: bold;
  margin-top: 1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.3em;
}

.info-block dd {
  margin-left: 1em;
  margin-bottom: 0.8em;
}

.info-block i {
  margin-right: 0.5em;
  color: #007BFF;
}