@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  img.sheltie-icon{
    display: none !important;
  }
}


/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* 業務案内と統一：やさしいウグイス系グリーン */
.single-service-btn .btn{
  background-color: #7FBF9B;
  border-color: #7FBF9B;
  color: #fff;
}

.single-service-btn .btn:hover{
  background-color: #6AAE88;
  border-color: #6AAE88;
}
/* 特別用ボタン：青（信頼・公式感） */
.single-service-btn .btn.btn-blue{
  background-color: #5B8FC9;
  border-color: #5B8FC9;
  color: #fff;
}

.single-service-btn .btn.btn-blue:hover{
  background-color: #4A7FB5;
  border-color: #4A7FB5;
}
/* 相続手続フローチャート：下段の強調カード */
.service-card--flow{
  background: #F2FAF7;            /* やさしい青緑 */
  border: 1px solid #BFE3D6;
  border-left: 6px solid #5FB69B; /* アクセント */
  padding: 18px;
  border-radius: 12px;
}

/* フローチャート用ボタン */
.btn-flow{
  background-color: #5FB69B;
  border-color: #5FB69B;
  color: #fff;
}
.btn-flow:hover{
  background-color: #4AA889;
  border-color: #4AA889;
  color: #fff;
}
/* フローチャート導線：少し目立たせる（背景あり） */
.flow-cta{
  background: #F7FBFA;
  border: 1px solid #E3F1EC;
  border-radius: 12px;
}
/* フローチャート導線：このブロックだけ中央寄せを強制 */
.flow-cta{
  text-align: center !important;
}

/* 見出し・段落の個別指定が強い場合に備えて念押し */
.flow-cta h2,
.flow-cta p{
  text-align: center !important;
}

/* ボタンを確実に中央に置く */
.flow-cta__btn{
  text-align: center !important;
}
.flow-cta__btn a{
  display: inline-block;
}
.zoom-guide-link{
  text-align: center;
  font-size: 14px;
  margin: 20px 0 30px;
  opacity: 0.9;
}
.zoom-guide-link a{
  text-decoration: underline;
}
/* フローチャート説明：番号をHTMLで固定（最も安定） */
.t-box.t-box--note.flow-list .flow-steps{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.t-box.t-box--note.flow-list .flow-steps li{
  display: grid;
  grid-template-columns: 4.2em 1fr; /* ※10〜でも揃う幅 */
  column-gap: .6em;
  align-items: start;
  margin: 0 0 6px 0;
  line-height: 1.6;
}

.t-box.t-box--note.flow-list .flow-steps .flow-no{
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.t-box.t-box--note.flow-list .flow-steps .flow-txt{
  font-weight: 400;
}