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

/* .fromQA dl{
    margin-bottom: 13px;
	line-height:1.8;
}

.fromQA dt{
    font-weight: bold;
    font-size: 1.3rem;
}

table.formTable td strong{
	color: #c00;
}
@media screen and (max-width:414px) {
	.fromQA dl{
		margin-bottom: 2%;
	}
	
	.fromQA dt{
		font-size: 3vw;
	}
} */

/* CSS Document */
body{
	margin: 0;
	overflow:auto;
}
.width98p{
	width:98%;
}
.heightTextarea{
	height:150px;
}
div#wrap {
	width:700px;
	margin:0 auto;
	padding:0px 0px;
	color:#222;
	line-height:120%;
	font-size:11px;
	padding-top:35px;
	background-color:#FFF;
	padding-bottom:60px;

}

div#wrap {
	width:700px;
	margin:0 auto;
	padding:0px 0px;
	color:#222;
	line-height:120%;
	font-size:11px;
	padding-top:35px;
	background-color:#FFF;
	padding-bottom:60px;

}
div#wrap a{
	text-decoration:underline;
}
div#wrap span.red{
	font-size:9px;
	color:#F30;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
div#wrap div#headerContact {
	position:relative;
	line-height:140%;
	font-size:11px;
	margin-left:32px;
	margin-bottom:25px;
}
div#wrap div#headerContact h1{
	padding-top: 3rem;
	width:156px;
	margin:  0 auto;
	position:relative;
	margin-bottom: 2rem;
}
div#wrap div#headerContact p#coments{
	float:left;
	margin-left:35px;
	margin-top:35px;
	margin-bottom:25px;
}
div#wrap div#headerContact p#closeBtom{
	clear:both;
	position: absolute;
	right:25px;
	top:0px;
	height:66px;
	width:46px;
}
div#wrap div#fContents table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.file-input{
	padding: 10px;
}

div#wrap div#fContents p{
	margin-top:20px;
}
div#wrap div#fContents p input{
	padding:3px 20px;
	margin:0 15px;
}
div#wrap div#tContents{
	text-align:center;
	padding-top:120px;
}
div#wrap div#footerC ul{
	padding-top:45px;
	line-height:180%;
	text-align:center;
}

@media screen and (max-width:575px) {
	.heightTextarea{
		height:100px;
	}
	div#wrap {
		width: auto;
	max-width: 700px;
	}

	div#wrap div#headerContact{
		margin-left: 16px;
	}

	div#wrap div#headerContact p#coments{
		margin-left: 0px;
	}
	div#wrap div#fContents table.formTable th {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	table.formTable td, table.formTable th {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	div#wrap div#headerContact p#coments{
		margin: 0px;
		margin-bottom: 10px;
	}

	div#wrap div#footerC ul{
		padding-left: 0px;
	}

	div#wrap div#headerContact p#closeBtom{
		clear:both;
		position: absolute;
		right:18px;
		top:-40px;
		height:66px;
		width:46px;
	}


}