@charset "UTF-8";

/* =============================================
   追加CSS - 健誠会採用サイト
============================================= */

/* =============================================
   募集要項 アコーディオンUI
============================================= */

/* アコーディオントリガー */
.top_guide--table .top_about_item--subttl.js-accordion-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 1.5rem 0;
  margin-bottom: 0;

  transition: opacity 0.3s ease;
}

.top_guide--table .top_about_item--subttl.js-accordion-trigger:hover {
  opacity: 0.7;
}

.top_guide--table {
    padding: 24px 10rem;
	margin: 0 auto 24px;
  }

@media screen and (max-width: 766px) {
  .top_guide--table {
    padding: 16px;
  }
}

/* アコーディオンタイトル（左寄せ） */
.accordion-title {
  font-weight: 700;
  text-align: left;
}

/* アコーディオントグルテキスト（右寄せ） */
.accordion-toggle {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #ff543e;
  white-space: nowrap;
  margin-left: 1.25rem;
}

.accordion-toggle-text {
  transition: opacity 0.3s ease;
}

.accordion-toggle-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

.top_guide--table .top_about_item--subttl.js-accordion-trigger.is-open .accordion-toggle-icon {
  transform: rotate(180deg);
}

@media screen and (max-width: 766px) {
  .accordion-toggle {
    font-size: 0.75rem;
    margin-left: 0.625rem;
  }
}

/* アコーディオンコンテンツ */
.accordion-content {
  overflow: hidden;
  background-color: transparent;
  max-height: 0;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0;
}

.accordion-content.is-open {
  padding-top: 1.5rem;
}

.accordion-content table {
  margin: 0;
}

/* =============================================
   クリニック一覧 追加スタイル
============================================= */

/* 車通勤可能テキスト */
.top_clinic_item--car {
  font-size: 0.875rem;
  color: #666;
  margin-top: 0.625rem;
  margin-bottom: 0.3125rem;
  line-height: 2.2;
}

@media screen and (max-width: 766px) {
  .top_clinic_item--car {
    font-size: 0.6875rem;
    line-height: 1.6;
    margin-top: 0.3125rem;
  }
}

/* Googleマップリンク */
.top_clinic_item--map {
  display: inline-block;
  font-size: 0.875rem;
  color: #ff543e;
  text-decoration: none;
  margin-top: 0.625rem;
  line-height: 2.2;
  transition: opacity 0.25s ease;
}

.top_clinic_item--map:hover,
.top_clinic_item--map:focus {
  opacity: 0.6;
}

@media screen and (max-width: 766px) {
  .top_clinic_item--map {
    font-size: 0.6875rem;
    line-height: 1.6;
    margin-top: 0.3125rem;
  }
}

/* =============================================
   LINE相談アイコン非表示
============================================= */

/* ヘッダーのLINEボタン */
.header--btn.-line {
  display: none !important;
}

/* フッターのLINEボタン */
.footer_top--btn.-line {
  display: none !important;
}

/* グローバルナビのLINEボタン */
.gnav--btn.-line {
  display: none !important;
}

/* LINEボタンを含む親要素の調整（必要に応じて） */
/*
.header--btn--wrap li:first-child {
  display: none !important;
}

.footer_top--btn--wrap .footer_top--btn.-line {
  display: none !important;
}

.gnav--btn--wrap li:first-child {
  display: none !important;
}
*/

@media screen and (max-width: 766px) {
    .top_mv--img {
        height: 380px;
    }
}

.top_life{
	margin:80px 0;
}

/* =============================================
   ファーストビュー 永続スライド
============================================= */
.js-top_mv_left_swiper .swiper-wrapper,
.js-top_mv_center_swiper .swiper-wrapper,
.js-top_mv_right_swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}