@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 15, page_home.scss */
#home #mainImg { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; /*height: 800px;*/ height: 0; padding-top: 850px; background: #ffd700; }
@media screen and (min-width: 1400px) and (max-width: 1600px) { /* line 15, page_home.scss */
  #home #mainImg { padding-top: 59.43%; } }
@media screen and (min-width: 1601px) { /* line 15, page_home.scss */
  #home #mainImg { padding-top: 950px; } }
/* line 18, page_home.scss */
#home #mainImg .titWrap { position: absolute; left: 100px; top: 255px; text-align: left; }
/* line 19, page_home.scss */
#home #mainImg .titWrap .catch { font-size: 44px; letter-spacing: -.015em; position: relative; z-index: 10; white-space: nowrap; mix-blend-mode: luminosity; clip-path: polygon(0 0, calc(50vw - 106px) 0, calc(50vw - 106px) 100%, 0% 100%); }
/* line 21, page_home.scss */
#home #mainImg .titWrap .catch.mirror { color: #fff; mix-blend-mode: difference; position: absolute; top: 0; left: 0px; clip-path: polygon(calc(50vw - 107px) 0, 100% 0, 100% 100%, calc(50vw - 107px) 100%); }
/* line 23, page_home.scss */
#home #mainImg .titWrap .read { font-size: 20px; position: relative; z-index: 10; margin-top: 30px; }
@media screen and (min-width: 751px) and (max-width: 1100px) { /* line 25, page_home.scss */
  #home #mainImg .titWrap .catch { clip-path: polygon(0 0, 450px 0, 450px 100%, 0% 100%); }
  /* line 26, page_home.scss */
  #home #mainImg .titWrap .catch.mirror { clip-path: polygon(450px 0, 100% 0, 100% 100%, 450px 100%); } }
/* line 29, page_home.scss */
#home #mainImg .mainImg { width: 50.5%; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; background: #ffd700; position: absolute; top: 0; left: 0; z-index: 1; }
/* line 30, page_home.scss */
#home #mainImg .mainImg span { width: 100%; margin-top: auto; }
/* line 31, page_home.scss */
#home #mainImg .mainImg::before { content: "Image"; position: absolute; font-size: 11px; bottom: 5px; left: 10px; color: #fff; z-index: 10; font-weight: 400; letter-spacing: 0; font-family: "Libre Franklin", sans-serif; opacity: .8; }
/* line 33, page_home.scss */
#home #mainImg .slideSec.swiper { width: 50%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; }
/* line 34, page_home.scss */
#home #mainImg .slideSec.swiper ul.swiper-wrapper { height: 100%; }
/* line 35, page_home.scss */
#home #mainImg .slideSec.swiper ul.swiper-wrapper li { height: 100%; }
/* line 42, page_home.scss */
#home #mainImg .slideSec.swiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet { background: #fff; opacity: .3; }
/* line 43, page_home.scss */
#home #mainImg .slideSec.swiper .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: gold; opacity: 1; }
@media only screen and (max-width: 750px) { /* line 52, page_home.scss */
  #home #mainImg { width: 100%; height: auto; padding-top: 0px; }
  /* line 53, page_home.scss */
  #home #mainImg .titWrap { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 270px; text-align: left; width: 90%; }
  /* line 54, page_home.scss */
  #home #mainImg .titWrap .catch { font-size: 27px; line-height: 1.6; white-space: nowrap; letter-spacing: -.015em; text-align: center; /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);*/ clip-path: none; }
  /* line 56, page_home.scss */
  #home #mainImg .titWrap .catch.mirror { display: none; }
  /* line 57, page_home.scss */
  #home #mainImg .titWrap .read { font-size: 17px; margin-top: 15px; }
  /* line 59, page_home.scss */
  #home #mainImg .mainImg { width: 100%; height: 0; padding-top: 200%; display: flex; flex-direction: column; flex-wrap: wrap; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 60, page_home.scss */
  #home #mainImg .mainImg span { width: 145%; position: absolute; left: -50%; right: -50%; margin: auto; bottom: 0; }
  /* line 61, page_home.scss */
  #home #mainImg .mainImg::before { font-size: 11px; bottom: 5px; left: 10px; }
  /* line 63, page_home.scss */
  #home #mainImg .slideSec.swiper { width: 100%; height: 0; padding-top: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 64, page_home.scss */
  #home #mainImg .slideSec.swiper ul.swiper-wrapper { height: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 65, page_home.scss */
  #home #mainImg .slideSec.swiper ul.swiper-wrapper li { height: 100%; } }
/* line 75, page_home.scss */
#home #intro { background: #fff7cc; margin-top: 60px; padding: 35px 25px 25px; position: relative; }
/* line 76, page_home.scss */
#home #intro::after { content: ""; width: 370px; height: 300px; background: url("../img/logoBg.webp") no-repeat; background-size: 100% auto; position: absolute; top: 30px; right: 10px; z-index: 0; }
/* line 77, page_home.scss */
#home #intro .tit { font-size: 30px; line-height: 1.6; color: #242950; margin-bottom: 15px; position: relative; z-index: 5; }
/* line 78, page_home.scss */
#home #intro .copy { font-size: 16px; position: relative; z-index: 5; }
/* line 79, page_home.scss */
#home #intro .contact { background: #fff; width: 100%; margin-top: 35px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 30px; position: relative; z-index: 5; }
/* line 80, page_home.scss */
#home #intro .contact .t { background: #00a9d6; color: #fff; font-size: 28px; font-weight: 600; line-height: 1.6; width: 100%; margin-bottom: 30px; }
/* line 81, page_home.scss */
#home #intro .contact .read { font-size: 16px; line-height: 2.0; margin-left: 55px; }
/* line 82, page_home.scss */
#home #intro .contact .telWrap { width: 370px; margin-right: 65px; margin-top: -.25em; }
/* line 84, page_home.scss */
#home #intro .contact .telWrap .tel a { color: #242950; font-size: 13px; }
/* line 85, page_home.scss */
#home #intro .contact .telWrap .tel a span { width: 42px; height: 42px; background: #ffd700; border-radius: 50%; position: relative; margin-right: .75em; }
/* line 86, page_home.scss */
#home #intro .contact .telWrap .tel a span i { font-size: 25px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; padding-left: .1em; }
/* line 88, page_home.scss */
#home #intro .contact .telWrap .tel a em { font-size: 42px; }
/* line 91, page_home.scss */
#home #intro .contact .telWrap .cap { font-size: 13px; margin-top: .25em; }
/* line 92, page_home.scss */
#home #intro .contact .telWrap .cap span { font-weight: 500; }
@media only screen and (max-width: 750px) { /* line 101, page_home.scss */
  #home #intro { /*margin-top: 60px;*/ margin-top: 0px; padding: 30px 5% 20px; }
  /* line 102, page_home.scss */
  #home #intro::after { width: 94%; height: 300px; top: 30px; right: 3%; }
  /* line 103, page_home.scss */
  #home #intro .tit { font-size: 25px; line-height: 1.6; margin-bottom: 15px; }
  /* line 104, page_home.scss */
  #home #intro .copy { font-size: 16px; text-align: justify; }
  /* line 105, page_home.scss */
  #home #intro .contact { margin-top: 25px; padding-bottom: 20px; }
  /* line 106, page_home.scss */
  #home #intro .contact .t { font-size: 22px; line-height: 1.5; width: 100%; margin-bottom: 15px; padding: .25em 0; }
  /* line 107, page_home.scss */
  #home #intro .contact .read { font-size: 16px; line-height: 2.0; margin-left: 0; text-align: center; padding: 0 20px 20px; box-sizing: border-box; width: 100%; }
  /* line 108, page_home.scss */
  #home #intro .contact .telWrap { width: 100%; margin-right: 0; margin-top: -.5em; }
  /* line 111, page_home.scss */
  #home #intro .contact .telWrap .tel a span { width: 36px; height: 36px; margin-right: .5em; }
  /* line 112, page_home.scss */
  #home #intro .contact .telWrap .tel a span i { font-size: 20px; padding-left: .1em; }
  /* line 114, page_home.scss */
  #home #intro .contact .telWrap .tel a em { font-size: 36px; }
  /* line 117, page_home.scss */
  #home #intro .contact .telWrap .cap { font-size: 13px; margin-top: .5em; } }
/* line 127, page_home.scss */
#home #linkWrap { background: url("../img/homeBg.webp") no-repeat; background-size: cover; position: relative; margin-top: 70px; padding: 20px 0 60px; }
/* line 128, page_home.scss */
#home #linkWrap::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 129, page_home.scss */
#home #linkWrap .tit { font-weight: 900; font-style: italic; font-size: 78px; line-height: 1.5; color: rgba(36, 41, 80, 0.5); mix-blend-mode: multiply; position: relative; z-index: 1; }
/* line 130, page_home.scss */
#home #linkWrap ul.listWrap { position: relative; z-index: 1; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; }
/* line 131, page_home.scss */
#home #linkWrap ul.listWrap li { width: calc(100% / 3 - 28px); }
/* line 132, page_home.scss */
#home #linkWrap ul.listWrap li a { display: flex; flex-direction: column; flex-wrap: wrap; background: #fff; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); height: 100%; padding-bottom: 35px; }
/* line 133, page_home.scss */
#home #linkWrap ul.listWrap li a .ic { width: 110px; height: 110px; background: #242950; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: -55px auto 15px; }
/* line 134, page_home.scss */
#home #linkWrap ul.listWrap li a .ic img { width: 65.5%; line-height: 0; }
/* line 136, page_home.scss */
#home #linkWrap ul.listWrap li a .t { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0 auto 10px; }
/* line 137, page_home.scss */
#home #linkWrap ul.listWrap li a .t em { font-size: 25px; font-weight: 600; }
/* line 138, page_home.scss */
#home #linkWrap ul.listWrap li a .t span { font-size: 14px; font-weight: 700; margin-top: .5em; }
/* line 140, page_home.scss */
#home #linkWrap ul.listWrap li a .ph { margin: 0 auto 20px; }
/* line 141, page_home.scss */
#home #linkWrap ul.listWrap li a .read { padding: 0 25px 25px; }
/* line 142, page_home.scss */
#home #linkWrap ul.listWrap li a .btn { 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; }
/* line 148, page_home.scss */
#home #linkWrap ul.listWrap li a:hover .btn i { right: .75em; }
@media only screen and (max-width: 750px) { /* line 162, page_home.scss */
  #home #linkWrap { background: url("../img/homeBgSp.webp") no-repeat; /*margin-top: 70px;*/ margin-top: 0px; padding: 30px 0 50px; }
  /* line 163, page_home.scss */
  #home #linkWrap::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 164, page_home.scss */
  #home #linkWrap .tit { font-size: 10vw; line-height: .9; }
  /* line 165, page_home.scss */
  #home #linkWrap .tit strong { font-size: 149%; }
  /* line 167, page_home.scss */
  #home #linkWrap ul.listWrap { margin-top: 55px; }
  /* line 168, page_home.scss */
  #home #linkWrap ul.listWrap li { width: 100%; }
  /* line 169, page_home.scss */
  #home #linkWrap ul.listWrap li:not(:last-child) { margin-bottom: 60px; }
  /* line 170, page_home.scss */
  #home #linkWrap ul.listWrap li a { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); padding-bottom: 30px; }
  /* line 171, page_home.scss */
  #home #linkWrap ul.listWrap li a .ic { width: 80px; height: 80px; margin: -40px auto 10px; }
  /* line 172, page_home.scss */
  #home #linkWrap ul.listWrap li a .ic img { width: 65.5%; }
  /* line 174, page_home.scss */
  #home #linkWrap ul.listWrap li a .t { margin: 0 auto 10px; }
  /* line 175, page_home.scss */
  #home #linkWrap ul.listWrap li a .t em { font-size: 24px; }
  /* line 176, page_home.scss */
  #home #linkWrap ul.listWrap li a .t span { font-size: 13px; margin-top: .35em; }
  /* line 178, page_home.scss */
  #home #linkWrap ul.listWrap li a .ph { margin: 0 auto 15px; }
  /* line 179, page_home.scss */
  #home #linkWrap ul.listWrap li a .read { padding: 0 22px 18px; }
  /* line 180, page_home.scss */
  #home #linkWrap ul.listWrap li a .btn { filter: drop-shadow(5px 5px 0px rgba(0, 0, 0, 0.15)); }
  /* line 186, page_home.scss */
  #home #linkWrap ul.listWrap li a:hover .btn i { right: .75em; } }
