/* 164（2026-10-08）AIKATA 下層ページの修正 */
/* 茶色の古いボタン → 紫の枠ボタン */
html body.aikata a.button.secondary130{background:#fff!important;color:#4b3bd0!important;border:1.5px solid #4b3bd0!important}
html body.aikata a.button.secondary130 .cta-label130{color:#4b3bd0!important}
html body.aikata a.button.secondary130 .cta-icon130{background:#4b3bd0!important;border-color:#4b3bd0!important;color:#fff!important}
@media(hover:hover){html body.aikata a.button.secondary130:hover{background:#4b3bd0!important;color:#fff!important}html body.aikata a.button.secondary130:hover .cta-label130{color:#fff!important}}

/* About：専任ディレクターと専門チーム */
html body.aikata .deck-figure:has(.team106){width:100%!important;max-width:none!important;margin:0 0 24px!important;box-shadow:none!important;background:none!important}
html body.aikata .team106{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:stretch;gap:0!important;width:100%!important}
html body.aikata .team106>div{padding:28px 26px!important;border-radius:20px;text-align:left!important}
html body.aikata .team106>div:first-child{background:#f4f3f6;border:1px dashed #b9b5c4}
html body.aikata .team106>div:last-of-type{background:linear-gradient(135deg,#4b3bd0,#8f7dff);color:#fff}
html body.aikata .team106>div:last-of-type :is(h3,p,span){color:#fff!important}
html body.aikata .team106>div span{display:inline-block;margin-bottom:10px;padding:3px 12px;border-radius:999px;background:rgba(41,36,60,.08);font-size:16px;font-weight:700}
html body.aikata .team106>div:last-of-type span{background:rgba(255,255,255,.2)}
html body.aikata .team106 h3{margin:0 0 10px;font-size:24px;line-height:1.5}
html body.aikata .team106 h3 br{display:none}
html body.aikata .team106>div p{margin:0;font-size:16px}
html body.aikata .team-link106{display:grid;place-items:center;margin:0!important;padding:0 18px;font-size:16px;font-weight:700;color:#4b3bd0;position:relative}
html body.aikata .team-link106::before{content:'⇄';display:block;font-size:28px;line-height:1;margin-bottom:6px}
@media(max-width:800px){html body.aikata .team106{grid-template-columns:1fr!important}html body.aikata .team-link106{padding:12px 0}}

/* 料金：時間の使い方を横棒グラフで */
html body.aikata .allocation-grid106 dl>div[style*="--h"]{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:12px 0!important;border-bottom:1px solid #ece7fb}
html body.aikata .allocation-grid106 dl>div[style*="--h"] dt{font-size:16px;font-weight:700;color:#29243c}
html body.aikata .allocation-grid106 dl>div[style*="--h"] dd{margin:0;font-size:16px;font-weight:700;color:#4b3bd0;white-space:nowrap}
html body.aikata .allocation-grid106 dl>div[style*="--h"]::after{content:'';grid-column:1/-1;height:10px;border-radius:10px;background:linear-gradient(90deg,#8f7dff,#4b3bd0) 0 0/calc(var(--h) * 100%) 100% no-repeat,#f1eefc}
html.mo161 body.aikata .allocation-grid106 dl>div[style*="--h"]::after{background-size:0% 100%,auto;transition:background-size 1s cubic-bezier(.22,1,.36,1)}
html.mo161 body.aikata .allocation-grid106.is-in dl>div[style*="--h"]::after{background-size:calc(var(--h) * 100%) 100%,auto}
html body.aikata .section-body:has(.team106){display:block!important;max-width:1000px;margin:0 auto}
html body.aikata .section-body:has(.team106)>p{margin-top:8px;text-align:center}
html body.aikata .deck-figure:has(.team106){padding:0!important;border:0!important;border-radius:0!important}