@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 9, style.scss */
.cmnSec { text-align: left; max-width: 1000px; margin: auto; }
/* line 10, style.scss */
.cmnSec .titCmn { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; border-bottom: 5px solid #00a9d6; padding-bottom: .5em; margin-bottom: 30px; width: 100%; }
/* line 11, style.scss */
.cmnSec .titCmn i { width: 27px; line-height: 0; margin-bottom: -.25em; margin-right: .5em; }
/* line 12, style.scss */
.cmnSec .titCmn em { font-size: 28px; color: #242950; font-weight: 700; }
/* line 13, style.scss */
.cmnSec .titCmn em small { font-size: 78%; margin-left: 1.5em; }

/* line 17, style.scss */
.catch.jpH { font-size: 28px; letter-spacing: .0em; color: #242950; }

/* line 18, style.scss */
.read { text-align: justify; }

/* line 19, style.scss */
.btn { width: 200px; height: 44px; margin: auto auto 0; }
/* line 20, style.scss */
.btn em, .btn i { color: #fff; }
/* line 21, style.scss */
.btn em { font-size: 16px; }
/* line 22, style.scss */
.btn i { font-size: 12px; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 1em; transition: .4s; }
/* line 23, style.scss */
.btn a { filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.15)); background: #ff6924; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; width: 100%; height: 100%; }
/* line 25, style.scss */
.btn a:hover i { right: .75em; }

/* line 29, style.scss */
ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }

@media only screen and (max-width: 750px) { /* line 34, style.scss */
  .cmnSec { max-width: 90%; }
  /* line 35, style.scss */
  .cmnSec .titCmn { border-bottom: 4px solid #00a9d6; padding-bottom: 15px; margin-bottom: 20px; width: 100%; padding-left: 27px; position: relative; box-sizing: border-box; }
  /* line 36, style.scss */
  .cmnSec .titCmn i { width: 20px; margin-bottom: 0em; margin-right: 0em; position: absolute; left: 0; top: 10px; }
  /* line 37, style.scss */
  .cmnSec .titCmn em { font-size: 22px; line-height: 1.5; color: #242950; font-weight: 700; }
  /* line 38, style.scss */
  .cmnSec .titCmn em small { font-size: 78%; margin-left: 0em; display: block; }
  /* line 42, style.scss */
  .catch.jpH { font-size: 22px; text-align: justify; }
  /* line 44, style.scss */
  .btn { width: 200px; height: 44px; margin: auto auto 0; }
  /* line 46, style.scss */
  .btn em { font-size: 16px; }
  /* line 47, style.scss */
  .btn i { font-size: 12px; right: 1em; }
  /* line 50, style.scss */
  .btn a:hover i { right: .75em; } }
/* line 60, style.scss */
.telSec { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; }
/* line 61, style.scss */
.telSec .t { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: #ffd700; width: 100%; }
/* line 62, style.scss */
.telSec .t i { width: 15px; line-height: 0; }
/* line 66, style.scss */
.telSec .t em { font-weight: 600; padding: 0 .15em; color: #242950; }

/* line 79, style.scss */
.telWrap { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; }
/* line 81, style.scss */
.telWrap .tel a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 82, style.scss */
.telWrap .tel a span { transform: rotate(15deg); line-height: 0; margin-right: .5em; }
/* line 83, style.scss */
.telWrap .tel a span i { line-height: 0; }
/* line 85, style.scss */
.telWrap .tel a em { font-weight: 700; font-style: italic; line-height: 1; }
/* line 88, style.scss */
.telWrap .cap { font-weight: 400; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
/* line 89, style.scss */
.telWrap .cap span { letter-spacing: .025em; }
/* line 91, style.scss */
.telWrap .cap span:not(:last-child)::after { content: " ／ "; }

/* line 107, style.scss */
.titleWrap { margin-bottom: 80px; }
/* line 108, style.scss */
.titleWrap .phWrap { position: relative; height: 250px; }
/* line 109, style.scss */
.titleWrap .phWrap::after { content: ""; width: 100%; height: 100%; background: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%); background-size: 4px 4px; background-position: 0 0, 2px 2px; mix-blend-mode: soft-light; position: absolute; top: 0; left: 0; z-index: 0; }
/* line 110, style.scss */
.titleWrap .phWrap .title { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 7px white); }
/* line 111, style.scss */
.titleWrap .phWrap .title i, .titleWrap .phWrap .title em, .titleWrap .phWrap .title span { filter: drop-shadow(0px 0px 3px white); }
/* line 112, style.scss */
.titleWrap .phWrap .title i { width: 65px; height: 65px; background: #242950; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 50%; margin-right: 1em; position: relative; margin-left: -4em; }
/* line 113, style.scss */
.titleWrap .phWrap .title i img { width: 65% !important; line-height: 0; }
/* line 115, style.scss */
.titleWrap .phWrap .title em { font-size: 42px; letter-spacing: .1em; }
/* line 116, style.scss */
.titleWrap .phWrap .title span { font-size: 17px; width: 100%; font-weight: 600; }
/* line 118, style.scss */
.titleWrap .phWrap .ph { width: 100%; height: 100%; }
/* line 120, style.scss */
.titleWrap .tit { font-weight: 900; font-style: italic; font-size: 78px; line-height: 60px; color: rgba(0, 169, 214, 0.15); mix-blend-mode: multiply; position: relative; z-index: 1; }

@media only screen and (max-width: 750px) { /* line 126, style.scss */
  .titleWrap { margin-bottom: 30px; }
  /* line 127, style.scss */
  .titleWrap .phWrap { height: auto; }
  /* line 129, style.scss */
  .titleWrap .phWrap .title { filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.5)) drop-shadow(0px 0px 7px white); }
  /* line 130, style.scss */
  .titleWrap .phWrap .title i, .titleWrap .phWrap .title em, .titleWrap .phWrap .title span { filter: drop-shadow(0px 0px 3px white); }
  /* line 131, style.scss */
  .titleWrap .phWrap .title i { width: 50px; height: 50px; margin-right: .75em; margin-left: -3.75em; }
  /* line 132, style.scss */
  .titleWrap .phWrap .title i img { width: 70% !important; }
  /* line 134, style.scss */
  .titleWrap .phWrap .title em { font-size: 28px; }
  /* line 135, style.scss */
  .titleWrap .phWrap .title span { font-size: 14px; }
  /* line 137, style.scss */
  .titleWrap .phWrap .ph { width: 100%; height: 100%; }
  /* line 139, style.scss */
  .titleWrap .tit { font-size: 7.7vw; line-height: .8; white-space: nowrap; } }
/* line 147, style.scss */
.cta { background: rgba(0, 169, 214, 0.075); position: relative; max-width: 1000px; margin: auto; margin-top: 100px; padding-bottom: 30px; }
/* line 148, style.scss */
.cta::after { content: ""; width: 285px; height: 230px; background: url("../img/logoBg.webp") no-repeat; background-size: 100% auto; position: absolute; bottom: 10px; right: 10px; z-index: 0; }
/* line 149, style.scss */
.cta .tit { background: #00a9d6; color: #fff; font-size: 28px; font-weight: 600; line-height: 1.8; width: 100%; margin-bottom: 25px; }
/* line 150, style.scss */
.cta .ph { position: absolute; width: 235px; left: -20px; top: 75px; z-index: 5; }
/* line 151, style.scss */
.cta .read { font-size: 16px; line-height: 2.0; text-align: center; position: relative; z-index: 5; }
/* line 152, style.scss */
.cta .telWrap { margin-top: 20px; position: relative; z-index: 5; }
/* line 154, style.scss */
.cta .telWrap .tel a { color: #242950; font-size: 13px; }
/* line 155, style.scss */
.cta .telWrap .tel a span { width: 46px; height: 46px; background: #ffd700; border-radius: 50%; position: relative; }
/* line 156, style.scss */
.cta .telWrap .tel a span i { font-size: 26px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; padding-left: .1em; }
/* line 158, style.scss */
.cta .telWrap .tel a em { font-size: 46px; }
/* line 161, style.scss */
.cta .telWrap .cap { font-size: 14px; margin-top: .25em; }
/* line 162, style.scss */
.cta .telWrap .cap span { font-weight: 500; }

@media only screen and (max-width: 750px) { /* line 170, style.scss */
  .cta { max-width: 100%; margin-top: 80px; padding-bottom: 20px; }
  /* line 171, style.scss */
  .cta::after { content: ""; width: 340px; height: 340px; bottom: auto; top: 180px; right: 5px; }
  /* line 172, style.scss */
  .cta .tit { font-size: 24px; line-height: 1.5; padding: .25em 0; margin-bottom: 25px; }
  /* line 173, style.scss */
  .cta .ph { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; width: 235px; margin: -32px auto 0px; }
  /* line 174, style.scss */
  .cta .read { font-size: 16px; line-height: 2.0; text-align: center; }
  /* line 175, style.scss */
  .cta .telWrap { margin-top: 15px; }
  /* line 176, style.scss */
  .cta .telWrap .tel { margin-left: -.5em; }
  /* line 178, style.scss */
  .cta .telWrap .tel a span { width: 42px; height: 42px; }
  /* line 179, style.scss */
  .cta .telWrap .tel a span i { font-size: 24px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; padding-left: .1em; }
  /* line 181, style.scss */
  .cta .telWrap .tel a em { font-size: 38px; }
  /* line 184, style.scss */
  .cta .telWrap .cap { font-size: 14px; margin-top: .25em; } }
