/* iPhoneでボタンを正しく表示させるコード */
input[type="submit"], input[type="reset"]{
-webkit-appearance: none;
-webkit-border-radius: 6px;
 border-radius: 6px;
}
body {
	margin: 0px;
	padding: 0px;
}

#formWrap {
	width: 700px;
	margin: 0 auto;
	color: #555;
	line-height: 120%;
	font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#formWrap .advance_logo {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    padding-top: 1.5rem;
    margin-bottom: 13px;
    display: block;
}

#formWrap p {
	text-align: center;
	line-height: 1em;
}
#formWrap h3 {
    text-align: center;
    padding: 0px;
    font-size: 24px;
    line-height: 1em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#formWrap .comment {
	padding-top: 15px;
	margin-bottom: 50px;
}

#formWrap .comment p {
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

#formWrap .privacy {
	margin-bottom: 20px;
	border: 1px solid #999;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	line-height: 1.5em;
	color: #666;
}
#formWrap .privacy p {
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}
#formWrap .privacy ol {
	padding: 0px;
	list-style-position: outside;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2em;
}
#formWrap .privacy h4 {
	text-align: center;
	font-size: 18px;
	line-height: 1em;
}
#formWrap .footer {
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#formWrap .footer p {
	line-height: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	text-align: center;
}
#formWrap .footer p  a{
	color: #666;
	line-height: 1em;
}
#formWrap .footer .credit{
	text-align: center;
	font-size: 12px;
	color: #666;
	line-height: 1em;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#formWrap form .formTable tr th .required {
	font-size: 12px;
	line-height: 1em;
	background-color: #F00;
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 7px;
	color: #FFF;
	margin: 0px;
}









table.formTable{
	width: 100%;
	border-collapse: collapse;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
.button {
	display       : inline-block;
	border-radius : 5%;          /* 角丸       */
	font-size     : 16px;        /* 文字サイズ */
	text-align    : center;      /* 文字位置   */
	cursor        : pointer;     /* 背景色     */
	color         : #ffffff;     /* 文字色     */
	line-height   : 1em;         /* 1行の高さ  */
	transition    : .3s;         /* なめらか変化 */
	border        : 2px solid #00A0E9;    /* 枠の指定 */
	background-color: #00A0E9;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.button:hover {
	color         : #00A0E9;     /* 背景色     */
	background    : #ffffff;     /* 文字色     */
}
/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:767px) {
#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:96%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display: block;
	width: 100%;
	height: 40px;
}
#formWrap form .formTable tr th .required {
	font-size: 12px;
	line-height: 1em;
	background-color: #F00;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	color: #FFF;
	margin: 0px;
	font-weight: bold;
}