@charset "utf-8";

.formWrap{
 width: calc(100% - 40px);
 margin: 45px auto 95px;
}
.catchText{
 line-height: 2.6rem;
 margin-bottom: 50px;
}
/*iphoneでの拡大を防ぐ最低文字サイズ*/
input[type="text"], .textBox, .selectBox select{ font-size: 1.6rem;}


/*--------------
 エラーメッセージ 
---------------*/
.errorWrap{ margin: 45px 0 30px;}
.errorWrap > p{
 font-size: 1.4rem;
 line-height: 2.4rem;
 font-weight: bold;
 margin-bottom: 20px;
}
.errorWrap ul{
 border-width: 4px;
 padding: 20px;
 font-size: 1.2rem;
 line-height: 2rem;
}
.errorWrap ul li{ line-height: 1.6rem;}



/*------------------
 テーブル部分レイアウト 
-------------------*/
.contactTable{ margin: 15px 0;}
.catchText + .contactTable{ margin-top: 30px;}/*戻るリンクがないパターン*/
.contactTable tr:not(:last-of-type){ border-bottom: none;}
.contactTable th,
.contactTable td{ display: block;}
.contactTable th{
 padding: 18px 0 18px 15px;
 width: 100%;
 font-size: 1.4rem;
 font-weight: bold;
}
.requiredIcon{
 width: 35px;
 height: 15px;
 line-height: 15px;
 font-size: 0.9rem;
 font-weight: bold;
}
.contactTable td{ padding: 20px 15px;}
.contactTable td p{ line-height: 1.8rem;}
.contactTable td.numberTd{ padding-right: 0;}


/* テキストボックス */
.contactTable .textBox{ height: 35px;}

/* テキストエリア */
.contactTable .textBox.textarea{ min-height: 130px;}

/* 幅調整 */
.contactTable .w1{ width: 125px;}
/*郵便番号*/
@media (max-width:340px){
  .contactTable input[type="tel"].w1{
   max-width: 125px;
   width: 40%;
  }
}
/*電話番号*/
.contactTable .w2{
 width: 21%;
 max-width: 65px;
}
@media (max-width:348px){
  .contactTable .w2{ padding: 0 8px;}
  .w2 + .N-label{ margin-left: 8px;}
}
.contactTable .w4{ width: 100%;}
.contactTable .w5{ width: 90px;}


/* セレクトボックス */
.selectBox::after{ top: 11px;}
.selectBox select{ height: 35px;}


/* 半角アイコン */
.N-label{
 width: 50px;
 margin-left: 11px;
}


/*ラジオボタン*/
.radioWrap{ height: 38px;}
.radio{
 width: 26px;
 height: 26px;
}
.radio::after{
 width: 12px;
 height: 12px;
 top: calc(50% - 6px);
 left: calc(50% - 6px);
}


/* 入力画面に戻るボタン */
.backLink{ font-weight: bold;}
.backLink:hover span{ border-color: rgba(255,255,255,0);}


/* 送信ボタン */
.contactTable + .linkBtn{ margin-top: 20px;}/*戻るリンクがないパターン*/




/*--------------
 入力画面 
----------------*/
/*新卒採用はマイナビへ*/
.mynaviWrap{ margin-bottom: 45px;}
.mynaviWrap p{
 font-size: 1.4rem;
 line-height: 2.4rem;
 font-weight: bold;
 margin-bottom: 20px;
}




/*--------------
 確認画面 
----------------*/
.contactConf .catchText{ margin-bottom: 35px;}
.contactConf .contactTable td{ line-height: 2.4rem;}




/*--------------
 完了画面 
----------------*/
.contactEnd .catchText{ margin-bottom: 55px;}