@charset "utf-8";

/*--- アクティブナビゲーション ---*/
#nav_con a {
  font-weight: bold;
  color: #2680E8;
  pointer-events: none;
}

/*--- ページタイトル ---*/
#page_ttl {
  background-image: url("../img/nav_bk_inquiry.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto; /* 幅=100% 高さ=auto */
}

/*--- お問い合わせ_入力 ---*/
#frm_input table {
  width: 95%;
  margin: 20px auto 0;
}

#frm_input th {
  padding: 10px 0;
  text-align: left;
  font-weight: normal;
  display: block;
}

#frm_input td {
  padding: 0 0 30px 10px;
  display: block;
}

#inquiry_lst {
  padding: 5px;
  list-style-type: none;
}

#inquiry_lst li:not(:first-of-type) {
  margin-top: 7px;
}

#inquiry_lst input[type="radio"] {
  margin: 0;
}

input::placeholder,
textarea::placeholder {
  color: #808080;
}

#inquiry_txt,
#uname,
#zip_code,
#address,
#tel_no,
#mail {
  width: 100%;
  padding: 10px;
  line-height: 1.3em;
  font-size: 1.6rem;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box; /* ボックスサイズの算出方法 - パディングとボーダーを幅と高さに含める */
}

/* 必須サイン */
.required {
  margin-left: 5px;
  display: inline-block;
  padding: 3px 5px;
  color: #fff;
  border-radius: 3px;
  font-size: 1.1rem; /* 11pt */
  background-color: #f90;
}
/* 入力項目注意書き（「半角英数字」など）*/
.input_note {
  margin-left: 5px;
  line-height: 1.5em;
  font-size: 1.2rem; /* 12pt */
}

/*--- お問い合わせ_確認 ---*/
#frm_confirm table {
  width: 90%;
  margin: 30px auto;
}

#frm_confirm th {
  line-height: 1.3em;
  text-align: left;
  font-weight: normal;
  display: block;
}

#frm_confirm td {
  padding-left: 1em;
  padding-bottom: 30px;
  line-height: 1.3em;
  text-align: justify;
  text-justify: inter-ideograph; /* IE, Edge用*/
  /*word-break: normal;*/
  word-break: break-all;
  display: block;
  vertical-align: middle;
}

/*--- お問い合わせ_完了 ---*/
#result_caption {
  margin-top: 70px;
  text-align: center;
}

#result_msg {
  margin: 50px 20px 100px;
  line-height: 1.3em;
}

/*--- お問い合わせ（共通） ---*/
/* 下部ボタン領域 */
#bottom_btn_area {
  margin-top: 30px;
  text-align: center;
}

/* ボタン */
#bottom_btn_area button,
#bottom_btn_area a {
  padding: 20px 30px;
  font-size: 1.4rem; /* 14pt */
  font-weight: bold;
  color: #fff;
  border-style: none;
  /*text-shadow: 1px 1px 2px #000;*/
  background-color: #057be2;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
  border-radius: 5px;
  cursor: pointer;
}

#bottom_btn_area a {
  text-decoration: none;
  display: inline-block;
}

/*#bottom_btn_area button:nth-of-type(n + 2) {*/
/*#bottom_btn_area button:nth-of-type(n + 2) { /* 2番目以降 */

#bottom_btn_area button:nth-child(n + 2) { /* 2番目以降 */
  margin-left: 30px;
}

/*--- メッセージ ---*/
/* SSL */
#ssl_msg {
  display: none;
  margin: 50px 20px 30px;
  font-size: 1.2rem; /* 12pt */
  line-height: 1.5em;
  text-align: left;
  color: #f90;
}

/* エラーテキスト（ページ）*/
#err_txt {
  line-height: 1.4em;
  margin: 10px;
  padding: 5px;
  color: #ce3535;
  border: solid 3px #ce3535;
  display: block;
}

/* エラーメッセージ（項目毎） */
.err_msg {
  /*margin-top: 5px;*/
  margin-bottom: 5px;
  /*font-size: 1.2rem; /* 12pt */
  /*font-weight: bold;*/
  color: #ce3535;
  display: block;
}

/* エラー装飾（項目毎）*/
.err_txtbox {
  border-radius: 5px;
  border: 1px solid #E49189 !important;
  background-color: #fcf5f5;
  background-color: #FFEDEB;
}