/* ===== 愛徳HP スマホ・タブレット対応・共通(全ページでhelmetからlink) =====
   PCレイアウトは最小幅1100px設計のため、1099px以下(スマホ+タブレット)で効かせる。
   インラインstyleに勝つため !important を用いる。
   ページ固有の調整は各ページhelmetの @media(max-width:1099px) に書く。 */

html{-webkit-text-size-adjust:100%}

/* モバイル専用ブロック(PCでは出さない) */
.m-only{display:none !important}

/* ---- PCのナビ手当て ----
   「奥の間」札の追加で中身が幅1440pxを超え、flexが御相談ボタンを
   最小幅まで潰して文字が縦に折れていた。札は潰させず、隙間と文字を詰める。 */
@media (min-width:1100px){
.nv4{gap:10px}
.nv4 a{flex-shrink:0}
.nv4>*:first-child{flex-shrink:1;min-width:0}
}
@media (min-width:1100px) and (max-width:1459px){
.nv4 a{font-size:20px !important;padding:14px 8px 11px !important}
.nv4 a.lift{font-size:21px !important;padding:11px 18px !important;margin-left:4px !important}
.nv4 img{width:100px !important;height:95px !important}
.nv4>*:first-child>span>span:first-child{font-size:26px !important}
.nv4>*:first-child>span>span:last-child{font-size:16px !important}
}
@media (min-width:1100px) and (max-width:1249px){
.nv4{gap:6px}
.nv4 a{padding:12px 6px 10px !important}
.nv4 a.lift{padding:11px 14px !important}
.nv4 img{width:88px !important;height:84px !important}
.nv4>*:first-child>span>span:first-child{font-size:24px !important}
.nv4>*:first-child>span>span:last-child{font-size:14px !important}
}

@media (max-width:1099px){
html,body{overflow-x:hidden}
.m-only{display:block !important}
.m-hide{display:none !important}

/* ページ外枠(min-width:1100pxの解除) */
.m-root{min-width:0 !important}

/* ---- 共通ヘッダー(のれん) ----
   スマホでは札を横書き4枚×2段の大きめタップ板に、御相談は全幅の帯にする */
.nv4{flex-wrap:wrap !important;height:auto !important;padding:10px 12px 14px !important;gap:8px !important;justify-content:center !important;align-items:stretch !important}
.nv4>*:first-child{flex:0 0 100% !important;justify-content:center !important;margin-bottom:2px}
.nv4>div:empty{display:none}
.nv4 img{width:56px !important;height:53px !important}
.nv4>*:first-child>span>span:first-child{font-size:21px !important;letter-spacing:.12em !important}
.nv4>*:first-child>span>span:last-child{font-size:11px !important;letter-spacing:.1em !important;white-space:normal !important}
/* :not(:first-child)=下層ページはロゴも<a>のため、札のルールがロゴへ当たらないように */
.nv4 a:not(:first-child){margin-top:0 !important;writing-mode:horizontal-tb !important;flex:1 1 21%;box-sizing:border-box !important;text-align:center;font-size:17px !important;letter-spacing:.18em !important;height:auto !important;padding:12px 2px 10px !important;border-top-width:4px !important;white-space:nowrap}
.nv4 a.lift,.nv4>span:last-child{flex:1 1 100%;writing-mode:horizontal-tb !important;text-align:center;font-size:18px !important;letter-spacing:.3em !important;padding:13px 0 !important;margin-left:0 !important;align-self:center !important;box-sizing:border-box !important}
.nv4 a[data-nohire]::after{font-size:12px !important}

/* ---- 汎用の積み替え ---- */
.m-grid1{grid-template-columns:1fr !important}
.m-grid2{grid-template-columns:1fr 1fr !important}
.m-col{flex-direction:column !important;align-items:flex-start !important;gap:14px !important}
.m-colc{flex-direction:column !important;align-items:center !important;gap:14px !important}
.m-wrap{flex-wrap:wrap !important}
.m-pad{padding-left:18px !important;padding-right:18px !important}
.m-full{width:100% !important;max-width:100% !important;flex:none !important;box-sizing:border-box}
.m-card{padding:22px 16px !important}

/* 題字(パンくず+大題+口上) ─ 下層ページ共通の頭 */
.m-pgh{padding-top:30px !important;padding-bottom:20px !important;position:relative}
/* 印バッジ(実績之覚など)は流れから外して右上の隅に小さく置く */
.m-pgh .m-seal{position:absolute;right:16px;top:22px;width:54px !important;height:54px !important;margin:0}
.m-pgh .m-seal span{font-size:15px !important}
.m-pgt{font-size:33px !important;letter-spacing:.14em !important}
.m-pgb{font-size:14px !important}
.m-pgd{font-size:16px !important}

/* 章題(和題+欧文)の折返しと縮小 ─ 全ページ共通の見出しパターン */
.m-ttl{flex-wrap:wrap !important;justify-content:center !important;row-gap:2px !important;text-align:center}
.m-ttl>span:first-child{font-size:27px !important;letter-spacing:.18em !important}
.m-ttl>span:last-child{font-size:15px !important}

/* 章頭の「題+ページへ→」行 */
.m-hdr{flex-wrap:wrap !important;gap:10px !important}
.m-hdr a{font-size:16px !important}
}