/* BEM: page-blog-meo-cho-no-hu__element */
.page-blog-meo-cho-no-hu{max-width:100%;margin:0 auto;color:#333;background:#fff;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
/* Hero Section: image block top, content below; no absolute overlay */
.page-blog-meo-cho-no-hu__hero-section{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#f0f9f4,#e6f2ea);padding:12px 16px 28px;border-bottom:1px solid #e0eadf}
.page-blog-meo-cho-no-hu__hero-image-wrapper{width:100%;max-width:1200px;margin:0 auto}
.page-blog-meo-cho-no-hu__hero-image{display:block;width:100%;max-width:1200px;height:auto;aspect-ratio:1200/400;object-fit:cover;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.page-blog-meo-cho-no-hu__hero-content{max-width:1200px;width:100%;text-align:center;margin-top:18px;padding:0 12px;box-sizing:border-box}
.page-blog-meo-cho-no-hu__breadcrumb{font-size:.82rem;margin-bottom:10px;color:#555}
.page-blog-meo-cho-no-hu__breadcrumb a{color:#017439;text-decoration:none;font-weight:600}
.page-blog-meo-cho-no-hu__breadcrumb a:hover{color:#c30808}
.page-blog-meo-cho-no-hu__breadcrumb-sep{margin:0 8px;color:#777}
.page-blog-meo-cho-no-hu__breadcrumb-current{color:#333;font-weight:500}
.page-blog-meo-cho-no-hu__main-title{font-weight:800;line-height:1.3;letter-spacing:.01em;color:#017439;margin:6px auto 10px;max-width:1000px;padding-left:8px;padding-right:8px}
.page-blog-meo-cho-no-hu__hero-description{font-size:1.05rem;color:#333;line-height:1.65;text-align:center;max-width:900px;margin:0 auto 18px;padding-left:12px;padding-right:12px;box-sizing:border-box}
.page-blog-meo-cho-no-hu__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:2px;width:100%;box-sizing:border-box}
.page-blog-meo-cho-no-hu__btn{display:inline-block;padding:13px 30px;border-radius:999px;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-blog-meo-cho-no-hu__btn--primary{background:#c30808;color:#ffff00;border:2px solid #c30808;transition:background .2s}
.page-blog-meo-cho-no-hu__btn--primary:hover{background:#a50606;color:#ffff00}
.page-blog-meo-cho-no-hu__btn--secondary{background:#017439;color:#fff;border:2px solid #017439;transition:background .2s}
.page-blog-meo-cho-no-hu__btn--secondary:hover{background:#015c2e;color:#fff}
/* Main container */
.page-blog-meo-cho-no-hu__container{max-width:1000px;margin:28px auto;padding:0 20px 20px;box-sizing:border-box}
/* Section styling */
.page-blog-meo-cho-no-hu__section{margin-bottom:36px}
.page-blog-meo-cho-no-hu__section-title{font-size:1.7rem;font-weight:700;line-height:1.35;color:#017439;border-left:5px solid #017439;padding-left:16px;margin-bottom:14px}
.page-blog-meo-cho-no-hu__sub-title{font-size:1.3rem;font-weight:600;color:#333;margin:20px 0 8px}
.page-blog-meo-cho-no-hu__paragraph{font-size:1.06rem;line-height:1.8;text-align:justify;margin:12px 0 15px}
.page-blog-meo-cho-no-hu__list{margin:15px 0 15px 8px;list-style:disc;padding-left:26px}
.page-blog-meo-cho-no-hu__list-item{margin-bottom:12px;line-height:1.7;font-size:1.05rem}
.page-blog-meo-cho-no-hu__figure{margin:24px 0;text-align:center}
.page-blog-meo-cho-no-hu__figure-image{width:100%;max-width:800px;height:auto;aspect-ratio:800/400;object-fit:cover;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.06)}
.page-blog-meo-cho-no-hu__figure-caption{font-size:.9rem;color:#555;margin-top:10px;font-style:italic}
.page-blog-meo-cho-no-hu__tip-box{background:#f0fff0;border-left:6px solid #017439;border-radius:6px;padding:16px 18px;margin-top:18px}
.page-blog-meo-cho-no-hu__tip-text{font-size:1.02rem;color:#333;line-height:1.7}
.page-blog-meo-cho-no-hu__promo-link{color:#c30808;font-weight:600;text-decoration:underline}
.page-blog-meo-cho-no-hu__promo-link:hover{color:#017439;text-decoration:none}
/* Mobile adjustments */
@media (max-width: 768px) {
  .page-blog-meo-cho-no-hu{overflow-x:hidden}
  .page-blog-meo-cho-no-hu__hero-section{padding:8px 10px 24px}
  .page-blog-meo-cho-no-hu__hero-image{aspect-ratio:16/9;border-radius:8px}
  .page-blog-meo-cho-no-hu__hero-content{text-align:center;margin-top:14px}
  .page-blog-meo-cho-no-hu__main-title{font-size:1.55rem;line-height:1.4}
  .page-blog-meo-cho-no-hu__hero-description{font-size:.98rem}
  .page-blog-meo-cho-no-hu__container{padding-left:12px;padding-right:12px}
  .page-blog-meo-cho-no-hu__btn{width:100%;max-width:280px;font-size:1rem;padding:12px 18px}
  .page-blog-meo-cho-no-hu__hero-actions{flex-direction:column;align-items:center}
  .page-blog-meo-cho-no-hu__section-title{font-size:1.35rem;border-left-width:4px;padding-left:12px}
  .page-blog-meo-cho-no-hu__sub-title{font-size:1.1rem}
  .page-blog-meo-cho-no-hu__paragraph{font-size:1rem;line-height:1.75}
  .page-blog-meo-cho-no-hu__list{padding-left:22px}
  .page-blog-meo-cho-no-hu img{max-width:100% !important;height:auto !important}
}