/*
Theme Name: スタディPCネット小阪校 V5
Version: 5.3
*/
:root{--g:#24744f;--gd:#18543a;--p:#edf6f0;--y:#e9c94a;--ink:#24332b;--muted:#68756d;--line:#dfe7e1;--paper:#fbfcfa;--r:22px;--shadow:0 16px 45px rgba(25,65,45,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,252,250,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e5ece7}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--g);position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#fff;border-radius:50%;width:5px;height:5px;top:13px}.brand-mark:before{left:12px}.brand-mark:after{right:12px}.brand-text strong{display:block;font-size:16px}.brand-text span{font-size:11px;color:var(--muted)}.main-nav{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:700}.header-cta{background:var(--g);color:#fff!important;padding:10px 17px;border-radius:999px}
.hero{padding:55px 0 65px}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:45px;align-items:center}.eyebrow,.section-kicker{color:var(--g);font-size:11px;font-weight:900;letter-spacing:.14em}.eyebrow{display:flex;gap:8px;align-items:center;margin-bottom:18px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--y)}.hero h1{font-size:clamp(39px,5vw,67px);line-height:1.16;margin:0 0 23px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--g)}.hero-lead{color:#59665e;font-size:16px}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid var(--g)}.btn-primary{background:var(--g);color:#fff}.btn-light{background:#fff;color:var(--g)}
.photo{position:relative;overflow:hidden;border-radius:var(--r);min-height:240px;background:linear-gradient(135deg,#dfeee4,#f5efd1 55%,#d9e7de);box-shadow:var(--shadow)}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 45%,rgba(24,84,58,.10))}.photo-label,.photo-note{position:absolute;z-index:2}.photo-label{left:18px;bottom:18px;background:rgba(255,255,255,.92);padding:8px 12px;border-radius:10px;font-size:11px;font-weight:800;color:var(--gd)}.photo-note{right:18px;top:18px;background:rgba(24,84,58,.72);color:#fff;padding:5px 9px;border-radius:999px;font-size:10px}.photo-room{background:linear-gradient(145deg,#c9d9ce,#f4df91 50%,#b8cdbf)}.photo-pc{background:linear-gradient(145deg,#d6e4ea,#eef3ee 48%,#b8d0c0)}.photo-koov{background:linear-gradient(145deg,#f0d9a8,#e7edf0 48%,#c6d9cb)}.photo-detail{background:linear-gradient(145deg,#d7e7dd,#f6edc9)}.photo-exterior{background:linear-gradient(145deg,#cbdde9,#f2e8bf 48%,#c4d6c9)}
.hero-photos{display:grid;grid-template-columns:1.5fr .8fr;gap:13px}.hero-main{min-height:500px}.hero-side{display:grid;gap:13px}.hero-side .photo{min-height:243px}
.entry{padding-bottom:40px}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.entry-item{background:#fff;padding:24px 27px;display:flex;justify-content:space-between}.entry-item small{display:block;color:var(--g);font-weight:800}.entry-item strong{font-size:18px}.entry-arrow{font-size:24px;color:var(--g)}
.section{padding:82px 0}.section-soft{background:var(--p)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section h2{font-size:clamp(29px,4vw,43px);line-height:1.25;margin:7px 0}.section-head p{max-width:480px;color:var(--muted);font-size:14px;margin:0}
.feature{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:center}.feature.reverse{grid-template-columns:.88fr 1.12fr}.feature.reverse .feature-photo{order:2}.feature-copy h3{font-size:31px;line-height:1.35;margin:8px 0 15px}.feature-copy p{color:#5e6a63}.feature-copy ul{padding:0;margin:23px 0;list-style:none}.feature-copy li{margin:9px 0;padding-left:22px;position:relative;font-size:14px}.feature-copy li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--y)}.feature-photo{position:relative}.feature-photo .large{min-height:430px}.inset{position:absolute;width:42%;min-height:170px;right:-24px;bottom:-28px;border:9px solid var(--paper)}.feature.reverse .inset{left:-24px;right:auto}
.mosaic{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-template-rows:220px 220px;gap:14px}.mosaic .photo{min-height:0}.mosaic .big{grid-row:span 2}.mosaic .wide{grid-column:span 2}.caption{padding-top:9px;font-size:11px;color:var(--muted)}
.exam{background:var(--gd);color:#fff;padding:66px 0}.exam-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center}.exam .section-kicker{color:var(--y)}.exam h2{font-size:37px;margin:7px 0 15px}.exam p{color:#dce9e1;font-size:14px}.exam .btn{border-color:#fff;color:#fff;background:transparent}
.access-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.contact{padding:75px 0}.contact-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px}.site-footer{background:#173d2b;color:#d9e7df;padding:50px 0 30px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-brand strong{display:block;color:#fff}.footer-brand small{color:#b9cec3}.footer-links{display:flex;gap:20px;font-size:12px}.copyright{border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:20px;font-size:11px;color:#a9beb4}.page-hero{padding:75px 0 50px;background:var(--p)}.page-hero h1{font-size:44px;line-height:1.25;margin:10px 0}.content{padding:65px 0 90px}.content-inner{max-width:850px;margin:auto}.content h2{font-size:28px}
/* WordPress admin bar: isolate the theme CSS from the logged-in user menu. */
#wpadminbar,
#wpadminbar * { box-sizing: content-box; }
#wpadminbar #wp-admin-bar-user-info { height: auto !important; min-height: 64px !important; }
#wpadminbar #wp-admin-bar-user-info .avatar,
#wpadminbar #wp-admin-bar-user-info img.avatar,
#wpadminbar #wp-admin-bar-user-info .avatar img {
  display: block !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
  display: inline !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  object-fit: cover !important;
}

@media(max-width:850px){.main-nav{display:none}.container{width:min(100% - 28px,700px)}.hero{padding-top:35px}.hero-grid,.feature,.feature.reverse,.exam-grid,.access-grid{grid-template-columns:1fr;gap:30px}.feature.reverse .feature-photo{order:0}.hero-main{min-height:370px}.hero-side .photo{min-height:180px}.entry-grid{grid-template-columns:1fr}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:12px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px 190px}.mosaic .big{grid-row:span 2}.mosaic .wide{grid-column:span 2}.inset{right:12px;bottom:-22px}.feature.reverse .inset{left:12px}.contact-box{display:block;padding:34px}.footer-grid{display:block}.footer-links{margin-top:20px}}
@media(max-width:520px){.header-inner{height:66px}.brand-text strong{font-size:14px}.hero h1{font-size:37px}.hero-photos{grid-template-columns:1fr}.hero-main{min-height:300px}.hero-side{grid-template-columns:1fr 1fr}.hero-side .photo{min-height:155px}.feature-copy h3{font-size:27px}.exam h2{font-size:30px}}