@charset "utf-8";

/*********************************
 *
 * CONTACT STYLES
 *
 *********************************/

@media screen and (max-width: 767px) {
/* contact */
table.contact {width:100%; box-sizing:border-box; border:1px solid #d6d6d1; border-bottom:0;}
	table.contact th, table.contact td {display:block; padding:1em; line-height:1.6;}
	table.contact th {background:#fafafa; font-weight:bold; white-space:nowrap;}
		table.contact th span {margin-left:5px; color:#b3293c; font-weight:lighter;}
	table.contact td {border-bottom:1px solid #d6d6d1;}
		table.contact td span {font-size:11px;}
		
/* form */
input, select, textarea {font-size:12px; font-family:monospace; line-height:1.5;}
input, select {vertical-align:middle;}
	input.none {border:none;}
table input, table select, table textarea {border:1px solid #7b9cbd;}
table input, table textarea {padding:4px;}
table select option {padding:4px 2em 4px 2px;}
table input.check {border:1px solid #fff;}
.btn {margin-top:30px; text-align:center;}
	.btn input {padding:5px 50px;}
.w100 {width:90%;}
.w150 {width:90%;}
.w200 {width:90%;}
.w350 {width:90%;}
.w420 {width:90%;}

/* thanks */
.thanks {margin-bottom:100px;}
	.thanks p {margin:0; padding:1.5em 2em; background:#fafafa; border:1px solid #dcdcdc; font-size:14px; font-weight:bold;}

/* error */
p.error {padding:0.3em 1em; background:#ffeeee; color:#b3293c; font-weight:bold;}
/*
.error {margin-bottom:100px;}
	.error .box {margin:0; padding:1.5em 2em; background:#fef6f7; border:2px solid #daa9b0;}
	.error h4 {color:#b3293c; font-size:14px; font-weight:bold;}
	.error ul {margin-left:2em;}
	.error ul li {list-style-type:disc; line-height:1.6;}
*/
}

@media screen and (min-width: 768px) {
/* contact */
table.contact {width:100%; box-sizing:border-box;}
	table.contact th, table.contact td {padding:1.5em 1em; border:1px solid #d6d6d1; line-height:1.6;}
	table.contact th {width:130px; background:#fafafa; border-right:none; font-weight:bold; white-space:nowrap;}
		table.contact th span {margin-left:5px; color:#b3293c; font-weight:lighter;}
	table.contact td {border-left:none;}
		table.contact td span {font-size:11px;}
		
/* form */
input, select, textarea {font-size:12px; font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",monospace; line-height:1.5;}
input, select {vertical-align:middle;}
	input.none {border:none;}
table input, table select, table textarea {border:1px solid #7b9cbd;}
table input, table textarea {padding:2px;}
table select option {padding:2px 2em 2px 2px;}
table input.check {border:1px solid #fff;}
.btn {margin-top:30px; text-align:center;}
	.btn input {padding:5px 50px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w350 {width:350px;}
.w420 {width:420px;}

/* thanks */
.thanks {margin-bottom:100px;}
	.thanks p {margin:0; padding:1.5em 2em; background:#fafafa; border:1px solid #dcdcdc; font-size:14px; font-weight:bold;}

/* error */
p.error {padding:0.3em 1em; background:#ffeeee; color:#b3293c; font-weight:bold;}
/*
.error {margin-bottom:100px;}
	.error .box {margin:0; padding:1.5em 2em; background:#fef6f7; border:2px solid #daa9b0;}
	.error h4 {color:#b3293c; font-size:14px; font-weight:bold;}
	.error ul {margin-left:2em;}
	.error ul li {list-style-type:disc; line-height:1.6;}
*/
}