@charset "utf-8";
/* ===================================================================
CSS information

 file name  :req.css
 style info :お問い合わせ専用
 last update:2013.02
=================================================================== */

img.contactImg{
 margin: 10px 0 10px;
 }

table#contactForm{
 width: 100%;
 border: none;
 margin: 10px auto;
 }
 table#contactForm th{
  font-weight: normal;
  padding: 10px;
  background: url(../img/cmn_bg_dot.gif) bottom repeat-x;
  width: 150px;
  }
 table#contactForm td{
  padding: 10px 15px;
  background: url(../img/cmn_bg_dot.gif) bottom repeat-x;
  }
 table#contactForm td p{  margin: 5px 0;}
input,textarea {
    padding: 0.2em;
}
input.long{
 width: 250px;
 }
table#contactForm td ul{
 width: 250px;
 float: left;
 display: inline;
 }
 table#contactForm td ul li{
  margin: 5px 0;
  }
input.checkList{
 margin-right: 5px;
 }

div#formBtn{
 text-align: center;
 margin: 20px auto;
 }

span.error{
 color: #CC0000;
 }

 #pageTop {
 padding: 0px;
 margin:10px auto 20px;
 }
 .f_corporate p {
 line-height   : 140%  ;
 }
@media screen and (max-width: 840px) {
  .contactImg {
    width: 100%;
    height: auto;
  }   
}
@media screen and (max-width: 640px) {
	#h2Wrap h2 img {
		width: auto;
	}
  .contactImg:last-of-type {
    display: none;
  }
  table#contactForm th {
    display: inline-block;    
    background: none;
    padding: 1em 0 0.5em;
   }
  table#contactForm td {
    display: block;
    width: 100%;
    padding: 0;
    padding-bottom: 1em;
}
table#contactForm td.iconCell {
  display: inline-block;
  width: auto;
  background: none;
	padding: 1em 0 0.5em;
}
  input.long,textarea {
    width: 100%;
    box-sizing: border-box;
  }
  input.tel {
    width: 60px;
  }
  table#contactForm td ul {
    width: 100%;
    float: none;
    display: block;
}

}