@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 10, page_contact.scss */
#contact { /*============================
#intro
============================*/ /* サンクスページ */ }
/* line 12, page_contact.scss */
#contact .ctaSec { display: none; }
/* line 25, page_contact.scss */
#contact #intro { padding-bottom: 60px; }
/* line 27, page_contact.scss */
#contact #intro .read { line-height: 2.4; }
/* line 28, page_contact.scss */
#contact #intro .tel_mailWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 30px auto 0; }
/* line 29, page_contact.scss */
#contact #intro .tel_mailWrap .telSet { font-size: 38px; font-size: 2.375rem; line-height: 4.275rem; margin-right: 60px; }
/* line 34, page_contact.scss */
#contact #intro .tel_mailWrap .mailSet { font-size: 35px; font-size: 2.1875rem; line-height: 3.9375rem; }
/* line 36, page_contact.scss */
#contact #intro .tel_mailWrap .mailSet i { font-size: 70%; }
/* line 37, page_contact.scss */
#contact #intro .tel_mailWrap .mailSet em { letter-spacing: .025em; }
/* line 46, page_contact.scss */
#contact .mailformContents { border-top: 1px solid #d0cfcf; padding: 40px 0 100px; max-width: 860px; min-width: 860px; /* 必須アイコン */ /* 入力フォーム系 */ /* ボタン */ /* キャンセルボタン */ /* 確認前エラー */ /* 確認ページ */ }
/* line 47, page_contact.scss */
#contact .mailformContents .read { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; margin-bottom: 40px; }
/* line 49, page_contact.scss */
#contact .mailformContents .read small strong { /*color: red;*/ }
/* line 51, page_contact.scss */
#contact .mailformContents .read.errorTit { /*color: $red;*/ font-weight: bold; }
/* line 54, page_contact.scss */
#contact .mailformContents table tr { border-bottom: 1px dotted rgba(208, 207, 207, 0.75); display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 55, page_contact.scss */
#contact .mailformContents table tr:first-child { border-top: 1px dotted rgba(208, 207, 207, 0.75); }
/* line 58, 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 59, page_contact.scss */
#contact .mailformContents table th { width: 250px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; }
/* line 63, page_contact.scss */
#contact .mailformContents table td { /*padding-left:0;*/ width: calc(100% - 250px); }
/* line 67, page_contact.scss */
#contact .mailformContents table td.mfp.chkbox label:not(:last-child) { margin-right: 1.5em; }
/* line 72, page_contact.scss */
#contact .mailformContents table a { color: #b3ada8; text-decoration: underline; }
/* line 75, page_contact.scss */
#contact .mailformContents .must { /*background: $red; color: $white;*/ font-size: 12px; font-size: 0.75rem; line-height: 1.5rem; /* @include flexCenter; width: 50px; margin-left: auto;*/ margin-left: 5px; }
/* line 77, 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", sans-serif; }
/* line 78, page_contact.scss */
#contact .mailformContents input, #contact .mailformContents textarea { border: none; font-size: 17px; font-size: 1.0625rem; line-height: 2.125rem; 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 79, page_contact.scss */
#contact .mailformContents textarea { width: 100% !important; }
/* line 80, page_contact.scss */
#contact .mailformContents select { border: none; font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; margin-bottom: 10px; border: 1px solid #adb5bd; padding: 4px 10px; }
/* line 81, page_contact.scss */
#contact .mailformContents select optgroup, #contact .mailformContents select option { font-style: normal; }
/* line 83, page_contact.scss */
#contact .mailformContents button[type="submit"] { border: none; }
/* line 85, page_contact.scss */
#contact .mailformContents .btn button { width: 350px; height: 60px !important; margin: auto; font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; font-weight: 600; height: 100%; background: rgba(53, 50, 48, 0.8); color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; cursor: pointer; transition: 0.5s; border: none; margin: 50px auto 0; /*&::before{ content:"\f138"; font-family:"Font Awesome 5 Pro"; font-weight: 300; @include centerY; right:15px;}*/ }
/* line 86, page_contact.scss */
#contact .mailformContents .btn button:hover { opacity: 0.7; box-shadow: none; }
/* line 89, 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 90, page_contact.scss */
#contact .mailformContents .btn button:hover i { right: 12px; }
/* line 93, page_contact.scss */
#contact .mailformContents #mfp_button_cancel { width: 220px; height: 46px !important; font-size: 16px; font-size: 1rem; line-height: 2rem; background: #adb5bd !important; color: #fff; margin: 50px auto 0; }
/* line 95, page_contact.scss */
#contact .mailformContents label.error { color: #dc143c; font-weight: bold; }
/* line 96, page_contact.scss */
#contact .mailformContents .error_messe { /*text-align: left;*/ }
/* line 97, page_contact.scss */
#contact .mailformContents .error_messe:not(:last-child) { margin-bottom: 15px; }
/* line 105, page_contact.scss */
#contact.thanks #intro .ttl { font-weight: 500; }
/* line 107, page_contact.scss */
#contact.thanks .mailformContents { padding-bottom: 100px; }
/* line 108, page_contact.scss */
#contact.thanks .read { /*@include fs(16, 2.2); padding: 0px 0 30px;*/ }
/* line 110, 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(208, 207, 207, 0.1); }
/* line 111, page_contact.scss */
#contact .privacypolicy .tit { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; font-weight: bold; margin-bottom: 10px; }
/* line 112, page_contact.scss */
#contact .privacypolicy p { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
/* line 113, 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 114, page_contact.scss */
#contact .privacypolicy ul { margin-top: 10px; }
/* line 115, 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 116, page_contact.scss */
#contact .privacypolicy ul li:not(:last-child) { margin-bottom: 0px; }
/* line 117, page_contact.scss */
#contact .privacypolicy ul li::before { content: "・"; position: absolute; top: 0; left: 0; }
@media only screen and (max-width: 750px) { /* line 10, page_contact.scss */
  #contact { /*============================
#intro
============================*/ /*============================
.mailformContents
============================*/ /* サンクスページ */ }
  /* line 139, page_contact.scss */
  #contact #intro { padding-bottom: 40px; }
  /* line 141, page_contact.scss */
  #contact #intro .read { line-height: 2; text-align: left; padding-left: 7.5%; padding-right: 7.5%; }
  /* line 142, page_contact.scss */
  #contact #intro .tel_mailWrap { margin: 20px auto 0; }
  /* line 143, page_contact.scss */
  #contact #intro .tel_mailWrap .telSet { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; margin: 0 auto 10px; }
  /* line 148, page_contact.scss */
  #contact #intro .tel_mailWrap .mailSet { font-size: 24px; font-size: 1.5rem; line-height: 2.7rem; }
  /* line 150, page_contact.scss */
  #contact #intro .tel_mailWrap .mailSet i { font-size: 70%; }
  /* line 151, page_contact.scss */
  #contact #intro .tel_mailWrap .mailSet em { letter-spacing: .025em; }
  /* line 160, page_contact.scss */
  #contact .mailformContents { border-top: 1px solid #d0cfcf; /*padding-top: 30px;*/ padding: 40px 0 100px; width: 86%; max-width: 86%; min-width: 86%; /* 必須アイコン */ /* 入力フォーム系 */ /* ボタン */ /* キャンセルボタン */ /* 確認ページ */ }
  /* line 161, page_contact.scss */
  #contact .mailformContents .read { font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin-bottom: 40px; text-align: left; padding: 0 5%; }
  /* line 163, page_contact.scss */
  #contact .mailformContents .read small strong { /*color: red;*/ }
  /* line 170, page_contact.scss */
  #contact .mailformContents table th, #contact .mailformContents table td { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; padding: 15px 10px 15px; }
  /* line 171, page_contact.scss */
  #contact .mailformContents table th { width: 100%; font-size: 90%; padding-bottom: 0; }
  /* line 176, page_contact.scss */
  #contact .mailformContents table td { width: 100%; padding-top: 10px; }
  /* line 184, page_contact.scss */
  #contact .mailformContents .must { font-size: 11px; font-size: 0.6875rem; line-height: 1.375rem; /*width: 42px;*/ margin-left: 5px; /*margin-right: auto;*/ }
  /* line 187, page_contact.scss */
  #contact .mailformContents input, #contact .mailformContents textarea { font-size: 17px; font-size: 1.0625rem; line-height: 2.125rem; padding: 0 10px; max-width: 100%; width: 100% !important; }
  /* line 189, page_contact.scss */
  #contact .mailformContents input[type="checkbox"] { width: auto !important; }
  /* line 190, page_contact.scss */
  #contact .mailformContents .chkbox label { width: 100%; display: block; }
  /* line 191, page_contact.scss */
  #contact .mailformContents select { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; margin-bottom: 10px; padding: 4px 10px; }
  /* line 196, page_contact.scss */
  #contact .mailformContents .btn button { width: 320px; height: 50px !important; font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; margin: 50px auto 0; }
  /* line 198, page_contact.scss */
  #contact .mailformContents .btn button i { right: 15px; font-size: 86%; }
  /* line 199, page_contact.scss */
  #contact .mailformContents .btn button:hover i { right: 12px; }
  /* line 202, page_contact.scss */
  #contact .mailformContents #mfp_button_cancel { width: 220px; height: 46px !important; font-size: 16px; font-size: 1rem; line-height: 2rem; margin: 50px auto 0; }
  /* line 208, page_contact.scss */
  #contact.thanks #intro { padding-bottom: 60px; }
  /* line 209, page_contact.scss */
  #contact.thanks #intro .ttl { font-size: 25px; font-size: 1.5625rem; line-height: 2.8125rem; }
  /* line 211, page_contact.scss */
  #contact.thanks .mailformContents { padding-bottom: 200px; }
  /* line 212, page_contact.scss */
  #contact.thanks .copy { font-size: 16px; font-size: 1rem; line-height: 2.2rem; padding: 0px 0 30px; }
  /* line 214, 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(208, 207, 207, 0.1); }
  /* line 215, page_contact.scss */
  #contact .privacypolicy .tit { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; font-weight: bold; margin-bottom: 10px; }
  /* line 216, page_contact.scss */
  #contact .privacypolicy p { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
  /* line 217, 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 218, page_contact.scss */
  #contact .privacypolicy ul { margin-top: 10px; }
  /* line 219, 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 220, page_contact.scss */
  #contact .privacypolicy ul li:not(:last-child) { margin-bottom: 0px; }
  /* line 221, page_contact.scss */
  #contact .privacypolicy ul li::before { content: "・"; position: absolute; top: 0; left: 0; } }