html{scroll-behavior:smooth}button{cursor:pointer;font:inherit}img{max-width:100%;height:auto}.skip-link{position:fixed;left:1rem;top:-10rem;z-index:10000;background:#fff;padding:1rem}.skip-link:focus{top:1rem}.menu-btn,.menu-up-btn,.gl-btn button{border:0;background-color:transparent}.video__title{opacity:1}.course__date{display:block}.course-select .course__link--current{outline:2px solid #c0a376}.contact-section .tel a{color:inherit}.content-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1rem auto 2rem}.content-filters button,.content-filters a{padding:.6rem 1rem;border:1px solid #b99d74;background:#fff;color:#333;border-radius:2px}.content-filters [aria-pressed=true]{background:#b99d74;color:white}.course-archive{margin-top:2rem;text-align:center}.course-archive a{text-decoration:underline}.article img{height:auto}.faq-lists__answer{display:block}.achievement-modal[open]{display:block;position:fixed;inset:0;max-width:900px;width:90%;max-height:90vh;overflow:auto;border:0;padding:2rem;margin:auto;box-sizing:border-box}.achievement-modal::backdrop{background:#0009}.achievement-modal [data-close]{position:sticky;top:0;float:right;background:white;border:1px solid #777;padding:.4rem 1rem}.empty-state{text-align:center;padding:2rem}.form-notice{padding:1.5rem;border:1px solid #c9b48e;background:#faf7f1}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;box-sizing:border-box;max-width:100%;width:100%;padding:.7rem;border:1px solid #aaa;background:white}.contact-form input[type=checkbox]{width:auto}.contact-form .required::after{content:' *';color:#a00}.contact-form .trap{position:absolute;left:-10000px}.contact-form [hidden]{display:none!important}.contact-form .confirmation{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#f5f1e9}.form-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.contact-form button{padding:.8rem 1.5rem;border:1px solid #b99d74;background:#b99d74;color:#fff}.contact-form button.secondary{background:#fff;color:#333}.contact-form .applyForm{width:100%}.contact-form .error{color:#a00}.contact-form a{text-decoration:underline}.course-status-detail{display:block;text-align:center;font-size:1.1rem;margin:1rem}.news-list a{text-decoration:underline}.video__title .video__title-04{display:inline-block}.icon{font-style:normal}.gl-nav__link:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #3277ac;outline-offset:3px}[hidden]{display:none!important}@media(max-width:767px){.gl-header.is-open .gl-nav{transform:none!important;display:block;max-height:75vh;overflow:auto}.gl-header:not(.is-open) #main-nav{display:none}.contact-form th,.contact-form td{display:block;width:auto!important}.contact-form table{display:block}.contact-form tbody,.contact-form tr{display:block}.video__title{line-height:1.5}.col-flex>.course{margin-bottom:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.course__sholder--other{width:auto;height:auto;min-width:80px;text-indent:0;padding:.6rem 1rem;color:#fff;background:#617080;border-radius:2px;font-size:1.4rem;font-weight:700;z-index:1}.course__sholder.status-開講確定{background:#c37624}@media(min-width:768px) and (max-width:834px){.gl-header.is-open #main-nav{transform:translateY(-100%)!important;display:block}}@media(max-width:767px){.gl-header.is-open #main-nav{transform:translateY(-100%)!important}}
.bgweb,.bgjava{overflow:clip}.lecture{overflow-wrap:anywhere}.recruit td{overflow-wrap:anywhere}

/* Sanitized article HTML normalizes style="float: left;" to "float:left".
   Match the float declaration without depending on the whole style string. */
:is(.trainee-detail, .graduate-detail, .client-detail).article {
  display: flow-root;
}
:is(.trainee-detail, .graduate-detail, .client-detail).article img[style*="float:left"],
:is(.trainee-detail, .graduate-detail, .client-detail).article img[style*="float: left"] {
  margin: 0 clamp(24px, 4vw, 56px) 24px 0;
}
:is(.trainee-detail, .graduate-detail, .client-detail).article img[style*="float:right"],
:is(.trainee-detail, .graduate-detail, .client-detail).article img[style*="float: right"] {
  margin: 0 0 24px clamp(24px, 4vw, 56px);
}
@media (max-width: 834px) {
  :is(.trainee-detail, .graduate-detail, .client-detail).article img[style*="float"] {
    float: none !important;
    display: block;
    width: 100%;
    margin: 16px 0 24px;
  }
}