@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/* line 12, contact.scss */
.contact { width: 100%; text-align: center; padding: 40px 0 40px; background: #fff; }
/* line 13, contact.scss */
.contact .wrap { position: relative; z-index: 10; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 14, contact.scss */
.contact .wrap .tit { font-size: 36px; font-weight: 500; color: #1c7b9d; margin-bottom: .25em; width: 100%; }
/* line 15, contact.scss */
.contact .wrap .copy { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 16px; letter-spacing: .025em; width: 100%; margin-bottom: 40px; }
/* line 16, contact.scss */
.contact .wrap ul.contactBtns { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 580px; }
/* line 21, contact.scss */
.contact .wrap .info { width: 580px; }
/* line 22, contact.scss */
.contact .wrap .info .infoT { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 16px; margin-bottom: .5em; border: 1px solid rgba(0, 0, 0, 0.5); border-inline: none; letter-spacing: .075em; line-height: 2; }
/* line 23, contact.scss */
.contact .wrap .info .infoT i { margin-right: .5em; letter-spacing: 0; }
/* line 24, contact.scss */
.contact .wrap .info .infoT i::before, .contact .wrap .info .infoT i::after { content: ""; display: inline-block; width: 1px; height: 20px; background: rgba(245, 245, 245, 0.5); font-size: 150%; font-weight: 300; position: relative; bottom: -.2em; }
/* line 25, contact.scss */
.contact .wrap .info .infoT i::before { margin-right: .5em; }
/* line 26, contact.scss */
.contact .wrap .info .infoT i::after { margin-left: .5em; }
/* line 28, contact.scss */
.contact .wrap .info .infoT em { letter-spacing: 0; }
/* line 30, contact.scss */
.contact .wrap .info .tel { font-size: 35px; }
@media only screen and (max-width: 750px) { /* line 12, contact.scss */
  .contact { width: 100%; padding: 30px 0 35px; }
  /* line 41, contact.scss */
  .contact .wrap .tit { font-size: 28px; }
  /* line 42, contact.scss */
  .contact .wrap .copy { font-size: 13px; line-height: 1.8; margin-bottom: 2em; }
  /* line 43, contact.scss */
  .contact .wrap ul.contactBtns { width: 90%; margin: 0px auto; }
  /* line 44, contact.scss */
  .contact .wrap ul.contactBtns .request, .contact .wrap ul.contactBtns .reserve { width: 100%; height: 65px; }
  /* line 45, contact.scss */
  .contact .wrap ul.contactBtns .request a, .contact .wrap ul.contactBtns .reserve a { padding-left: 2em; }
  /* line 63, contact.scss */
  .contact .wrap ul.contactBtns .request { margin-right: 0; margin-bottom: 15px; }
  /* line 65, contact.scss */
  .contact .wrap .info { width: 90%; margin: 30px auto 0; }
  /* line 66, contact.scss */
  .contact .wrap .info .infoT { font-size: 14px; line-height: 1.6; margin: 0 auto 10px; padding: .25em 0 .45em; }
  /* line 67, contact.scss */
  .contact .wrap .info .infoT i { display: block; }
  /* line 72, contact.scss */
  .contact .wrap .info .infoT em { display: block; }
  /* line 74, contact.scss */
  .contact .wrap .info .tel { font-size: 26.5px; white-space: nowrap; }
  /* line 79, contact.scss */
  .contact .wrap .info .tel small { font-size: 12px; margin-left: 0; margin-top: 1em; } }