/* 相続テック一般事業者向け LP / ペライチ標準フォーム用
   ページにペライチ標準フォームが1つだけある想定。
   「テーマCSS編集」にはこの内容をそのまま貼り付ける。
   ページ情報の<head>タグ等に貼る場合は<style>...</style>で囲む。
*/

/* HTML埋め込みで作成したLP本文 #stlp には影響させない */
body form {
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  color: #182c3d;
  font-size: 16px;
  line-height: 1.85;
}
body form label,
body form legend {
  color: #182c3d;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.6;
}
body form input:not([type='radio']):not([type='checkbox']):not([type='hidden']):not([type='submit']):not([type='button']):not([type='file']),
body form select,
body form textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 46px;
  padding: 11px 14px;
  border: 1px solid #c5d5df;
  border-radius: 7px;
  background: #fff;
  color: #182c3d;
  font: inherit;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
body form textarea { min-height: 120px; resize: vertical; }
body form input::placeholder,
body form textarea::placeholder { color: #7b8b97; opacity: 1; }
body form input:not([type='radio']):not([type='checkbox']):focus,
body form select:focus,
body form textarea:focus {
  outline: 2px solid transparent;
  border-color: #14567d;
  box-shadow: 0 0 0 3px rgba(20,86,125,.16);
}
body form input[type='radio'],
body form input[type='checkbox'] {
  accent-color: #14567d;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  cursor: pointer;
}
body form button[type='submit'],
body form input[type='submit'] {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 50px;
  padding: 13px 28px;
  border: 1px solid #d89b3b;
  border-radius: 7px;
  background: #d89b3b;
  color: #172538;
  font: 800 16px/1.5 'Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  text-align: center;
  cursor: pointer;
  transition: filter .2s ease;
}
body form button[type='submit']:hover,
body form input[type='submit']:hover { filter: brightness(1.06); }
body form button[type='submit']:focus-visible,
body form input[type='submit']:focus-visible { outline: 3px solid #14567d; outline-offset: 3px; }
body form button[type='submit']:disabled,
body form input[type='submit']:disabled { opacity: .55; cursor: not-allowed; }
body form a { color: #14567d; text-underline-offset: 3px; }
@media (max-width: 740px) {
  body form { font-size: 16px; }
  body form button[type='submit'],
  body form input[type='submit'] { width: 100%; }
}