.certificate-body .headdiv { background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(8px); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); }
.certificate-body .headdiv ul.menu li a,
.certificate-body .headdiv .headdivtop a,
.certificate-body .headdiv dl.ale dt,
.certificate-body .headdiv dl.ale dt i,
.certificate-body .headdiv .sosodiv .input,
.certificate-body .headdiv .sosodiv .button,
.certificate-body .headdiv .sosodiv .button i { color: #333; }
.certificate-body .headdiv .logo .logo_default { opacity: 0; visibility: hidden; }
.certificate-body .headdiv .logo .logo_hover { opacity: 1; visibility: visible; }

.certificate-page { clear: both; width: 100%; box-sizing: border-box; background: #f2f2f2; padding: 88px 0 110px; overflow: hidden; }
.certificate-heading { width: 100%; max-width: 1440px; margin: 0 auto 20px; padding: 0; line-height: 0; position: relative; z-index: 2; pointer-events: none; }
.certificate-heading img { display: block; width: 100%; height: auto; }

.certificate-swiper { width: 92%; max-width: 1680px; margin: 0 auto; padding: 20px 0 40px; overflow: hidden; cursor: grab; position: relative; z-index: 5; }
.certificate-swiper:active { cursor: grabbing; }
.certificate-swiper .swiper-wrapper { align-items: center; transform-style: flat !important; }
.certificate-swiper .swiper-slide { width: 31.5%; height: auto; position: relative; transform-origin: center center; will-change: transform, opacity; }

.certificate-page .certificate-card { background: transparent; border-radius: 0; box-shadow: none; overflow: visible; transform: none; transition: filter 350ms ease; }
.certificate-page .certificate-card:hover { box-shadow: none; transform: none; }
.certificate-page .article-img-card-img { display: block; width: 100%; padding: 0; border: 0; background: transparent; overflow: visible; cursor: pointer; }
.certificate-page .article-img-card-img:focus-visible { outline: 3px solid #b89138; outline-offset: -3px; }
.certificate-page .article-img-card-img img { display: block; width: 100%; height: 700px; object-fit: contain; user-select: none; -webkit-user-drag: none; filter: drop-shadow(0 16px 26px rgba(0, 0, 0, 0.22)); transition: filter 350ms ease; }
.certificate-page .swiper-slide-active .article-img-card-img img { filter: drop-shadow(0 24px 36px rgba(0, 0, 0, 0.30)); }

@media (max-width: 1560px) {
    .certificate-heading { max-width: 1200px; }
    .certificate-page .article-img-card-img img { height: 582px; }
}
@media (max-width: 1100px) {
    .certificate-heading { max-width: 960px; }
    .certificate-page .article-img-card-img img { height: 462px; }
}
@media (max-width: 768px) {
    .certificate-page { padding: 70px 0 56px; }
    .certificate-heading { margin-bottom: 0; overflow: hidden; }
    .certificate-heading img { width: 100%; margin: 0; }
    .certificate-swiper .swiper-slide { width: 31.5%; }
    .certificate-page .article-img-card-img img { height: 42vw; max-height: 410px; }
}
@media (prefers-reduced-motion: reduce) {
    .certificate-page .certificate-card,
    .certificate-page .article-img-card-img img { transition: none; }
}