/* トップ「お役立ち情報」— 本店テーマ dist/assets/css/style.css の .top-info/.info 系をそのまま移植（2026-09-18） */
.top-info{margin-top:3.875rem}
/* 支店テーマは body の背景色が未指定のため、白地を明示（本店と同じ見た目にする） */
.top-info{background-color:#fff;padding-top:3.875rem;margin-top:0}
.info__bg{margin-left:auto;margin-right:auto;max-width:500px;position:relative}
.info__human{position:absolute;right:0;top:31%}
.info__human img{height:11.1875rem;width:9.875rem}
.info__inner{margin-left:auto;margin-right:auto;max-width:500px;padding:0 1.5625rem}
.info__subtitle{color:#13521f;font-family:"A-OTF Futo Go B101 Pr5","Noto Sans",sans-serif;font-size:1rem;font-weight:700;line-height:1.5;margin-top:1.875rem}
.info__swiper{background-color:#edffe3;margin-top:3.8125rem;padding:2.875rem 0 3.75rem}
.info__swiper-inner{margin-left:auto;margin-right:auto;max-width:500px}
.info__content{display:block;height:auto;margin:0 auto;position:relative;width:87.18%}
.info__img{aspect-ratio:320/180;overflow:hidden;position:relative;width:100%}
.info__img img{-o-object-fit:cover;display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}
.info__content:hover .info__img img{transform:scale(1.05)}
.info__date{color:#8ec31f;display:inline-block;font-family:avenir,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.02em;line-height:1;margin-top:1.16875rem}
.info__text{color:#13521f;font-family:"Noto Sans JP",sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.04em;line-height:1.6;margin-top:1.08125rem}
.info__pagination{align-items:center;display:flex;gap:0 .875rem;justify-content:center;margin-top:2.5rem;text-align:center}
.info__pagination .swiper-pagination-bullet{background-color:#c3ffaa;border-radius:50%;height:.625rem;opacity:1;transition:background-color .3s;width:.625rem}
.info__pagination .swiper-pagination-bullet-active{background-color:#2ba738}
.info__button{margin-top:3.75rem;text-align:center}
@media screen and (min-width:768px){.top-info{margin-top:0;padding-top:5rem;padding-bottom:5rem}.info__bg{max-width:90rem}.info__human{right:4%;top:-93%}.info__human img{height:25.125rem;width:28.375rem}.info__inner{max-width:76.875rem}.info__subtitle{font-size:1.5rem;line-height:1.5;margin-top:2.5rem}.info__swiper{margin-top:2.5rem;padding:6.25rem 0 4.875rem}.info__swiper-inner{max-width:100%}.info__content{width:100%}.info__date{font-size:.9rem;margin-top:1.25rem}.info__text{font-size:1.38125rem;margin-top:1.25rem}.info__pagination{gap:0 1.875rem;margin-top:3.875rem}}
/* スマホ：見出し〜「詳しくみる」までを1画面（固定ヘッダーと下部CTAの間＝約500px）に収める（2026-09-18 長野さん指摘） */
@media screen and (max-width:767px){.top-info{padding-top:2.5rem}.info__subtitle{font-size:.8125rem;line-height:1.55;margin-top:.625rem}.info__human{top:auto;bottom:-.75rem}.info__human img{height:6.875rem;width:6.0625rem}.info__swiper{margin-top:.75rem;padding:1rem 0 1.25rem}.info__content{width:72%}.info__date{font-size:.75rem;margin-top:.5rem}.info__text{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-size:.9375rem;letter-spacing:.02em;line-height:1.45;margin-top:.25rem;overflow:hidden}.info__pagination{gap:0 .625rem;margin-top:.75rem}.info__button{margin-top:.875rem}}