body {
/*
  background: linear-gradient(90deg, #ff9efd80 0%, rgba(110, 2, 2, 0.1) 20%, rgba(110,5,5,0.1) 80%, rgba(255, 202, 254,0.5) 100%) ,url(../img/surugabay_s.webp);
*/
  background: url(../img/surugabay_s.webp);
  background-attachment: fixed;
  background-size: cover;
  background-position: center top;
  letter-spacing: -1px;
  line-height: 1.3;
}

h1, h2, h3 {
  text-shadow: 1px 2px 3px #003e70;
}

.main-title {
  font-size: 3.5rem;
  margin-bottom: 0;
  letter-spacing: 0.1rem;
}
.lead {
  color: #ffffff;
  font-size: 2.5rem;
  text-shadow: 2px 2px 3px #424242;
}
.card-header, .card-footer {
  background-color: transparent;
}
.row .card {
  height: 100%;
/*
  --bs-card-border-color: white;
*/
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.3) !important;
  --bs-card-bg: #ffffffe6;
}

.row .card .card-header {
  border-bottom: 0;
  --bs-card-cap-padding-y: 1.0rem;
}

.row .card .card-header h3 {
  margin: 0.8rem 0;
  font-size: 2.3rem !important;
}

.row .card .card-footer {
  border-top: 0;
  padding-bottom: 1.0rem;
  font-size: 1.4rem !important;
}
.row .card .card-footer .row {
  margin-bottom: 2.5rem;
}

.row .card .price {
  font-size: 2.0rem;
  letter-spacing: 1px;
  font-weight: bolder;
  padding-left: 1rem;
  text-shadow: 2px 2px 3px #ffffff;
}

.row .card .price span {
  font-size: 1.0rem;
  letter-spacing: -1px;
}

.row .card .card-body {
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding-top: 0;
  padding-bottom: 0;
}
.row .card .card-body p {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.card-plan {
  color: #294470 !important;
  --bs-border-color: #294470;
}
/*
.card-plan .card-header, .card-plan .card-body, .card-plan .card-footer {
  background-color: #ffffff00 !important;
}
*/
.card-plan .card-title {
  font-weight: 900;
  text-shadow: 1px 1px 3px #ecdcdc;
/*
  text-shadow: 1px 1px 0px #561220;
*/
}
.card-plan .price, .card-plan .col-data {
  font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.card-plan .price span {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "MS P明朝", "MS PMincho", serif;
}

.col-header {
  font-size: 1.5rem;
  font-weight: bolder;
}
.col-header .small{
  font-size: 1.0rem;
}
.col-data {
  font-size: 1.8rem;
  font-weight: bolder;
  text-shadow: 1px 1px 3px #ffffff;
}
.col-data.remarks {
  font-size: 1.2rem;
}
.col-data.remarks .price{
  font-size: 1.2rem !important;
}

.btn-contact-link {
  --bs-btn-bg: #0060af;
  --bs-btn-border-color: #0060af;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-font-size: 2rem;
  --bs-btn-padding-x: 2.0rem;
  --bs-btn-padding-y: 1.0rem;
  --bs-border-radius: 2.5rem;
  --bs-btn-font-weight: 900;
}

@media (max-width: 1199.98px) {
  .col-data {
    font-size: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  .main-title {
    font-size: 2.5rem;
  }
  .col-data {
    font-size: 1.8rem;
  }
}

@media (max-width: 575.98px) {
  body {
    line-height: 1.2;
  }
  .main-title {
    font-size: 2.0rem;
  }
  .lead {
    font-size: 1.5rem;
    line-height: 2.2rem;
    letter-spacing: 0.4px;
  }
  .col-header {
    font-size: 1.1rem;
  }
  .col-header .small{
    font-size: 1.0rem;
  }
  .col-data {
    font-size: 1.1rem;
  }
  .row .card .card-body {
    font-size: 1.4rem;
  }
  .row .card .price {
    font-size: 1.6rem;
    letter-spacing: 0.5px;
  }
  .row .card .card-footer {
    font-size: 1.0rem !important;
  }
  .btn-contact-link {
    --bs-btn-font-size: 1.6rem;
  }
}