/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

#main-content .form-field label{
  font-weight: normal;  
}

.form-field input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid #17494D;
}

.form-field input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid #17494D;
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid #17494D;
  text-decoration: none;
}

#new_request > div.form-field.select.optional.request_ticket_form_id > a{
    margin-bottom:35px;
}

#main-content .form-field .nesty-input{
  margin-bottom:0px;
}

#main-content .form-field #request_description_label{
  font-weight:bold;
}

#main-content .form-field #request_custom_fields_9066819137177_label, #main-content #request_custom_fields_9067425504153_label{
  font-weight:bold;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: #17494D;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #000;
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd;
}

/***** 長期休暇のお知らせのCSS *****/
.vacation{
  /*margin: 5px 0;*/
  padding: 10px 10px 10px 10px;
  border: 3px solid #f99;
  line-height: 1.65;
  color: #f00;
  font-weight: bold;
  background-color: #fff;
}

@media screen and (max-width: 768px){
 .vacation{
  font-size: 0.78571rem;
  padding:5px;
  background-color: #fff;
 } 
} /* ← 不足していた閉じカッコを補つなぎました */

/* agentアイコン追加   */
@media(max-width:520px){
  .naviIcon span.agent::before{
  content: "";
  display: block;
  width:21px;
  height: 21px;
  background-size: 100%;
  margin-right: 15px;
  margin-bottom: 11px;
  background-image: url("$assets-agent-icon-svg");
/* background-image: url("https://theme.zdassets.com/theme_assets/14158684/a294d7e5f60f35854c3025b65f988ee834b01904.svg"); */
  margin: 14px 15px 9px 10px;
  }

  .iconLink.agent{
  font-style: normal;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  text-align: inherit;
  box-sizing: border-box;
  line-height: 1;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,Sans-Serif;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #00c1ff;
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  align-items: flex-end;
  margin-right: 10px;
  padding-bottom: 10px;
  width: 34px;
  height: 60px;
  display:block;
	}
  #md_nav .iconLink.folder{
  margin-right: 15px;
	}
	#md_nav .iconLink.jobSearch.js_uiViewSegue{
  margin-right: 10px;
	}
}

/* お問い合わせ画面の「おすすめの記事」エリアを完全に非表示にする */
.new-request-page .searchbox,
.request-page .searchbox,
.form .searchbox {
  display: none !important;

}
/* 特定のチェックボックスの説明文（ヒント）の文字サイズを調整 */
.request_custom_fields_62107933440281 p,
.request_custom_fields_62595033447321 p {
  font-size: 13px !important; /* 好みのサイズ（12px～14pxなど）に数値を変更してください */
  color: #f74040 !important;  /* 任意：文字色を少しグレーにして補足情報らしく見せる */
  margin-top: 5px !important;
}

/* ==========================================================
   1. 質問ラベル（視認性とクリックしやすさの向上）
   ========================================================== */
.form-field label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #333333 !important;
  margin-bottom: 6px !important;
}

/* ==========================================================
   2. 「*必須」マーク（赤色で目立たせつつ上品に）
   ========================================================== */
/* 必須ラベルの後ろに「 *必須」を追加 */
.form-field.required > label::after {
  content: " *必須" !important;
  color: #e03131 !important;    /* 視認性が高く目に刺さりすぎない赤 */
  font-size: 12px !important;   /* ラベルより一回り小さくして圧迫感を軽減 */
  font-weight: 700 !important;
  margin-left: 4px !important;  /* ラベル文字との詰まりを解消 */
}

/* Zendesk標準の必須アスタリスク等の色も同一の赤に統一 */
.form-field [aria-required="true"]::after {
  color: #e03131 !important;
}


/* ==========================================================
   3. 全体の一括設定：通常の説明文（ヒントテキスト）
   ========================================================== */
.form-field p,
.form-field__hint,
.form-field-description,
[id$="_hint"] {
  font-size: 13px !important;       /* 本文より控えめで読みやすいサイズ */
  color: #495057 !important;       /* 背景白に対して十分な視認性を保つダークグレー */
  line-height: 1.6 !important;     /* 詰まり感をなくし、スラスラ読める行間 */
  margin-top: 6px !important;      /* チェックボックス・入力枠との適切な間隔 */
} /* ← ここに閉じ括弧「}」が抜けていました */


/* ==========================================================
   案内文：上下の余白を維持し、下の文字と左端を完全一致
   ========================================================== */
.anouncement {
  /* 上下のパディングは維持、左右をゼロにして左端に合わせる */
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  /* 上下のマージンをしっかりキープ */
  margin-top: 24px !important;
  margin-bottom: 14px !important;
  margin-left: 0 !important;

  text-align: left !important;
}

.anouncement b {
  display: block;
  text-align: left !important;
  font-size: 13px;
  line-height: 1.6;
}



/* ボックス内のテキスト調整 */
.anouncement b {
  display: block;
  font-size: 13px;                    /* ラベル(14px)より一回り小さくして主従関係を明確化 */
  font-weight: 500;                   /* ガチガチの太字を少し和らげ、洗練された印象に */
  color: #1a3a5c;                     /* 白背景・薄青背景でも読みやすいダークネイビー */
  line-height: 1.65;                  /* 改行されてもスラスラ読める行間 */
}
  /* （お好みで追加）セクションを上品に分ける極薄の仕切り線 */
  border-top: 1px solid #e9ecef !important;
  padding-top: 20px !important;