@charset "UTF-8";

html {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
}

th,td {
	padding: 15px 5px;
}

th {
	text-align: left;
	width: 400px;
}
td {
	text-align: left;
	width: 590px;
}

.error {
	font-weight: bold;
	color: #ff0000;
}

.hissu {
	background-color: #ff0000;
	color: #ffffff;
	border-radius: 5px;
	padding: 5px;
}

.ninni {
	background-color: #999999;
	color: #ffffff;
	border-radius: 5px;
	padding: 5px;
}

.kinkyu {
	background-color: #ffff00;
	color: #000000;
	border-radius: 5px;
	padding: 5px;
}

input,
select,
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 7px;
	background: linear-gradient(to bottom, #dddddd, #ffffff 50%, #ffffff);
}

.name,
.kana {
	width: 70%;
}
.email {
	width: 90%;
}
.tel {
	width: 40%;
}
.address {
	width: calc(90% - 110px);
}
.comment {
	width: 95%;
	height: 300px;
	resize: none;
}

@media (max-width: 768px) {
	th {
		display: block;
		padding-top: 20px;
		padding-bottom: 0;
		width: 100%;
	}
	td {
		display: block;
		width: 100%;
	}
}