/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 27 2026 | 12:25:54 */
/* 全体背景 */
.nagata-contact-container {
  color: #fff;
  padding: 60px 20px;
  max-width: 100%;
}

/* SWELL見出し */
.nagata-contact-container .is-style-section_ttl {
  color: #fff !important;
  margin-bottom: 40px;
}

/* ビジュアル */
.nagata-visual-full { max-width: 1000px; margin: 0 auto 40px; }
.visual-wrapper { display: flex; flex-direction: column; gap: 15px; align-items: center; }
.visual-wrapper img { width: 100%; max-width: 800px; border-radius: 8px; }

/* メッセージ（左白線） */
.nagata-message-area { max-width: 1000px; margin: 0 auto 50px; }
.nagata-h3 {
  font-size: 1.4rem;
  padding-left: 15px;
  border-left: 3px solid #fff;
  margin-bottom: 20px;
  color: #fff !important;
}

/* 横並びコンテナ */
.nagata-cta-flex-container {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
  gap: 20px;
  align-items: flex-end;
}

.cta-item {
  flex: 1;
}

.cta-label {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 10px;
  border-bottom: 1px dotted rgba(255,255,255,0.3);
  padding-bottom: 5px;
}

/* 電話カード */
.phone-card {
  background-color: rgba(0,0,0,0.2);
  border: 1px solid #b8860b;
  border-radius: 10px;
  padding: 20px;
  height: 120px; /* メールの高さと合わせる */
  display: flex;
  align-items: center;
  justify-content: center;
}

.phone-content { display: flex; align-items: center; gap: 15px; }
.phone-icon { font-size: 1.8rem; }
.tel-sub { font-size: 0.75rem; margin-bottom: 2px; opacity: 0.9; }
.tel-number {
  font-size: 1.8rem; /* 少し小さく調整 */
  font-weight: bold;
  color: #fff !important;
  text-decoration: none;
  line-height: 1.1;
  display: block;
}
.tel-time { font-size: 0.7rem; opacity: 0.7; margin-top: 4px; }

/* 電話アイコンをゴールドにする設定 */
.phone-icon-gold {
  font-size: 2.2rem;
  /* 金色のグラデーションをテキスト（絵文字）に適用 */
  background: linear-gradient(to bottom, #f0e68c 0%, #d4af37 50%, #b8860b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* ブラウザによって絵文字の色が固定される場合の対策 */
  display: inline-block;
  line-height: 1;
}

/* 電話カード自体の枠線も少し明るいゴールドに（お好みで） */
.phone-card {
  background-color: rgba(0,0,0,0.2);
  border: 1px solid #d4af37; /* 枠線を少し明るく */
  border-radius: 10px;
  padding: 20px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;align-content
}

/* メールボタン */
.mail-card-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background: linear-gradient(to bottom, #f0e68c 0%, #d4af37 50%, #b8860b 100%);
  border-radius: 10px;
  text-decoration: none;
  color: #fff !important;
  height: 120px; /* 電話の高さと合わせる */
  padding: 0 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  transition: 0.3s;
}

.mail-icon { font-size: 2.2rem; }
.mail-sub { display: block; font-size: 0.75rem; font-weight: bold; }
.mail-main { display: block; font-size: 1.3rem; font-weight: bold; }

/* スマホ表示（縦並びに戻す） */
@media screen and (max-width: 850px) {
  .nagata-cta-flex-container {
    flex-direction: column;
    align-items: center;
  }
  .cta-item { width: 100%; max-width: 500px; }
  .phone-card, .mail-card-button { height: auto; padding: 25px 20px; }
}