@charset "shift_jis";

/* 本文 */
body {
	font-size: 85%;
	background: #fff;
	color: #555555;
}

/* テーブル */
table.form {
	border: 1px solid #7777bb;
	border-collapse: collapse;
	margin-top: 1em;
}
table.form th, table.form td {
	text-align: left;
	border: 1px solid #7777bb;
	padding: 8px;
	font-weight: 400;
}
table.form th {
	white-space: nowrap;
	background: #cccce6;
}
table.form td {
	background: #f0f0f0;
}

/* タイトル装飾 */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* メッセージ */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* 戻りボタン */
form.back {
	margin-top: 2em;
}


/*----------------------
追加コード2024.09.27
-------------------------*/

input[type="button"],
button,
select {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  color: #000;
  font-family: "ヒラギノ角ゴシック";
  font-size: 16px;
}

input[type="button"],
button,
select {
  background: #efefef;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 4px 8px;
  line-height: 1.5rem;
}

select {
  line-height: 2;
  color: #333;
  box-shadow: none;
  padding: 0 24px 0 8px;
  background: #fff url(data:) no-repeat right 5px top 55%;
  background-size: 16px 16px;
  cursor: pointer;
}
.submit{
	text-align:center;
	width: 220px;
	margin-top:10px;
	padding: 5px;
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 14pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 10px;   /* 余白       */
  background-color    : #000066;      /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 3px #666666;  /* 影の設定 */
  border        : 2px solid #000066;     /* 枠の指定 */

}
@media screen and (max-width: 768px) {
	.submit{
	text-align:center;
	width: 280px;
	margin-top:10px;
	padding: 5px;
  display: inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #1a1aff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 4px 4px 3px #666666;  /* 影の設定 */
  border        : 2px solid #1a1aff;    /* 枠の指定 */
}
}
.required{
	color: brown;
	font-weight: 500;
}