@charset "utf-8";
/* CSS Document */

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 980px) {

table {
	width:96%;
 border-collapse: collapse;
 border-spacing: 0;
	margin: 20px auto;
}
th {
width:30%;
	border-bottom:1px dotted #ccc;
	text-align:left;
	padding:16px 0 16px 5px;
	color:#000;
	vertical-align: top;
}
td {
	border-bottom:1px dotted #ccc;
	padding:16px 16px 16px 0;
	vertical-align: top;
}
.nnn {
font-weight: normal;
}
#kaisya, #add, #message {
width:600px;
}
#busyo, #name, #kana, #email {
width:400px;
}
.ERR {
color:#ff0000;
}

}


/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 979px) {

table {
	width:96%;
 border-collapse: collapse;
 border-spacing: 0;
	margin: 20px auto;
}
th {
width:30%;
	border-bottom:1px dotted #ccc;
	text-align:left;
	padding:16px 20px 16px 5px;
	color:#000;
	vertical-align: top;
}
td {
	border-bottom:1px dotted #ccc;
	padding:16px 16px 16px 0;
	vertical-align: top;
}
.nnn {
font-weight: normal;
}
#kaisya, #add, #message {
width:100%;
}
#busyo, #name, #kana, #email {
width:100%;
}
.ERR {
color:#ff0000;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

table {
	width:99%;
 border-collapse: collapse;
 border-spacing: 0;
	margin: 2remx auto;
}
th {
width:30%;
	border-bottom:1px dotted #ccc;
	text-align:left;
	padding:1.6rem 0.6rem 1.6rem 0.5rem;
	color:#000;
	vertical-align: top;
}
td {
	border-bottom:1px dotted #ccc;
	padding:1.6rem 1.6rem 1.6rem 0;
	vertical-align: top;
	line-height: 3rem;
}
.nnn {
font-weight: normal;
}
#kaisya, #add, #message {
width:100%;
}
#busyo, #name, #kana, #email {
width:100%;
}
.ERR {
color:#ff0000;
}

}