@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 5, style.scss */
.kana { letter-spacing: -.15em; padding-right: .15em; font-family: inherit; }

/* line 7, style.scss */
.catch.jpH { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; padding: 50px 0 50px; letter-spacing: .025em; }
@media only screen and (max-width: 1023px) { /* line 7, style.scss */
  .catch.jpH { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; padding: 30px 0 30px; } }

/*============================
#mainTitle
============================*/
/* line 12, style.scss */
#mainTitle { position: relative; position: relative; height: 250px; overflow: hidden; }
@media only screen and (max-width: 1023px) { /* line 12, style.scss */
  #mainTitle { height: 150px; } }
/* line 13, 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 14, style.scss */
#mainTitle h2 span { font-size: 40px; font-size: 2.5rem; line-height: 4.5rem; font-weight: 400; }
@media only screen and (max-width: 1023px) { /* line 14, style.scss */
  #mainTitle h2 span { font-size: 30px; font-size: 1.875rem; line-height: 3rem; } }
/* line 15, style.scss */
#mainTitle h2 span::after { content: ""; width: 40px; height: 1px; background: #fff; display: block; margin: 5px auto 15px; }
@media only screen and (max-width: 1023px) { /* line 15, style.scss */
  #mainTitle h2 span::after { margin: 4px auto 12px; } }
/* line 16, style.scss */
#mainTitle h2 em { font-size: 16px; font-size: 1rem; line-height: 1.8rem; }
@media only screen and (max-width: 1023px) { /* line 16, style.scss */
  #mainTitle h2 em { font-size: 16px; font-size: 1rem; line-height: 1.6rem; } }
/* line 18, style.scss */
#mainTitle .ph { position: relative; height: 100%; }
/* line 19, style.scss */
#mainTitle .ph::before { content: ""; width: 100%; height: 100%; background: rgba(0, 153, 68, 0.5); mix-blend-mode: multiply; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 20, style.scss */
#mainTitle .ph.wImage::after { right: 15px; }
/* line 22, style.scss */
#mainTitle.noImage { height: auto; padding: 30px 0 50px; }
@media only screen and (max-width: 1023px) { /* line 22, style.scss */
  #mainTitle.noImage { padding: 20px 0 40px; } }
/* line 23, style.scss */
#mainTitle.noImage h2 { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; color: #454545; }
/* line 25, style.scss */
#mainTitle.noImage h2 span::after { background: #005925; }

/* line 30, style.scss */
.wImage { position: relative; }
/* line 31, 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; font-weight: 400; letter-spacing: .05em; /*opacity: .8;*/ }
@media only screen and (max-width: 1023px) { /* line 31, style.scss */
  .wImage::after { font-size: 11px; font-size: 0.6875rem; line-height: 0.6875rem; bottom: 7px; right: 10px; } }
/* line 35, style.scss */
.wImage.sdw::after { filter: drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); }
/* line 38, style.scss */
.wImage.b::after { color: #454545; }
/* line 40, 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 44, style.scss */
.wImage.l::after { right: auto; left: 15px; }
@media only screen and (max-width: 1023px) { /* line 44, style.scss */
  .wImage.l::after { left: 10px; } }

/* line 49, style.scss */
.footInfo { background: #f8f8f8; }
/* line 50, style.scss */
.footInfo .contactWrap { padding: 40px 0 50px; text-align: center; }
@media only screen and (max-width: 1023px) { /* line 50, style.scss */
  .footInfo .contactWrap { padding: 30px 5% 40px; } }
/* line 51, style.scss */
.footInfo .contactWrap .tit.en { color: #b1b1b1; opacity: .5; font-size: 76px; font-size: 4.75rem; line-height: 4.75rem; margin-bottom: 25px; }
@media only screen and (max-width: 1023px) { /* line 51, style.scss */
  .footInfo .contactWrap .tit.en { font-size: 42px; line-height: 1; margin-bottom: 20px; } }
/* line 52, 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 52, style.scss */
  .footInfo .contactWrap .copy.jpH { font-size: 16px; } }
/* line 53, style.scss */
.footInfo .contactWrap .telmailWrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; border-top: 1px solid #c0c0c0; margin: 40px auto 0; text-align: center; padding: 40px 0 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 53, style.scss */
  .footInfo .contactWrap .telmailWrap { padding-left: 20px; padding-right: 20px; } }
@media only screen and (max-width: 1023px) { /* line 53, style.scss */
  .footInfo .contactWrap .telmailWrap { flex-wrap: wrap; align-items: center; margin-top: 30px; padding-top: 20px; } }
/* line 57, 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 57, style.scss */
  .footInfo .contactWrap .telWrap { width: 520px; } }
@media only screen and (max-width: 1023px) { /* line 57, style.scss */
  .footInfo .contactWrap .telWrap { width: 100%; } }
/* line 58, style.scss */
.footInfo .contactWrap .telWrap .t { font-size: 16px; font-size: 1rem; line-height: 1.8rem; width: 100%; letter-spacing: 0; margin-bottom: 10px; letter-spacing: -.025em; }
@media only screen and (max-width: 1023px) { /* line 58, style.scss */
  .footInfo .contactWrap .telWrap .t { font-size: 13px; letter-spacing: .015em; text-align: center; margin-bottom: 0px; } }
/* line 59, 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 59, style.scss */
  .footInfo .contactWrap .telWrap .tel { justify-content: center; } }
/* line 60, style.scss */
.footInfo .contactWrap .telWrap .tel i { width: 80px; line-height: 0; margin: 7px 2px 0 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 60, style.scss */
  .footInfo .contactWrap .telWrap .tel i { width: 75px; } }
@media only screen and (max-width: 1023px) { /* line 60, style.scss */
  .footInfo .contactWrap .telWrap .tel i { width: 56px; margin: 7px 2px 0 0; } }
/* line 61, style.scss */
.footInfo .contactWrap .telWrap .tel em { font-size: 49px; font-size: 3.0625rem; line-height: 3.0625rem; letter-spacing: 0; font-weight: 500; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 61, 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 61, style.scss */
  .footInfo .contactWrap .telWrap .tel em { font-size: 40px; font-size: 2.5rem; line-height: 2.5rem; } }
/* line 62, style.scss */
.footInfo .contactWrap .telWrap .tel em a { color: #454545; }
/* line 64, style.scss */
.footInfo .contactWrap .telWrap .tel small { font-size: 14px; font-size: 0.875rem; line-height: 1.3125rem; margin: 7px 0 0 16px; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 64, 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 64, 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 65, style.scss */
.footInfo .contactWrap .telWrap .tel small span { display: block; }
@media only screen and (max-width: 1023px) { /* line 65, style.scss */
  .footInfo .contactWrap .telWrap .tel small span { display: inline; }
  /* line 67, style.scss */
  .footInfo .contactWrap .telWrap .tel small span:not(:last-child) { margin-right: 15px; } }
/* line 73, style.scss */
.footInfo .contactWrap .info { color: #dc143c; margin-top: 15px; width: 100%; margin-bottom: 40px; }
/* line 74, style.scss */
.footInfo .contactWrap .info span { display: inline-block; font-size: 14px; font-size: 0.875rem; line-height: 1.3125rem; letter-spacing: -.015em; border: 1px solid #dc143c; text-align: center; padding: 4px 10px 3px; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 75, 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 73, style.scss */
  .footInfo .contactWrap .info { /* width: auto; display: inline-block;*/ margin-bottom: 20px; }
  /* line 76, 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 79, style.scss */
  .footInfo .contactWrap .mailFormWrap .mailFormBtn { max-width: 100%; } }
/* line 82, style.scss */
.footInfo .captionWrap { background: #f0eeee; padding: 50px 0; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 82, style.scss */
  .footInfo .captionWrap { padding-left: 20px; padding-right: 20px; } }
@media only screen and (max-width: 1023px) { /* line 82, style.scss */
  .footInfo .captionWrap { padding: 30px 5%; } }
/* line 83, style.scss */
.footInfo .captionWrap .caption { font-size: 11px; font-size: 0.6875rem; line-height: 1.2375rem; letter-spacing: 0; /*margin-top: 40px;*/ text-align: left; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 83, style.scss */
  .footInfo .captionWrap .caption { /*margin-top: 30px;*/ } }
@media only screen and (max-width: 1023px) { /* line 83, style.scss */
  .footInfo .captionWrap .caption { /*margin-top: 20px;*/ } }

/* line 86, style.scss */
.yokoku { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 2.5em; /*display: none !important;*/ }
@media only screen and (max-width: 1023px) { /* line 86, style.scss */
  .yokoku { align-items: center; } }
/* line 87, style.scss */
.yokoku em { font-size: 16px; font-size: 1rem; line-height: 1.8rem; font-weight: 600; 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 87, style.scss */
  .yokoku em { margin: 0 0 10px; } }
/* line 88, style.scss */
.yokoku span { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; }
@media only screen and (max-width: 1023px) { /* line 88, style.scss */
  .yokoku span { width: 100%; } }
/* line 89, style.scss */
.yokoku span small { display: block; display: none; }

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

/* line 93, 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 93, style.scss */
  .mailFormBtn { width: 420px; height: 75px; font-size: 32px; font-size: 2rem; line-height: 2rem; } }
@media only screen and (max-width: 1023px) { /* line 93, style.scss */
  .mailFormBtn { width: 100%; max-width: 320px; height: 56px; font-size: 28px; font-size: 1.75rem; line-height: 1.75rem; } }
/* line 94, style.scss */
.mailFormBtn a { color: #fff; display: flex; justify-content: center; align-items: center; padding: 0px 20px 0 30px; position: relative; height: 100%; }
/* line 95, style.scss */
.mailFormBtn i { width: 30px; 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 95, style.scss */
  .mailFormBtn i { width: 30px; left: 32px; } }
@media only screen and (max-width: 1023px) { /* line 95, style.scss */
  .mailFormBtn i { width: 24px; left: 18px; } }
/* line 96, style.scss */
.mailFormBtn em { font-size: 32px; font-size: 2rem; line-height: 2rem; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 96, style.scss */
  .mailFormBtn em { font-size: 30px; font-size: 1.875rem; line-height: 1.875rem; } }
@media only screen and (max-width: 1023px) { /* line 96, style.scss */
  .mailFormBtn em { font-size: 25px; font-size: 1.5625rem; line-height: 1.5625rem; } }
/* line 97, style.scss */
.mailFormBtn em span { font-size: 86%; display: inline-block; }
/* line 99, style.scss */
.mailFormBtn.document a { background: #f2ac0f !important; }
/* line 100, style.scss */
.mailFormBtn.request a { background: #f14f4f; }
/* line 101, style.scss */
.mailFormBtn:not(:last-child) { margin-right: 60px; }
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* line 101, style.scss */
  .mailFormBtn:not(:last-child) { margin-right: 30px; } }
@media only screen and (max-width: 1023px) { /* line 101, style.scss */
  .mailFormBtn:not(:last-child) { margin: 0px auto 15px; } }
/* line 102, style.scss */
.mailFormBtn.document { margin-right: 0; }
@media only screen and (max-width: 1023px) { /* line 102, style.scss */
  .mailFormBtn.document { margin-bottom: 0; margin-right: auto; } }
/* line 103, style.scss */
.mailFormBtn.request { display: none; }

/* line 105, style.scss */
.bnrArea { padding: 50px 0px 0; }
@media only screen and (max-width: 1023px) { /* line 105, style.scss */
  .bnrArea { /*padding: 30px 10% 0;*/ padding: 30px 0% 0; } }
/* line 106, 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 106, style.scss */
  .bnrArea .t { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; margin-bottom: 15px; } }
/* line 107, style.scss */
.bnrArea .kodate { margin-bottom: 20px; }
/* line 109, style.scss */
.bnrArea .kodate .ttl, .bnrArea .takuchi .ttl { text-align: center; margin: 0 auto 20px; }
@media only screen and (max-width: 1023px) { /* line 109, style.scss */
  .bnrArea .kodate .ttl, .bnrArea .takuchi .ttl { margin-bottom: 10px; } }
/* line 110, style.scss */
.bnrArea .kodate .ttl em, .bnrArea .takuchi .ttl em { display: inline-block; font-size: 19px; font-size: 1.1875rem; line-height: 1.78125rem; font-weight: 600; color: #009a63; }
@media only screen and (max-width: 1023px) { /* line 110, style.scss */
  .bnrArea .kodate .ttl em, .bnrArea .takuchi .ttl em { font-size: 16px; font-size: 1rem; line-height: 1.5rem; } }
/* line 111, style.scss */
.bnrArea .kodate .ttl em::before, .bnrArea .kodate .ttl em::after, .bnrArea .takuchi .ttl em::before, .bnrArea .takuchi .ttl em::after { content: " ― "; }
/* line 114, style.scss */
.bnrArea .kodate ul, .bnrArea .takuchi ul { justify-content: center; }
@media only screen and (max-width: 1023px) { /* line 114, style.scss */
  .bnrArea .kodate ul, .bnrArea .takuchi ul { justify-content: space-between; } }
/* line 115, style.scss */
.bnrArea .kodate ul::after, .bnrArea .takuchi ul::after { display: none; }
/* line 116, 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 116, style.scss */
  .bnrArea .kodate ul li, .bnrArea .takuchi ul li { width: 49%; margin-right: 0; margin-bottom: 2%; } }
/* line 117, style.scss */
.bnrArea .kodate ul li:nth-of-type(4n), .bnrArea .takuchi ul li:nth-of-type(4n) { margin-right: 0; }
/* line 123, style.scss */
.bnrArea ul { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; }
/* line 124, style.scss */
.bnrArea ul::after { content: ""; display: block; width: 49%; }
@media only screen and (max-width: 1023px) { /* line 124, style.scss */
  .bnrArea ul::after { display: none; } }
/* line 125, style.scss */
.bnrArea ul li { width: 23.5%; margin-bottom: 2%; margin-right: 25px; }
@media only screen and (max-width: 1023px) { /* line 125, style.scss */
  .bnrArea ul li { width: 100%; margin-bottom: 5%; } }
@media only screen and (max-width: 1023px) { /* line 125, style.scss */
  .bnrArea ul li { margin-right: 0; } }
/* line 127, style.scss */
.bnrArea ul li:nth-of-type(4n) { margin-right: 0; }

/* line 132, style.scss */
.priceCmn { /* @include fs(24,1.5);*/ font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-weight: 600; letter-spacing: -.015em; position: relative; }
/* line 133, style.scss */
.priceCmn span { font-size: 60%; padding: 1px 6px 2px; background: #f14f4f; color: #fff; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-weight: 500; margin: 0 6px 0 0; position: relative; top: -5px; }
/* line 134, style.scss */
.priceCmn em { letter-spacing: -.015em; }
/* line 135, style.scss */
.priceCmn em strong { font-size: 150%; }
/* line 136, style.scss */
.priceCmn em small { font-size: 50%; }

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