/* 166（2026-10-08）AIKATA：案内役のひとこと */
html body.aikata .mate166{display:flex;align-items:flex-end;justify-content:center;gap:12px;max-width:640px;margin:-8px auto 32px}
html body.aikata[data-ak165] main .mate166 img{flex:none;width:52px!important;height:52px!important;aspect-ratio:1/1!important;max-width:none!important;border-radius:50%;border:3px solid #fff}
html body.aikata .mate166 p{position:relative;margin:0!important;padding:12px 16px;border-radius:16px 16px 16px 4px;background:#fff;border:1px solid #ddd5f3;font-size:16px;line-height:1.7;color:#29243c;text-align:left}
html body.aikata .mate166-who{display:block;margin-bottom:2px;font:700 14px/1 Arial,sans-serif;letter-spacing:.12em;color:#4b3bd0}
html body.aikata .services-section .mate166 p{background:rgba(255,255,255,.96)}
html body.aikata .story110 .mate166{justify-content:flex-start;margin:18px 0 0}
html.mo161 body.aikata .mate166{opacity:0;transform:translateY(12px);transition:opacity .6s .3s,transform .6s .3s cubic-bezier(.22,1,.36,1)}
html.mo161 body.aikata .mate166.is-in{opacity:1;transform:none}
html.mo161 body.aikata .mate166.is-in img{animation:mate166wave 1.2s .6s ease-in-out}
@keyframes mate166wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){html.mo161 body.aikata .mate166{opacity:1;transform:none}}
@media(max-width:600px){html body.aikata .mate166{margin:0 auto 24px;gap:8px}html body.aikata .mate166 p{font-size:14px;padding:10px 12px}html body.aikata[data-ak165] main .mate166 img{width:44px!important;height:44px!important}}
html body.aikata[data-ak165] main .mate166 p{color:#29243c!important}
html body.aikata[data-ak165] main .mate166 .mate166-who{color:#4b3bd0!important}
@media(min-width:601px){html body.aikata[data-ak165] main .mate166 .mate166-who{font-size:16px!important}}

/* 170（2026-10-09）案内役のひとこと：PC・スマホとも中央揃え、上下のコンテンツとの余白30px */
html body.aikata .mate166,html body.aikata .story110 .mate166{justify-content:center!important;width:fit-content;max-width:min(720px,100%);margin:30px auto!important}
html body.aikata .story110 .story-side110:has(+ .mate166),html body.aikata .story110 .mate166{grid-column:1/-1}
@media(max-width:600px){html body.aikata .mate166,html body.aikata .story110 .mate166{margin:30px auto!important}}
/* 170：アイコンと吹き出しを近づけ、しっぽを付けて「話している」感じに */
html body.aikata .mate166{gap:10px!important;align-items:flex-end}
html body.aikata .mate166 p{border-radius:16px!important}
html body.aikata .mate166 p::before{content:'';position:absolute;left:-7px;bottom:14px;width:12px;height:12px;background:#fff;border-left:1px solid #ddd5f3;border-bottom:1px solid #ddd5f3;transform:rotate(45deg)}
html body.aikata .services-section .mate166 p::before{background:rgba(255,255,255,.96)}
/* 社員証をなくしたので、ダイヤルの下に余白 */
html body.aikata .dial165{margin-bottom:40px}