.page-index{color:#333333;background:#ffffff;max-width:100%;overflow-x:hidden;padding-top:0;margin-top:0}
.page-index__intro-section{max-width:1100px;margin:0 auto;padding:10px 16px 32px;box-sizing:border-box}
.page-index__page-title{text-align:center;margin:8px 0 24px;font-weight:700;line-height:1.3;letter-spacing:0.2px;color:#26A9E0;max-width:900px;margin-left:auto;margin-right:auto}
.page-index__intro-quote{margin:0;padding:0;border:0;font-style:italic;line-height:1.75;color:#333333;font-size:1rem}
.page-index__intro-quote p{margin:0 0 16px}
.page-index__intro-quote strong{color:#1d87b3;font-style:normal}
.page-index__intro-quote a{color:#26A9E0;text-decoration:underline;font-weight:600}
.page-index__intro-quote a:hover{color:#1d87b3}
.page-index__blog-section{max-width:1200px;margin:0 auto;padding:24px 16px 56px;position:relative;box-sizing:border-box}
.page-index__blog-title{text-align:center;margin:0 0 24px;color:#26A9E0;font-weight:700;line-height:1.35}
.page-index__blog-viewport{overflow:hidden}
.page-index__blog-slider{display:flex;gap:16px;transition:transform 0.35s ease;will-change:transform}
.page-index__blog-card{flex:0 0 calc(25% - 12px);min-width:0;box-sizing:border-box;background:#ffffff;border:1px solid #e6eef4;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(38,169,224,0.06)}
.page-index__blog-link{display:block;text-decoration:none;color:inherit;height:100%}
.page-index__blog-card img{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;display:block;min-}
.page-index__blog-card-title{text-align:center;font-size:1rem;line-height:1.4;margin:12px 12px 8px;color:#26A9E0;font-weight:600}
.page-index__blog-card-desc{text-align:center;font-size:0.9rem;line-height:1.55;margin:0 12px 10px;color:#4a5560}
.page-index__blog-card-date{display:block;text-align:center;font-size:0.78rem;color:#6b7a86;margin:0 12px 14px;font-style:normal}
.page-index__blog-prev,.page-index__blog-next{position:absolute;top:55%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #cfe3ee;background:#ffffff;color:#26A9E0;font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;padding:0;transition:background 0.2s ease,color 0.2s ease}
.page-index__blog-prev:hover,.page-index__blog-next:hover{background:#26A9E0;color:#ffffff}
.page-index__blog-prev{left:2px}
.page-index__blog-next{right:2px}
.page-index__blog-prev:focus-visible,.page-index__blog-next:focus-visible{outline:2px solid #EA7C07;outline-offset:2px}
@media (max-width:1024px){.page-index__blog-card{flex:0 0 calc(33.333% - 11px)}}
@media (max-width:768px){
  .page-index{max-width:100%;overflow-x:hidden}
  .page-index__intro-section{padding:8px 14px 24px}
  .page-index__page-title{font-size:1.3rem;margin:6px 0 18px}
  .page-index__intro-quote{font-size:0.95rem;line-height:1.7}
  .page-index__blog-section{padding:20px 14px 44px}
  .page-index__blog-title{font-size:1.15rem;margin:0 0 18px}
  .page-index__blog-card{flex:0 0 100%}
  .page-index__blog-card img{width:100%;max-width:100%;height:auto}
  .page-index__blog-prev,.page-index__blog-next{width:40px;height:40px;font-size:1.2rem}
  .page-index__blog-prev{left:0}
  .page-index__blog-next{right:0}
  .page-index img{max-width:100%;height:auto}
  .page-index__blog-card-title{font-size:0.98rem}
  .page-index__blog-card-desc{font-size:0.86rem}
}
@media (max-width:480px){
  .page-index__page-title{font-size:1.18rem}
  .page-index__blog-card-title{font-size:0.95rem}
}