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

/*-----------------------------------------------
color
#F08300
#FDD000
-----------------------------------------------*/


/*-----------------------------------------------
  tel
-----------------------------------------------*/

#tel .tel {
margin-top: 1.5em;
}
#tel .tel a {
padding-left:1.2em;
font-size:2.2em;
color: #111;
background:url(../img/ico_tel.png) left center no-repeat;
background-size:1em;
}

/*-----------------------------------------------
  form
-----------------------------------------------*/

#form p {
margin-top:1.5em;
}
#form p.errer {
text-align:center;
color:#F00;
}
#form table {
width:100%;
line-height:1.3;
max-width:1000px;
margin:1.5em auto 0 auto;
}
#form th {
display:block;
margin-top:1em;
font-weight:bold;
text-align:left;
}
#form td {
display:block;
margin-top:0.5em;
text-align:left;
}
#form th span {
margin-left:0.5em;
font-size:0.75em;
color:#F01;
}
#form td .errer {
display:block;
margin-top:0.5em;
color:#F00;
}
#form .name,
#form .kana,
#form .tel {
width:50%;
}
#form .address,
#form .mail {
width:100%;
max-width:30em;
}
#form .message {
width:100%;
height:20em;
}
#form .submit {
margin-top:40px;
text-align:center;
}
#form .submit input {
width:100%;
margin:0.5em 0;
padding:1.5em 2em;
}

@media screen and (min-width:600px) {
#form th {
display:table-cell;
width:12em;
padding:1em;
border-bottom:1px dotted #CCC;
}
#form td {
display:table-cell;
padding:1em;
border-bottom:1px dotted #CCC;
}
#form .submit form {
display:inline-block;
margin:0 1em;
}
#form .submit input {
width:auto;
margin:0;
padding:1.5em 3em;
}
}