@charset "UTF-8";
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, style.scss */
.cmnBtn { width: 220px; height: 50px; margin: 0 auto; }
/* line 14, style.scss */
.cmnBtn a { background: #bfae73; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; position: relative; -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); }
/* line 15, style.scss */
.cmnBtn a em { font-family: "EB Garamond", serif; font-size: 18px; }
/* line 16, style.scss */
.cmnBtn a i { line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 1em; transition: .4s all; }
/* line 18, style.scss */
.cmnBtn a:hover i { right: .75em; }
@media only screen and (max-width: 1023px) { /* line 13, style.scss */
  .cmnBtn { width: 200px; height: 45px; }
  /* line 23, style.scss */
  .cmnBtn a em { font-size: 17px; } }

/* line 29, style.scss */
.kana { letter-spacing: -.15em; padding-right: .15em; font-family: inherit; }

/* line 31, style.scss */
.catch.jpH { font-size: 30px; font-size: 1.875rem; line-height: 3.75rem; padding: 50px 0 50px; }
@media only screen and (max-width: 1023px) { /* line 31, style.scss */
  .catch.jpH { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; padding: 30px 0 30px; } }

/*============================
#mainTitle
============================*/
/* line 36, style.scss */
#mainTitle { position: relative; position: relative; height: 250px; background: linear-gradient(-25deg, rgba(233, 229, 227, 0.75) 0%, white 100%); overflow: hidden; }
@media only screen and (max-width: 1023px) { /* line 36, style.scss */
  #mainTitle { height: 150px; margin-bottom: 1em; } }
/* line 37, style.scss */
#mainTitle h2 { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; color: #fff; z-index: 20; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; }
/* line 38, style.scss */
#mainTitle h2 span { font-size: 35px; font-size: 2.1875rem; line-height: 3.9375rem; margin-top: -.5em; }
@media only screen and (max-width: 1023px) { /* line 38, style.scss */
  #mainTitle h2 span { /*@include fs(30,1.6);*/ font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; margin-top: 0; } }
/* line 39, style.scss */
#mainTitle h2 span::after { content: ""; width: 40px; height: 1px; /*background: $white;*/ background: #bfae73; display: block; margin: 5px auto 15px; }
@media only screen and (max-width: 1023px) { /* line 39, style.scss */
  #mainTitle h2 span::after { width: 30px; margin: .25em auto .35em; } }
/* line 40, style.scss */
#mainTitle h2 em { font-size: 16px; font-size: 1rem; line-height: 1.8rem; }
@media only screen and (max-width: 1023px) { /* line 40, style.scss */
  #mainTitle h2 em { /*@include fs(16,1.6);*/ font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; } }
/* line 42, style.scss */
#mainTitle .ph { position: relative; height: 100%; }
/* line 43, style.scss */
#mainTitle .ph::before { content: ""; width: 100%; height: 100%; /*background: rgba($mC, .5);*/ background: linear-gradient(90deg, #a2b3b8 0%, #8ca1a7 50%, #a2b3b8 100%); mix-blend-mode: multiply; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; opacity: .5; }
/* line 44, style.scss */
#mainTitle .ph.wImage::after { right: 15px; }
/* line 46, style.scss */
#mainTitle.noImage { height: auto; padding: 30px 0 50px; margin-bottom: 2.5em; }
@media only screen and (max-width: 1023px) { /* line 46, style.scss */
  #mainTitle.noImage { padding: 20px 0 20px; margin-bottom: 1em; } }
/* line 47, style.scss */
#mainTitle.noImage span, #mainTitle.noImage em { color: #133f4a; }
/* line 48, style.scss */
#mainTitle.noImage h2 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; color: #2d2d2d; }
/* line 49, style.scss */
#mainTitle.noImage h2 span { margin-top: .2em; }
/* line 50, style.scss */
#mainTitle.noImage h2 span::after { background: #bfae73; opacity: .5; }

/* line 55, style.scss */
.wImage { position: relative; }
/* line 56, style.scss */
.wImage::after { content: "image"; position: absolute; bottom: 10px; right: 5%; color: #fff; font-size: 13px; font-size: 0.8125rem; line-height: 0.8125rem; font-family: "EB Garamond", serif; z-index: 20; /*opacity: .8;*/ }
@media only screen and (max-width: 1023px) { /* line 56, style.scss */
  .wImage::after { font-size: 11px; font-size: 0.6875rem; line-height: 0.6875rem; bottom: 7px; right: 10px; } }
/* line 60, style.scss */
.wImage.sdw::after { filter: drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); }
/* line 63, style.scss */
.wImage.b::after { color: #2d2d2d; }
/* line 65, style.scss */
.wImage.b.sdw::after { filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.5)); }
/* line 69, style.scss */
.wImage.l::after { right: auto; left: 15px; }
@media only screen and (max-width: 1023px) { /* line 69, style.scss */
  .wImage.l::after { left: 10px; } }

/* line 74, style.scss */
.footInfo { background: #f8f8f8; margin-top: 10px; }
@media only screen and (max-width: 1023px) { /* line 74, style.scss */
  .footInfo { margin-top: 6px; } }
/* line 75, style.scss */
.footInfo .contactWrap { padding: 40px 0 50px; text-align: center; }
@media only screen and (max-width: 1023px) { /* line 75, style.scss */
  .footInfo .contactWrap { padding: 30px 5% 40px; } }
/* line 76, style.scss */
.footInfo .contactWrap .tit.en { color: #b1b1b1; opacity: .5; font-size: 60px; font-size: 3.75rem; line-height: 3.75rem; margin-bottom: 25px; }
@media only screen and (max-width: 1023px) { /* line 76, style.scss */
  .footInfo .contactWrap .tit.en { font-size: 42px; line-height: 1; margin-bottom: 20px; } }
/* line 77, style.scss */
.footInfo .contactWrap .copy.jpH { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; text-align: center !important; }
@media only screen and (max-width: 1023px) { /* line 77, style.scss */
  .footInfo .contactWrap .copy.jpH { font-size: 16px; } }
/* line 78, style.scss */
.footInfo .contactWrap .telmailWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; border-top: 1px solid #dfdfdf; margin: 40px auto 0; text-align: center; padding: 40px 0 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 78, style.scss */
  .footInfo .contactWrap .telmailWrap { padding-left: 20px; padding-right: 20px; } }
@media only screen and (max-width: 1023px) { /* line 78, style.scss */
  .footInfo .contactWrap .telmailWrap { flex-wrap: wrap; align-items: center; margin-top: 30px; padding-top: 20px; } }
/* line 82, style.scss */
.footInfo .contactWrap .telWrap { width: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 82, style.scss */
  .footInfo .contactWrap .telWrap { width: 520px; } }
@media only screen and (max-width: 1023px) { /* line 82, style.scss */
  .footInfo .contactWrap .telWrap { width: 100%; } }
/* line 83, style.scss */
.footInfo .contactWrap .telWrap .t { font-size: 16px; font-size: 1rem; line-height: 1.8rem; width: 100%; margin-bottom: 10px; }
@media only screen and (max-width: 1023px) { /* line 83, style.scss */
  .footInfo .contactWrap .telWrap .t { font-size: 14px; text-align: center; margin-bottom: 0px; } }
/* line 84, style.scss */
.footInfo .contactWrap .telWrap .tel { display: flex; justify-content: center; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
@media only screen and (max-width: 1023px) { /* line 84, style.scss */
  .footInfo .contactWrap .telWrap .tel { justify-content: center; } }
/* line 85, style.scss */
.footInfo .contactWrap .telWrap .tel i { width: 80px; line-height: 0; margin: 0px 10px 0 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 85, style.scss */
  .footInfo .contactWrap .telWrap .tel i { width: 75px; } }
@media only screen and (max-width: 1023px) { /* line 85, style.scss */
  .footInfo .contactWrap .telWrap .tel i { width: 56px; margin: 0px 10px 0 0; } }
/* line 86, style.scss */
.footInfo .contactWrap .telWrap .tel em { font-size: 56px; font-size: 3.5rem; line-height: 3.5rem; letter-spacing: 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 86, style.scss */
  .footInfo .contactWrap .telWrap .tel em { font-size: 46px; font-size: 2.875rem; line-height: 2.875rem; } }
@media only screen and (max-width: 1023px) { /* line 86, style.scss */
  .footInfo .contactWrap .telWrap .tel em { font-size: 40px; font-size: 2.5rem; line-height: 2.5rem; } }
/* line 87, style.scss */
.footInfo .contactWrap .telWrap .tel em a { color: #2d2d2d; }
/* line 89, style.scss */
.footInfo .contactWrap .telWrap .tel small { font-size: 14px; font-size: 0.875rem; line-height: 1.3125rem; margin: 0px 0 0 16px; text-align: left; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 89, style.scss */
  .footInfo .contactWrap .telWrap .tel small { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; } }
@media only screen and (max-width: 1023px) { /* line 89, style.scss */
  .footInfo .contactWrap .telWrap .tel small { width: 100%; font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; text-align: center; margin: 7px auto 0; } }
/* line 90, style.scss */
.footInfo .contactWrap .telWrap .tel small span { display: block; }
@media only screen and (max-width: 1023px) { /* line 90, style.scss */
  .footInfo .contactWrap .telWrap .tel small span { display: inline; }
  /* line 92, style.scss */
  .footInfo .contactWrap .telWrap .tel small span:not(:last-child) { margin-right: 15px; } }
/* line 98, style.scss */
.footInfo .contactWrap .info { color: #dc143c; margin-top: 15px; width: 100%; margin-bottom: 40px; }
/* line 99, style.scss */
.footInfo .contactWrap .info span { display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1.3125rem; border: 1px solid #dc143c; text-align: center; padding: 4px 10px 3px; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 100, style.scss */
  .footInfo .contactWrap .info span { /*@include fs(12,1.5); padding-left: 6px; padding-right: 6px;*/ } }
@media only screen and (max-width: 1023px) { /* line 98, style.scss */
  .footInfo .contactWrap .info { /* width: auto; display: inline-block;*/ margin-bottom: 20px; }
  /* line 101, style.scss */
  .footInfo .contactWrap .info span { display: block; font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; padding-left: 10px; padding-right: 10px; } }
@media only screen and (max-width: 1023px) { /* line 104, style.scss */
  .footInfo .contactWrap .mailFormWrap .mailFormBtn { max-width: 100%; } }
/* line 107, style.scss */
.footInfo .captionWrap { background: #f0eeee; padding: 50px 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 107, style.scss */
  .footInfo .captionWrap { padding-left: 20px; padding-right: 20px; } }
@media only screen and (max-width: 1023px) { /* line 107, style.scss */
  .footInfo .captionWrap { padding: 30px 5%; } }
/* line 108, style.scss */
.footInfo .captionWrap .caption { font-size: 11px; font-size: 0.6875rem; line-height: 1.2375rem; /*margin-top: 40px;*/ text-align: left; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 108, style.scss */
  .footInfo .captionWrap .caption { /*margin-top: 30px;*/ } }
@media only screen and (max-width: 1023px) { /* line 108, style.scss */
  .footInfo .captionWrap .caption { /*margin-top: 20px;*/ } }

/* line 111, style.scss */
.yokoku { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; /*display: none !important;*/ display: none; }
@media only screen and (max-width: 1023px) { /* line 111, style.scss */
  .yokoku { align-items: center; } }
/* line 112, style.scss */
.yokoku em { font-size: 16px; font-size: 1rem; line-height: 1.8rem; border: 1px solid #868e96; border-left: 0; border-right: 0; margin-right: 20px; padding: 0 6px; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 1023px) { /* line 112, style.scss */
  .yokoku em { margin: 0 0 10px; } }
/* line 113, style.scss */
.yokoku span { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; }
@media only screen and (max-width: 1023px) { /* line 113, style.scss */
  .yokoku span { width: 100%; } }
/* line 114, style.scss */
.yokoku span small { display: block; display: none; }

/* line 117, style.scss */
.mailFormWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
@media only screen and (max-width: 1023px) { /* line 117, style.scss */
  .mailFormWrap { flex-direction: column; } }

/* line 118, style.scss */
.mailFormBtn { -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); width: 460px; height: 80px; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 118, style.scss */
  .mailFormBtn { width: 420px; height: 75px; font-size: 32px; font-size: 2rem; line-height: 2rem; } }
@media only screen and (max-width: 1023px) { /* line 118, style.scss */
  .mailFormBtn { width: 100%; max-width: 320px; height: 56px; font-size: 28px; font-size: 1.75rem; line-height: 1.75rem; } }
/* line 119, style.scss */
.mailFormBtn a { color: #fff; display: flex; justify-content: center; align-items: center; padding: 0px 20px 0 30px; position: relative; height: 100%; }
/* line 120, style.scss */
.mailFormBtn i { width: 25px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 32px; line-height: 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 120, style.scss */
  .mailFormBtn i { width: 25px; left: 32px; } }
@media only screen and (max-width: 1023px) { /* line 120, style.scss */
  .mailFormBtn i { width: 20px; left: 18px; } }
/* line 121, style.scss */
.mailFormBtn em { font-size: 28px; font-size: 1.75rem; line-height: 1.75rem; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 121, style.scss */
  .mailFormBtn em { font-size: 30px; font-size: 1.875rem; line-height: 1.875rem; } }
@media only screen and (max-width: 1023px) { /* line 121, style.scss */
  .mailFormBtn em { font-size: 22px; font-size: 1.375rem; line-height: 1.375rem; } }
/* line 122, style.scss */
.mailFormBtn em span { font-size: 86%; display: inline-block; }
/* line 124, style.scss */
.mailFormBtn.document a { background: #bfae73 !important; }
/* line 125, style.scss */
.mailFormBtn.request a { background: #f14f4f; }
/* line 126, style.scss */
.mailFormBtn:not(:last-child) { margin-right: 60px; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 126, style.scss */
  .mailFormBtn:not(:last-child) { margin-right: 30px; } }
@media only screen and (max-width: 1023px) { /* line 126, style.scss */
  .mailFormBtn:not(:last-child) { margin: 0px auto 15px; } }
/* line 127, style.scss */
.mailFormBtn.document { margin-right: 0; }
@media only screen and (max-width: 1023px) { /* line 127, style.scss */
  .mailFormBtn.document { margin-bottom: 0; margin-right: auto; } }
/* line 128, style.scss */
.mailFormBtn.request { display: none; }

/* line 130, style.scss */
.bnrArea { padding: 50px 0px 0; }
@media only screen and (max-width: 1023px) { /* line 130, style.scss */
  .bnrArea { /*padding: 30px 10% 0;*/ padding: 30px 0% 0; } }
/* line 131, style.scss */
.bnrArea .t { font-size: 22px; font-size: 1.375rem; line-height: 2.0625rem; text-align: center; margin: 0 auto 20px; }
@media only screen and (max-width: 1023px) { /* line 131, style.scss */
  .bnrArea .t { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; margin-bottom: 15px; } }
/* line 132, style.scss */
.bnrArea .kodate { margin-bottom: 20px; }
/* line 134, style.scss */
.bnrArea .kodate .ttl, .bnrArea .takuchi .ttl { text-align: center; margin: 0 auto 20px; }
@media only screen and (max-width: 1023px) { /* line 134, style.scss */
  .bnrArea .kodate .ttl, .bnrArea .takuchi .ttl { margin-bottom: 10px; } }
/* line 135, style.scss */
.bnrArea .kodate .ttl em, .bnrArea .takuchi .ttl em { display: inline-block; font-size: 19px; font-size: 1.1875rem; line-height: 1.78125rem; color: #009a63; }
@media only screen and (max-width: 1023px) { /* line 135, style.scss */
  .bnrArea .kodate .ttl em, .bnrArea .takuchi .ttl em { font-size: 16px; font-size: 1rem; line-height: 1.5rem; } }
/* line 136, style.scss */
.bnrArea .kodate .ttl em::before, .bnrArea .kodate .ttl em::after, .bnrArea .takuchi .ttl em::before, .bnrArea .takuchi .ttl em::after { content: " ― "; }
/* line 139, style.scss */
.bnrArea .kodate ul, .bnrArea .takuchi ul { justify-content: center; }
@media only screen and (max-width: 1023px) { /* line 139, style.scss */
  .bnrArea .kodate ul, .bnrArea .takuchi ul { justify-content: space-between; } }
/* line 140, style.scss */
.bnrArea .kodate ul::after, .bnrArea .takuchi ul::after { display: none; }
/* line 141, style.scss */
.bnrArea .kodate ul li, .bnrArea .takuchi ul li { width: calc(100% / 4 - 15px); margin-right: 20px; margin-bottom: 20px; }
@media only screen and (max-width: 1023px) { /* line 141, style.scss */
  .bnrArea .kodate ul li, .bnrArea .takuchi ul li { width: 49%; margin-right: 0; margin-bottom: 2%; } }
/* line 142, style.scss */
.bnrArea .kodate ul li:nth-of-type(4n), .bnrArea .takuchi ul li:nth-of-type(4n) { margin-right: 0; }
/* line 148, style.scss */
.bnrArea ul { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; }
/* line 149, style.scss */
.bnrArea ul::after { content: ""; display: block; width: 49%; }
@media only screen and (max-width: 1023px) { /* line 149, style.scss */
  .bnrArea ul::after { display: none; } }
/* line 150, style.scss */
.bnrArea ul li { width: 23.5%; margin-bottom: 2%; margin-right: 25px; }
@media only screen and (max-width: 1023px) { /* line 150, style.scss */
  .bnrArea ul li { width: 100%; margin-bottom: 5%; } }
@media only screen and (max-width: 1023px) { /* line 150, style.scss */
  .bnrArea ul li { margin-right: 0; } }
/* line 152, style.scss */
.bnrArea ul li:nth-of-type(4n) { margin-right: 0; }

/* line 157, style.scss */
.priceCmn { /* @include fs(24,1.5);*/ font-family: "YakuHanMP", "Shippori Mincho B1", serif; position: relative; }
/* line 158, style.scss */
.priceCmn span { font-size: 60%; padding: 1px 6px 2px; background: #f14f4f; color: #fff; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; margin: 0 6px 0 0; position: relative; top: -5px; }
/* line 160, style.scss */
.priceCmn em strong { font-size: 150%; }
/* line 161, style.scss */
.priceCmn em small { font-size: 50%; }

/* --------------------------------------------------------------------------------------------- PC～スマホ 調整（兼タブレット）
--------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */