@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;
*/
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, page_contact.scss */
#contact { /*============================
.intro.inner
============================*/ /* --------------------------------------------------------------------------------------------- PC～スマホ 調整（兼タブレット）
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 26, page_contact.scss */
#contact .intro.inner .read { font-size: 17px; font-size: 1.0625rem; line-height: 2.125rem; margin: 0 auto 30px; width: 100%; }
/* line 27, page_contact.scss */
#contact .intro.inner .tel { margin: 0 auto 30px; display: flex; justify-content: center; align-items: center; font-size: 42px; font-size: 2.625rem; line-height: 2.625rem; }
/* line 36, page_contact.scss */
#contact .mailformContents { border-top: 1px solid #acabab; padding-top: 40px; max-width: 860px; margin-bottom: 100px; /* 必須アイコン */ /* 入力フォーム系 */ /* ボタン */ /* キャンセルボタン */ /* 確認前エラー */ /* 確認ページ */ /* サンクスページ */ }
/* line 37, page_contact.scss */
#contact .mailformContents .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin-bottom: 40px; }
/* line 39, page_contact.scss */
#contact .mailformContents .read small strong { color: red; }
/* line 41, page_contact.scss */
#contact .mailformContents .read.errorTit { color: #dc143c; }
/* line 44, page_contact.scss */
#contact .mailformContents table tr { border-bottom: 1px dotted rgba(172, 171, 171, 0.75); display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 45, page_contact.scss */
#contact .mailformContents table tr:first-child { border-top: 1px dotted rgba(172, 171, 171, 0.75); }
/* line 48, page_contact.scss */
#contact .mailformContents table th, #contact .mailformContents table td { font-size: 16px; font-size: 1rem; line-height: 1.8rem; text-align: left; padding: 15px 15px 15px 15px; box-sizing: border-box; }
/* line 49, page_contact.scss */
#contact .mailformContents table th { width: 250px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; }
/* line 54, page_contact.scss */
#contact .mailformContents table td { /*padding-left:0;*/ width: calc(100% - 250px); }
/* line 60, page_contact.scss */
#contact .mailformContents table a { color: #84a729; text-decoration: underline; }
/* line 63, page_contact.scss */
#contact .mailformContents .must { background: #dc143c; color: #fff; font-size: 12px; font-size: 0.75rem; line-height: 1.35rem; display: flex; justify-content: center; align-items: center; width: 50px; margin-left: auto; }
/* line 65, page_contact.scss */
#contact .mailformContents input, #contact .mailformContents textarea, #contact .mailformContents select, #contact .mailformContents optgroup, #contact .mailformContents option, #contact .mailformContents .btn button, #contact .mailformContents .mfp_buttons #mfp_button_send { font-family: "YakuHanJP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Roboto", sans-serif; }
/* line 66, page_contact.scss */
#contact .mailformContents input, #contact .mailformContents textarea { border: none; font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; width: inherit !important; height: inherit !important; padding: 0 10px; box-sizing: border-box; max-width: 100%; border: 1px solid #adb5bd; transform: rotate(0.03deg); }
/* line 67, page_contact.scss */
#contact .mailformContents textarea { width: 100% !important; }
/* line 68, page_contact.scss */
#contact .mailformContents select { border: none; font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin-bottom: 10px; border: 1px solid #adb5bd; padding: 4px 10px; }
/* line 69, page_contact.scss */
#contact .mailformContents select optgroup, #contact .mailformContents select option { font-style: normal; }
/* line 71, page_contact.scss */
#contact .mailformContents button[type="submit"] { border: none; }
/* line 73, page_contact.scss */
#contact .mailformContents .btn button { width: 350px; height: 60px !important; margin: auto; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; font-weight: 600; height: 100%; background: #84a729; color: #fff; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; transition: 0.5s; border: none; margin: 50px auto 0; -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.15); /*&::before{ content:"\f138"; font-family:"Font Awesome 5 Pro"; font-weight: 300; @include centerY; right:15px;}*/ }
/* line 74, page_contact.scss */
#contact .mailformContents .btn button:hover { opacity: 0.7; box-shadow: none; }
/* line 77, page_contact.scss */
#contact .mailformContents .btn button i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 15px; transition: .25s; font-weight: 400; font-size: 86%; }
/* line 78, page_contact.scss */
#contact .mailformContents .btn button:hover i { right: 12px; }
/* line 81, page_contact.scss */
#contact .mailformContents #mfp_button_cancel { width: 220px; height: 46px !important; font-size: 16px; font-size: 1rem; line-height: 1.8rem; background: #adb5bd !important; color: #fff; margin: 50px auto 0; -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0); box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0); }
/* line 83, page_contact.scss */
#contact .mailformContents label.error { color: #dc143c; font-weight: bold; }
/* line 84, page_contact.scss */
#contact .mailformContents .error_messe { /*text-align: left;*/ }
/* line 85, page_contact.scss */
#contact .mailformContents .error_messe:not(:last-child) { margin-bottom: 15px; }
/* line 93, page_contact.scss */
#contact.thanks .intro .catch { width: 100%; font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; padding: 10px 0; }
/* line 95, page_contact.scss */
#contact.thanks .mailformContents { padding-bottom: 100px; }
/* line 96, page_contact.scss */
#contact.thanks .read { font-size: 16px; font-size: 1rem; line-height: 2.2rem; padding: 0px 0 30px; }
/* line 98, page_contact.scss */
#contact .privacypolicy { padding: 30px 36px; box-sizing: border-box; overflow: auto; height: 300px; text-align: left; margin: 50px auto; width: 90%; background: rgba(172, 171, 171, 0.1); }
/* line 99, page_contact.scss */
#contact .privacypolicy .tit { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; font-weight: bold; margin-bottom: 10px; }
/* line 100, page_contact.scss */
#contact .privacypolicy p { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
/* line 101, page_contact.scss */
#contact .privacypolicy .t { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
/* line 102, page_contact.scss */
#contact .privacypolicy ul { margin-top: 10px; }
/* line 103, page_contact.scss */
#contact .privacypolicy ul li { position: relative; padding-left: .75em; font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; display: block; }
/* line 104, page_contact.scss */
#contact .privacypolicy ul li:not(:last-child) { margin-bottom: 0px; }
/* line 105, page_contact.scss */
#contact .privacypolicy ul li::before { content: "・"; position: absolute; top: 0; left: 0; }
@media only screen and (max-width: 950px) { /* line 13, page_contact.scss */
  #contact { /*============================
.intro.inner
============================*/ }
  /* line 137, page_contact.scss */
  #contact .intro.inner .read { font-size: 17px; font-size: 1.0625rem; line-height: 2.125rem; margin: 0 auto 20px; width: 100%; text-align: left; padding: 0 5%; }
  /* line 138, page_contact.scss */
  #contact .intro.inner .tel { margin: 0 auto 30px; display: flex; justify-content: center; align-items: center; font-size: 36px; font-size: 2.25rem; line-height: 2.25rem; }
  /* line 147, page_contact.scss */
  #contact .mailformContents { border-top: 1px solid #acabab; /*padding-top: 30px;*/ max-width: 860px; padding: 30px 5%; /* 必須アイコン */ /* 入力フォーム系 */ /* ボタン */ /* キャンセルボタン */ /* 確認ページ */ /* サンクスページ */ }
  /* line 148, page_contact.scss */
  #contact .mailformContents .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin-bottom: 30px; text-align: left; padding: 0 5%; }
  /* line 150, page_contact.scss */
  #contact .mailformContents .read small strong { color: red; }
  /* line 157, page_contact.scss */
  #contact .mailformContents table th, #contact .mailformContents table td { font-size: 16px; font-size: 1rem; line-height: 1.8rem; padding: 15px 10px 15px; }
  /* line 158, page_contact.scss */
  #contact .mailformContents table th { width: 100%; font-size: 90%; padding-bottom: 0; }
  /* line 163, page_contact.scss */
  #contact .mailformContents table td { width: 100%; }
  /* line 171, page_contact.scss */
  #contact .mailformContents .must { font-size: 11px; font-size: 0.6875rem; line-height: 1.2375rem; width: 42px; margin-left: 15px; margin-right: auto; }
  /* line 174, page_contact.scss */
  #contact .mailformContents input, #contact .mailformContents textarea { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; padding: 0 10px; max-width: 100%; width: 100% !important; }
  /* line 176, page_contact.scss */
  #contact .mailformContents input[type="checkbox"] { width: auto !important; }
  /* line 177, page_contact.scss */
  #contact .mailformContents .chkbox label { width: 100%; display: block; }
  /* line 178, page_contact.scss */
  #contact .mailformContents select { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin-bottom: 10px; padding: 4px 10px; }
  /* line 183, page_contact.scss */
  #contact .mailformContents .btn button { width: 320px; height: 50px !important; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; margin: 50px auto 0; }
  /* line 185, page_contact.scss */
  #contact .mailformContents .btn button i { right: 15px; font-size: 86%; }
  /* line 186, page_contact.scss */
  #contact .mailformContents .btn button:hover i { right: 12px; }
  /* line 189, page_contact.scss */
  #contact .mailformContents #mfp_button_cancel { width: 220px; height: 46px !important; font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin: 50px auto 0; }
  /* line 194, page_contact.scss */
  #contact .mailformContents.thanks .mailformContents { padding-bottom: 200px; }
  /* line 195, page_contact.scss */
  #contact .mailformContents.thanks .copy { font-size: 16px; font-size: 1rem; line-height: 2.2rem; padding: 0px 0 30px; }
  /* line 198, page_contact.scss */
  #contact .privacypolicy { padding: 20px 22px; box-sizing: border-box; overflow: auto; height: 200px; text-align: left; margin: 40px auto; width: 94%; background: rgba(172, 171, 171, 0.1); }
  /* line 199, page_contact.scss */
  #contact .privacypolicy .tit { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; font-weight: bold; margin-bottom: 10px; }
  /* line 200, page_contact.scss */
  #contact .privacypolicy p { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
  /* line 201, page_contact.scss */
  #contact .privacypolicy .t { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
  /* line 202, page_contact.scss */
  #contact .privacypolicy ul { margin-top: 10px; }
  /* line 203, page_contact.scss */
  #contact .privacypolicy ul li { position: relative; padding-left: .75em; font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; display: block; }
  /* line 204, page_contact.scss */
  #contact .privacypolicy ul li:not(:last-child) { margin-bottom: 0px; }
  /* line 205, page_contact.scss */
  #contact .privacypolicy ul li::before { content: "・"; position: absolute; top: 0; left: 0; } }