/* =============================================================================
   メディアサイト（円満相続ラボ / muum_tcd085_child_20250620）の
   ヘッダー・フッター・パンくず・CTAをコーポレートサイトへ移植するための抽出CSS。

   抽出元 : /media/wp-content/themes/muum_tcd085_child_20250620/css/style.css
   画像URL: メディア側の絶対URLへ書き換え済み（画像のアップロード不要）
   読込元 : header-media.php（page-company.php / page-founder.php でのみ使用）

   抽出時の処理
     1. 移植元のコメントを先に除去してから解析。
        コメントアウトされたダークモード指定を生かすと section{background:#000} で全面が黒くなる。
     2. .btn / .arrow / .section-ttl のような汎用クラス名は
        :where(.top-contact,.header-wrap) を前置してヘッダーとCTAの中だけに限定。
        :where() は詳細度に加算されないため、移植元と同じ強さ・同じ勝敗のまま持ち込める。
        （ただの .header-wrap .btn だと 0-2-0 になり .header-menu_link(0-1-0) に勝ってしまい、
          ボタン文字が 15px であるべきところ 18px になる）
     3. 要素リセット（img{width:100%} など）も同じ理由で :where() でスコープ。
   ============================================================================= */

/* 移植元の基準文字サイズを再現する。
   両テーマとも body{font-size:14px} だが、メディア側は子テーマで 16px 系の指定が重なり
   ヘッダー/フッター/CTA 内は 16px で描画されている（実測値で確認済み）。
   コーポレート側は 14px のままだったため、CTA本文などが一回り小さくなっていた。
   ルート側は 0-1-0 のクラスセレクタで指定する（テーマの全体リセット
   html,body,div,…{font-size:100%} が 0-0-1 で存在するため :where() では負ける）。 */
.header-wrap,.footer-wrap,.footer_cta,.top-contact,.breadcrumbs,#return_top{font-family:"Noto Sans JP",sans-serif;font-size:16px;line-height:1}

