@charset "UTF-8";
#cta-6a9e7166861410a33f82ed36 {
  /* ========================================
     11h316105-LP-sec-tab
     YouTube・画像・Google MAP 共通タブ
  ======================================== */
  /* ========================================
     01. 共通タブデザイン
  ======================================== */
  /* 全体 */
  /* タブ全体 */
  /* タブボタン */
  /* 選択中のタブ */
  /* ホバー */
  /* 選択中のホバー */
  /* コンテンツ：初期非表示 */
  /* 選択中のコンテンツ */
  /* ========================================
     02. YouTube Shorts
  ======================================== */
  /* 動画枠 */
  /* YouTube iframe */
  /* ========================================
     03. 画像・Google MAP
  ======================================== */
  /* 画像 */
  /* Google MAP */
  /* Google MAP iframe */
  /* 住所 */
  /* ========================================
     04. 画像・MAPの2タブ専用
  ======================================== */
  /* MAPを含むセクションのみタブ幅50% */
  /* ========================================
     05. スマートフォン対応
  ======================================== */
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab"] {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__tabs"] {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__tab"] {
  position: relative;
  width: 30%;
  padding: 15px 10px;
  box-sizing: border-box;
  border: 2px solid #29A0FE;
  border-radius: 8px;
  background: #FFFFFF;
  color: #29A0FE;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__tab"].active {
  background: #29A0FE;
  color: #FFFFFF;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__tab"]:hover {
  background: #EAF6FF;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__tab"].active:hover {
  background: #29A0FE;
  color: #FFFFFF;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__content"] {
  display: none;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__content"].active {
  display: block;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__video"] {
  width: 315px;
  height: 560px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0, 55, 110, 0.15);
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__video"] iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__image"] {
  width: 100%;
  text-align: center;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__image"] img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 10px;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__map"] {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 8px 25px rgba(0, 55, 110, 0.15);
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__map"] iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__address"] {
  margin: 15px 0 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: #333333;
}
#cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab"]:has([class~="11h316105-LP-sec-tab__map"]) [class~="11h316105-LP-sec-tab__tab"] {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #cta-6a9e7166861410a33f82ed36 {
    /* 全体 */
    /* タブ全体 */
    /* タブボタン */
    /* YouTube動画 */
    /* Google MAP */
    /* 住所 */
    /* 画像・MAPの2タブ */
  }
  #cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab"] {
    padding: 0 15px;
    box-sizing: border-box;
  }
  #cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__tabs"] {
    gap: 6px;
  }
  #cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__tab"] {
    width: 33.333%;
    padding: 12px 5px;
    font-size: 11px;
  }
  #cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__video"] {
    width: 315px;
    max-width: 100%;
    height: 560px;
  }
  #cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__map"] {
    height: 350px;
  }
  #cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab__address"] {
    font-size: 13px;
  }
  #cta-6a9e7166861410a33f82ed36 [class~="11h316105-LP-sec-tab"]:has([class~="11h316105-LP-sec-tab__map"]) [class~="11h316105-LP-sec-tab__tab"] {
    width: 50%;
  }
}