/* 宅建業免許ネット TOP改善 v3 : 現行 style.css の後に読み込み */
:root{--seo-green:#007a3e;--seo-green-bright:#11b634;--seo-green-soft:#ebf5f0;--seo-green-line:#c8dfd0;--seo-ink:#28382e}
/* Main visual: 現行の mv_bg.jpg を生かし、文字はHTMLで実装 */
.new_mv{min-height:0;display:block;background-image:linear-gradient(90deg,rgba(11,41,28,.82) 0%,rgba(16,57,36,.68) 52%,rgba(18,57,39,.32) 100%),url('../images/top/mv_bg.jpg');background-position:center;background-size:cover;color:#fff}
.seo-hero-overlay{padding:145px 0 85px;width:100%}
.seo-hero-content{max-width:1120px;margin:auto}
.seo-hero-kicker{font-family:'Roboto Condensed',sans-serif;font-size:13px;letter-spacing:.24em;color:#c1e8cc;margin:0 0 24px}
.seo-hero-content h1{font-family:'Noto Serif JP',serif;font-weight:500;font-size:clamp(32px,4.5vw,58px);line-height:1.52;letter-spacing:.035em;color:#fff;margin:0 0 18px;text-shadow:0 2px 15px rgba(0,0,0,.16)}
.seo-hero-content h1 span{color:#e2f6e9}
.seo-hero-lead{font-size:clamp(14px,1.55vw,17px);line-height:2;color:#fff;margin:0 0 38px}
.seo-hero-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:890px}
.seo-hero-choice-item{padding:24px 27px 23px;background:rgba(255,255,255,.95);color:#243a2e;border-top:4px solid #098941}
.seo-hero-choice-en{font-family:'Roboto Condensed',sans-serif;font-size:11px;letter-spacing:.16em;color:#098941;margin:0 0 8px}
.seo-hero-choice-item h2{font-size:clamp(18px,2vw,23px);font-family:'Noto Serif JP',serif;color:#243a2e;font-weight:600;line-height:1.5;margin:0 0 9px}
.seo-hero-choice-item>p:not(.seo-hero-choice-en){font-size:13px;margin:0 0 19px;color:#53645a}
.seo-hero-choice-item .btn_link{width:200px;max-width:100%;padding:9px 26px 9px 10px}
/* 新規コンテンツ: 現行の淡緑背景・明朝見出し・細い緑線に合わせる */
.seo-section{padding:76px 0;color:var(--seo-ink)}
.seo-section .container{max-width:1120px}
.seo-section-intro,.seo-section-faq{background:var(--seo-green-soft)}
.seo-section-basics{background:#fff}
.seo-eyebrow{text-align:center;font-family:'Roboto Condensed',sans-serif;letter-spacing:.18em;color:var(--seo-green-bright);font-size:12px;margin:0 0 12px}
.seo-title{text-align:center;font-family:'Noto Serif JP',serif;font-weight:600;font-size:clamp(23px,2.7vw,32px);line-height:1.6;margin:0 0 22px;color:#1A712E}
.seo-title:after{content:'';display:block;width:100px;height:1px;background:rgba(9,137,65,.55);margin:19px auto 0}
.seo-lead{max-width:850px;margin:0 auto 35px;line-height:2.05;font-size:15px}
.seo-two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.seo-service-card{background:#fff;padding:33px 34px 31px;border:1px solid var(--seo-green-line);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.seo-card-num{color:var(--seo-green-bright);letter-spacing:.13em;font-size:12px}
.seo-service-card h3{font-size:23px;font-family:'Noto Serif JP',serif;font-weight:600;color:#263d2e;margin:13px 0 17px;line-height:1.5}
.seo-service-card p,.seo-service-card li,.seo-feature-grid p,.seo-faq-list p{font-size:14px;line-height:2}
.seo-service-card ul{padding-left:1.4em;margin:12px 0 24px}
.seo-service-card .btn_link{margin-top:auto;min-height:34px;padding:8px 20px 8px 8px}
.seo-center{text-align:center;margin:30px 0 0}
.seo-center .btn_link{margin-left:auto;margin-right:auto;min-height:35px;padding:8px 22px 8px 8px}
.seo-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.seo-feature-grid>div{padding:25px 28px;background:#ebf5f0;border-left:2px solid #098941}
.seo-feature-grid h3{font-size:19px;font-family:'Noto Serif JP',serif;font-weight:600;margin:0 0 10px;color:#263d2e}
.seo-feature-grid p{margin:0}
.seo-faq-list{max-width:900px;margin:0 auto}
.seo-faq-list details{border-bottom:1px solid var(--seo-green-line);background:#fff;padding:0 23px}
.seo-faq-list summary{cursor:pointer;padding:20px 4px;font-weight:600;font-size:15px;line-height:1.7;color:#263d2e}
.seo-faq-list details p{padding:0 4px 20px;margin:0}
.seo-section-contact{text-align:center;background:#ebf5f0;padding:64px 0}
.seo-section-contact h2{font-size:clamp(22px,2.5vw,29px);font-family:'Noto Serif JP',serif;font-weight:600;line-height:1.6;margin:0 0 16px;color:#263d2e}
.seo-section-contact p{font-size:14px;line-height:2;margin:0 0 25px;color:var(--seo-ink)}
/* About Us: original images/text, three compact columns */
.seo-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:24px 0 35px}
.seo-about-card{min-width:0;text-align:center;background:#fff}
.seo-about-image{margin:0 0 20px;overflow:hidden}
.seo-about-image img{display:block;width:100%;height:auto;object-fit:cover}
.seo-about-card h4{font-size:18px;line-height:1.6;margin:0 0 15px;color:#263d2e}
.seo-about-card p{font-size:14px;line-height:2;text-align:left;margin:0}
@media(max-width:991px){.seo-about-grid{gap:18px}.seo-about-card h4{font-size:17px}.seo-hero-overlay{padding:125px 0 70px}}
@media(max-width:767px){.seo-hero-overlay{padding:115px 0 65px}.seo-hero-content{padding-left:22px;padding-right:22px}.seo-hero-content h1{font-size:clamp(29px,7vw,40px)}.seo-hero-choice{grid-template-columns:1fr;gap:12px}.seo-hero-choice-item{padding:18px 20px}.seo-hero-lead br{display:none}.seo-section{padding:52px 0}.seo-section .container{padding-left:22px;padding-right:22px}.seo-two-cards,.seo-feature-grid{grid-template-columns:1fr}.seo-service-card{padding:25px}.seo-lead{font-size:14px}.seo-faq-list details{padding:0 15px}.seo-about-grid{grid-template-columns:1fr;gap:32px}.seo-about-card{max-width:560px;margin:0 auto}.seo-about-image img{width:100%;height:auto}.seo-about-card p{text-align:left}}


/* =========================================================
   Ver.4 デザイン調整（既存スタイルは維持、以下で必要箇所のみ上書き）
   ========================================================= */
/* ロゴ：トップページだけに適用。PC・スマホの肥大化を防ぐ */
.header_block.top_page .logo_area .logo{width:220px;max-width:100%;padding-right:0;float:none;box-sizing:border-box}
.header_block.top_page .logo_area .logo a{display:block}
.header_block.top_page .logo_area .logo img{display:block;width:100%;max-width:220px;height:auto}

/* 明るいメインビジュアル：元の都市風景を活かし、暗いオーバーレイを撤去 */
.new_mv{background-image:linear-gradient(90deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.68) 38%,rgba(255,255,255,.48) 72%,rgba(255,255,255,.20) 100%),url('../images/top/mv_bg.jpg');background-position:center 48%;color:#234433;padding: 0 30px;}
.seo-hero-overlay{padding:105px 0 76px}
.seo-hero-kicker{color:#07834a;font-weight:600;margin-bottom:18px}
.seo-hero-content h1{color:#1b4733;text-shadow:none;font-size:clamp(31px,4.25vw,55px);line-height:1.48}
.seo-hero-content h1 span{color:#007a3e}
.seo-hero-lead{color:#2b4838;font-weight:500;margin-bottom:29px;text-shadow:none}
.seo-hero-choice{max-width:900px}
.seo-hero-choice-item{background:rgba(255,255,255,.97);border:1px solid #c6dfcf;border-top:4px solid #078b49;box-shadow:0 8px 28px rgba(22,77,48,.08)}
.seo-hero-choice-item .btn_link{width:max-content;min-width:200px;max-width:100%;white-space:nowrap;box-sizing:border-box;padding:9px 28px 9px 14px}

/* 新規ブロック：ボタン文字を折り返さず、既存 btn_link の意匠を利用 */
.seo-service-card .btn_link,.seo-center .btn_link{width:max-content;max-width:100%;min-width:200px;white-space:nowrap;box-sizing:border-box;text-align:center;padding:10px 28px 10px 16px}
.seo-service-card .btn_link{margin-top:auto}

/* About Us：画像を英字テキストへ変更。3カラムをコンパクトに */
.seo-about-grid{gap:26px;margin-top:20px;margin-bottom:28px}
.seo-about-card{padding:22px 21px 24px;border-top:3px solid #078b49;background:#f7faf7}
.seo-about-eyebrow{font-family:'Roboto Condensed',sans-serif!important;font-size:12px!important;font-weight:600;letter-spacing:.16em;color:#078b49;text-align:center!important;line-height:1.5!important;margin:0 0 16px!important}
.seo-about-card h4{margin-bottom:12px}

/* FAQ：直前のセクションと明確に区別する白地 */
.seo-section-faq{background:#fff;border-top:1px solid #e5eee8;border-bottom:1px solid #e5eee8}
.seo-section-faq .seo-faq-list details{background:#f3f8f5;border:1px solid #d6e6db;margin-bottom:10px}

/* 最下部の相談CTA：中央配置・大きめの専用デザイン */
.seo-section-contact .seo-contact-cta{display:flex;align-items:center;justify-content:center;gap:20px;max-width:100%;width:440px;min-height:66px;margin:30px auto 0;padding:17px 24px;background:#007a3e;border:2px solid #007a3e;color:#fff!important;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:.04em;text-align:center;text-decoration:none!important;box-sizing:border-box;transition:background .2s,color .2s}
.seo-section-contact .seo-contact-cta span{font-size:24px;line-height:1}
.seo-section-contact .seo-contact-cta:hover,.seo-section-contact .seo-contact-cta:focus{background:#fff;color:#007a3e!important}
@media(max-width:900px){.header_block.top_page .logo_area .logo{width:200px}.header_block.top_page .logo_area .logo img{max-width:200px}}
@media(max-width:767px){.new_mv{background-image:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.75)),url('../images/top/mv_bg.jpg');background-position:60% center}.seo-hero-overlay{padding:100px 0 55px}.seo-hero-content h1{font-size:clamp(27px,7vw,39px)}.seo-about-grid{gap:18px}.seo-about-card{padding:20px}.seo-section-contact .seo-contact-cta{width:100%;font-size:16px;min-height:62px}.seo-service-card .btn_link,.seo-center .btn_link{min-width:0;font-size:12px;white-space:nowrap}}
@media(max-width:390px){.seo-service-card .btn_link,.seo-center .btn_link{font-size:11px;padding-left:8px;padding-right:22px}.seo-hero-choice-item .btn_link{min-width:0}}