@charset "utf-8";
/* CSS Document */

.page-id-2505 #header_logo img {
height: 55px!important;
}

/********************************************* 
事務所紹介（オフィス紹介セクション）
*********************************************/

/* コンテナ全体 */
.page-id-2505 .office-intro-section {
  max-width: 1200px;
  margin: 60px auto 40px;
  padding: 0 16px;
}

/* 3カラムレイアウト（取扱業務と同じflex構造） */
.page-id-2505 .office-intro-section .point-grid {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
}

/* 各ボックス */
.page-id-2505 .office-intro-section .point-box {
  flex: 1;
  max-width: 320px;     /* カラム幅を統一 */
  min-width: 280px;     /* 折り返し幅の基準 */
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
}

/* 番号バッジ */
.page-id-2505 .office-intro-section .point-box .num {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #2f7f63;
  color: #2f7f63;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}

/* 見出し */
.page-id-2505 .office-intro-section .point-box h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #333;
  text-align: center;
  min-height: 1.5em; /* 高さを固定して揃える */
}

/* 本文 */
.page-id-2505 .office-intro-section .point-box p {
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin: 0;
  text-align: left;
}

/* スマホ時の余白 */
@media (max-width: 768px) {
  .page-id-2505 .office-intro-section {
    margin: 48px auto 32px;
  }
}

/* ===== 事務所紹介を取扱業務と同じ幅で固定・整列 ===== */

/* 念のため Grid 指定を無効化して Flex を強制 */
.page-id-2505 .office-intro-section .point-grid{
  display: flex !important;
  justify-content: space-around;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
}

/* 各カラムの幅を完全に同一に（320px） */
.page-id-2505 .office-intro-section .point-box{
  flex: 0 1 320px;   /* basis=320px, 余白が足りなければ折返し */
  max-width: 320px;
  min-width: 320px;  /* 幅ブレ防止。2列落ちの閾値を明確化 */
  box-sizing: border-box;
  margin: 0;         /* 余計な外側余白を無効化 */
  padding: 0;        /* （枠なし運用） */
}

/* 見出し・本文の体裁はそのまま */
.page-id-2505 .office-intro-section .point-box h3{
  font-size: 18px;
  margin: 0 0 8px;
  color: #333;
  text-align: center;
  min-height: 1.5em;
}
.page-id-2505 .office-intro-section .point-box p{
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  margin: 0;
  text-align: left;
}

/* スマホは1カラムに落とす */
@media (max-width: 768px){
  .page-id-2505 .office-intro-section .point-box{
    flex: 1 1 100%;
    min-width: 0;
    max-width: none;
  }
}


/********************************************* 
取扱業務
*********************************************/

/* セクション全体のレイアウト */
.page-id-2505 .service-section {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  margin: 40px auto;
  max-width: 1200px;
}

/* 各ボックスのスタイル */
.page-id-2505 .service-section .feature-box {
  text-align: center;
  max-width: 320px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 画像スタイル */
.page-id-2505 .service-section .feature-box img {
  width: 100px;       /* アイコン幅を揃える */
  height: 100px;      /* アイコン高さを揃える */
  object-fit: contain;
  margin-bottom: 15px;
}

/* 見出しスタイル */
.page-id-2505 .service-section .feature-box h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #333;
  text-align: center;
  min-height: 1.5em;  /* 見出し高さを固定して揃える */
}

/* リード文スタイル */
.page-id-2505 .service-section .feature-box p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #555;
  text-align: left;
}

/* セクション下のボタン配置（既存の共通を踏襲） */
.page-id-2505 .service-section .inquiry-button-wrap {
  width: 100%;
  text-align: center;
  margin: 40px 0 0;
}

/*********************************************
見出し２
*********************************************/
.page-id-2505 .design_header .catch{
font-size: 40px;
}

/* P */
.page-id-2505 .design_header .desc{
font-size: 19px;
}

