@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 14, page_contact.scss */
#contact .mailformContents { width: 800px; margin: 0 auto 165px; padding-top: 100px; text-align: left; position: relative; }
/* line 15, page_contact.scss */
#contact .mailformContents .read { font-size: 18px; line-height: 1.8; text-align: justify; margin-bottom: 30px; }
/* line 16, page_contact.scss */
#contact .mailformContents ul.captionList { margin-bottom: 70px; }
/* line 17, page_contact.scss */
#contact .mailformContents ul.captionList li { padding-left: 1.1em; position: relative; font-size: 16px; line-height: 1.8; letter-spacing: 0; text-align: justify; }
/* line 18, page_contact.scss */
#contact .mailformContents ul.captionList li::before { content: "※"; position: absolute; top: 0; left: 0; }
/* line 21, page_contact.scss */
#contact .mailformContents table.formTable { margin-bottom: 60px; }
/* line 24, page_contact.scss */
#contact .mailformContents table.formTable tbody tr th, #contact .mailformContents table.formTable tbody tr td { text-align: left; box-sizing: border-box; font-size: 18px; line-height: 1.6; }
/* line 25, page_contact.scss */
#contact .mailformContents table.formTable tbody tr th { position: relative; width: 270px; border-right: 1px solid #999999; padding-top: 12px; padding-bottom: 12px; }
/* line 26, page_contact.scss */
#contact .mailformContents table.formTable tbody tr th span.must { background: #fb0200; color: #fff; font-size: 13px; padding: 2px 8px 0; position: absolute; top: 12px; right: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 28, page_contact.scss */
#contact .mailformContents table.formTable tbody tr td { padding-left: 40px; padding-top: 6px; padding-bottom: 6px; }
/* line 29, page_contact.scss */
#contact .mailformContents table.formTable tbody tr td input, #contact .mailformContents table.formTable tbody tr td textarea { font-size: 18px; line-height: 1.8; width: 100%; padding: 0 10px; box-sizing: border-box; border: 1px solid #999999; font-family: "YakuHanJP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
/* line 30, page_contact.scss */
#contact .mailformContents table.formTable tbody tr td input::placeholder, #contact .mailformContents table.formTable tbody tr td textarea::placeholder { opacity: .5; }
/* line 31, page_contact.scss */
#contact .mailformContents table.formTable tbody tr td input:focus::placeholder, #contact .mailformContents table.formTable tbody tr td textarea:focus::placeholder { color: transparent; }
/* line 34, page_contact.scss */
#contact .mailformContents table.formTable tbody tr td textarea { height: 100px; }
/* line 35, page_contact.scss */
#contact .mailformContents table.formTable tbody tr td .caption { font-size: 16px; line-height: 1.6; padding-left: 1.1em; position: relative; letter-spacing: 0; margin-top: 25px; }
/* line 36, page_contact.scss */
#contact .mailformContents table.formTable tbody tr td .caption::before { content: "※"; position: absolute; top: 0; left: 0; }
/* line 42, page_contact.scss */
#contact .mailformContents .ppSec { padding: 35px 40px; background: #f8f8f8; margin: 0px auto 60px; }
/* line 43, page_contact.scss */
#contact .mailformContents .ppSec .tit { font-size: 18px; -webkit-text-stroke-width: .25px; margin-bottom: 15px; }
/* line 44, page_contact.scss */
#contact .mailformContents .ppSec .read { font-size: 16px; line-height: 1.8; text-align: justify; }
/* line 45, page_contact.scss */
#contact .mailformContents .ppSec .read a { color: #000; text-decoration: underline; }
/* line 47, page_contact.scss */
#contact .mailformContents .ppSec .checkSec { font-size: 18px; line-height: 1.6; margin: 20px auto 0; }
/* line 48, page_contact.scss */
#contact .mailformContents .ppSec .checkSec label { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 49, page_contact.scss */
#contact .mailformContents .ppSec .checkSec span { margin-right: .5em; line-height: 1; }
/* line 50, page_contact.scss */
#contact .mailformContents .ppSec .checkSec span input { width: 18px; height: 18px; }
/* line 55, page_contact.scss */
#contact .mailformContents .btn.formBtn { width: 260px; height: 55px; position: relative; margin: auto; }
/* line 56, page_contact.scss */
#contact .mailformContents .btn.formBtn button { border: 1px solid #999999; background: #fff; width: 100%; height: 100%; cursor: pointer; }
/* line 57, page_contact.scss */
#contact .mailformContents .btn.formBtn button em { font-size: 18px; }
/* line 58, page_contact.scss */
#contact .mailformContents .btn.formBtn button i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 20px; font-size: 130%; font-weight: 300; transition: .25s; }
/* line 60, page_contact.scss */
#contact .mailformContents .btn.formBtn button:hover i { right: 17px; }
/* line 64, page_contact.scss */
#contact .mailformContents .btnBack { width: 180px; height: 42px; margin: 30px auto 0; }
/* line 65, page_contact.scss */
#contact .mailformContents .btnBack input, #contact .mailformContents .btnBack button { border: 1px solid #999999; background: #f8f8f8; width: 100%; height: 100%; cursor: pointer; font-size: 16px; }
/* line 67, page_contact.scss */
#contact .mailformContents .ppLink { position: absolute; bottom: 0; right: 0; font-size: 18px; }
/* line 68, page_contact.scss */
#contact .mailformContents .ppLink a { color: #000; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 70, page_contact.scss */
#contact .mailformContents .ppLink a i { color: #036eb8; font-size: 180%; line-height: 0; margin-left: .25em; }
/* line 80, page_contact.scss */
#contact .mailformContents #formWrap .copy { text-align: center; font-size: 18px; margin: 0 auto 60px; padding-bottom: 20px; border-bottom: 1px solid #999999; }
/* line 81, page_contact.scss */
#contact .mailformContents #formWrap .error_messeWrap { margin: 0 auto 100px; text-align: center; }
/* line 82, page_contact.scss */
#contact .mailformContents #formWrap .error_messeWrap .error_messe { font-size: 18px; }
/* line 83, page_contact.scss */
#contact .mailformContents #formWrap .error_messeWrap .error_messe b { color: #fb0200; }
/* line 84, page_contact.scss */
#contact .mailformContents #formWrap .error_messeWrap .error_messe:not(:last-child) { margin-bottom: 1em; }
/* line 96, page_contact.scss */
#contact.thanks .mailformContents .read { text-align: center; }
@media only screen and (max-width: 750px) { /* line 104, page_contact.scss */
  #contact .mailformContents { width: 100%; margin: 0 auto 100px; padding-top: 50px; }
  /* line 105, page_contact.scss */
  #contact .mailformContents .read { font-size: 15px; line-height: 1.6; margin-bottom: 20px; padding: 0 5%; }
  /* line 106, page_contact.scss */
  #contact .mailformContents ul.captionList { margin-bottom: 50px; padding: 0 5%; }
  /* line 107, page_contact.scss */
  #contact .mailformContents ul.captionList li { font-size: 13px; line-height: 1.6; }
  /* line 108, page_contact.scss */
  #contact .mailformContents ul.captionList li:not(:last-child) { margin-bottom: .5em; }
  /* line 112, page_contact.scss */
  #contact .mailformContents table.formTable { margin: 0 auto 40px; width: 90%; }
  /* line 115, page_contact.scss */
  #contact .mailformContents table.formTable tbody tr th, #contact .mailformContents table.formTable tbody tr td { font-size: 16px; line-height: 1.6; display: block; }
  /* line 116, page_contact.scss */
  #contact .mailformContents table.formTable tbody tr th { width: 100%; border-right: none; padding-top: 0px; padding-bottom: 10px; border-bottom: 1px solid rgba(153, 153, 153, 0.5); }
  /* line 117, page_contact.scss */
  #contact .mailformContents table.formTable tbody tr th span.must { font-size: 12px; padding: 2px 8px 0; top: 3px; right: 0px; }
  /* line 119, page_contact.scss */
  #contact .mailformContents table.formTable tbody tr td { padding-left: 0px; padding-top: 10px; padding-bottom: 30px; }
  /* line 120, page_contact.scss */
  #contact .mailformContents table.formTable tbody tr td input, #contact .mailformContents table.formTable tbody tr td textarea { font-size: 16px; line-height: 1.8; padding: 0 10px; }
  /* line 125, page_contact.scss */
  #contact .mailformContents table.formTable tbody tr td textarea { height: 100px; }
  /* line 126, page_contact.scss */
  #contact .mailformContents table.formTable tbody tr td .caption { font-size: 15px; line-height: 1.6; margin-top: 15px; text-align: justify; }
  /* line 133, page_contact.scss */
  #contact .mailformContents .ppSec { padding: 25px 25px; margin: 0px auto 60px; width: 90%; }
  /* line 134, page_contact.scss */
  #contact .mailformContents .ppSec .tit { font-size: 16px; margin-bottom: 10px; }
  /* line 135, page_contact.scss */
  #contact .mailformContents .ppSec .read { font-size: 14px; line-height: 1.6; padding: 0; }
  /* line 138, page_contact.scss */
  #contact .mailformContents .ppSec .checkSec { font-size: 16px; line-height: 1.6; margin: 10px auto 0; }
  /* line 140, page_contact.scss */
  #contact .mailformContents .ppSec .checkSec span { margin-right: .25em; }
  /* line 141, page_contact.scss */
  #contact .mailformContents .ppSec .checkSec span input { width: 16px; height: 16px; }
  /* line 146, page_contact.scss */
  #contact .mailformContents .btn.formBtn { width: 240px; height: 50px; }
  /* line 147, page_contact.scss */
  #contact .mailformContents .btn.formBtn button { border: 1px solid #999999; background: #fff; width: 100%; height: 100%; }
  /* line 148, page_contact.scss */
  #contact .mailformContents .btn.formBtn button em { font-size: 16px; }
  /* line 149, page_contact.scss */
  #contact .mailformContents .btn.formBtn button i { right: 17px; font-size: 120%; }
  /* line 151, page_contact.scss */
  #contact .mailformContents .btn.formBtn button:hover i { right: 17px; }
  /* line 155, page_contact.scss */
  #contact .mailformContents .btnBack { width: 150px; height: 40px; margin: 30px auto 0; }
  /* line 156, page_contact.scss */
  #contact .mailformContents .btnBack input, #contact .mailformContents .btnBack button { border: 1px solid #999999; background: #f8f8f8; width: 100%; height: 100%; font-size: 15px; }
  /* line 158, page_contact.scss */
  #contact .mailformContents .ppLink { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; font-size: 16px; margin: 50px auto 0; }
  /* line 159, page_contact.scss */
  #contact .mailformContents .ppLink a { padding-left: 1em; }
  /* line 161, page_contact.scss */
  #contact .mailformContents .ppLink a i { font-size: 160%; margin-left: .5em; }
  /* line 171, page_contact.scss */
  #contact .mailformContents #formWrap .copy { text-align: justify; font-size: 16px; margin: 0 auto 30px; padding-bottom: 15px; width: 90%; }
  /* line 172, page_contact.scss */
  #contact .mailformContents #formWrap .error_messeWrap { margin: 0 auto 50px; text-align: left; width: 90%; }
  /* line 173, page_contact.scss */
  #contact .mailformContents #formWrap .error_messeWrap .error_messe { font-size: 16px; letter-spacing: 0; }
  /* line 174, page_contact.scss */
  #contact .mailformContents #formWrap .error_messeWrap .error_messe b { letter-spacing: 0; }
  /* line 175, page_contact.scss */
  #contact .mailformContents #formWrap .error_messeWrap .error_messe:not(:last-child) { margin-bottom: 1em; }
  /* line 187, page_contact.scss */
  #contact.thanks .mailformContents .read { font-size: 18px; text-align: center; line-height: 1.8; } }