.elementor-740 .elementor-element.elementor-element-f2244ec{--display:flex;}.elementor-740 .elementor-element.elementor-element-1e3c044{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-740 .elementor-element.elementor-element-465da2f{margin:30px 30px calc(var(--kit-widget-spacing, 0px) + 30px) 30px;text-align:center;}.elementor-740 .elementor-element.elementor-element-465da2f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-740 .elementor-element.elementor-element-465da2f .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:30px;font-weight:700;color:#000000;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-740 .elementor-element.elementor-element-1e3c044{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-740 .elementor-element.elementor-element-465da2f{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-465da2f .elementor-heading-title{font-size:22px;}.elementor-740 .elementor-element.elementor-element-8e88793{padding:0px 0px 0px 0px;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-8e88793 *//* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&display=swap');


/* ================================
   ページ全体
================================ */

.legal-page {
  max-width: 6480px;
  margin: 0 auto;
  padding: 16px 18px 20px;
  font-family: "Noto Sans JP", sans-serif;
  color: #374151;
}


/* ================================
   カードUI
================================ */

.legal-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 28px 30px;
  margin-bottom: 24px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}


/* ================================
   タイトル
================================ */

.legal-title {
  font-size: 36px;
  line-height: 1.35;
  font-weight: 800;
  color: #1D6099;
  margin: 0 0 18px;
}


/* リード */

.legal-lead {
  font-size: 22px;
  line-height: 1.9;
  margin: 0;
  color: #374151;
}


/* ================================
   各項目レイアウト
================================ */

.legal-item {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px 20px;
  padding: 20px 0;
  border-bottom: 2px solid #f0f2f5;
  align-items: start;
}

.legal-item:last-child {
  border-bottom: none;
}


/* ================================
   左側ラベル
================================ */

.legal-label {
  position: relative;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  color: #111827;
  padding-left: 16px;
}


/* 青アクセント */

.legal-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 5px;
  height: 1.2em;
  border-radius: 999px;
  background: #1D6099;
  transform: translateY(-50%);
}


/* ================================
   本文
================================ */

.legal-value {
  font-size: 20px;
  line-height: 1.95;
  color: #374151;
  word-break: break-word;
}


/* ================================
   リンク
================================ */

.legal-value a {
  color: #1D6099;
  text-decoration: none;
  font-weight: 700;
}

.legal-value a:hover {
  text-decoration: underline;
}


/* ================================
   強調テキスト
================================ */

.legal-value strong {
  font-weight: 700;
  color: #111827;
}


/* ================================
   メールリンク
================================ */

.legal-value a[href^="mailto"] {
  background: #eef6fc;
  border-radius: 8px;
}


/* ================================
   モバイル対応
================================ */

@media (max-width: 767px) {

  .legal-page {
    padding: 10px 10px 20px;
  }

  .legal-card {
    padding: 22px 18px;
    border-radius: 14px;
  }

  .legal-title {
    font-size: 28px;
  }

  .legal-lead {
    font-size: 16px;
  }

  .legal-item {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px 0;
  }

  .legal-label {
    font-size: 16px;
    padding-left: 14px;
  }

  .legal-value {
    font-size: 14px;
  }

}/* End custom CSS */