/* p / li / 見出しは移植元と同じ 0-0-1 に揃える。
   :where(…) :where(p) だと 0-0-0 になり、テーマの全体リセット（0-0-1）に負けて
   14px のままになってしまう。要素セレクタを外に出して 0-0-1 を確保する。 */
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact) p,
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact) li,
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact) h1,
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact) h2,
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact) h3,
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact) h4,
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact) h5{font-size:16px;font-weight:400;line-height:1.5;color:#111}

:where(.header-wrap,.footer-wrap,.top-contact) img{width:100%;height:auto}

/* メディア側はプラグインが読み込む fallback.css に *{box-sizing:border-box} があり、
   サイト全体が border-box で組まれている（テーマCSSではなくプラグイン由来のため見落としていた）。
   これが無いと .btn のように border を持つ要素の幅が 4px ずれる。
   移植元と同じ 0-0-0 の全称セレクタで、ヘッダー/フッター/CTA/パンくずの中だけに適用する。 */
.header-wrap,.footer-wrap,.footer_cta,.top-contact,.breadcrumbs,#return_top,
:where(.header-wrap,.footer-wrap,.footer_cta,.top-contact,.breadcrumbs,#return_top) *{box-sizing:border-box}

/* テーマの本文コンテナ余白を打ち消す（このCSSは全幅LPの2ページでしか読まれない） */
#main_contents{padding-top:0 !important;padding-bottom:0 !important}

/* HORIZON は固定ヘッダー用に body{padding-top:100px/70px/60px} を持つが、
   メディア準拠ヘッダーは position:static のため不要。ページ内 <style> にも勝たせる */
body#body{padding-top:0 !important}

.lato{font-family: "Lato", sans-serif;}
.wrap{max-width: 1130px; margin: 0 auto;}
.wrap.mini{max-width: 900px;}
.flex{display: flex; flex-wrap: wrap;}
.-jcsb{justify-content: space-between;}
.-jcfe{justify-content: flex-end;}
.-jcsa{justify-content: space-around;}
.-aic{align-items: center;}
.-aife{align-items: flex-end;}
.-fdrr{flex-direction: row-reverse;}
:where(.top-contact,.header-wrap) .arrow{position: relative;}
:where(.top-contact,.header-wrap) .arrow::after{content: "\f105"; font-family: "Font Awesome 5 Free"; color: #fff; font-weight: bold; position: absolute; line-height: 1.5; top: 13px; right: 10px;}
:where(.top-contact,.header-wrap) .arrow.whitebtn::after{color: #008759;}
:where(.top-contact,.header-wrap) .section-ttl_en{font-size: 15px; font-weight: bold; color: #008759; margin-bottom: 5px; margin-top: 20px;}
:where(.top-contact,.header-wrap) .section-ttl{font-size: 34px; font-weight: bold; margin-bottom: 30px;}
:where(.top-contact,.header-wrap) .btn{display: block; text-align: center; font-size: 18px; font-weight: bold; background: #008759; padding: 17px 0; border-radius: 10px; color: #fff; line-height: 1.5; border: 2px solid #008759;}
:where(.top-contact,.header-wrap) .btn.arrow::after{right: 5%; top: 17px;}
:where(.top-contact,.header-wrap) .btn:hover{color: #fff;}
:where(.top-contact,.header-wrap) .btn.whitebtn{background: #fff; color: #008759;}
.sp{display: none;}
#return_top a{margin-bottom: 15px; margin-right: 15px; border-radius: 50%; background: #008759;}
#return_top{bottom: 40px;}
#return_top a:before{top: 0; font-weight: bold;}
.header-wrap{padding: 15px 0 20px;}
.header-logo_wrap{width: 26%;}
.header-menu_wrap{width: 70%;}
.header-logo{width: 187px;}
.header-logotext{font-size: 13px; font-weight: 500;}
.header-download_linkwrap,.header-tel_linkwrap{text-align: right;}
.header-download_link,.header-tel_link{color: #666666; font-size: 13px; text-align: right; display: inline-block; margin-bottom: 10px; font-weight: 500; position: relative; padding-right: 15px;}
.header-tel_link{padding-right: 0px; padding-left: 25px; font-size: 15px;}
.header-tel_link::before{content: ""; background: url("https://enman-souzoku.co.jp/media/wp-content/themes/muum_tcd085_child_20250620/img/telicon.png"); width: 25px; height: 25px; background-size: 100% 100%; position: absolute; margin-right: 7px; left: -3px; top: -3px;}
.header-tel_linktime{display: block; font-size: 13px; text-align: left; margin-top: 5px;}
.header-download_link::before{content: "\f15c"; color: #666; font-family: "Font Awesome 5 Free"; position: absolute; right: 0; top: 1px;}
.header-download_link::after{content: ""; background: #666666; height: 1px; width: calc(100% + 15px); background-size: 100% 100%; display: block; margin: 10px auto;}
.header-tel_link::after{content: ""; background: #666666; height: 1px; width: calc(100% + 25px); background-size: 100% 100%; display: block; margin: 10px auto; position: relative; left: -25px;}
.header-menu_listwrap{padding-bottom: 5px;}
.header-menu_list{margin-left: 23px; font-weight: bold;}
.header-menu_link{font-size: 15px;}
.header-menu_link.btn{background: #008759; padding: 10px 45px 10px 35px; color: #fff; border-radius: 10px;}
.header-menu_link.btn:hover{background: #549d70;}
.header-menu_link.btn.arrow::after{top: 11px;}
.header-menu_child{display: none; position: absolute; top: 25px; z-index: 999; background: #dfebe7; width: 200px;}
.header-menu_linkchild{padding: 10px 10px; font-size: 15px; display: block;}
.header-menu_linkchild:hover{color: #fff; background: #549d70;}
.footer-wrap{border-top: 2px solid #dfebe7; padding: 56px 0 40px;}
.footer-logo_text{font-size: 13px; font-weight: 500;}
.footer-logo_img{width: 187px;}
.footer-menu_link{font-size: 15px; font-weight: bold; margin-bottom: 20px; display: block;}
.footer-menu_wrap{padding: 30px 0 100px;}
.footer-menu_list{text-align: left; margin-left: 50px;}
.footer-menu_childlink{font-size: 15px; margin-bottom: 20px; font-weight: 400; display: block;}
.footer-menu_childlist.sns-list{display: flex; gap: 10px;}
.footer-menu_childlink div{width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.footer-menu_childlink div .youtube-icon{width: 30px;}
.footer-menu_childlink div .facebook-icon{width: 16px;}
.footer-menu_childlink div .X-icon{width: 20px;}
.copyright{color: #999999; font-size: 11px;}
.post-writer .flex:nth-child(2){border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
.top-contact{background: #dfebe7;}
.top-contact_text{margin-bottom: 30px;}
.top-contact_box{margin-left: calc(50% - 565px); width: calc(50% - (50% - 565px));}
.top-contact_img{width: 50%;}
.top-contact_btn{margin: 20px auto;}
.top-contact_btn a{color: #fff;}
footer.footer-wrap{padding-bottom: 66px;}
.footer_cta{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 33333;}
.footer_cta_inner{width: 50%; padding: 10.5px 0;}
.footer_cta_inner.tel a{position: relative;}
.footer_cta_inner.tel a::before{content: ""; background: url("https://enman-souzoku.co.jp/media/wp-content/themes/muum_tcd085_child_20250620/img/telicon-white.png"); width: 35px; height: 35px; background-size: 100% 100%; position: absolute; margin-right: 7px; left: calc(50% - 140px); top: -2px;}
.footerlinktime{display: block; text-align: center; font-size: 12px; padding-top: 5px;}
.footer_cta_inner a{color: #fff; font-size: 16px; text-align: center; display: block; font-weight: bold; cursor: pointer;}
.footer_cta_inner.tel{background: #008759;}
.footer_cta_inner.form{background: #f2a552; padding: 19px 0;}
.breadcrumbs{background: #f4f0f0; padding: 10px 0; line-height: 1.5;}
.breadcrumbs a{text-decoration: underline;}
.top-contact_btn.pc{width: 70%; margin-left: 0;}
.consultation__contact__box .top-contact_btn.pc{margin: 0; width: 45%;}
.p-company__header-ttl{font-size:28px; font-weight:bold; color:#fff; margin-bottom:19px;}
.p-company__header-text{font-size:16px; font-weight:350; color:#fff;}

@media screen and (max-width: 768px) {
  .pc{display: none;}
  .sp{display: block;}
  .header-logo_wrap{width: 75%;}
  .hb__iconBack{cursor: pointer; padding: 15px 2px; margin: 10px 0 auto 0;}
  .hb__icon{position: relative; width: 35px; height: 5px; background: #707070; margin-right: 25px; z-index: 100; top: 50%; right: 0; left: 0; margin: 0 auto; border-radius: 10px;}
  .hb__icon::before{content: ""; width: 35px; height: 5px; position: absolute; top: -10px; border-radius: 10px; background: #707070;}
  .hb__icon::after{content: ""; width: 35px; height: 5px; position: absolute; top: 10px; border-radius: 10px; background: #707070;}
  .hb__icon.open{z-index: 101; background: rgba(0, 0, 0, 0);}
  .hb__icon.open::before{content: ""; width: 35px; height: 5px; position: fixed; top: 100px; right: 8%; transform: rotate(45deg); background: #707070;}
  .hb__icon.open::after{content: ""; width: 35px; height: 5px; position: fixed; top: 100px; right: 8%; transform: rotate(-45deg); background: #707070;}
  .wrap,.spwrap,.wrap.mini{max-width: 90%; margin: 0 auto;}
  :where(.top-contact,.header-wrap) .section-ttl,.lp-ttl{font-size: 22px; margin-bottom: 20px;}
  .main-side,.top-contact,.lp-nayami,.lp-merit,.lp-timing{padding: 50px 0;}
  .header-menu_wrap{display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, 0.4); padding: 70px 0; width: 100%;}
  .header-menu{width: 80%; margin: 0 auto; background: #fff; padding: 50px 30px; border-radius: 20px;}
  .header-menu_listwrap{display: block;}
  .header-menu_list{margin: 0;}
  .header-menu_list + .header-menu_list{margin-top: 30px;}
  .header-menu_link{font-size: 18px;}
  .header-menu_child{display: block; position: relative; background: #fff; top: 0; width: auto;}
  .header-menu_linkchild{padding: 0; margin: 15px 0 0 10px; font-size: 18px;}
  .footer-menu_wrap{padding: 30px 0;}
  .footer-menu_list{width: 100%; margin-left: 0;}
  .top-contact_box{margin-left: 0; width: 100%;}
  .top-contact_img{width: 100%; margin-bottom: 20px;}
  .footer-wrap{padding-bottom: 15px;}
  .breadcrumbs{padding: 5px 0;}
  .header-tel_linkwrap{display: none;}
  .footer_cta_inner.tel a::before{content: ""; background: url("https://enman-souzoku.co.jp/media/wp-content/themes/muum_tcd085_child_20250620/img/telicon-white.png"); width: 25px; height: 25px; background-size: 100% 100%; position: absolute; margin-right: 7px; left: 2px; top: -2px;}
}

@media (max-width: 768px) {
  .p-company__header-ttl{font-size:20px; margin-bottom:8px;}
  .p-company__header-text{font-size:16px; line-height:1.68;}
}

/* --- 上へ戻るボタンの矢印 -------------------------------------------------------
   移植元の字形は親テーマ muum の指定：U+E911・回転なし・上端寄せ。
   コーポレートの HORIZON は同じ #return_top に対して U+E94B を 90度回転させて使うため、
   矢印の形が変わってしまう（親テーマの指定は今回の抽出対象＝子テーマCSSに無かったため漏れていた）。

   U+E911 は HORIZON 同梱の design_plus にも同じ上向き矢印として含まれている。
   テーマ自身が #return_top2 a:before で content:'\e911' を使っていることで確認済みなので、
   フォントファイルを差し替える必要はない。
   （両テーマの design_plus.woff は md5 が異なる別ファイルだが、この字形は共通）

   詳細度は #return_top a:before（1-0-2）でテーマ側と同じ。読み込み順で後勝ちする。 */
#return_top a:before{color:#fff;font-family:'design_plus';content:'\e911';font-size:12px;display:block;width:12px;height:12px;position:absolute;left:0;right:0;top:0;bottom:auto;margin:auto;transform:none}

/* テーマは #return_top a{color:#fff !important} を持つが、移植元は色指定なし（＝黒）。
   span のテキストは text-indent:100% + overflow:hidden で視覚的には隠れているため
   見た目への影響は無いが、照合を完全一致させるため基準値に揃えておく。 */
#return_top span{color:rgb(0,0,0)}

/* --- 上へ戻るボタンのサイズ -----------------------------------------------------
   両テーマの responsive.css は「読み込む幅」そのものが違う。
     muum(移植元) : media="screen and (max-width:1251px)"  → #return_top a を 50px
     HORIZON      : media="screen and (max-width:1301px)"  → #return_top a を 51px
   そのため 1px ずれ、さらに 1252〜1301px の帯では移植元が 60px のところ
   HORIZON が 51px になるという食い違いも起きる。
   移植元の分岐（1251px）で明示的に上書きして揃える。 */
@media screen and (max-width:1251px){
  #return_top a{width:50px;height:50px;line-height:50px}
}
@media screen and (min-width:1252px){
  #return_top a{width:60px;height:60px;line-height:60px}
}

/* HORIZON は #return_top を style.css で display:none とし、
   responsive.css の狭い幅の中でだけ display:block に戻している（PCでは
   フッター内の #return_top2 を使う設計のため）。
   移植元 muum には display:none が無く、PC幅でも常に表示される。
   移植元に合わせて常時表示にする。※スクロール前は .active が付くまで
   transform で画面外へ退避しているので、いきなり出っぱなしにはならない。 */
#return_top{display:block}