@charset "utf-8";
/* /sp/contact/contact-sp.css    CSS Document */






/* お問い合わせ　/sp/contact/index.html  //////////////////////////////////////////////////////////////////////*/



/*first-viewーーーーーーーーーーーーーーーーーーーーーーー*/
.first-view__lead.contact-sp {
  width: 98%;
  text-align: center;
}
.contact-sp-if-rush-phone__txt {
  padding-top: .6em;
  font-size: .9em;
  color: #f00;font-weight: normal;
}


/*プライバシーへのリンク*/
.first-view__honbun.note.contact-sp {
  margin-top: -.5em;
  text-align: center;
}
.privacy-link-contact-sp {
  font-weight: bold;
}
.privacy-link-contact-sp::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f0da";
  padding-right: .3em;
}



/**/
.area-m.contact-sp {
  margin-bottom: 20px;
}




/*所在地ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.honbun.by-phone-sp,
.honbun.by-postal-sp {
  text-align: initial;
}
.ttl2.contact-sp {
  margin: 20px 0 10px; 
  padding: 3px 0 3px;
  width: 100%;
  font-size: 1.6rem;
  color: #fff;text-align: center;
  background: #7AC2D2;
  border: none;
}
.honbun.by-phone-sp,
.honbun.by-postal-sp {
  margin: 0 auto;
  padding: 0;
}
.postal-zip.by-postal-sp {
   display: block;
}
@media screen and (orientation: landscape) {
  .postal-zip.by-postal-sp {
   display: inline-block;
  }
}




/*メールフォームーーーーーーーーーーーーーーーーーーーーー*/


.honbun.note.by-email-sp a {
  display: inline;
}
.yohaku.mailform-sp {
  margin: 0 auto;
  width: 96%;
}
.red1.mailform-sp {
  color: #f00;
}
.red1.error {
  color: #f00;
  margin-top: 10px;
   margin-left: 5%;
  font-size: 1.5rem;
  line-height: 1.2;
}


.area-l.mailform-sp { 
}

/*フォーム*/
.mailform-sp-form {
  position: relative;
  margin: 0 auto;
  width: 98%;
}
/*表*/
.mailform-sp-hyou {
  margin-top: 10px;
  position: relative;
  text-align: left;
  border-color: #FF842F;
  /*border-width:  0;*/
}
.mailform-sp-hyou .hissu {
  padding-left: .5em;
  color: #f00;
}
.mailform-sp-hyou .example {
  color: #999;
}
.mailform-sp-hyou th,
.mailform-sp-hyou td {
  display: block;
  border-color: #FF842F;
}
.mailform-sp-hyou th {
  padding: 5px 10px;
  background: #F9EEE6;
  border-width: 1px 0 0 0;
}
.mailform-sp-hyou td {
  padding: 13px 10px 15px 10px;
  border-width: 0px 0 0 0;
}
@media screen and (orientation: landscape) {
  .mailform-sp-hyou th {
    display: table-cell;
    width: 30%;
    vertical-align: top;
  }
  .mailform-sp-hyou td {
   display: table-cell;
    width: 70%;
    vertical-align: top;
    border-width: 1px 0 0 1px;
  }
}
.mailform-sp-hyou #subject {
  padding: 3px 2px;
  background: #fff;
  border: 1px solid #999;
}
.mailform-sp-hyou .mailform-sp-subject {
  font-size: 1.4rem;
}
.mailform-sp-hyou input {
  border: 1px solid #999;
  width: 100%;
  padding: 3px;
}
.mailform-sp-hyou textarea.mail-text-contact-sp {
  padding: 3px;
  width: 100%;
  border: 1px solid #999;
  font-size: 16px;
}
.mailform-sp-hyou .note-mailaddress {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #f00;
}
.mailform-sp-hyou #subject,
.mailform-sp-hyou input,
.mailform-sp-hyou textarea {
  border-radius: 4px;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#mailform_footer{
  margin: 20px auto 0;
  width: 100%;
  text-align: center;
}
#mailform_footer .submit-btn-contact-sp {
  display: inline-block;
  margin: 0 5px;
  padding: 0 1.7em 0 1.7em;
  height: 36px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #fff;
  background: #53b2ea;
  border: none;
  box-shadow: -3px -5px 10px rgba(0,0,0,.1) inset;
  border-radius: 18px;
}


/*確認画面 ////////////////////////////////////////////////////////////*/
#mailform_footer.contact-sp-confirm {

  display: inline-block;
}
#mailform_footer form.left,
#mailform_footer form.right {
  display: inline-block;

}


/*送信画面 ////////////////////////////////////////////////////////////*/