@charset "utf-8";

/*********************************
 *
 * CONTACT STYLES
 *
 *********************************/
@media screen and (max-width: 767px) {
/* h1 */ 
#main h1 {width:100%; height:100px; margin:0 0 10vw 0; background:#eeefee url(../contact/images/bg_h1.jpg) 60% top no-repeat; background-size:cover;}
#main h1 span {padding:0 0 0 3vw; font-size:3.6vw; font-weight:700; line-height:100px;}
	
/* contact */
table.contact {width:100%; margin:0 auto; border:1px solid #d6d6d1; border-top:0;}
table.contact th, table.contact td {display:block; line-height:1.6;}
table.contact th {padding:1em 1.5em; background:#fafafa; border-top:1px solid #d6d6d1; font-weight:700; white-space:nowrap;}
table.contact th span {margin-left:10px; color:#b3293c; font-size:2vw; font-weight:lighter;}
table.contact td {padding:1.5em 1.5em 3em 1.5em; border-left:none;}
table.contact td span {font-size:2.6vw;}
		
/* form */
input, select, textarea {font-size:3vw; 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:0.5em 3px; box-sizing:border-box;}
table input.check {border:1px solid #fff;}
.btn {margin:20px 0 50px 0 !important; text-align:center;}
.btn input {width:30%; padding:5px 0;}
.w100 {width:70%;}
.w150 {width:70%;}
.w200 {width:70%;}
.w350 {width:100%;}
.w420 {width:100%;}

/* 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) {
#main {width:940px; margin:0 auto; background:url(../contact/images/bg_h1.jpg) no-repeat;}
	
/* contact */
table.contact {width:100%;}
	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:120px;}
.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;}
*/

}