@charset "utf-8";

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

@media screen and (max-width: 767px) {
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; padding:1px 5px; background:#b3293c; color:#fff; font-size:80%; 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 {width:40%; padding:5px 0;}
.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;}
}

@media screen and (min-width: 768px) {
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; padding:1px 5px; background:#b3293c; color:#fff; font-size:80%; 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:80px;}
.w150 {width:130px;}
.w200 {width:180px;}
.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;}
}