/*!
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 *
 * このcssは編集しないでください。
 * このcssを編集してもscssをコンパイルした時点で変更は消えます。
 * cssを編集したい場合は別のcssファイル（例：user.cssなど）を新規作成して、クラスごとに上書き、または新規クラスを追加してください。
 *
 * ！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！注意！
 */
@charset "UTF-8";
@font-face {
  font-family: "icons";
  src: url("../../../assets/fonts/iconfont/icons.eot?v=a278b8cc089b2c8e51db16545fe45583");
  src: url("../../../assets/fonts/iconfont/icons.eot?v=a278b8cc089b2c8e51db16545fe45583#iefix") format("eot"), url("../../../assets/fonts/iconfont/icons.woff?v=565a29dfe0f061b9b7d0c9922d396c47") format("woff"), url("../../../assets/fonts/iconfont/icons.ttf?v=d51de846c4a3202c00ac9d9d9fdf080b") format("truetype"), url("../../../assets/fonts/iconfont/icons.svg?v=d17093053cd6deda50017e8d5b75f9ed#icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.pageID-top {
  /*
  topSec

  topSecの説明

  Markup:
  <section class="topSec topSec-modifier">
      <div class="topSec_inner"></div><!-- /.topSec_inner -->
  </section><!-- /.section -->
  */
  /*
  topHead

  contactは別パーツとして作成

  Markup:
  <div class="topHead">
      <p class="topHead_en">English</p><!-- /.topHead_en -->
      <h2 class="topHead_jp">タイトル</h2><!-- /.topHead_jp -->
  </div><!-- /.topHead -->
  */
  /*
  mainSlider

  mainSliderの説明

  Markup:
  */
  /*
  topPick

  topPickの説明

  Markup:
  */
  /*
  topMessage

  topMessageの説明

  Markup:
  <div class="topMessage">
      <div class="topMessage_left">
          <div class="topHead">
              <p class="topHead_en">Message</p><!-- /.topHead_en -->
              <p class="topHead_jp topHead_jp-s">地域包括化の推進・整備に貢献し、<br>「豊かな超高齢社会の創造」に取り組んでいます。</p><!-- /.topHead_jp -->
          </div><!-- /.topHead -->
          <p class="topMessage_txt">当社は、各地域において「通所」「宿泊」「入居」をニーズに応じて<br>一か所でご提供できるユニークなサービスを展開しています。<br>また包括ケアに関わる多様なサービスをご提供できる<br>地域の福祉拠点として機能しています。</p><!-- /.topMessage_txt -->
      </div><!-- /.topMessage_left -->
      <div class="topMessage_right">
          <figure class="topMessage_img"><img src="/assets/images/top/message-img01.png" alt="地域包括化の推進・整備に貢献し、「豊かな超高齢社会の創造」に取り組んでいます。" loading="lazy"></figure><!-- /.topMessage_img -->
      </div><!-- /.topMessage_right -->
  </div><!-- /.topMessage -->
  */
  /*
  topService

  topServiceの説明

  Markup:
  <div class="topService">
      <ul class="topService_blocks">
          <li class="topService_block topService_block-green">
              <h2 class="topService_title"><span>通う</span></h2><!-- /.topService_title -->
              <p class="topService_subTitle">通所介護</p><!-- /.topService_subTitle -->
              <h3 class="topService_mainTitle">かがやきデイサービス</h3><!-- /.topService_mainTitle -->
              <div class="topService_panel">
                  <p class="topService_panelTxt">かがやきデイサービスは<br>副作用のない万能薬</p><!-- /.topService_panelTxt -->
              </div><!-- /.topService_panel -->
              <ul class="topService_list">
                  <li class="topService_item">
                      <figure class="topService_img"><img src="/assets/images/top/service-img01-01.jpg" alt="参加活動型機能訓練" loading="lazy"></figure><!-- /.topService_img -->
                      <p class="topService_txt">参加活動型機能訓練</p><!-- /.topService_txt -->
                  </li><!-- /.topService_item -->
                  <li class="topService_item">
                      <figure class="topService_img"><img src="/assets/images/top/service-img01-02.jpg" alt="ICT活用 認知症予防" loading="lazy"></figure><!-- /.topService_img -->
                      <p class="topService_txt">ICT活用 認知症予防</p><!-- /.topService_txt -->
                  </li><!-- /.topService_item -->
              </ul><!-- /.topService_list -->
              <div class="circleBtns">
                  <ul class="circleBtns_list">
                      <li class="circleBtns_item circleBtns_item-black circleBtns_item-after"><a href=""><span>詳しく見る</span></a></li><!-- /.circleBtns_item -->
                  </ul><!-- /.circleBtns_list -->
              </div><!-- /.circleBtns -->
          </li><!-- /.topService_block -->
          <li class="topService_block topService_block-blue">
              <h2 class="topService_title"><span>泊まる</span></h2><!-- /.topService_title -->
              <p class="topService_subTitle">宿泊サービス</p><!-- /.topService_subTitle -->
              <h3 class="topService_mainTitle">かがやきステイ</h3><!-- /.topService_mainTitle -->
              <div class="topService_panel">
                  <p class="topService_panelTxt">ご来所時より元気になって<br>笑顔でご帰宅</p><!-- /.topService_panelTxt -->
              </div><!-- /.topService_panel -->
              <ul class="topService_list">
                  <li class="topService_item">
                      <figure class="topService_img"><img src="/assets/images/top/service-img02-01.jpg" alt="夜間も介護職の見守り・介護で安全・安心" loading="lazy"></figure><!-- /.topService_img -->
                      <p class="topService_txt">夜間も介護職の見守り・介護で安全・安心</p><!-- /.topService_txt -->
                  </li><!-- /.topService_item -->
                  <li class="topService_item">
                      <figure class="topService_img"><img src="/assets/images/top/service-img02-02.jpg" alt="デイとステイで生活のリズムを整えます" loading="lazy"></figure><!-- /.topService_img -->
                      <p class="topService_txt">デイとステイで生活のリズムを整えます</p><!-- /.topService_txt -->
                  </li><!-- /.topService_item -->
              </ul><!-- /.topService_list -->
              <div class="circleBtns">
                  <ul class="circleBtns_list">
                      <li class="circleBtns_item circleBtns_item-black circleBtns_item-after"><a href=""><span>詳しく見る</span></a></li><!-- /.circleBtns_item -->
                  </ul><!-- /.circleBtns_list -->
              </div><!-- /.circleBtns -->
          </li><!-- /.topService_block -->
          <li class="topService_block topService_block-pink">
              <h2 class="topService_title"><span>入居する</span></h2><!-- /.topService_title -->
              <p class="topService_subTitle">サービス付き高齢者向け住宅</p><!-- /.topService_subTitle -->
              <h3 class="topService_mainTitle">なごやか・かがやきレジデンス</h3><!-- /.topService_mainTitle -->
              <div class="topService_panel">
                  <p class="topService_panelTxt">元気に・豊かに・最期まで</p><!-- /.topService_panelTxt -->
              </div><!-- /.topService_panel -->
              <ul class="topService_list">
                  <li class="topService_item">
                      <figure class="topService_img"><img src="/assets/images/top/service-img03-01.jpg" alt="終末期ケア" loading="lazy"></figure><!-- /.topService_img -->
                      <p class="topService_txt">終末期ケア</p><!-- /.topService_txt -->
                  </li><!-- /.topService_item -->
                  <li class="topService_item">
                      <figure class="topService_img"><img src="/assets/images/top/service-img03-02.jpg" alt="栄養バランスの良い食事" loading="lazy"></figure><!-- /.topService_img -->
                      <p class="topService_txt">栄養バランスの良い食事</p><!-- /.topService_txt -->
                  </li><!-- /.topService_item -->
              </ul><!-- /.topService_list -->
              <div class="circleBtns">
                  <ul class="circleBtns_list">
                      <li class="circleBtns_item circleBtns_item-black circleBtns_item-after"><a href=""><span>詳しく見る</span></a></li><!-- /.circleBtns_item -->
                  </ul><!-- /.circleBtns_list -->
              </div><!-- /.circleBtns -->
          </li><!-- /.topService_block -->
      </ul><!-- /.topService_blocks -->
  </div><!-- /.topService -->
  */
  /*
  topFacility

  topFacilityの説明

  Markup:
  <div class="topFacility">
      <div class="topFacility_head">
          <div class="topHead tCenter">
              <p class="topHead_en">Facility</p><!-- /.topHead_en -->
              <h2 class="topHead_jp">サービス付き高齢者向け住宅</p><!-- /.topHead_jp -->
          </div><!-- /.topHead -->
          <p class="font-ll fMedium">フリーワードから探す</p>
          <form action="/facility/" novalidate="" class="searchForm">
              <div class="searchForm_area icon icon-loupe">
                  <input type="text" class="searchForm_input">
              </div><!-- /.searchForm_area -->
              <div class="searchBtn mt10-sp"><button type="submit">検索</button></div><!-- /.searchBtn -->
          </form><!-- /.searchForm -->
          <p class="mt10">※都道府県や市区町村、デイサービス・サ高住などのカテゴリ名をご記入ください</p>
      </div><!-- /.topFacility_bottom -->
      <div class="topFacility_bottom">
          <div class="topFacility_left">
              <p class="font-ll fMedium">エリアから探す</p>
              <form action="/facility/" class="topFacility_form">
                  <ul class="topFacility_list">
                      <li class="topFacility_item topFacility_item-green">
                          <p class="topFacility_title">関東エリア</p><!-- /.topFacility_title -->
                          <ul class="topFacility_btns">
                              <li class="topFacility_btn"><button type="submit">東京</button></li><!-- /.topFacility_btn -->
                              <li class="topFacility_btn"><button type="submit">埼玉</button></li><!-- /.topFacility_btn -->
                              <li class="topFacility_btn"><button type="submit">神奈川</button></li><!-- /.topFacility_btn -->
                              <li class="topFacility_btn"><button type="submit">千葉</button></li><!-- /.topFacility_btn -->
                          </ul><!-- /.topFacility_btns -->
                      </li><!-- /.topFacility_item -->
                      <li class="topFacility_item topFacility_item-blue">
                          <p class="topFacility_title">北陸・甲信越エリア</p><!-- /.topFacility_title -->
                          <ul class="topFacility_btns">
                              <li class="topFacility_btn"><button type="submit">長野</button></li><!-- /.topFacility_btn -->
                          </ul><!-- /.topFacility_btns -->
                      </li><!-- /.topFacility_item -->
                      <li class="topFacility_item topFacility_item-green02">
                          <p class="topFacility_title">東海エリア</p><!-- /.topFacility_title -->
                          <ul class="topFacility_btns">
                              <li class="topFacility_btn"><button type="submit">静岡</button></li><!-- /.topFacility_btn -->
                              <li class="topFacility_btn"><button type="submit">愛知</button></li><!-- /.topFacility_btn -->
                              <li class="topFacility_btn"><button type="submit">岐阜</button></li><!-- /.topFacility_btn -->
                          </ul><!-- /.topFacility_btns -->
                      </li><!-- /.topFacility_item -->
                      <li class="topFacility_item topFacility_item-yellow">
                          <p class="topFacility_title">近畿エリア</p><!-- /.topFacility_title -->
                          <ul class="topFacility_btns">
                              <li class="topFacility_btn"><button type="submit">京都</button></li><!-- /.topFacility_btn -->
                              <li class="topFacility_btn"><button type="submit">大阪</button></li><!-- /.topFacility_btn -->
                              <li class="topFacility_btn"><button type="submit">兵庫</button></li><!-- /.topFacility_btn -->
                          </ul><!-- /.topFacility_btns -->
                      </li><!-- /.topFacility_item -->
                  </ul><!-- /.topFacility_list -->
              </form><!-- /.topFacility_form -->
          </div><!-- /.topFacility_left -->
          <div class="topFacility_right">
              <figure class="topFacility_img"><img src="/assets/images/top/facility-img01.svg" alt="日本地図" loading="lazy"></figure><!-- /.topFacility_img -->
          </div><!-- /.topFacility_right -->
      </div><!-- /.topFacility_bottom -->
  </div><!-- /.topFacility -->
  */
  /*
  topOpen

  topOpenの説明

  Markup:
  */
  /*
  topReport

  topReportの説明

  Markup:
  <div class="topReport"></div><!-- /.topReport -->
  */
  /*
  topNews

  topNewsの説明

  Markup:
  <div class="topNews">
      <div class="topNews_left">
          topHead
      </div><!-- /.topNews_left -->
      <div class="topNews_right">
          pages
      </div><!-- /.topNews_right -->
  </div><!-- /.topNews -->
  */
  /*
  topBanner

  セクションごとにPCとSP作成

  Markup:
  <!-- ==================== PC ==================== -->
  <section class="topSec topSec-banner hidden-sp" data-sec="banner-pc">
      <div class="topSec_inner">
          <div class="topBanner">
              <ul class="topBanner_list">
                  <li class="topBanner_item"><span><img src="https://img.sft.bz/i/276x184/?text=PC表示" alt="画像名が入ります"></span></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=PCリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=PCリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=PCリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=PCリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=PCリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=PCリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=PCリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
              </ul><!-- /.topBanner_list -->
          </div><!-- /.topBanner -->
      </div><!-- /.topSec_inner -->
  </section><!-- /.section -->
  <!-- ==================== /.PC ==================== -->

  <!-- ==================== SP ==================== -->
  <section class="topSec topSec-banner hidden-pc" data-sec="banner-sp">
      <div class="topSec_inner">
          <div class="topBanner">
              <ul class="topBanner_list">
                  <li class="topBanner_item"><span><img src="https://img.sft.bz/i/276x184/?text=SP表示" alt="画像名が入ります"></span></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=SPリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=SPリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=SPリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=SPリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=SPリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=SPリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
                  <li class="topBanner_item"><a href=""><img src="https://img.sft.bz/i/276x184/?text=SPリンク" alt="画像名が入ります"></a></li><!-- /.topBanner_item -->
              </ul><!-- /.topBanner_list -->
          </div><!-- /.topBanner -->
      </div><!-- /.topSec_inner -->
  </section><!-- /.section -->
  <!-- ==================== /.SP ==================== -->
  */
}
.pageID-top .topSec {
  margin: 0 min((var(--vw, 1vw) * 100 - 1200px) / -2, -20px);
  padding: 60px 0;
}
.pageID-top .topSec_inner {
  margin: 0 auto;
  max-width: 1200px;
}
.pageID-top .topSec-service {
  position: relative;
  z-index: 1;
}
.pageID-top .topSec-service::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  background: url("../../../assets/images/top/service-bg.png?v=8b17386abb9bb5e0178963d27a21baa2") no-repeat center center/cover;
  aspect-ratio: 1920/247;
  z-index: -1;
}
.pageID-top .topSec-open {
  padding: 0;
}
.pageID-top .topSec-report {
  padding: 60px 0 0;
}
.pageID-top .topSec-contact {
  padding: 0;
}
.pageID-top .topSec-banner {
  padding: 60px 0 0;
}
.pageID-top .topSec-bgGray {
  background: #f5f3f0;
}
.pageID-top .topHead {
  margin: 20px 0 40px;
}
.pageID-top .topHead > :first-child {
  margin-top: 0;
}
.pageID-top .topHead_en {
  color: #029d65;
  font-weight: 500;
  font-size: 1.375rem;
  font-family: "DM Sans", sans-serif;
  line-height: 1.2;
}
.pageID-top .topHead_jp {
  margin: 15px 0 0;
  font-size: 2.375rem;
  font-weight: 500;
  line-height: 1.4;
}
.pageID-top .topHead_jp-s {
  margin: 10px 0 0;
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.pageID-top .mainSlider {
  margin: 0 auto;
  max-width: 1920px;
}
.pageID-top .mainSlider_inner {
  margin: 0 50px;
  position: relative;
  z-index: 1;
}
.pageID-top .mainSlider_slideArea {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.pageID-top .mainSlider_slideArea::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url("../../../assets/images/top/main-shadow.png?v=aa97fda18112127ae73892f5e85bbdf8") no-repeat center center/contain;
  aspect-ratio: 1820/700;
  z-index: 9999;
}
.pageID-top .mainSlider_slideArea > :first-child {
  margin-top: 0;
}
.pageID-top .mainSlider_item > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1820/700;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageID-top .mainSlider_content {
  padding: 20px 30px 20px 60px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  aspect-ratio: 1820/700;
}
.pageID-top .mainSlider_contentInner {
  height: 100%;
  position: relative;
}
.pageID-top .mainSlider_titleArea {
  position: absolute;
  left: 0;
  bottom: 30px;
}
.pageID-top .mainSlider_titleArea > :first-child {
  margin-top: 0;
}
.pageID-top .mainSlider_title {
  display: inline;
  padding: 0 25px 5px 25px;
  font-size: min(3vw, 50px);
  font-weight: 500;
  line-height: 1.8;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.pageID-top .mainSlider_controller {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0 10px;
}
.pageID-top .mainSlider_pagination {
  display: flex;
  gap: 0 5px;
  width: initial;
  z-index: 1;
}
.pageID-top .mainSlider_pagination .swiper-pagination-bullet {
  margin: 0;
  width: 18px;
  height: 18px;
  background: transparent;
  border: 1px solid transparent;
  opacity: 1;
  position: relative;
}
.pageID-top .mainSlider_pagination .swiper-pagination-bullet::before, .pageID-top .mainSlider_pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
}
.pageID-top .mainSlider_pagination .swiper-pagination-bullet::before {
  width: 6px;
  height: 6px;
}
.pageID-top .mainSlider_pagination .swiper-pagination-bullet-active {
  border: 1px solid #fff;
}
.pageID-top .mainSlider_pagination .swiper-pagination-bullet-active::after {
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.pageID-top .mainSlider_toggleBtn {
  width: 10px;
  height: 15px;
  transition: opacity 0.4s;
  position: relative;
}
.pageID-top .mainSlider_toggleBtn > span {
  display: block;
}
.pageID-top .mainSlider_toggleBtn > span::before, .pageID-top .mainSlider_toggleBtn > span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 100%;
  background: #fff;
  border-radius: 30px;
}
.pageID-top .mainSlider_toggleBtn > span::before {
  left: 0;
}
.pageID-top .mainSlider_toggleBtn > span::after {
  right: 0;
}
.pageID-top .mainSlider_toggleBtn-isActive > span {
  width: 12px;
  height: 15px;
  background: #fff;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.pageID-top .mainSlider_toggleBtn-isActive > span::before, .pageID-top .mainSlider_toggleBtn-isActive > span::after {
  content: none;
}
.pageID-top .mainForm {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08);
}
.pageID-top .mainForm > :first-child {
  margin-top: 0;
}
.pageID-top .mainForm_title {
  padding: 0 0 20px;
  color: #029d65;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid #029d65;
}
.pageID-top .mainForm_body {
  padding: 20px 0 30px;
}
.pageID-top .mainForm_body > :first-child {
  margin-top: 0;
}
.pageID-top .mainForm_list > :first-child {
  margin-top: 0;
}
.pageID-top .mainForm_item {
  margin: 20px 0 0;
}
.pageID-top .mainForm_item > :first-child {
  margin-top: 0;
}
.pageID-top .mainForm_txt {
  font-weight: 500;
}
.pageID-top .mainForm_area {
  margin: 15px 0 0;
}
.pageID-top .mainForm .searchBtn {
  margin: 0;
}
.pageID-top .pickSlider_inner > :first-child {
  margin-top: 0;
}
.pageID-top .pickSlider_title {
  font-size: 3.125rem;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  line-height: 1;
}
.pageID-top .pickSlider_btns {
  margin: 30px 0 0;
  display: flex;
  gap: 0 8px;
}
.pageID-top .pickSlider_btn-prev {
  width: 48px;
  height: 48px;
  background: #464646;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.4s;
  pointer-events: initial;
  position: relative;
}
.pageID-top .pickSlider_btn-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  transition: all 0.4s;
  content: "\ea03";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pageID-top .pickSlider_btn-next {
  width: 48px;
  height: 48px;
  background: #464646;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.4s;
  pointer-events: initial;
  position: relative;
}
.pageID-top .pickSlider_btn-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  transition: all 0.4s;
  content: "\ea04";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pageID-top .pickSlider_slideArea > :first-child {
  margin-top: 0;
}
.pageID-top .pickSlider_slideArea-isActive {
  margin: 0 !important;
}
.pageID-top .pickSlider_item > a, .pageID-top .pickSlider_item > span {
  width: 100%;
  display: block;
}
.pageID-top .pickSlider_item > a > img, .pageID-top .pickSlider_item > span > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 360/200;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageID-top .pickSlider_item > a {
  color: inherit;
  text-decoration: none;
}
.pageID-top .topMessage_left > :first-child {
  margin-top: 0;
}
.pageID-top .topMessage_txt {
  font-size: 1.25rem;
  line-height: 2;
}
.pageID-top .topMessage_right > :first-child {
  margin-top: 0;
}
.pageID-top .topMessage_img > img {
  width: 100%;
  max-width: 511px;
  height: 100%;
  aspect-ratio: 511/450;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageID-top .topMessage .topHead {
  margin: 0 0 20px;
}
.pageID-top .topService {
  margin: 70px 0 0;
}
.pageID-top .topService > :first-child {
  margin-top: 0;
}
.pageID-top .topService_blocks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}
.pageID-top .topService_block {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 6;
  gap: 0;
  padding: 0 25px 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.08);
}
.pageID-top .topService_block-green .topService_title > span {
  background: #2e7d32;
}
.pageID-top .topService_block-green .topService_subTitle {
  color: #2e7d32;
}
.pageID-top .topService_block-green .topService_panel::before, .pageID-top .topService_block-green .topService_panel::after {
  color: #2e7d32;
}
.pageID-top .topService_block-blue .topService_title > span {
  background: #0277bd;
}
.pageID-top .topService_block-blue .topService_subTitle {
  color: #0277bd;
}
.pageID-top .topService_block-blue .topService_panel::before, .pageID-top .topService_block-blue .topService_panel::after {
  color: #0277bd;
}
.pageID-top .topService_block-pink .topService_title > span {
  background: #ad1457;
}
.pageID-top .topService_block-pink .topService_subTitle {
  color: #ad1457;
}
.pageID-top .topService_block-pink .topService_panel::before, .pageID-top .topService_block-pink .topService_panel::after {
  color: #ad1457;
}
.pageID-top .topService_title {
  margin: -22px 0 0;
  text-align: center;
}
.pageID-top .topService_title > span {
  display: inline-block;
  padding: 8px 20px 11px;
  min-width: 200px;
  color: #fff;
  background: #d4d4d4;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.2;
}
.pageID-top .topService_subTitle {
  margin: 40px 0 0;
  font-weight: 500;
  text-align: center;
}
.pageID-top .topService_mainTitle {
  margin: 10px 0 0;
  font-size: 1.375rem;
  font-weight: 500;
  text-align: center;
}
.pageID-top .topService_panel {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0;
  padding: 9px 10px 10px;
  background: #f5f3f0;
  border-radius: 5px;
  position: relative;
}
.pageID-top .topService_panel::before, .pageID-top .topService_panel::after {
  content: "\ea1b";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  opacity: 0.5;
}
.pageID-top .topService_panel::before {
  top: -5px;
  left: 20px;
}
.pageID-top .topService_panel::after {
  bottom: -5px;
  right: 20px;
  transform: rotate(180deg);
}
.pageID-top .topService_panel > :first-child {
  margin-top: 0;
}
.pageID-top .topService_panelTxt {
  font-weight: 500;
  text-align: center;
}
.pageID-top .topService_list {
  margin: 50px 0 0;
}
.pageID-top .topService_list > :first-child {
  margin-top: 0;
}
.pageID-top .topService_item {
  margin: 30px 0 0;
}
.pageID-top .topService_item > :first-child {
  margin-top: 0;
}
.pageID-top .topService_img > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 330/165;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageID-top .topService_txt {
  text-align: center;
}
.pageID-top .topService .circleBtns {
  margin: 40px 0 0;
}
.pageID-top .topFacility_head > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_bottom {
  margin: 60px 0 0;
  display: grid;
  grid-template-columns: auto 434px;
  position: relative;
  z-index: 1;
}
.pageID-top .topFacility_bottom > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_left > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_form {
  margin: 40px 0 0;
}
.pageID-top .topFacility_form > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 50px;
}
.pageID-top .topFacility_list > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_item > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_item-green .topFacility_title::before {
  background: #599153;
}
.pageID-top .topFacility_item-green .topFacility_btn > button {
  color: #599153;
  border-color: #599153;
}
.pageID-top .topFacility_item-blue .topFacility_title::before {
  background: #48b7dc;
}
.pageID-top .topFacility_item-blue .topFacility_btn > button {
  color: #48b7dc;
  border-color: #48b7dc;
}
.pageID-top .topFacility_item-green02 .topFacility_title::before {
  background: #7dca69;
}
.pageID-top .topFacility_item-green02 .topFacility_btn > button {
  color: #7dca69;
  border-color: #7dca69;
}
.pageID-top .topFacility_item-yellow .topFacility_title::before {
  background: #f2b230;
}
.pageID-top .topFacility_item-yellow .topFacility_btn > button {
  color: #f2b230;
  border-color: #f2b230;
}
.pageID-top .topFacility_title {
  padding-left: 15px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
}
.pageID-top .topFacility_title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 20px;
  background: #d4d4d4;
}
.pageID-top .topFacility_btns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.pageID-top .topFacility_btns > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_btn > button {
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  line-height: 1.2;
}
.pageID-top .topFacility_right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.pageID-top .topFacility_right > :first-child {
  margin-top: 0;
}
.pageID-top .topFacility_img > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 450/375;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageID-top .openSlider_inner {
  margin: 0 auto;
}
.pageID-top .openSlider_item {
  height: auto;
}
.pageID-top .openSlider_item > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  color: inherit;
  background: #fff;
  text-decoration: none;
  border-radius: 5px;
  overflow: hidden;
}
.pageID-top .openSlider_item > :first-child {
  margin-top: 0;
}
.pageID-top .openSlider_imgArea {
  overflow: hidden;
  position: relative;
}
.pageID-top .openSlider_imgArea > :first-child {
  margin-top: 0;
}
.pageID-top .openSlider_img > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 330/220;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageID-top .openSlider_label {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 16px;
  color: #fff;
  background: #029d65;
  border-bottom-right-radius: 5px;
}
.pageID-top .openSlider_infoArea {
  padding: 30px 20px;
}
.pageID-top .openSlider_infoArea > :first-child {
  margin-top: 0;
}
.pageID-top .openSlider_title {
  font-weight: 500;
}
.pageID-top .openSlider_address {
  margin: 10px 0 0;
  color: #7c7c7c;
  font-size: 0.875rem;
}
.pageID-top .openSlider_bottom {
  padding: 20px;
  background-image: repeating-linear-gradient(90deg, #d4d4d4, #d4d4d4 4px, transparent 4px, transparent 6px);
  background-position: left 0px top;
  background-repeat: repeat-x;
  background-size: 500% 1px;
}
.pageID-top .openSlider_bottom > :first-child {
  margin-top: 0;
}
.pageID-top .openSlider .cates_list {
  gap: 8px;
}
.pageID-top .openSlider_subArea {
  margin: 40px auto 0;
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
}
.pageID-top .openSlider_controller {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0 30px;
}
.pageID-top .openSlider_controller > :first-child {
  margin-top: 0;
}
.pageID-top .openSlider_btns {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.pageID-top .openSlider_btn-prev {
  width: 48px;
  height: 48px;
  background: #464646;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.4s;
  pointer-events: initial;
  position: relative;
}
.pageID-top .openSlider_btn-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  transition: all 0.4s;
  content: "\ea03";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pageID-top .openSlider_btn-next {
  width: 48px;
  height: 48px;
  background: #464646;
  border-radius: 50%;
  border: 1px solid transparent;
  transition: all 0.4s;
  pointer-events: initial;
  position: relative;
}
.pageID-top .openSlider_btn-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1em;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  transition: all 0.4s;
  content: "\ea04";
  font-family: "icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pageID-top .openSlider_pagination {
  position: relative;
  height: 2px;
  background: #d4d4d4;
}
.pageID-top .openSlider_pagination .swiper-pagination-progressbar-fill {
  background: #464646;
}
.pageID-top .openSlider .flexBtns {
  margin-top: 0;
}
.pageID-top .topReport {
  padding: 60px 50px;
  background: url("../../../assets/images/top/square-bg.jpg?v=c646e8e5824e16fdbd640d2584c2b148") repeat 8px -15px;
  border-radius: 10px;
}
.pageID-top .topReport > :first-child {
  margin-top: 0;
}
.pageID-top .topReport .newsCards .newsCards_list {
  gap: 0 20px;
}
.pageID-top .topReport .flexBtns {
  margin: 40px 0 0;
}
.pageID-top .topNews {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 0 60px;
}
.pageID-top .topNews > :first-child {
  margin-top: 0;
}
.pageID-top .topNews_left > :first-child {
  margin-top: 0;
}
.pageID-top .topNews_right > :first-child {
  margin-top: 0;
}
.pageID-top .topNews .flexBtns {
  margin: 50px 0 0;
}
.pageID-top .topBanner > :first-child {
  margin-top: 0;
}
.pageID-top .topBanner_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.pageID-top .topBanner_item > a, .pageID-top .topBanner_item > span {
  display: block;
}
.pageID-top .topBanner_item > a > img, .pageID-top .topBanner_item > span > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 276/184;
  -o-object-fit: contain;
     object-fit: contain;
}
.pageID-top .topBanner_item > a {
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 736px) {
  .pageID-top .topSec {
    margin: 0;
  }
  .pageID-top .topSec_inner {
    padding: 0 10px;
  }
  .pageID-top .topSec-mainForm {
    padding: 0;
  }
  .pageID-top .topSec-facility .topSec_inner, .pageID-top .topSec-open .topSec_inner, .pageID-top .topSec-report .topSec_inner {
    padding: 0;
  }
  .pageID-top .topHead_jp {
    font-size: 1.8571428571rem;
  }
  .pageID-top .topHead_jp-s {
    font-size: 1.5714285714rem;
  }
  .pageID-top .mainSlider_inner {
    margin: 0;
    padding: 0 10px;
  }
  .pageID-top .mainSlider_content {
    padding: 10px 25px 10px 20px;
  }
  .pageID-top .mainSlider_titleArea {
    bottom: 10px;
  }
  .pageID-top .mainSlider_title {
    padding: 0 10px 3px 10px;
    font-size: min(7vw, 16px);
    line-height: 2;
  }
  .pageID-top .pickSlider_inner {
    display: block;
    position: relative;
  }
  .pageID-top .pickSlider_left {
    display: contents;
  }
  .pageID-top .pickSlider_title {
    font-size: 2rem;
    text-align: center;
  }
  .pageID-top .pickSlider_btns {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    justify-content: space-between;
    z-index: 2;
    pointer-events: none;
  }
  .pageID-top .pickSlider_btn-prev {
    width: 40px;
    height: 40px;
  }
  .pageID-top .pickSlider_btn-next {
    width: 40px;
    height: 40px;
  }
  .pageID-top .pickSlider_slideArea {
    margin: 25px -10px 0;
  }
  .pageID-top .topMessage_right {
    margin: 20px 0 0;
  }
  .pageID-top .topService_blocks {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .pageID-top .topService_blocks > :first-child {
    margin-top: 0;
  }
  .pageID-top .topService_block {
    display: block;
    padding: 0 20px 30px;
  }
  .pageID-top .topFacility_bottom {
    display: block;
  }
  .pageID-top .topFacility_list {
    display: flex;
    flex-direction: column;
  }
  .pageID-top .topFacility_right {
    width: 100%;
  }
  .pageID-top .openSlider_inner {
    position: relative;
  }
  .pageID-top .openSlider_mainArea {
    margin: 0 -10px;
  }
  .pageID-top .openSlider_infoArea {
    padding: 20px 10px;
  }
  .pageID-top .openSlider_bottom {
    padding: 20px 10px;
  }
  .pageID-top .openSlider_subArea {
    display: contents;
  }
  .pageID-top .openSlider_controller {
    display: contents;
  }
  .pageID-top .openSlider_btns {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    justify-content: space-between;
    padding: 0 0 124px;
    pointer-events: none;
  }
  .pageID-top .openSlider_btn-prev {
    width: 40px;
    height: 40px;
  }
  .pageID-top .openSlider_btn-next {
    width: 40px;
    height: 40px;
  }
  .pageID-top .openSlider_pagination {
    margin: 40px 0 0;
  }
  .pageID-top .openSlider .flexBtns {
    margin: 40px 0 0;
  }
  .pageID-top .topReport {
    padding: 60px 20px;
  }
  .pageID-top .topNews {
    display: flex;
    flex-direction: column;
  }
  .pageID-top .topNews_left {
    display: contents;
  }
  .pageID-top .topNews .flexBtns {
    order: 3;
    margin: 40px 0 0;
  }
  .pageID-top .topBanner_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media screen and (min-width: 737px) {
  .pageID-top .topSec-message {
    padding: 40px 0 120px;
  }
  .pageID-top .topSec-facility {
    padding: 0 0 120px;
  }
  .pageID-top .mainForm {
    position: absolute;
    top: 50%;
    right: 110px;
    transform: translateY(-50%);
    padding: 30px;
    max-width: 400px;
  }
  .pageID-top .pickSlider_inner {
    margin: 0 calc(50% - 50vw) 0 0;
    max-width: 1550px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 50px;
  }
  .pageID-top .pickSlider_item {
    max-width: 360px;
  }
  .pageID-top .topMessage {
    position: relative;
  }
  .pageID-top .topMessage_left {
    padding: 40px 0 0;
  }
  .pageID-top .topMessage_right {
    position: absolute;
    top: 0;
    right: 0;
  }
  .pageID-top .openSlider_mainArea {
    margin: 0 calc(50% - 50vw + 8px) 0 0;
    max-width: 1560px;
  }
  .pageID-top .openSlider_item > a {
    max-width: 330px;
  }
  .pageID-top .openSlider .flexBtns {
    margin-left: 50px;
  }
  .pageID-top .openSlider .flexBtns .flexBtns_list {
    justify-content: flex-end;
  }
}
@media (min-width: 737px) and (hover: hover) {
  .pageID-top .mainSlider_toggleBtn:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .pageID-top .pickSlider_btn-prev:hover {
    opacity: 1;
    background: #fff;
    border-color: #d4d4d4;
    cursor: pointer;
  }
  .pageID-top .pickSlider_btn-prev:hover::after {
    color: #464646;
  }
  .pageID-top .pickSlider_btn-next:hover {
    opacity: 1;
    background: #fff;
    border-color: #d4d4d4;
    cursor: pointer;
  }
  .pageID-top .pickSlider_btn-next:hover::after {
    color: #464646;
  }
  .pageID-top .openSlider_btn-prev:hover {
    opacity: 1;
    background: #fff;
    border-color: #d4d4d4;
    cursor: pointer;
  }
  .pageID-top .openSlider_btn-prev:hover::after {
    color: #464646;
  }
  .pageID-top .openSlider_btn-next:hover {
    opacity: 1;
    background: #fff;
    border-color: #d4d4d4;
    cursor: pointer;
  }
  .pageID-top .openSlider_btn-next:hover::after {
    color: #464646;
  }
}
@media screen and (max-width: 1600px) {
  .pageID-top .mainForm {
    padding: 20px;
    max-width: 300px;
    right: 0;
  }
  .pageID-top .mainForm_title {
    padding: 0 0 10px;
    font-size: 1rem;
  }
  .pageID-top .mainForm_body {
    padding: 15px 0 20px;
  }
  .pageID-top .mainForm_item {
    margin: 15px 0 0;
  }
  .pageID-top .mainForm_area {
    margin: 10px 0 0;
  }
  .pageID-top .mainForm_area > select {
    height: 45px;
  }
  .pageID-top .mainForm .searchBtn > button {
    height: 45px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 736px) {
  .pageID-top .mainForm {
    max-width: initial;
    padding: 30px 20px;
  }
  .pageID-top .mainForm_title {
    padding: 0 0 20px;
    font-size: 1.1428571429rem;
  }
  .pageID-top .mainForm_body {
    padding: 20px 0 30px;
  }
  .pageID-top .mainForm_item {
    margin: 20px 0 0;
  }
  .pageID-top .mainForm_area > select {
    height: 52px;
  }
  .pageID-top .mainForm .searchBtn > button {
    margin: 0 auto;
    height: 52px;
  }
}
/*# sourceMappingURL=top.css.map */