/* contact
++--------------------------------------------++*/
.main-center{
  width: 100%;
  margin: 0px auto;
  border: 1px solid #DDDDDD;
  border-radius:5px}

.contact-lead{
  display: block;
  margin: 0px auto 50px;
  width:90%;}

.form-container {
  margin: 20px auto 60px;
  border: 1px solid #f0f0f0;
  border-top: 1px solid #D9D9D9;
  background: #c7c7c7;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#D1D1D1));
  background: -webkit-linear-gradient(top, #f0f0f0, #D1D1D1);
  background: -moz-linear-gradient(top, #f0f0f0, #D1D1D1);
  background: -ms-linear-gradient(top, #f0f0f0, #D1D1D1);
  background: -o-linear-gradient(top, #f0f0f0, #D1D1D1);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #D1D1D1 100%);
  box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
  font-family: 'Tenderness','Lucida Sans Unicode', 'Helvetica Neue', Helvetica,sans-serif;
  /*text-decoration: none;*/
  font-size: 34px; font-size: 3.4rem;
  padding:20px;
  width:90%;}

.contact-wrapper{
  margin: 0 20px;}

.form-field {
  font-size: 14px; font-size: 1.4rem;
  font-family: 'Helvetica Neue', Helvetica,sans-serif;
  border: 1px solid #c7c7c7;

  background: #FAFAFA;
  border-radius: 4px;
  color: #c7c7c7;
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
  padding:8px;
  margin-bottom:20px;
  width: 40%;}

.form-container h2 {
   font-size: 36px; font-size: 3.6rem;
   color: #828282;
   margin: 0 0 0px 0;
   font-weight:bold;
   text-shadow: #fcfcfc 0 1px 0;
   text-align:center;}

.form-title {
   margin-bottom:0px;
   font-size: 34px; font-size: 3.4rem;
   color: #828282;
   text-shadow: #fcfcfc 0 1px 0;}

.form-field-text{
  width: 80%;
  height: 250px;}

/*++--- 599px ---++*/
@media (max-width: 768px) {
  .contact-wrapper{
    margin: 0 5px;}

  .form-field-text,.form-field {
    width:100%;}
}

.form-field:focus {
   font-family:'Noto Sans Japanese', 'Lucida Sans Unicode', 'Tenderness', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif, '游明朝', 'Times New Roman';
   border: 2px solid #93DAC8;
   background: #fff;
   color: #333333;
   outline: none;}

.submit-container {
   margin:2px 0;
   text-align:right;}

.submit-container input{
  font-family:'Noto Sans Japanese', 'Lucida Sans Unicode', 'Tenderness';}

.submit-button {
  border: 0px solid #93DAC8;
  background: #E6E6E6;
  background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FAFAFA));
  background: -webkit-linear-gradient(top, #E6E6E6, #FAFAFA);
  background: -moz-linear-gradient(top, #E6E6E6, #FAFAFA);
  background: -ms-linear-gradient(top, #E6E6E6, #FAFAFA);
  background: -o-linear-gradient(top, #E6E6E6, #FAFAFA);
  background-image: -ms-linear-gradient(top, #E6E6E6 0%, #FAFAFA 100%);
  border-radius: 2px;
  box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
  color: #595959;
  font-family: helvetica, serif;
  padding: 10px 30px;
  font-size: 16px; font-size: 1.6rem;}

.submit-button:hover {
  font-family:'Noto Sans Japanese', 'Lucida Sans Unicode', 'Tenderness';
   border: 0px solid #C0DBD4;
   cursor: pointer;
   text-shadow: #C0DBD4 0 1px 0;
   background: #C0DBD4;
/*   background: -webkit-gradient(linear, left top, left bottom, from(#C0DBD4), to(#40E6BC));
   background: -webkit-linear-gradient(top, #C0DBD4, #40E6BC);
   background: -moz-linear-gradient(top, #C0DBD4, #40E6BC);
   background: -ms-linear-gradient(top, #C0DBD4, #40E6BC);
   background: -o-linear-gradient(top, #C0DBD4, #40E6BC);
   background-image: -ms-linear-gradient(top, #C0DBD4 0%, #40E6BC 100%);*/
   color: #333;}

/* Tooltip - jQuery */
.form-container{
  position: relative;}

.tooptip-body{
  position: absolute;
  padding: 5px;
  border: 1px solid #D0BB8E;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0, 0.4);}

.tail{
  position:absolute;
  bottom: -12px;
  left: 45%;
  display: block;
  width: 12px;
  height: 12px;
  background: url(../img/contact/tooltip-tail.png) no-repeat 0 0; /* 三角の画像 */}