@charset "UTF-8";
/*===============================
Bootstrap CSS読み込み
================================*/
/*===============================
メディアクエリ
================================*/
#nav__ .nav__contents li:nth-of-type(4) a {
  background-image: linear-gradient(135deg, #b2d9f3, #e5f4fc);
  border-radius: 1em 0 0 0;
}

/*===============================
ヘッダー
================================*/
#bosyu .nav-pills a {
  background-image: -webkit-gradient(linear, left top, right top, from(#b2d9f3), to(#e5f4fc));
  background-image: linear-gradient(90deg, #b2d9f3, #e5f4fc);
  text-align: center;
}
#bosyu .nav-pills a.active {
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(72, 153, 255)), to(rgb(155, 180, 250)));
  background-image: linear-gradient(90deg, rgb(72, 153, 255), rgb(155, 180, 250));
  color: #fff;
}
#bosyu .nav-pills li {
  min-width: 6em;
  width: 40%;
}
@media screen and (max-width: 575px) {
  #bosyu table th {
    width: 5em;
  }
  #bosyu table th,
  #bosyu table td {
    padding: 1em 0.5em !important;
  }
}

.flow ul li {
  border-left: 2px solid #4899ff;
  padding: 20px 0px 20px 50px;
  margin-left: 30px;
  position: relative;
}
.flow ul li h5 {
  margin-top: 0 !important;
}
.flow ul li img {
  position: absolute;
  max-width: 60px;
  border: 2px solid #4899ff;
  border-radius: 50%;
  background: #fff;
  left: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#faq ul {
  list-style: none; /* デフォルトのリストスタイル（点など）を無効にする */
  counter-reset: my-counter; /* カウンターをリセット（初期化）する */
  padding-left: 0; /* 必要に応じて左のパディングを調整 */
}
#faq ul li {
  counter-increment: my-counter; /* 項目ごとにカウンタを1増やす */
  position: relative; /* 疑似要素の位置決めのため */
  padding-left: 30px; /* 番号分のスペースを確保 */
  margin-bottom: 5px; /* 項目間の余白 */
}
#faq ul li {
  padding: 2em 0;
  border-bottom: 1px solid rgb(222, 226, 230);
}
#faq ul li::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px #4899ff;
  bottom: -0.5px;
  width: 30%;
}
#faq ul li h5 {
  color: #055a91;
}
#faq ul li h5::before {
  content: "Q" counter(my-counter); /* カウンタの値を表示し、末尾にピリオドとスペースを追加 */
  font-family: "Shippori Mincho B1", serif;
  font-weight: bold; /* 番号を太字にする（任意） */
  font-size: 2rem;
  margin-right: 1rem;
}
#faq ul li p::before {
  content: "A" counter(my-counter); /* カウンタの値を表示し、末尾にピリオドとスペースを追加 */
  font-family: "Shippori Mincho B1", serif;
  font-weight: bold; /* 番号を太字にする（任意） */
  font-size: 2rem;
  margin-right: 1rem;
  color: rgb(234, 85, 4);
}

.map-container {
    /* コンテナの幅に合わせてiframeの幅を調整 */
    position: relative;
    width: 100%;
    /* 16:9のアスペクト比を維持するためのpadding-top */
    padding-top: 56.25%; /* (450 / 600) * 100 = 75% を推奨しますが、ここでは16:9(56.25%)を例にしています。 */
    height: 0;
    overflow: hidden;
}

.map-container iframe {
    /* iframeをコンテナ内に絶対配置 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}