@charset "utf-8";
/* CSS Document */
body {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #333333;
  line-height: 1.75;
  background-color: #fff;
}
img {
  max-width: 100%;
  object-fit: cover;
}
/*===================================ヘッダーここから================================================*/
.header {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}
.header-inner {
  display: none;
}
/* 右上★文章★ */
.h-text-right {
  text-align: right;
}
/* ★マークのスタイル */
.star-icon {
  color: #FF7F00; /*★の色（オレンジ） */
  margin-right: 5px; /*星とテキストの隙間 */
}
/* PCのロゴと右上文章＆TEL＆メール */
.pc-harvest-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 20px;
}
.header-logo {
  display: block;
  width: 530px;
  margin-top: 20px;
}
/* TEL＆メール */
.tel-and-mail {
  display: flex;
}
.tel-and-mail .tel {
   font-size: 28px;
}
.tel-and-mail .mail {
   font-size: 22px;
	margin-top: 7px;
}
.tel-and-mail p {
  margin-left: 30px;
}
/* ==============ナビゲーションここから==============*/
.site-menu ul {
  display: flex;
  width: 1000px;
  margin: 0 auto;
	padding: 0;
}
/* 各メニュー項目（li） */
.site-menu li {
  flex: 1;                 /* 項目を均等な幅にする（お好みで） */
}
/* リンクボタン本体（a） */
.site-menu a {
  display: block;          /* 領域全体をクリック可能にする */
  padding: 15px 10px;      /* 上下左右の余白 */
  text-decoration: none;   /* 下線を消す */
  text-align: center;      /* 文字を中央寄せ */
  
  /* ★重要：変化を滑らかにする設定 */
  transition: background-color 0.3s, color 0.3s;
}
/* ★マウスホバー時の設定 */
.site-menu a:hover {
  background-color: #009933; /* ホバー時の背景色（例：青） */
  color: #fff;               /* ホバー時の文字色（例：白） */
}
/* ==============ナビゲーションここまで==============*/
/*===================================ヘッダーここまで================================================*/
/*=============================ファーストビューここから===============================================*/
.first-view {
  height: calc(100vh - 150px);
  background-image: url("../images/top.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
  position: relative; /* 基準にする */
}
.first-view-text {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 33px;
  line-height: 1.5;
  color: #fff;
  /*text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);*/
	text-shadow: 
  0 0 20px rgba(0, 0, 0, 0.8), /* 遠くまで広がるぼんやりした影 */
  2px 2px 4px rgba(0, 0, 0, 0.9); /* 文字の輪郭を支える濃い影 */
  letter-spacing: 0.05em;
}
.first-view-text .primary {
  position: absolute;
  top: 13vh; /* 上から15% */
}
.first-view-text .primary .highlight {
  font-size: 1.5em; /* 周りの文字より大きく */
}
.first-view-text .lead {
  position: absolute;
  top: 33vh; /* 上から35% */
  font-size: 40px;
}
.first-view-text .lead .highlight {
  font-size: 1.5em; /* 周りの文字より大きく */
}
.first-view-text .lead .small {
  font-size: 0.7em; /* 周りの文字より小さく */
}
/*=============================ファーストビューここまで===============================================*/
/*====================================業務内容ここから===============================================*/
.service { /* 業務内容エリア */
  /*  background-color: #f8f8f8;*/
  max-width: 1000px;
  width: 90%;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
}
/*=見出しの共通CSSここから=*/
.heading { /* 見出し */
  text-align: center; /* 文字の中央寄せ */
}
.heading .main-text { /* メイン見出し */
  font-size: 36px;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 700;
  color: #009900; /* 緑色 */
  letter-spacing: 0.3em;
  text-align: center;
}
.heading .sub-text { /* サブ見出し */
  display: inline-block;
  font-family: "Lora", serif;
  font-weight: 500;
  font-size: 18px;
  color: #009900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  margin-top: 5px;
}
.heading .main-text { /* 見出しの装飾下線 */
  position: relative;
}
.heading .main-text::before { /* 見出しの装飾下線 */
  background-color: #009900; /* 線の緑色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -10px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 60px; /* 線の長さ */
}
/*=見出しの共通CSSここまで=*/
/*=相続登記ここから=*/
.service h3 { /* 相続登記・遺産承継タイトル */
  font-size: 32px;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.3em;
  text-align: left;
  margin-top: 50px;
  margin-bottom: 10px;
}
.service .registration { /* 相続登記文章と画像 */
  display: flex;
  /*justify-content: space-between;*/
  align-items: flex-start;
}
.registration-lead { /* 相続登記文章 */
  max-width: 600px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.service .registration img { /* 相続登記画像 */
  width: 400px;
  height: 300px;
  margin-top: 100px;
}
.service .registration .registration-lead h4 {
  font-size: 22px;
  color: #009900; /* 緑色 */
}
.registration-lead .comment { /* 補足の文章 */
  font-size: 18px;
  color: #009900; /* 緑色 */
}
/*=チェックリストここから=*/
.service /*.registration*/ ul { /* チェックリスト */
  list-style-type: none;
  padding-top: 15px;
  padding-bottom: 15px;
}
.service /*.registration*/ li { /* チェックリスト */
  position: relative;
  line-height: 2;
  left: 1.5em;
  font-weight: 700;
  letter-spacing: 0.1em;
/*	padding-right: 50px;*/
}
.service li::after { /* チェック部分 */
  content: '';
  display: block;
  position: absolute;
  top: .8em;
  left: -1.3em;
  width: 12px;
  height: 7px;
  border-left: 3px solid #009900;
  border-bottom: 3px solid #009900;
  transform: rotate(-45deg);
}
/*=チェックリストここまで=*/
.service p { /* 相続登記・遺産承継の文章 */
  letter-spacing: 0.1em;
  line-height: 1.85;
  padding-right: 25px;
}
/*=相続登記ここまで=*/
/*=遺産承継ここから=*/
.service .inheritance img { /* 遺産承継画像 */
  width: 400px;
  height: 300px;
  margin-top: 100px;
}
.service .inheritance { /* 遺産承継文章と画像 */
  display: flex;
  align-items: flex-start;
}
.inheritance-lead { /* 遺産承継文章 */
  max-width: 600px;
  margin-right: 20px;
}
/*=遺産承継ここまで=*/
/*====================================業務内容ここまで===============================================*/
/*===============================当事務所の特徴ここから===============================================*/
.point { /* 当事務所の特徴エリア */
  background-color: #e8ffd1;/* 薄い黄緑 */
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
}
.point .point-list { /* 事務所の特徴3つ横並び */
  display: flex;
  max-width: 1000px;
	  	 width: 90%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
.point .point-list li { /* 画像と文章 */
  flex-shrink: 0;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 60px;
}
.point .point-list img { /* 事務所の特徴の画像 */
  width: 280px;
  height: 180px;
	  /* 枠の設定 */
  /*border: 0.1px solid #333;*/ /* 白い枠線 */
  /* 影の設定 */
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3); /* 右下、ぼかし、薄い黒 */
}
.point .point-list { /* 事務所の特徴の数字*/
  /* 「my-counter」という名前のカウンターを0にリセット */
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
.point .point-list dt::before { /* 事務所の特徴の数字*/
  counter-increment: my-counter; /* カウンターを1増やす */
  content: counter(my-counter, decimal-leading-zero) ". "; /* カウンターの値を表示し、数字の前に「0」をつけ、後ろに「. 」を付ける */ 
  display: inline-block; /* 必須 */
  transform: skewX(-15deg); /* X軸方向に傾斜 */
  padding-right: 5px; /* 数字の右側に余白を追加 (調整可能) */
  font-family: "Lora", serif;
  font-weight: 500;
  font-size: 34px;
  color: #797979;
}
.point .point-list dt { /* 事務所の特徴タイトル */
  font-size: 20px;
  color: #333;
  padding-bottom: 10px;
  position: relative; /* my-counterの数字の装飾*/
}
.point .point-list dd { /* 事務所の特徴の説明文 */
  font-size: 18px;
  color: #333;
  line-height: 1.85;
  padding-bottom: 5px;
}
/*===============================当事務所の特徴ここまで===============================================*/
/*=================================スタッフ紹介ここから===============================================*/
.profile { /* スタッフ紹介エリア */
  max-width: 1000px;
  width: 90%;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}
.introduction { /* スタッフ紹介の画像と文章 */
  display: flex;
  margin: 30px auto;
}
.introduction img { /* スタッフ紹介の画像 */
  width: 350px;
  height: 400px;
  margin-top: 80px;
  margin-right: 80px;
/*	 box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3);*/ /* 右下、ぼかし、薄い黒 */
}
.profile .representative { /* 代表司法書士 */
  font-size: 18px;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
}
.profile .name-ruby { /* 名前（漢字） */
  font-family: "BIZ UDPMincho", serif;
  font-weight: 700;
  font-size: 30px; /* 名前を少し大きく */
  letter-spacing: 0.1em;
}
.profile .name-ruby rt { /* 名前（ふりがな） */
  font-size: 16px; /* ふりがなを小さく */
  font-weight: 400;
  padding-bottom: 2px; /* ルビと漢字の間に少し隙間を空ける */
  /* color: #666; */ /* 色を薄く */
}
.profile p { /* 自己紹介文 */
  margin-top: 20px;
  line-height: 1.85;
}
.profile .hobby { /* 強みと趣味 */
  margin-top: 20px;
}
.profile .hobby .label { /* 強みと趣味の文字強調 */
  font-weight: 700;
}
.profile .hobby .label::after { /* 強み趣味のコロン */
  content: ":"; /* コロンを追加 */
  margin-right: 0.5em; /* 必要に応じて右に余白を追加 */
  margin-left: 0.5em;
  font-weight: 700;
}
.profile .registration-number { /* 司法書士登録番号 */
  margin-top: 20px;
}
/*=================================スタッフ紹介ここまで===============================================*/
/*===================================-料金表ここから===============================================*/
.price { /* 料金表エリア */
  max-width: 1100px;
  width: 90%;
  margin-top: 130px;
  margin-right: auto;
  margin-left: auto;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pricecards { /* 料金表の数字 */
  /* 「my-counter」という名前のカウンターを0にリセット */
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
.pricecards h3::before { /* 料金表数字「01,02,03」 */
  counter-increment: my-counter; /* カウンターを1増やす */
  content: counter(my-counter, decimal-leading-zero)". " "\A"; /* カウンターの値を表示し、数字の前に「0」をつける */ /* 改行する*/
  white-space: pre; /* 改行を有効にするために必須 */
  display: inline-block; /* 必須 */
 /* padding-right: 5px;*/ /* 数字の右側に余白を追加 (調整可能) */
  font-family: "Lora", serif;
  font-weight: 500;
  font-size: 34px;
  color: #fff;
}
.pricecards {/* 料金表のプラン3種類 */
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
	 gap: 20px; 
}
.pricecard {/* 料金表のプラン1つずつ */
	background-color:#e2ffc6;/* 薄い黄緑 */
  text-align: center;
  border: 3px solid #009933;/* 濃い緑 */
  padding-bottom: 1rem;
  box-sizing: border-box;
	 display: flex;
	  flex-direction: column;
	flex: 1; /* カードの幅を均等にする */
	 margin: 30px auto 20px;
  min-width: 250px; /* 最小幅（画面幅が狭いときの調整） */
}
.pricecard h3 {/* 料金表のプランタイトル */
  background-color: #009933;/* 濃い緑 */
  color: #fff;
	font-size: 24px;
	font-weight: 700;
  padding: 20px 10px;
  margin: 0;
}
.pricecard .plan-name{/* プラン名（相続登記おまかせプラン・遺産承継プラン） */
	font-size: 20px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 5px;
}
.pricecard .plan-name-one{/* プラン名（相続登記サポートプラン） */
	font-size: 20px;
	font-weight: 700;
	margin-top: 38px;
	margin-bottom: 20px;
}
.pricecard .money {/* 価格 */
  font-size: 38px;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
}
.money .small {/* 円～ */
  font-size: 0.6em; /* 周りの文字より小さく */
	margin-left: 5px;
}
.comment{/* 基本報酬（税込） */
	font-size: 16px;
	font-weight: 700;
}
.plan-explanation{
	background-color: #fff;
	margin: 15px;
	padding: 5px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); /* 右下、ぼかし、薄い黒 */
}
.plan-explanation li{/* 箇条書きリスト */
	text-align: left;
	 list-style-type: disc; /* 黒丸を指定 */
	margin-left: 30px;
	margin-top: 5px;
	font-size: 16px;
		font-weight: 700;
}
.annotations{/* 注釈 */
		text-align: left;
	font-size: 16px;
		font-weight: 700;
  padding-left: 1em;/* 左側に1文字分の余白（padding）を作る */
  text-indent: -1em;  /* 1行目だけ1文字分左に戻す */
	margin-left: 20px;
	margin-right: 20px;
}
/*===================================-料金表ここまで===============================================*/
/*==================================事務所案内ここから===============================================*/
.information { /* 事務所案内エリア */
  max-width: 1000px;
  width: 100%;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
	/*background-color: #eee;*/
}
.office {/* 事務所案内と事務所画像 */
  display: flex;
	 justify-content: center; 
	gap:20px;
	 margin: 50px auto;
}
.information-logo {/* ロゴ */
  display: block;
  width: 380px;
}
.office-information .label::after { /* コロン */
  content: ":"; /* コロンを追加 */
  margin-right: 0.5em; /* 必要に応じて右に余白を追加 */
  margin-left: 0.5em;
  /*font-weight: 700;*/
}
.information-tel{
	margin-top: 10px;
}
a[href*="tel:"] {/* PCでは電話番号リンクを無効化 */
    pointer-events: none; /*①アンカーのtelを無効化*/
    cursor: default; /*②アンカーのポインターをデフォルトにする*/
    text-decoration: none;
}
.information-mail{
		margin-top: 4px;
	}
	.information-time{
		margin-top: 4px;
	}
		.information-holiday{
		margin-top: 4px;
	}
.train-directions{/* 電車イラストと行き方 */
	display: flex;
	margin-top: 25px;	
}
.train{/* 電車イラスト */
	  width: 40px;
	margin-right: 8px;
	margin-top: 8px;
}
.office-photo-sp img{
	display: none;
}
.office-photo img { /* 事務所の画像 */
  width: 400px;
  height: 300px;
  /*margin-top: 20px;*/
}
/*==================================事務所案内ここまで===============================================*/
/*==================================地図ここから===============================================*/
.map-container {
    width: 100%;
  margin: 50px 0 0 0;
    padding: 0;
    line-height: 0; /* マップ下部の余計な隙間を消す */
}
.map-container iframe {
    width: 100%;
    height: 400px; /* お好みの高さに調整 */
}
/*==================================地図ここまで===============================================*/
/*==================================フッターここから===============================================*/
.footer{
	  background-color: #009933;/* 濃い緑 */
	padding: 3px 0;
}
.copyright{
	color: #fff;
	text-align: center;
}
/*==================================フッターここまで===============================================*/
/*=============================レスポンシブ対応ここから===============================================*/
@media(max-width:800px) {
.pc-harvest-content{
        display: none;
    }	
	.site-menu{
        display: none;
    }	
	.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    height: 60px;
    z-index: 10;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		padding-right: 5px;
		padding-left: 5px;
  }
  .header-inner {
  display: block;
    padding-left: 0px;
    padding-right: 70px;
    height: 100%;
  }
  .header-logo-sp {
display: block;
  width: 290px;
  margin-top: 15px;
  }
/*============ハンバーガーメニューここから===========*/  
 /* 以下に参考サイトのメニュー用CSSを貼り付ける */
/* メニューを画面上部に固定表示しています */
.gMenu {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
/* メニューアイコンを画面右上に固定しています */
.gMenu .menu-icon {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
  height: 12px;
}
/* メニューアイコン（三本線）の真ん中の線です */
.gMenu .menu-icon .navicon {
  background: #000000; /* 色は自由に変更可能です */
  display: block;
  height: 2px; /* 太さ */
  width: 31px; /* 長さ */
  position: relative;
  transition: background .4s ease-out; /* 形が変わる時のアニメーション */
}
/* メニューアイコン（三本線）の上と下の線を疑似要素で追加 */
.gMenu .menu-icon .navicon::before,
.gMenu .menu-icon .navicon::after {
  background: #000; /* 色は自由に変更可能です */
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .4s ease-out; /* 形が変わる時のアニメーション */
  width: 100%;
}
.gMenu .menu-icon .navicon::before {top: 10px;} /* 位置を上にずらしています */
.gMenu .menu-icon .navicon::after {top: -10px;} /* 位置を下にずらしています */
/* 表示されるメニューです */
.gMenu .menu {
  background-color: rgba(255,255,255,0.9);
  overflow: hidden;
  max-height: 0; /* ★最初は高さを0にして非表示状態に */
  transition: max-height .6s; /* 表示されるときのアニメーション */
  text-align: center;
}
/* メニュー部分のデザインです */
.gMenu .menu li:first-of-type {
  padding-top: 50px;
}
.gMenu .menu li a {
  display: block;
  padding: 20px 20px;
	font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.gMenu .menu li a:hover {
  background-color: #f4f4f4;
}
/* チェックボックスは常に非表示です */
.gMenu .menu-btn {
  display: none;
}
/* ▼▼▼以下はチェックボックスがONの時の状態です▼▼▼ */
.gMenu .menu-btn:checked ~ .menu {
  max-height: 600px; /* ★チェックボックスがオンの時高さを600pxにして表示させます */
  transition: max-height .6s;
}
/* メニューボタンの中央の線を非表示に */
.gMenu .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}

/* メニューボタンの上下の線を45度傾けて✕印を作ります */
.gMenu .menu-btn:checked ~ .menu-icon .navicon::before {transform: rotate(-45deg);top: 0;}
.gMenu .menu-btn:checked ~ .menu-icon .navicon::after {transform: rotate(45deg);top: 0;}
/* サイトに合わせてオリジナルカスタマイズ */
.gMenu .menu-icon {
  top: 26px;
}
.gMenu .menu-icon .navicon,
.gMenu .menu-icon .navicon::before,
.gMenu .menu-icon .navicon::after {
  background: #003366;
}
/* メニューアイコンの下に「MENU」の文字を追加 */
.gMenu .menu-icon::after {
  content: "MENU"; /* 表示したい文字 */
  position: absolute;
  bottom: -20px;   /* アイコンからの距離（調整可） */
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px; /* 文字のサイズ */
  font-weight: bold;
  color: #000;  /* 「MENU」の文字色 */
  letter-spacing: 0.1em;
  transition: opacity .4s; /* 開閉時のアニメーション用 */
}
/*メニューが開いているとき（×印のとき）は「MENU」の文字を隠す*/
.gMenu .menu-btn:checked ~ .menu-icon::after {
  opacity: 0; /* もし「MENU」の文字を消したくない場合は、この3行を削除*/
}	
/*============ハンバーガーメニューここまで=============*/ 
/*==================ヘッダーここまで=================*/ 
/*===============ファーストビューここから=============*/
  .main {
    padding-top: 60px;
  }
.first-view {
  height: calc(60vh - 60px);
}
	.first-view-text {
  width: 85%;
  max-width: 800px;
  font-size: 24px;
  line-height: 1.5;
}
.first-view-text .primary {
  top: 11vh; /* 上から25% */
}
.first-view-text .primary .highlight {
  font-size: 1.3em; /* 周りの文字より大きく */
}
.first-view-text .lead {
  top: 27vh; /* 上から55% */
  font-size: 24px;
}
.first-view-text .lead .highlight {
  font-size: 1.3em; /* 周りの文字より大きく */
}
.first-view-text .lead .small {
  font-size: 0.8em; /* 周りの文字より小さく */
}
/*=============================ファーストビューここまで===============================================*/
/*====================================業務内容ここから===============================================*/
.service { /* 業務内容エリア */
  width: 90%;
  /*margin-top: 50px;*/
	 margin-top: 0px;
	padding-top: 50px;
}
/*====見出しの共通CSSここから====*/	
.heading .main-text { /* メイン見出し */
  font-size: 28px;
}
.heading .sub-text { /* サブ見出し */
  font-size: 16px;
}
/*====見出しの共通CSSここまで====*/
/*====相続登記ここから====*/
.service h3 { /* 相続登記・遺産承継タイトル */
  font-size: 24px;
  margin-top: 40px;
}
.service .registration { /* 相続登記文章と画像 */
	 display: block;
}
.registration-lead { /* 相続登記文章 */
	  margin-right: 0px;
  margin-bottom: 5px;
}
.service .registration img { /* 相続登記画像 */
	width: 100%;
	height: auto;
	 display: block;
    margin: 10px auto 0px; /* 左右中央寄せ */
}
.registration-lead .comment { /* 補足の文章 */
  font-size: 16px;
}
/*=相続登記・遺産承継の共通チェックリストここから=*/
.service /*.registration*/ ul { /* チェックリスト */
  padding-top: 10px;
  padding-bottom: 10px;
}
.service /*.registration*/ li { /* チェックリスト */
  line-height: 1.7;
  left: 1em;
  letter-spacing: 0.1em;
	font-size: 16px;
	margin-right: 10px;
}
.service li::after { /* チェック部分 */
  top: .5em;
  left: -1em;
  width: 12px;
  height: 7px;
}
/*=相続登記・遺産承継の共通チェックリストここまで=*/
.service p { /* 相続登記・遺産承継の文章 */
  letter-spacing: 0.1em;
  line-height: 1.75;
  padding-right: 0px;
	padding-top: 10px;
}
/*=相続登記ここまで=*/
/*=遺産承継ここから=*/
.service .inheritance img { /* 遺産承継画像 */
		width: 100%;
	height: auto;
		 display: block;
    margin: 10px auto 0px; /* 左右中央寄せ */
}
.service .inheritance { /* 遺産承継文章と画像 */
	display: block;
}
.inheritance-lead { /* 遺産承継文章 */
  margin-right: 0px;
}
/*=遺産承継ここまで=*/
/*====================================業務内容ここまで===============================================*/	
/*===============================当事務所の特徴ここから===============================================*/
.point { /* 当事務所の特徴エリア */
  margin-top: 50px;
  padding-top: 50px;
}
.point .point-list { /* 事務所の特徴3つ横並び */
		display: grid;
	grid-template-columns: repeat(1,320px);/* 幅320pxで1列に並ぶ */
/*	row-gap: 30px;*//* コラム間の余白 */
	justify-content: center;
	  	 width: 90%;
}
.point .point-list li { /* 画像と文章 */
		padding-bottom: 40px;
}
.point .point-list img { /* 事務所の特徴の画像 */
	display: block;
		width: 100%;
    margin: 0px auto 0px; /* 左右中央寄せ */
}
.point .point-list dt::before { /* 事務所の特徴の数字*/
  font-size: 30px;
}
.point .point-list dt { /* 事務所の特徴タイトル */
  font-size: 22px;
  padding-bottom: 5px;
}
.point .point-list dd { /* 事務所の特徴の説明文 */
  font-size: 18px;
  line-height: 1.6;
  padding-bottom: 5px;
}
/*===============================当事務所の特徴ここまで===============================================*/
/*=================================スタッフ紹介ここから===============================================*/
.profile { /* スタッフ紹介エリア */
  /*margin-top: 50px;*/
	 margin-top: 0px;
	padding-top: 50px;
}
.introduction { /* スタッフ紹介の画像と文章 */
/*  display: flex;*/
	display: block;
  margin: 30px auto 0px;
}
.introduction img { /* スタッフ紹介の画像 */
		display: block;
		width: 90%;
	height: auto;
    margin: 0px auto 0px; /* 左右中央寄せ */
  margin-top: 30px;
}
.profile .representative { /* 代表司法書士 */
  font-size: 18px;
}
.profile .name-ruby { /* 名前（漢字） */
  font-size: 26px; /* 名前を少し大きく */
}
.profile .name-ruby rt { /* 名前（ふりがな） */
  font-size: 14px; /* ふりがなを小さく */
}
.profile p { /* 自己紹介文 */
  margin-top: 15px;
  line-height: 1.75;
	font-size: 18px;
}
.profile .registration-number { /* 司法書士登録番号 */
	font-size: 16px;
}
/*=================================スタッフ紹介ここまで===============================================*/
/*================料金表ここから==================*/
.price { /* 料金表エリア */
  /*margin-top: 50px;*/
	margin-top: 0px;
	padding-top: 50px;
}
.pricecards h3::before { /* 料金表数字「01,02,03」 */
  font-size: 30px;
}
.pricecard {/* 料金表のプラン1つずつ */
	 margin: 10px auto 0px;
}
.pricecard h3 {/* 料金表のプランタイトル */
	font-size: 22px;
  padding: 10px 5px;
}
.pricecard .plan-name{/* プラン名（相続登記おまかせプラン・遺産承継プラン） */
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
}
.pricecard .plan-name-one{/* プラン名（相続登記サポートプラン） */
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 5px;
}
.pricecard .money {/* 価格 */
  font-size: 36px;
	margin-bottom: 5px;
}
.comment{/* 基本報酬（税込） */
	font-size: 15px;
}
.plan-explanation{
	margin: 15px;
	padding: 5px;
}
.plan-explanation li{/* 箇条書きリスト */
	font-size: 16px;
}
.annotations{/* 注釈 */
	font-size: 15px;
}
/*================料金表ここまで==================*/
/*=============事務所案内ここから==================*/
.information { /* 事務所案内エリア */
  width: 90%;
  /*margin-top: 70px;*/
	  margin-top: 0px;
	padding-top: 70px;
}
.office {/* 事務所案内と事務所画像 */
/*  display: flex;*/
	display: block;
	 margin: 30px auto 20px;
}
.information-logo {/* ロゴ */
  width: 310px;
}
.office-photo img { /* 事務所の画像PC版 */
	display: none;
}
	.office-photo-sp img { /* 事務所の画像スマホ版 */
	display: block;
				width: 80%;
	height: auto;
    margin-right: auto; /* 左右中央寄せ */
		margin-left: auto;
		margin-top: 10px;
}
	.train-directions{/* 電車イラストと行き方 */
	margin-top: 15px;	
}
	a[href*="tel:"] {/* PCでは電話番号リンクを有効化 */
    pointer-events: auto; /*アンカーのtelを有効化*/
}
/*=============事務所案内ここまで==================*/
/*================地図ここから===================*/
.map-container {
  margin: 0 0 0 0;
}
.map-container iframe {
    height: 300px; /* お好みの高さに調整 */
}
/*================地図ここまで===================*/
/*============フッターここから====================*/
.footer{
	padding: 2px 0;
}
/*============フッターここまで====================*/
}