@import url("../font/fontawesomeV4/font-awesome.min.css");
@import url(tmpMain.css);
/* ////////////////////////////////////////////////////////////////////
	contact
//////////////////////////////////////////////////////////////////// */
#main {
  padding: 5%;
  /* ------ SP ------*/
}
#main header{
  width:40%;
  margin:0 auto 5%;
}

#main p {
  line-height: 1.8em;
  margin-bottom: 2.5em;
}

#main p.center {
  text-align: center;
}

#main ul li {
  line-height: 1.8em;
  margin-bottom: 10px;
}

#main #frm-area {
  padding: 0;
  font-size: 100%;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 650px;
}

#main #frm-area section .err {
  color: #ee010e;
}

#main #frm-area section input[type=number],
#main #frm-area section input[type=text],
#main #frm-area section input[type=email],
#main #frm-area section input[type=tel] {
  margin: 0 0 00;
  line-height: 2.5em;
  height: 2.5em;
  padding-left: 1.5%;
  width: 97%;
  font-size: 124%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

#main #frm-area section textarea {
  margin: 0 0 00;
  padding-left: 1.5%;
  width: 97%;
  font-size: 124%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

#main #frm-area section select {
  margin: 0 0 00;
  padding: 2%;
  width: 97%;
  font-size: 122%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

#main #frm-area section .text-f-err {
  background-color: #fff1f3;
  border: 1px solid #ee010e;
  color: #ee010e;
}

#main #frm-area section .text-f {
  border: 1px solid #cdd7e5;
  color: #000;
}

#main #frm-area section .text-def {
  border: 1px solid #cdd7e5;
  color: #cdd7e5;
}

#main #frm-area section dl {
  text-align: left;
  padding: 2.5%;
  line-height: 1.8em;
}

#main #frm-area section dl dt {
  padding-top: 10px;
  margin-bottom:5px;
  line-height: 1.5em;
}

#main #frm-area section dl dt span.opt {
  background-color: #38a2bb;
  color: #FFF;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

#main #frm-area section dl dd {
  padding-bottom: 10px;
  margin-bottom:5px;
}

#main #frm-area section dl dd span {
  font-size: 100%;
  padding-top: 7px;
  line-height: 1.5em;
}

#main #frm-area section dl dd p {
  font-size: 124%;
  padding-top: 7px;
  padding-left: 1.5%;
  line-height: 1.5em;
  color: #000;
}

#main #frm-area section span.ness {
  background-color: #dc4f2e;
  color: #FFF;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

#main #frm-area input[type=number]::-webkit-inner-spin-button,
#main #frm-area input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#main #frm-area section#privacy{
  margin-bottom:5%;
}

#main #frm-area section#privacy dl{
  font-size:1.2rem;
}

#main #frm-area section#privacy dl dt{
  font-weight:bold;
  line-height:1.5em;
  margin-top:0;
}

#main #frm-area section#privacy dl dd{
  line-height:1.5em;
}

#main #frm-area button {
  padding: 0.5em 1em;
  margin-bottom:0.5em;
  background: #222;
  border: none;
  border-radius: 3px;
  font-size: 1.6rem;
  color: #eee;
}

#main #frm-area button:hover {
  cursor: pointer;
  opacity: 0.8;
}

#main #frm-area button#btn-clr {
  background-color: #999;
}