@charset "UTF-8";
/* CSS Document */
#formWrap {
	width:90%;
	margin:0 auto;
	color:#555;
	line-height:180%;
	font-size:90%;
}
/*　　　ボタン装飾初期化　　　*/
button
 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}


input[type='submit'],
input[type='button'],
button,
{
  cursor: pointer;
}


table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #6C9BD2;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	text-align:left;
}
table.formTable .right{
    text-align: right；
}
textarea {
    font-size: 18px;
    padding: 5px;
}

.notice_red{
    color:#F50408;
    font-size: 80%;
    margin-top: 15px;
    font-weight: 600;
}
.koumoku{
    color:#000;
    font-size: 80%;
    margin-top: 15px;
}


.hissu{
    color:#F50408;
    font-size: 90%;
    font-weight: 600;
}

.text_ul{
    text-decoration: underline;
}

input.cl1{
    line-height: 180%;
    font-size: 1em;
    padding: 5px;
}

input.cl2{
    line-height: 180%;
    font-size: 1em;
    margin-bottom: 5px;
}

select{
    line-height: 180%;
    font-size: 1em;
}


::placeholder {
  color: #D3DEF1;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #D3DEF1;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #D3DEF1;
}

/*　送信関係ボタン装飾　*/
.button_s {
  -webkit-appearance: none;
  display       : inline-block;
  border-radius : 4%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 15px 15px;   /* 余白       */
  background    : #007fff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 0.8em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
  border        : 2px solid #007fff;    /* 枠の指定 */
}
.button_s:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #007fff;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.button_r {
  -webkit-appearance: none;
  display       : inline-block;
  border-radius : 4%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 15px 15px;   /* 余白       */
  background    : #cccccc;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 0.8em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
  border        : 2px solid #cccccc;    /* 枠の指定 */
}
.button_r:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #cccccc;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}



/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
    line-height   : 0.8em;         /* 1行の高さ  */
    }
table.formTable .right{
    text-align: center；
    }
}