/*— Contact セクション全体 —*/
#contact.contact-info {
  color: #fff;                                  /* 文字を白に */
  background: rgba(0,0,0,0.5);                  /* 半透明の黒背景で文字を浮き立たせる */
  padding: 40px;                                /* 内側余白 */
  border-radius: 8px;                           /* 角丸 */
  max-width: 500px;                             /* 横幅制限 */
  margin: auto;                                 /* 中央寄せ */
  text-shadow: 0 1px 3px rgba(0,0,0,0.7);       /* 文字の影で視認性UP */
  top: 50% !important;                            /* 上からの位置調整 */
    position: relative;                          /* 相対位置 */
}
/* 数字で始まる id は属性セレクタで回避 */
div.slide[id="5"] .container-fluid > .row {
  display: flex !important;
  align-items: center !important;
  min-height: 500px !important;
}

/*— タイトル —*/
#contact.contact-info h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 300;
}

/*— 各段落 —*/
#contact.contact-info p {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

/*— メールリンク —*/
#contact.contact-info a {
  color: #fff;
  text-decoration: underline;
}

/*— スマホ〜タブレット対応 —*/
@media (max-width: 768px) {
  #contact.contact-info {
    padding: 20px;
    max-width: 100%;
  }
}