/* ボタンの文字 */
.page-id-2505 a.design_button{
	font-size: 22px;
}

/*********************************************
サービス一覧
*********************************************/
.page-id-2505 .cb_service_list .service_list .title{
font-size: 26px;
}

.page-id-2505 .cb_service_list .service_list .desc{
font-size: 18px;
line-height: 1.8;
}

.page-id-2505 .header_slider_content .desc {
	font-weight: 100;
}

/********************************************* 
事務所の強み
*********************************************/

/* セクション全体のレイアウト */
.page-id-2505 .feature-section {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  margin: 40px auto;
  max-width: 1200px;
}

/* 各ボックスのスタイル */
.page-id-2505 .feature-box {
  text-align: center;
  max-width: 320px;
  flex: 1;
}

/* 画像スタイル */
.page-id-2505 .feature-box img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 12px;
}

/* 見出しスタイル */
.page-id-2505 .feature-box h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #333;
  text-align: center;
}

/* リード文スタイル */
.page-id-2505 .feature-box p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #555;
  text-align: left;
}

/********************************************* 
弁護士に依頼するメリット
*********************************************/

/* セクション全体のレイアウト */
.page-id-2505 .merit-section {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  margin: 40px auto;
  max-width: 1200px;
}

/* 各ボックスのスタイル */
.page-id-2505 .merit-section .feature-box {
  text-align: center;
  max-width: 320px;
  flex: 1;
}

/* 画像スタイル */
.page-id-2505 .merit-section .feature-box img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 12px;
}

/* 見出しスタイル */
.page-id-2505 .merit-section .feature-box h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #333;
  text-align: center;
}

/* リード文スタイル */
.page-id-2505 .merit-section .feature-box p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #555;
  text-align: left;
}

/*********************************************
複雑な立場・資産の相続
*********************************************/

/* セクション全体のレイアウト */
.page-id-2505 .complex-inheritance-section {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: wrap;
  margin: 40px auto;
  max-width: 1200px;
}

/* 各ボックスのスタイル */
.page-id-2505 .complex-inheritance-section .feature-box {
  text-align: center;
  max-width: 320px;
  flex: 1;
}

/* 画像スタイル */
.page-id-2505 .complex-inheritance-section .feature-box img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 12px;
}

/* 見出しスタイル */
.page-id-2505 .complex-inheritance-section .feature-box h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #333;
  text-align: center;
}

/* リード文スタイル */
.page-id-2505 .complex-inheritance-section .feature-box p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  color: #555;
  text-align: left;
}

/* リンク設定 */

.page-id-2505 .complex-inheritance-section .feature-box {
  margin-bottom: 30px;
}

.page-id-2505 .complex-inheritance-section .feature-box a{
	color: #555!important;
}

.page-id-2505 .complex-inheritance-section .feature-box a:hover{
	color: #999!important;
}

.page-id-2505 .complex-inheritance-section .feature-box .image-wrap {
  overflow: hidden;
  display: block;
  border-radius: 8px;
  aspect-ratio: 4 / 3; /* ← 高さ固定用。比率で指定 */
  margin-bottom: 15px!important;
}

.page-id-2505 .complex-inheritance-section .feature-box .image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ← 拡大しても縦横比を保ちつつ切り取る */
  border-radius: 8px;
  transition: transform 0.3s ease;
  display: block;
}

.page-id-2505 .complex-inheritance-section .feature-box .image-link:hover img {
  transform: scale(1.1);
}

.page-id-2505 .complex-inheritance-section .feature-box .text-link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.3s ease;
}

.page-id-2505 .complex-inheritance-section .feature-box .text-link:hover {
  opacity: 0.7;
}

.page-id-2505 .complex-inheritance-section .feature-box .image-link {
  color: inherit;
  text-decoration: none;
}

/********************************************* 
問い合わせボタン（共通スタイル流用）
*********************************************/

.page-id-2505 .inquiry-button-wrap {
  text-align: center;
  margin: 40px 0;
}