/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
/* フォーム全体のベースフォント */
   .hs-form,.hs-form * { 
font-family: "Noto Sans JP",
"Yu Gothic",               
"游ゴシック体",               
system-ui,               
-apple-system,               
BlinkMacSystemFont,               
"Segoe UI",               
sans-serif; 
box-sizing: border-box;
line-height: 1.5; 
}

/* 各フィールドのラッパー行 */
.hs-form .hs-form-field {
  margin-bottom: 16px;
}

/* ラベル */
.hs-form .hs-form-field label {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
}

/* 入力欄*/
.hs-fieldtype-textarea.hs-input {
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 20px;
  line-height: 1.4;
}

/* ▼ ヘルプテキスト（説明文）を読みやすくする部分 ▼ */
/* ここをメインで調整してください */
.hs-form .hs-field-desc {
  display: block; 　/* インライン要素でも確実に改行させる */
  margin-top: 10px;  /* フィールドとの間に余白 */
  font-size: 12px;  /* 少し小さめの説明テキスト */
  line-height: 1.8;  /* 行間を広めに */
  color: #666;  /* 本文よりやや薄いグレー */
  white-space: normal;  /* 折り返しを有効にして「詰まり」を防ぐ */
}

/* エラー文言も読みやすく */
.hs-form .hs-error-msgs,.hs-form .hs-error-msg {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  color: #c0392b;}

/* 送信ボタン 
.hs-form .hs-button {
  display: inline-block;
  padding: 10px 18px;
  background-color: #0052cc;
  color: #fff;
  border-radius: 4px;
  border: none;
  font-size: 14px;
  cursor: pointer;
} */

/* 送信ボタン
[data-hsfc-id=Renderer] .hsfc-Button {
  font-size: none !impotant;　font-weight: bold;
}*/

/*チェックボックスを大きく*/
input[type="checkbox"]{
  transform:scale(1.5);
}


/*本文入力画面を大きく*/
.hs-fieldtype-textarea.hs-input {
  min-height: 200px;
  height: 300px; /* Adjust height as needed, e.g., 20px per line */
  max-height: 350px; 
}


/*ドロップダウンの選択肢の文字の大きさを大きく
[data-hsfc-id=Renderer] .hsfc-DropdownOptions__List__ListItem{
  font-size: 20px;
}

/*文字を大きくする
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, pre, q, samp, section, small, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  font-size:100% !important;
}


/*ファイルを選択ボタン
[data-hsfc-id=Renderer] .hsfc-FileInput{
  font-size:100% !important;
}*/


 /* フォーム内リッチテキストの白いハイライト背景を透明にする */
form span[style*="background-color"],form mark {  
  background-color: transparent !important;
} 
 
/* PC表示時：このフォーム内の説明画像だけを少し小さくする */
@media (min-width: 992px) {  #hs_form_target_widget_1770971973118-3056783693941.hsfc-LinkImage img { max-width: 600px;  height: auto;  margin: 0 auto;  }
}

/* フォーム送信ボタンの色を変更 */
.hs-form input[type="submit"] {  background-color: #6d3c1d;  color: #ffffff; 　}
.hs-form input[type="submit"]:hover {background-color: #B36947;}
.hs-form input[type="submit"],.hs-form .hs-button.primary {  font-weight: bold; margin-top: 16px;}  

/*****************************************/
/* Start your style declarations here    */
/*****************************************/