/* セクション */
.contact-section{
  background:#12294d;
  color:white;
  padding:60px 0;
}

/* ボックス */
.contact-box{
  max-width:600px;
  margin:0 auto;
}

/* 各項目 */
.contact-item{
  margin-bottom:30px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,0.2);
}

/* タイトル */
.contact-item h5{
  font-weight:bold;
  margin-bottom:10px;
}

/* アイコン共通 */
.contact-item i {
  margin-right: 8px;
  font-size: 20px;
  vertical-align: middle;
}

/* 各アイコン色 */
.icon-mail {
  color: #0d6efd; /* Bootstrap青 */
}

.icon-phone {
  color: #198754; /* 緑 */
}

.icon-line {
  color: #06C755; /* LINE公式色 */
}

.icon-instagram {
  color: #E1306C; /* Instagram色 */
}

/* QRコード */
.qr-box {
  margin-top: 15px;
}

.qr-box img {
  width: 120px;
  height: auto;
  border-radius: 8px;
  background: #fff;
  padding: 5px;
}

/* リンク */
.contact-item a{
  color:#fff;
  text-decoration: underline;
}

.contact-item a:hover{
  opacity:0.8;
}