@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

html,body,div,span,h1,h2,h3,p,a,strong,small,ul,li,main,section,article,footer{margin:0;padding:0;box-sizing:border-box}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none}

:root{
  --ymg-ink:#153c4b;
  --ymg-primary:#167b91;
  --ymg-primary-dark:#09657a;
  --ymg-accent:#3faeac;
  --ymg-pale:#e9f8fb;
  --ymg-line:#a7d9e5;
  --ymg-white:#fff;
}

body.yamagata-online-2026{
  margin:0;
  font-family:'Noto Sans JP',sans-serif;
  color:#222;
  background:#fff;
  font-size:17px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

.yamagata-online-2026 .inner{width:min(92%,1200px);margin:0 auto}
.yamagata-online-2026 .inner.narrow{max-width:1080px}

.finish{padding:22px 5%;background:#fff3f3;text-align:center;border-bottom:1px solid #f0caca}
.finish h2{font-size:26px;font-weight:900;color:#b60000}
.finish p{font-weight:700}

.hero2026{
  position:relative;
  overflow:hidden;
  padding:58px 0 64px;
  background:
}

.hero{
  max-width:1500px;
  margin:0 auto;
}

.hero img{
  width:100%;
}
.hero2026__inner{position:relative;z-index:1;width:min(92%,1080px);margin:0 auto;text-align:center}
.hero2026__eyebrow{display:inline-block;font-size:14px;font-weight:900;letter-spacing:.08em;color:#111;margin-bottom:20px}
.hero2026__host{font-size:20px;font-weight:900;color:#111;margin-bottom:4px}
.hero2026 h1{font-size:clamp(42px,7.7vw,92px);line-height:.98;font-weight:900;letter-spacing:.02em;color:var(--ymg-accent);margin:0}
.hero2026 h1 span{display:block;color:var(--ymg-primary-dark);font-size:1.18em}
.hero2026__lead{max-width:800px;margin:28px auto 0;font-size:19px;font-weight:700;color:#264d5b}
.hero2026__summary{display:grid;grid-template-columns:1.6fr 1fr .7fr;margin:0 auto 0;background:#fff;border-radius:18px;box-shadow:0 14px 35px rgba(0,81,102,.13);overflow:hidden;border:1px solid rgba(25,132,154,.12)}
.hero2026__summary-item{padding:22px 26px;display:flex;flex-direction:column;justify-content:center;min-height:106px;border-right:1px solid #dceef2}
.hero2026__summary-item:last-child{border-right:0}
.hero2026__summary-label{font-size:13px;font-weight:900;color:#567681;margin-bottom:4px}
.hero2026__summary strong{font-size:clamp(18px,2.2vw,29px);line-height:1.35;color:#111;font-weight:900}
.hero2026__summary-item:last-child strong{font-size:38px;color:var(--ymg-primary-dark)}

.about2026{padding:80px 0 72px;background:#fff}
.about2026 h2,.section-heading2026 h2,.lecturers2026 h2{font-size:clamp(30px,4.4vw,50px);line-height:1.25;font-weight:900;color:var(--ymg-primary-dark);margin-bottom:26px}
.about2026 p{margin-bottom:20px;font-weight:500}
.about2026__points{margin:28px 0;padding:26px 28px;background:#f2fbfd;border-left:6px solid var(--ymg-accent);border-radius:0 14px 14px 0}
.about2026__points li{position:relative;padding-left:29px;font-weight:900;margin:6px 0}
.about2026__points li:before{content:'✓';position:absolute;left:0;color:var(--ymg-primary);font-weight:900}
.about2026__closing{font-weight:900!important;color:var(--ymg-primary-dark)}

.apply2026{padding:0 0 80px;background:#fff}
.apply2026--bottom{padding:72px 0;background:#e9f8fb}
.apply2026__box{display:flex;align-items:center;gap:32px;justify-content:space-between;padding:30px 34px;border:3px solid var(--ymg-primary);border-radius:22px;background:#fff;box-shadow:8px 8px 0 #bfe6ee}
.apply2026 h2{font-size:27px;line-height:1.4;font-weight:900;color:var(--ymg-primary-dark);margin-bottom:8px}
.apply2026 p{font-size:15px;max-width:650px}
.apply2026__button{margin:0 auto;max-width:500px;text-align:center;flex-shrink:0;display:block;padding:20px 28px;border-radius:12px;background:var(--ymg-primary);color:#fff;font-size:19px;font-weight:900;box-shadow:0 8px 18px rgba(7,112,135,.22);transition:.2s}
.apply2026__button:hover{transform:translateY(-2px);background:var(--ymg-primary-dark);color:#fff}

.curriculum2026{padding:78px 0;background:linear-gradient(180deg,#dff4f8,#bfe7ee)}
.section-heading2026{text-align:left;margin-bottom:34px}
.section-heading2026>span{display:inline-block;background:var(--ymg-primary);color:#fff;font-weight:900;padding:5px 14px;border-radius:999px;margin-bottom:10px}
.curriculum2026__list{background:#fff;border-radius:18px;padding:8px 26px;box-shadow:0 10px 35px rgba(0,75,92,.09)}
.curriculum2026__item{display:grid;grid-template-columns:90px 140px 1fr;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid var(--ymg-line)}
.curriculum2026__item:last-child{border-bottom:0}
.curriculum2026__no{font-size:58px;line-height:1;font-weight:500;color:#a8dff0;letter-spacing:-.08em}
.curriculum2026__date{text-align:center}
.curriculum2026__date strong{display:block;font-size:28px;line-height:1.1;font-weight:900;color:#111}
.curriculum2026__date span{display:inline-grid;place-items:center;width:34px;height:34px;margin:5px auto;border-radius:50%;background:var(--ymg-primary);color:#fff;font-size:14px;font-weight:900}
.curriculum2026__date small{display:block;font-size:12px;font-weight:900;color:#333}
.curriculum2026__body h3{font-size:22px;line-height:1.45;font-weight:900;color:#08738a;margin-bottom:7px}
.curriculum2026__body h3 span{font-size:.78em;margin-left:4px}
.curriculum2026__body p{font-size:15px;line-height:1.65;font-weight:700;color:#222}
.curriculum2026__lecturer{margin-top:6px;font-size:14px;font-weight:900;color:#333}

.lecturers2026{padding:76px 0 82px;background:#fff}
.section-heading2026--dark h2{color:#111}
.lecturers2026__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lecturer2026{display:grid;grid-template-columns:120px 1fr;gap:17px;padding:16px;border:1px solid #b8dfe7;border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(0,65,78,.06)}
.lecturer2026__img{width:120px;height:145px;background-size:cover;background-position:center;border-radius:12px;border:2px solid #248ca2}
.lecturer2026__class{font-size:11px;line-height:1.4;font-weight:900;color:#222;margin-bottom:7px}
.lecturer2026 h3{font-size:25px;line-height:1.2;font-weight:900;color:#111;margin-bottom:8px}
.lecturer2026 h3 span{font-size:11px;font-weight:700}
.lecturer2026__body>p:last-child{font-size:12px;line-height:1.7;color:#333}

.enquiry2026{padding:44px 0;background:#177f98;color:#fff}
.enquiry2026__label{font-weight:900;margin-bottom:4px}
.enquiry2026 h2{font-size:34px;line-height:1.3;font-weight:900;color:#fff;margin-bottom:10px}
.enquiry2026__info{display:flex;gap:18px 28px;align-items:center;flex-wrap:wrap;font-size:14px}
.enquiry2026__info a{color:#fff;text-decoration:underline}
.enquiry2026__info strong{font-size:20px}
.footer2026{padding:18px;background:#0e6478;color:#fff;text-align:center;font-size:13px}

@media screen and (max-width:900px){
  .hero2026__summary{grid-template-columns:1fr}
  .hero2026__summary-item{border-right:0;border-bottom:1px solid #dceef2;min-height:auto;padding:18px 20px}
  .hero2026__summary-item:last-child{border-bottom:0}
  .curriculum2026__item{grid-template-columns:65px 110px 1fr;gap:14px}
  .curriculum2026__no{font-size:47px}
  .lecturers2026__grid{grid-template-columns:1fr}
}

@media screen and (max-width:680px){
  body.yamagata-online-2026{font-size:15px}
  .hero2026{padding:38px 0 44px}
  .hero2026__host{font-size:15px}
  .hero2026 h1{font-size:44px}
  .hero2026__lead{font-size:15px;margin-top:20px}
  .hero2026__summary{margin-top:30px;border-radius:13px}
  .hero2026__summary strong{font-size:19px}
  .hero2026__summary-item:last-child strong{font-size:30px}
  .about2026{padding:48px 0}
  .about2026__points{padding:18px 18px}
  .apply2026{padding-bottom:50px}
  .apply2026--bottom{padding:48px 0}
  .apply2026__box{display:block;padding:22px 20px;border-radius:15px;box-shadow:5px 5px 0 #bfe6ee}
  .apply2026 h2{font-size:22px}
  .apply2026__button{margin-top:20px;text-align:center;padding:16px 18px}
  .curriculum2026{padding:50px 0}
  .curriculum2026__list{padding:0 16px}
  .curriculum2026__item{grid-template-columns:52px 1fr;gap:12px;padding:22px 0;align-items:start}
  .curriculum2026__no{font-size:42px;grid-row:1 / 3}
  .curriculum2026__date{text-align:left;display:flex;align-items:center;gap:7px}
  .curriculum2026__date strong{font-size:24px}
  .curriculum2026__date span{margin:0;width:30px;height:30px}
  .curriculum2026__date small{font-size:11px}
  .curriculum2026__body{grid-column:2}
  .curriculum2026__body h3{font-size:18px}
  .curriculum2026__body h3 span{display:block;margin-left:0;margin-top:3px}
  .curriculum2026__body p{font-size:13px}
  .lecturers2026{padding:48px 0}
  .lecturer2026{grid-template-columns:92px 1fr;padding:12px;gap:12px}
  .lecturer2026__img{width:92px;height:115px}
  .lecturer2026 h3{font-size:21px}
  .lecturer2026__body>p:last-child{grid-column:1 / -1}
  .enquiry2026{padding:34px 0}
  .enquiry2026 h2{font-size:28px}
  .enquiry2026__info{display:block}
  .enquiry2026__info p{margin:5px 0}
}