/*============================================
  フォントサイズ統一修正 v2
  本サイトのフォント設定をLPに完全適用
  
  使用フォント:
  - Zen Maru Gothic (メイン)
  - Quicksand (英数字・見出し)
============================================*/

/* 1. ルート要素のフォントサイズ設定（本サイトと同じ） */
html {
  font-size: 16px !important;
}

@media screen and (max-width: 640px) {
  html {
    font-size: 4.2666666667vw !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
  html {
    font-size: 2.1333333333vw !important;
  }
}

@media screen and (min-width: 1024px) {
  html {
    font-size: 1vw !important;
  }
}

@media screen and (min-width: 1921px) {
  html {
    font-size: 19.2px !important;
  }
}

/* 2. body要素のフォント設定（本サイトと完全一致） */
body {
  font-family: "Zen Maru Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif !important;
  line-height: 1.5 !important;
  color: #333 !important;
  font-weight: 500 !important;
  -webkit-text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased !important;
  word-wrap: break-word !important;
}

/* 3. LPコンテンツのフォント設定をリセット */
.lp-container html {
  font-size: inherit !important;
}

.lp-container body {
  font-family: inherit !important;
  font-size: inherit !important;
}

/* 4. 見出しのフォントファミリー（本サイトに合わせる） */
.lp-container h1,
.lp-container h2,
.lp-container h3,
.lp-container h4,
.lp-container h5,
.lp-container h6 {
  font-family: "Zen Maru Gothic", sans-serif !important;
}

/* 5. Quicksandフォントを適用する要素 */
.lp-container .has-quicksand,
.lp-container .en-text {
  font-family: "Quicksand", sans-serif !important;
}

/* 6. 段落のフォントサイズ */
.lp-container p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* 7. リンクのフォント設定 */
.lp-container a {
  font-family: inherit !important;
}

/* 8. ボタン・入力フォームのフォント設定 */
.lp-container button,
.lp-container input,
.lp-container textarea {
  font-family: "Zen Maru Gothic", sans-serif !important;
}

/*============================================
  デバッグモード（問題があれば以下をコメント解除）
============================================*/
/*
.lp-container * {
  outline: 1px solid rgba(255, 0, 0, 0.2) !important;
}
.lp-container *:before {
  content: attr(class) " | font: " attr(style) !important;
  font-size: 10px !important;
  color: red !important;
  background: rgba(255, 255, 255, 0.8) !important;
}
*/