html {
        font-size: 62.5%;
}
body{
        margin:0;
        padding:0;
        line-height:1.6;
        letter-spacing: 1px;
        font-family: Arial, '游ゴシック', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-size: 1.3rem;
        color:#333;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -o-text-size-adjust: 100%;
        text-size-adjust: 100%; 
}
#wrap {
	width: 70%;
	margin: 50px auto 0;
	font-size: 1.4rem;
	color: #222;
}
@media screen and (max-width: 768px) {
#wrap {
	width: 100%;
	margin: 50px auto 0;
   }
}
#wrap #contact {
	line-height: 1.4;
}
#wrap #contact p {
	margin: 0 0 1em 0;
	color: #666;
}
#wrap #contact .title {
	font-size: 1.8rem;
        color: #fff;
	background-color: #000;
        padding: 10px 15px;
}
#wrap #contact .note {
	padding: 0 0 15px 0;
	font-size: 1.3rem;
	border-radius: 4px;
}
#wrap #contact table {
	width: 100%;
	border-collapse: collapse;
}
#wrap #contact table tr th {
	width: 30%;
	white-space: normal;
	font-weight: normal;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
        background-color: #F0F0F0;
        border: solid 1px #CCCCCC;
}
#wrap #contact table tr th span {
	font-size: 1.2rem;
	color: #fff;
	background-color: #DC143C;
        padding: 1px 2px;
        margin: 0 5px 0 0;
        border-radius: 3px;
}
#wrap #contact table tr td {
	width: 60%;
	padding: 10px;
	box-sizing: border-box;
        border: solid 1px #CCCCCC;
}
#wrap #contact table tr td input {
	font-size: 1.6rem;
}
#wrap #contact table tr td textarea {
	font-size: 1.6rem;
	width: 96%;
        height: 80px;
}

#wrap #contact .submit {
	margin: 2em 0;
	text-align: center;
}
#wrap #contact .answerbutton {
        padding: 10px 0;
	font-size: 1.6rem;
        color: #fff;
        background-color: #000;
        width: 250px;
        border: none;
}
#wrap #contact .answerbutton:hover {
        background-color: #696969;
}
#contact input[name="vg_1013_text"] {
	width:96%;
}
#contact input[name="vg_1014_text"] {
	width: 96%;
}
#contact input[name="vg_1015_text"] {
	width: 96%;
}


@media screen and (max-width: 640px) {
	#wrap {
		width: 100%;
	        margin: 30px auto 0;
	}
	#wrap #contact {
        padding: 0 10px 0 10px;
	}
	#wrap #contact table tr th {
		width: 100%;
		display: block;
	}
	#wrap #contact table tr td {
		width: 100%;
		display: block;
	}
}
@media screen and (max-width: 768px) {
	#wrap #contact {
        padding: 0 10px 0 10px;
	}
	#wrap #contact table tr td textarea {
	width: 98%;
	}
	#contact input[name="vg_1013_text"] {
	width: 94%;
	}
	#contact input[name="vg_1014_text"] {
	width: 94%;
	}
	#contact input[name="vg_1015_text"] {
	width: 94%;
	}
}