/*********************************************/

@charset "UTF-8";

/*********************************************/


  /* ======================================
  
    トップページ・アコーディオンをボタン風

 ========================================= */
 .special .swell-block-accordion__title {
  /* ボックスモデル */
  width: 250px; /* ボタンの幅はお好みで */
  padding: 0.7em 1em;
  margin: 0 auto;

  /* レイアウトと配置 */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;

  /* テキストとフォント */
  font-weight: bold;
  font-size: 1.05em;
  text-align: center;

  /* 見た目 */
  background: linear-gradient(135deg, #FFD600, #FFB300); /* 明るい黄色グラデーション */
  color: #002b5c; /* 紺色テキスト */
  border-radius: 50px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 -2px 6px rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}

/* ホバー時に少し浮き上がる演出 */
.special .swell-block-accordion__title:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}
  
  /* 展開した時の表示範囲の調整 */
  .swell-block-accordion__body {
    padding: 1em 0;
  }
  
  .swell-block-accordion__title {
    padding: 1em 1em 1em 1em;
  }
  
  /* .accordion-custom-01  */
  .accordion-custom-01 .swell-block-accordion__title {
    background: linear-gradient(135deg, #0b2a3a, #208ca4, #66c6cb) !important;
    color: #ffffff;
  }
  
  
  /* .accordion-custom-02  */
  .accordion-custom-02 .swell-block-accordion__title {
    background: #937625 !important; /* 金属感のあるゴールド */
  }
  
  /* .accordion-custom-03  */
  .accordion-custom-03 .swell-block-accordion__title {
    background: #41768e !important; /* 設計図をイメージした青 */
  }
  
  /* .accordion-custom-04 */
  .accordion-custom-04 .swell-block-accordion__title {
    background: #222 !important;
  }
  
  .accordion-custom-05 .swell-block-accordion__title {
    background: linear-gradient(135deg, #0c635e, #313131) !important;
  }

  .accordion-custom-06 .swell-block-accordion__title {
    background: linear-gradient(135deg, #ce342f, #313131) !important;
  }
  
  .swell-block-accordion__title {
   color: #ffffff;
    padding: 1rem;
    border-radius: 4px;
  }


  /* ======================================

  最新情報・お知らせのカスタマイズ　

========================================= */
/** トップページのお知らせ一覧 **/
/* 日付とカテゴリー並べ替え */
.top-newslist .p-postList__cat {
    order: 1;
    }
    .top-newslist .p-postList__times.c-postTimes.u-thin {
    order: 2;
    }
    /* 日付とカテゴリーのアイコン非表示 */
    .top-newslist time.c-postTimes__posted.icon-posted::before,.top-newslist span.p-postList__cat.icon-folder::before{
    display: none;
    }
    /* 日付とカテゴリーの文字サイズ */
    .top-newslist .p-postList__cat,.top-newslist time.c-postTimes__posted {
    font-size: 14px;
    }
    /* カテゴリーの装飾 */
    .top-newslist .p-postList__cat {
    color: #41768e;
    /* color: #0055ff; */
    border: solid 1px #41768e;
    border-radius: 3px;
    padding: 3.5px;
    }
  
  .p-postList .p-postList__title {
    background: none;
    border: none;
    color: inherit;
    display: block;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  .-type-simple .p-postList__title {
    font-size: 1em;
  }

  
/* ======================================

  スマホでも固定背景を有効に〈カバーの固定背景〉

========================================= */
.wp-block-cover.has-parallax {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
  }
  
  .wp-block-cover__image-background.has-parallax {
   position: fixed;
   top: 0;
   left: 0;
   z-index: -1;
  }


  /* ======================================

 画像ボーダー太く

========================================= */
.wp-block-image.is-style-border img, .wp-block-video.is-style-border video, img.border {
    border: 1px solid rgba(0, 0, 0, .5);
}


/* ======================================

テキスト縦書き

========================================= */
.vertical-text-box {
    writing-mode: vertical-rl; /* 縦書き（右から左） */
    text-orientation: upright; /* 文字の向きを正しく保つ */
    display: inline-block;
  }


  /* ======================================

表・線の色

========================================= */
.wp-block-table {
    --table-border: 1px solid #565656;
}


/* ===================

  文字テキスト上に丸点

=================== */
.dot-text {
    position: relative;
    display: inline-block;
    }
    
    .dot-text::before {
    content: "・";
    position: absolute;
    top: -0.8em; /* ← 距離を近づける（調整OK） */
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.9em;
    color: #a32c25;
    }
  
  
  /* ====================================
  
    アイコンメニューのアニメーション
  
  ===================================== */
  .appear-after {
    opacity: 0;
    transform: translateY(30px); /* 下からのスタート */
    animation: slideUpFadeIn 1s ease-out forwards;
    animation-delay: 2s; /* ← 2秒後に発動 */
  }
  
  /* アニメーションの定義 */
  @keyframes slideUpFadeIn {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }