/* TOP・商品詳細のZen Kaku Gothic New、青・水色・白を基準にしたローカル確認版 */
body.bunnou-public{--ink:#333;--blue:#007fbc;--aqua:#00afdd;--pale:#f1faff;--line:#d6e7ee;font-family:"Zen Kaku Gothic New","メイリオ",sans-serif;color:var(--ink)}
.bunnou-breadcrumb{max-width:1233px;color:#666;font-size:13px;padding:20px 28px}
.bunnou-breadcrumb a{color:var(--blue)}
.bunnou-hero{background:#f3fbff;border-bottom-color:#d9eef8;padding:46px max(28px,calc((100vw - 1180px)/2)) 50px}
.bunnou-eyebrow{color:var(--blue);letter-spacing:.06em}
.bunnou-hero h1{font-size:36px;line-height:1.5;color:#0091db;letter-spacing:.02em}
.bunnou-hero h1 span{font-size:25px;line-height:1.7;color:#333;margin:16px 0 22px}
.bunnou-hero-points{font-size:16px;color:#333}
.bunnou-icon{color:#0091db}
.bunnou-product-frame{border:1px solid #e1e8ec;border-radius:8px;box-shadow:none;background:#fff}
.bunnou-product-frame>img{height:auto;aspect-ratio:1602/902;object-fit:contain;background:#f7f7f7}
.bunnou-visual-title{color:#333;border-top:1px solid #edf1f3;font-size:16px}
.bunnou-delivery-route{border-color:#cde2ec;border-radius:6px}
.bunnou-delivery-route>div{font-size:16px}
.bunnou-layout{max-width:1040px}
.bunnou-page article{line-height:1.9;color:#333}
.bunnou-page article>section{border-bottom-color:#e1e8ed}
.bunnou-page article h2{color:#0091db;font-size:28px;line-height:1.6;text-wrap:initial;letter-spacing:.01em}
.bunnou-page article h3{color:#333;font-size:20px;line-height:1.7;text-wrap:initial}
.bunnou-section-number{color:var(--blue);font-weight:500}
.bunnou-page article .bunnou-article-toc{background:#f7fbfd;border:1px solid #dce9ef;border-top:3px solid #00afdd;border-radius:6px}
.bunnou-page article .bunnou-article-toc h2{color:#333;font-size:21px}
.bunnou-page article .bunnou-article-toc a{color:var(--blue)}
.bunnou-page article ul{background:#f3faff;border-radius:6px}
.bunnou-delivery-tabs{background:#f5fbff;border-color:#cde2ec;border-radius:6px;overflow:hidden}
.bunnou-tab-controls{border-bottom-color:#cde2ec}
.bunnou-tab-controls button{color:#555;background:#fff}
.bunnou-tab-controls button+button{border-left-color:#cde2ec}
.bunnou-tab-controls button[aria-selected=true]{color:var(--blue);background:#eaf7fe;border-bottom-color:#00afdd}
.bunnou-delivery-tabs h3{color:#333;font-size:22px!important}
.bunnou-delivery-image{border-color:#e1e8ed}
.bunnou-usecases{background:#f3faff;border-radius:6px;overflow:hidden}
.bunnou-usecases .bunnou-content-group{border-color:#d6e7ee}
.bunnou-usecases h3{color:#333}
.bunnou-steps:before{background:#c2dfed}
.bunnou-step-number{color:var(--blue);border-color:#a6d8ef;font-weight:700}
.bunnou-section-5{background:#f3faff;border-left-color:#00afdd;border-radius:0 6px 6px 0}
.bunnou-page article summary{color:#333}
.bunnou-page article details[open]{background:#f3faff}
.bunnou-page .bunnou-cta{background:#007fbc;border-color:#007fbc;border-radius:40px;font-size:16px;line-height:1.6;min-height:54px;padding:15px 28px;transition:background .15s;text-wrap:balance}
.bunnou-page .bunnou-cta:hover{background:#006ca3;transform:none}
.bunnou-cta-phrase{display:inline-block;white-space:nowrap;text-wrap:initial}
.bunnou-page .bunnou-cta.secondary{background:#fff;color:#007fbc}
.bunnou-page .bunnou-cta.secondary:hover{background:#eaf7fe}
.bunnou-contact{background:#f3faff;border:1px solid #cde2ec;border-top:4px solid #00afdd;border-radius:6px;padding:36px}
.bunnou-contact h2{color:#0091db}
.bunnou-public-hint{color:#666}
.bunnou-review-bar{background:#333}
@media(max-width:1050px){.bunnou-hero{padding:40px 28px}.bunnou-hero h1{font-size:32px}.bunnou-hero h1 span{font-size:23px}}
@media(max-width:850px){.bunnou-hero{padding:34px 24px}.bunnou-hero h1{font-size:28px}.bunnou-hero h1 span{font-size:22px}.bunnou-page article h2{font-size:26px}}
@media(max-width:600px){
 .bunnou-breadcrumb{padding:16px 20px}
 .bunnou-hero{padding:28px 20px 32px}
 .bunnou-hero h1{font-size:27px}
 .bunnou-hero h1 span{font-size:22px;margin:14px 0 18px}
 .bunnou-hero-points{font-size:15px}
 .bunnou-product-frame{border-radius:8px}
 .bunnou-page article h2{font-size:24px}
 .bunnou-page article h3{font-size:20px}
 .bunnou-page article .bunnou-article-toc h2{font-size:20px}
 .bunnou-delivery-tabs h3{font-size:21px!important}
 .bunnou-page .bunnou-cta{font-size:16px;padding:14px 20px}
 .bunnou-contact{padding:26px 20px}
}
/* Agency CTA in usage examples */
.bunnou-page article .bunnou-agency-banner{display:block;overflow:hidden;aspect-ratio:5/1;margin-top:30px;border-radius:6px;line-height:0;text-decoration:none;scroll-margin-top:120px;transition:opacity .18s}
.bunnou-page article .bunnou-agency-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;border:0}
.bunnou-page article .bunnou-agency-banner:hover{opacity:.9}
.bunnou-agency-banner:focus-visible{outline:3px solid #0091db;outline-offset:4px}