@charset "utf-8";
/* CSS Document */

/*-------------------------- ヘッダー */

/*-------------------------- フォーム*/
section#applyForm {
	width: 100%;
	margin: 0 auto;
	padding:0;
	text-align:center;
}
.formTitle {
	width:100%;
	background-color:#c4be8b;
	height:100px;
	text-align:center;
}
.formTitle h2{
	font: 30px/1.6 "ゴシック", sans-serif;
	color:#222d5a;
	font-weight:300;
	margin:0 auto;
	padding:25px 0;
}
.formSheet {
	width:850px;
	background-color: #ffffff;
	padding:20px 60px 0 60px;
	margin:40px auto 0 auto;
}
.formSheet p{
	color:#333333;
	margin-bottom:20px;
}

.groupDiv {
	margin:0 auto 10px auto;
	text-align:left;
}
input[type="text"] {
margin:8px 0;
  width: 100%;
	height:40px;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  transition: 0.3s;
}

input[type="text"]:focus {
}
input.applyBtn {
  display       : inline-block;
border:none;
  font-size     : 10pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 15px 47px;   /* 余白       */
  background    : #7d0000;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .3s;         /* なめらか変化 */
}
 
input.applyBtn:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  opacity       : 0.8;         /* カーソル時透明度 */
}
select {
padding:10px;
width:150px;
}


checkbox {
	 appearance: checkbox;
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
}
radio {
	 appearance: radio;
	-moz-appearance: radio;
	-webkit-appearance: radio;
}



.formSheet ul {
	text-align:left;
	width:100％;
	margin:10px auto 0 auto;
}
.formSheet ul li {
	font-size:.8em;
	color:#666666;
	margin:0 0 7px 0;
	list-style: square;
}
@media screen and (max-width: 767px){
	.formTitle {
		height:80px;
	}
	.formTitle h2 {
	font-size:24px;
	padding:25px 0;
}
	.formSheet {
	width:90%;
	background-color: #ffffff;
	padding:20px;
	margin:20px auto;
	}
}