@charset "UTF-8";
/* for contact.html */
/* for smartphone size */

body {
  font-family: "Yu Gothic", sans-serif;
  line-height: 1.8;
  background-color: #f9f9f9;
  color: #333;
  margin: 0;
}

input {
	font-size: 100%;
}

select {
	border:1px solid;
	font-size: 100%;
	white-space: break-spaces;
}

#役職 {
	width: 80%;
}

#備考 {
	width: 80%;
	resize: none;
	overflow: hidden;
}

.confirm-button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #00bfff;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #cccccc;    /* 枠の指定 */
}

.clear-button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 11px 11px;   /* 余白       */
  background    : #cccccc;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 0.8em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #cccccc;    /* 枠の指定 */
}

.simei {
  table-layout: fixed;
  border-spacing: 0em 0.8em;
}

.simei th{
  width: 18em;
  text-align: right;
  vertical-align: top;
}

.tokyuu th{
  vertical-align: top;
}

.irai {
  border-spacing: 0.5em 0.8em;
}

.irai th, td{
  vertical-align: top;
}

.sum {
	display:inline-block;
}

.sum img {
	width:70%;
}