@media screen and (max-width: 767px) {
  html,
  body,
  #wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .l-container,
  .l-content,
  .l-main,
  #contents {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ===== note風タイポグラフィ最適化（PC・タブレット）===== */
@media (min-width: 600px) {
  body {
    font-size: 17px !important;
    line-height: 2.0 !important;
    font-family: "Noto Sans JP","Hiragino Sans","游ゴシック体",sans-serif;
    letter-spacing: 0.02em;
  }

  .entry-content {
    max-width: 740px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }

  .entry-content p {
    margin-bottom: 1.5em;
  }

  .entry-content h2 {
    font-size: 1.45rem;
    font-weight: 700;
    margin: 2.2em 0 1em;
    line-height: 1.4;
  }

  .entry-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 1.8em 0 0.9em;
    line-height: 1.5;
  }

  .entry-content ul,
  .entry-content ol {
    margin: 0 0 1.6em 1.2em;
    line-height: 1.9;
  }

  .entry-content blockquote {
    border-left: 4px solid #ddd;
    background: #fafafa;
    margin: 1.8em 0;
    padding: 1em 1.2em;
  }
}

/* ===== スマホ用（note風）===== */
@media (max-width: 599px) {
  body {
    font-size: 16.5px !important;
    line-height: 1.9 !important;
    font-family: "Noto Sans JP","Hiragino Sans","游ゴシック体",sans-serif;
    padding: 0 !important;
  }

  .entry-content {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  .entry-content p {
    margin-bottom: 1.5em;
  }
}

/* ========== 入力欄：常に白＆日本語フォント ========== */
.mc-form .regist_form input,
.mc-form .regist_form select,
.mc-form .regist_form textarea{
  background:#fff !important;
  color:#0f172a !important;
  line-height:1.5 !important;
  height:auto !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,
               "Helvetica Neue",Arial,"Noto Sans JP",
               "Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;
  letter-spacing:normal !important;
}

/* エラー時：枠だけ赤（背景は白のまま） */
.mc-form .regist_form input.error,
.mc-form .regist_form select.error,
.mc-form .regist_form textarea.error,
.mc-form .regist_form .is-error input,
.mc-form .regist_form .is-error select,
.mc-form .regist_form .is-error textarea,
.mc-form .regist_form [aria-invalid="true"]{
  background:#fff !important;
  border-color:#ef4444 !important;
}

/* プレースホルダー統一 */
.mc-form .regist_form ::placeholder{ color:#94a3b8 !important; opacity:1; }

/* ========== ボタンの外側ラッパー：背景/影/余白を消す & 中央寄せ ========== */
.mc-form .regist_form p.submit,
.mc-form .regist_form .submit-area,
.mc-form .regist_form .actions,
.mc-form .regist_form .btn-area{
  background:none !important;
  border:0 !important;
  padding:0 !important;
  margin:24px 0 0 !important;
  box-shadow:none !important;
  text-align:center !important;
}
/* ラッパーの疑似要素で色が付いているケースも無効化 */
.mc-form .regist_form p.submit::before,
.mc-form .regist_form .submit-area::before,
.mc-form .regist_form .actions::before,
.mc-form .regist_form .btn-area::before{
  content:none !important;
  background:none !important;
}

/* ========== ボタン本体 ========== */
.mc-form .regist_form input[type="submit"],
.mc-form .regist_form button[type="submit"],
.mc-form .regist_form .btn-submit,
.mc-form .regist_form .submit input{
  display:inline-block !important;       /* ← 全幅化を防ぐ */
  margin:0 auto !important;              /* ラッパーの text-align:center で中央に */
  padding:14px 28px !important;
  border-radius:10px !important;
  border:0 !important;
  background:#0ea5e9 !important;         /* ボタンだけ青 */
  color:#fff !important;
  font-weight:700 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  box-shadow:0 4px 12px rgba(2,132,199,.2) !important;
  cursor:pointer !important;
}
.mc-form .regist_form input[type="submit"]:hover,
.mc-form .regist_form button[type="submit"]:hover{
  background:#0284c7 !important;         /* ホバーは濃い青 */
}

/* ========== ブラウザ/テーマの赤系デフォルトを打ち消す ========== */
.mc-form .regist_form input:invalid,
.mc-form .regist_form select:invalid,
.mc-form .regist_form textarea:invalid{
  background:#fff !important;
  box-shadow:none !important;
}



/* SP gutter fix */
@media (max-width:599px){.l-content__main .article-body{padding-left:18px;padding-right:18px;}}