/* お問合わせ */
table.formlayout {
	width: 100%;
	padding: 35px 0 20px 0;
	font-size:16px;
}
table.formlayout th,
table.formlayout td {
	padding: 8px 0;
}
table.formlayout th {
	width: 40%;
	vertical-align: ;
}
table.formlayout ul {
	margin: 0 0 0 0;
}
table.formlayout ul li {
	display: block;
	margin: 0 0 0 0;
}
.form-waku {
	width: 21em;
	padding: 4px;
	border: 0;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form-waku-middle {
	width: 8em;
	padding: 4px;
	border: 0;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form-waku-short {
	width: 2em;
	padding: 4px;
	border: 0;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button2 input[type=reset],
.button2 input[type=submit],
.button2 input[type=button] {  
    padding: 8px 24px;
    font-size:14px;
    border: 0;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dfdfdf));
	background: -webkit-linear-gradient(#ffffff 0%, #dfdfdf 100%);
	background: -moz-linear-gradient(#ffffff 0%, #dfdfdf 100%);
	background: -o-linear-gradient(#ffffff 0%, #dfdfdf 100%);
	background: -ms-linear-gradient(#ffffff 0%, #dfdfdf 100%);
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.button2 p {
	text-align: center;
	margin: 0 0 0 0;
}

input[type="text"] {
	font-size:16px;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
6px;}

textarea {
	width: 700px;
	height: 10em;
	font-size:16px;
	padding: 6px;
	border: 0;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
/*
select {
	width: 22em;
	padding: 7px;
	border: 0;
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:16px;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
*/

@media screen and (max-width:1023px) {
/*==========================================
 〜768
===========================================*/

table.formlayout ul li{
	width: auto;	
	font-size: 13px;
}

textarea {
width: 500px;
}

}


@media screen and (max-width:767px) {
/*==========================================
 〜640
===========================================*/

table.formlayout {
	display: block;
	border-collapse: collapse;
	padding: 10px 0 20px 0;
}
table.formlayout thead {
	display: none;
}
table.formlayout tbody {
	display: block;
}
table.formlayout tbody tr {
	display: block;
	margin-bottom: ;
}
table.formlayout tbody th,
table.formlayout tbody td {
	display: list-item;
	list-style-type: none;
	border: none;
	padding: 0;
}
table.formlayout tbody th {
	margin: 24px 0 0 0;
	list-style-type: none;
	width: auto;	
}
table.formlayout tbody td {
	margin-left: ;
}
table.formlayout {
	font-size: 13px;
}


}

@media screen and (max-width:639px) {
/*==========================================
 〜480
===========================================*/

textarea {
width: 400px;
}

}


@media screen and (max-width:479px) {
/*==========================================
 〜414
===========================================*/

textarea {
width: 380px;
}

}


@media screen and (max-width:413px) {
/*==========================================
 〜375
===========================================*/

textarea {
width: 336px;
}

}


@media screen and (max-width:374px) {
/*==========================================
 〜320
===========================================*/

.form-waku {
	width: 18em;
}

.form-waku-middle {
	width: 7em;
}

/*
select{
	width: 19em;
}
*/

textarea {
width: 288px;
}

}