/*
Theme Name: Sanyo Keisoku v4.9.2
Theme URI: https://sanyo-scale.com/
Author: 株式会社山陽計測
Description: v1.1の表示・アニメーションを基準に固定し、文章・写真だけを管理画面から変更できる保守重視版。
Version: 4.9.2
Text Domain: sanyo-keisoku
*/

:root{--g:#69b83b;--dg:#173f29;--ink:#172019;--soft:#f5f7f3;--line:#dfe6dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;background:#fff}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(255,255,255,.95);position:fixed;z-index:20;width:100%;box-shadow:0 1px 14px #0001}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.jp{font-weight:800;font-size:24px;letter-spacing:.05em}.en{font-size:10px;color:#52715b;letter-spacing:.12em}nav{display:flex;gap:19px;font-size:12px;font-weight:700}nav a{color:inherit;text-decoration:none}.contact{padding:11px 17px;background:var(--dg);color:#fff;border-radius:2px}.hero{height:100vh;min-height:690px;position:relative;overflow:hidden;background:#111}.hero-bg{position:absolute;inset:0;background:url('assets/hero.jpg') center 58%/cover no-repeat;animation:heroMove 14s ease-out both}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,11,.78),rgba(6,18,11,.27) 60%,rgba(0,0,0,.08))}.hero-copy{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-45%);color:#fff;max-width:720px}.eyebrow{font-size:14px;letter-spacing:.22em;opacity:0;animation:rise .8s .35s forwards}.hero h1{font-family:serif;font-size:64px;margin:18px 0 16px;line-height:1.18;letter-spacing:.06em;opacity:0;animation:rise 1s .75s forwards}.hero h1 span{color:#91d45c}.hero p{font-size:17px;line-height:2;opacity:0;animation:rise .9s 1.15s forwards}.btn{display:inline-block;margin-top:22px;color:#fff;padding:14px 24px;text-decoration:none;background:var(--g);opacity:0;animation:rise .8s 1.5s forwards}.scroll{position:absolute;z-index:3;bottom:28px;left:50%;color:#fff;font-size:10px;letter-spacing:.18em}.scroll:after{content:"";display:block;width:1px;height:40px;background:#fff;margin:8px auto}.intro{text-align:center;padding:90px 7vw 45px}.intro h2,.section-title{font-family:serif;font-size:38px;margin:0}.green{color:var(--dg)}.intro p{line-height:2}.services{display:grid;grid-template-columns:repeat(5,1fr);padding:18px 4vw 88px;gap:1px}.service{padding:27px 20px;border-left:1px solid var(--line);transform:translateY(30px);opacity:0;transition:.7s}.show{transform:none!important;opacity:1!important}.num{font-family:serif;font-size:36px;color:var(--g)}.service h3{font-size:18px}.service p{font-size:13px;line-height:1.8}.service img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-top:10px}.manufacture{background:var(--soft);padding:82px 5vw}.manufacture>p{line-height:1.9}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:35px}.step{background:#fff;box-shadow:0 4px 18px #0000000c;overflow:hidden;opacity:0;transform:translateY(25px);transition:.6s}.step img{width:100%;height:145px;object-fit:cover}.step b{display:block;padding:13px;font-size:13px}.step small{color:var(--g);margin-right:6px}.jcss{padding:100px 7vw;background:#14251a;color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.jcss .tag{color:#9bd66e;font-weight:700;letter-spacing:.15em;font-size:12px}.jcss h2{font-family:serif;font-size:50px;margin:13px 0}.jcss p{line-height:2;color:#dce7de}.jcss img{width:100%;height:420px;object-fit:cover}.jcss .more{display:inline-block;margin-top:15px;padding-bottom:6px;border-bottom:1px solid #9bd66e;color:#fff;text-decoration:none}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:82px 5vw}.pillar{min-height:380px;position:relative;overflow:hidden;color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}.pillar:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000c)}.pillar>*{z-index:1}.pillar h3{font-family:serif;font-size:32px;margin:0}.p1{background-image:url('assets/works_lift_2.jpg')}.p2{background-image:url('assets/inspection.jpg')}.p3{background-image:url('assets/assembly.jpg')}.area{padding:74px 7vw;background:#eef4eb;display:flex;justify-content:space-between;align-items:center}.area h2{font-size:38px;margin:0 0 10px}.japan{font-size:72px;font-weight:900;color:var(--g);letter-spacing:.06em}.footer{padding:30px 7vw;font-size:12px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer a{color:inherit;text-decoration:none;border-bottom:1px solid #aaa}@keyframes heroMove{from{transform:scale(1.015)}to{transform:scale(1)}}@keyframes rise{to{opacity:1;transform:translateY(-10px)}}@media(max-width:950px){nav{display:none}.hero h1{font-size:44px}.services{grid-template-columns:1fr 1fr}.flow{grid-template-columns:1fr 1fr}.jcss{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}.area{display:block}.japan{font-size:45px}}

.works-gallery{padding:86px 5vw;background:#fff}
.works-gallery .lead{line-height:1.9;margin:10px 0 30px}
.works-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}
.works-grid figure{margin:0;background:#f5f7f3;overflow:hidden}
.works-grid figure:first-child{grid-row:span 2}
.works-grid img{width:100%;height:280px;object-fit:cover;display:block;transition:transform .6s}
.works-grid figure:first-child img{height:572px}
.works-grid figure:hover img{transform:scale(1.025)}
.works-grid figcaption{padding:11px 13px;font-size:12px}
@media(max-width:950px){.works-grid{grid-template-columns:1fr}.works-grid figure:first-child{grid-row:auto}.works-grid figure:first-child img,.works-grid img{height:250px}}
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}
body{overflow-x:hidden}
.wp-site-blocks{padding:0}

/* v3 maintenance safeguards */
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}
body{overflow-x:hidden}
header nav{white-space:nowrap}
@media(max-width:1280px){
  header{padding-left:2.5vw;padding-right:2.5vw}
  nav{gap:12px;font-size:11px}
  .jp{font-size:21px}
  .brand img{width:52px;height:52px}
}


/* Contact Form 7 page */
.sk-contact-page{min-height:100vh;background:#f7f9f5;padding-top:82px}
.sk-contact-hero{background:#173f29;color:#fff;padding:72px 7vw 64px}
.sk-contact-hero .eyebrow{font-size:12px;letter-spacing:.18em;color:#a6dc7c;margin:0 0 12px}
.sk-contact-hero h1{font-family:serif;font-size:46px;margin:0 0 14px;letter-spacing:.04em}
.sk-contact-hero p{margin:0;color:#e4eee6;line-height:1.9}
.sk-contact-wrap{max-width:980px;margin:0 auto;padding:64px 24px 84px}
.sk-contact-card{background:#fff;border:1px solid #e1e7de;box-shadow:0 8px 28px rgba(0,0,0,.04);padding:38px 42px}
.sk-contact-card .wpcf7-form p{margin:0 0 24px}
.sk-contact-card label{display:block;font-weight:700;line-height:1.6}
.sk-contact-required,.sk-contact-card .required{display:inline-block;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700;color:#fff;background:#69b83b}
.sk-contact-optional{display:inline-block;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700;color:#607064;background:#edf1eb}
.sk-contact-card input[type=text],.sk-contact-card input[type=email],.sk-contact-card input[type=tel],.sk-contact-card select,.sk-contact-card textarea{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #cfd8cc;border-radius:2px;background:#fff;color:#172019;font:inherit}
.sk-contact-card textarea{min-height:220px;resize:vertical}
.sk-contact-card .wpcf7-list-item{margin-left:0}
.sk-contact-card .wpcf7-acceptance label{font-weight:400}
.sk-contact-card input[type=submit]{min-width:220px;padding:15px 28px;border:0;border-radius:2px;background:#173f29;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.sk-contact-privacy{margin-top:16px;font-size:12px;color:#59645b;line-height:1.8}
.sk-contact-privacy a{color:#173f29}
@media(max-width:700px){.sk-contact-page{padding-top:72px}.sk-contact-hero{padding:54px 22px 48px}.sk-contact-hero h1{font-size:36px}.sk-contact-wrap{padding:42px 16px 62px}.sk-contact-card{padding:26px 18px}.sk-contact-card input[type=submit]{width:100%;min-width:0}}


/* v3.3 ヘッダーメニュー調整 */
header nav{
  font-size:14px;
  gap:15px;
}
header .contact{
  font-size:14px;
}
@media(max-width:1280px){
  header nav{
    font-size:13px;
    gap:10px;
  }
}

/* v3.4 ヘッダーメニュー文字サイズ再調整 */
header nav{
  font-size:16px;
}
header .contact{
  font-size:16px;
}
@media(max-width:1280px){
  header nav{
    font-size:15px;
  }
  header .contact{
    font-size:15px;
  }
}


/* v3.7 事業内容5カードの写真位置を揃える */
.services .service{
  display:flex;
  flex-direction:column;
  height:100%;
}
.services .service .num,
.services .service h3,
.services .service p{
  flex:0 0 auto;
}
.services .service p{
  min-height:3.6em;
}
.services .service img{
  margin-top:auto;
  display:block;
  width:100%;
}
@media(max-width:950px){
  .services .service p{
    min-height:0;
  }
  .services .service img{
    margin-top:12px;
  }
}


/* v3.8 全国対応：右側を画像差し替え可能に */
.area .sk-area-visual{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:320px;
}
.area .sk-area-visual img{
  display:block;
  max-width:420px;
  max-height:230px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.area .sk-area-visual span{
  font-size:72px;
  font-weight:900;
  color:var(--g);
  letter-spacing:.06em;
}
@media(max-width:950px){
  .area .sk-area-visual{
    justify-content:flex-start;
    min-width:0;
    margin-top:28px;
  }
  .area .sk-area-visual img{
    max-width:min(420px,100%);
    max-height:200px;
  }
  .area .sk-area-visual span{
    font-size:45px;
  }
}


/* =========================================================
   v3.9 スマホ最適化
   PC表示は既存v3.8を維持し、主に767px以下を調整
   ========================================================= */

/* Mobile menu button: PCでは非表示 */
.sk-mobile-menu-toggle{
  display:none;
}

/* 既存header navをPCではそのまま */
@media(max-width:767px){

  body{
    font-size:16px;
    line-height:1.8;
  }

  /* ===== Header / Hamburger ===== */
  header{
    height:68px!important;
    min-height:68px!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:rgba(255,255,255,.98)!important;
  }

  body.admin-bar header{
    top:46px!important;
  }

  header .brand{
    min-width:0!important;
    gap:8px!important;
  }

  header .brand img{
    width:42px!important;
    height:42px!important;
  }

  header .jp{
    font-size:17px!important;
    letter-spacing:.03em!important;
    line-height:1.2!important;
  }

  header .en{
    font-size:8px!important;
    letter-spacing:.08em!important;
  }

  .sk-mobile-menu-toggle{
    display:flex;
    width:44px;
    height:44px;
    border:0;
    background:transparent;
    padding:0;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:5px;
    cursor:pointer;
    z-index:1101;
  }

  .sk-mobile-menu-toggle span{
    display:block;
    width:24px;
    height:2px;
    background:#173f29;
    transition:transform .25s ease,opacity .25s ease;
  }

  body.sk-menu-open .sk-mobile-menu-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  body.sk-menu-open .sk-mobile-menu-toggle span:nth-child(2){
    opacity:0;
  }

  body.sk-menu-open .sk-mobile-menu-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  header nav{
    position:fixed!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:8px 18px 20px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 12px 24px rgba(0,0,0,.08)!important;
    z-index:1100!important;
    font-size:17px!important;
  }

  body.admin-bar header nav{
    top:114px!important;
  }

  body.sk-menu-open header nav{
    display:flex!important;
  }

  header nav a{
    padding:15px 4px!important;
    border-bottom:1px solid #e5eae3!important;
    font-size:17px!important;
    line-height:1.3!important;
  }

  header nav .contact{
    margin-top:10px!important;
    padding:14px 16px!important;
    text-align:center!important;
    border-bottom:0!important;
    font-size:17px!important;
  }

  /* ===== Hero ===== */
  .hero{
    height:auto!important;
    min-height:680px!important;
    padding-top:68px!important;
  }

  .hero-bg{
    background-position:center center!important;
  }

  .hero-copy{
    left:20px!important;
    right:20px!important;
    top:50%!important;
    transform:translateY(-43%)!important;
    max-width:none!important;
    width:auto!important;
  }

  .hero-copy .eyebrow{
    font-size:12px!important;
    letter-spacing:.14em!important;
    margin-bottom:12px!important;
  }

  .hero-copy h1{
    font-size:40px!important;
    line-height:1.2!important;
    letter-spacing:.03em!important;
    margin:10px 0 16px!important;
  }

  .hero-copy p{
    font-size:16px!important;
    line-height:1.9!important;
  }

  .hero .btn{
    display:inline-block!important;
    margin-top:20px!important;
    padding:13px 18px!important;
    font-size:14px!important;
  }

  .scroll{
    display:none!important;
  }

  /* ===== Intro ===== */
  .intro{
    padding:58px 20px 30px!important;
  }

  .intro h2{
    font-size:30px!important;
    line-height:1.45!important;
  }

  .intro p{
    font-size:16px!important;
    line-height:1.9!important;
  }

  /* ===== Services ===== */
  .services{
    grid-template-columns:1fr!important;
    padding:8px 20px 50px!important;
    gap:14px!important;
  }

  .service{
    border:1px solid var(--line)!important;
    padding:22px 18px!important;
    border-radius:2px;
    display:grid!important;
    grid-template-columns:72px 1fr!important;
    grid-template-areas:
      "num title"
      "text text"
      "image image"!important;
    column-gap:10px!important;
    align-items:center!important;
  }

  .service .num{
    grid-area:num!important;
    font-size:30px!important;
    margin:0!important;
  }

  .service h3{
    grid-area:title!important;
    font-size:21px!important;
    margin:0!important;
  }

  .service p{
    grid-area:text!important;
    min-height:0!important;
    font-size:15px!important;
    margin:10px 0 14px!important;
  }

  .service img{
    grid-area:image!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    object-fit:cover!important;
    margin:0!important;
  }

  /* ===== Manufacture ===== */
  .manufacture{
    padding:58px 20px!important;
  }

  .manufacture .section-title{
    font-size:34px!important;
  }

  .manufacture > p{
    font-size:16px!important;
  }

  .flow{
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:28px!important;
  }

  .step{
    display:grid!important;
    grid-template-columns:42% 58%!important;
    align-items:center!important;
    min-height:120px!important;
  }

  .step img{
    width:100%!important;
    height:120px!important;
    object-fit:cover!important;
  }

  .step b{
    padding:18px!important;
    font-size:17px!important;
  }

  .step b small{
    display:block!important;
    margin:0 0 6px!important;
    font-size:12px!important;
  }

  /* ===== Three pillars ===== */
  .pillars{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:52px 20px!important;
  }

  .pillar{
    min-height:250px!important;
    padding:24px!important;
    background-position:center!important;
  }

  .pillar h3{
    font-size:30px!important;
  }

  .pillar p{
    font-size:15px!important;
    line-height:1.8!important;
  }

  /* ===== Works Gallery ===== */
  .works-gallery{
    padding:56px 20px!important;
  }

  .works-gallery .section-title{
    font-size:34px!important;
  }

  .works-gallery .lead{
    font-size:16px!important;
  }

  .works-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .works-grid figure,
  .works-grid figure:first-child{
    grid-column:auto!important;
    grid-row:auto!important;
    height:auto!important;
  }

  .works-grid img,
  .works-grid figure:first-child img{
    width:100%!important;
    height:230px!important;
    object-fit:cover!important;
  }

  /* ===== JCSS ===== */
  .jcss{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:58px 20px!important;
  }

  .jcss h2{
    font-size:38px!important;
    line-height:1.3!important;
  }

  .jcss h3{
    font-size:22px!important;
  }

  .jcss p{
    font-size:16px!important;
    line-height:1.9!important;
  }

  .jcss > img{
    width:100%!important;
    height:240px!important;
    object-fit:cover!important;
  }

  /* ===== Nationwide ===== */
  .area{
    display:block!important;
    padding:52px 20px!important;
    min-height:0!important;
  }

  .area h2{
    font-size:30px!important;
    line-height:1.45!important;
  }

  .area p{
    font-size:16px!important;
    line-height:1.8!important;
  }

  .area .sk-area-visual{
    margin-top:28px!important;
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }

  .area .sk-area-visual img{
    max-width:82%!important;
    max-height:220px!important;
  }

  .area .sk-area-visual span{
    font-size:44px!important;
  }

  /* ===== Footer ===== */
  .footer{
    padding:26px 20px!important;
    display:block!important;
    font-size:13px!important;
    line-height:1.8!important;
  }

  .footer > div + div{
    margin-top:16px!important;
  }

  /* ===== Contact Page ===== */
  .sk-contact-page{
    padding-top:68px!important;
  }

  .sk-contact-hero{
    padding:48px 20px 42px!important;
  }

  .sk-contact-hero h1{
    font-size:34px!important;
  }

  .sk-contact-hero p{
    font-size:15px!important;
  }

  .sk-contact-wrap{
    padding:36px 14px 54px!important;
  }

  .sk-contact-card{
    padding:22px 16px!important;
  }

  .sk-contact-card input[type=text],
  .sk-contact-card input[type=email],
  .sk-contact-card input[type=tel],
  .sk-contact-card select,
  .sk-contact-card textarea{
    font-size:16px!important; /* iPhone zoom防止 */
    padding:13px 12px!important;
  }

  .sk-contact-card textarea{
    min-height:180px!important;
  }
}


/* =========================================================
   v4.0 スマホ表示 微調整
   - 文字サイズを少し抑える
   - 説明文をコンパクトに
   - 製造工程アニメーション順序はJS側で01→06固定
   ========================================================= */
@media(max-width:767px){

  body{
    font-size:15px;
    line-height:1.7;
  }

  /* ヘッダー */
  header .jp{
    font-size:16px!important;
  }
  header nav,
  header nav a,
  header nav .contact{
    font-size:16px!important;
  }

  /* ファーストビュー */
  .hero-copy h1{
    font-size:35px!important;
    line-height:1.18!important;
    letter-spacing:.02em!important;
  }
  .hero-copy .eyebrow{
    font-size:11px!important;
  }
  .hero-copy p{
    font-size:14px!important;
    line-height:1.75!important;
    max-width:34em;
  }
  .hero .btn{
    font-size:13px!important;
  }

  /* 会社紹介 */
  .intro{
    padding:52px 20px 28px!important;
  }
  .intro h2{
    font-size:27px!important;
    line-height:1.4!important;
  }
  .intro p{
    font-size:14px!important;
    line-height:1.75!important;
  }

  /* 事業内容 */
  .service{
    padding:18px 16px!important;
  }
  .service .num{
    font-size:27px!important;
  }
  .service h3{
    font-size:19px!important;
  }
  .service p{
    font-size:14px!important;
    line-height:1.65!important;
    margin:8px 0 12px!important;
  }
  .service img{
    aspect-ratio:16/8.5!important;
  }

  /* 製造工程 */
  .manufacture{
    padding:52px 20px!important;
  }
  .manufacture .section-title{
    font-size:30px!important;
  }
  .manufacture > p{
    font-size:14px!important;
    line-height:1.7!important;
    max-width:34em;
  }
  .step{
    grid-template-columns:40% 60%!important;
    min-height:105px!important;
  }
  .step img{
    height:105px!important;
  }
  .step b{
    padding:15px!important;
    font-size:16px!important;
  }

  /* 3つの対応領域 */
  .pillar{
    min-height:220px!important;
  }
  .pillar h3{
    font-size:27px!important;
  }
  .pillar p{
    font-size:14px!important;
    line-height:1.65!important;
  }

  /* 工事 */
  .works-gallery .section-title{
    font-size:30px!important;
  }
  .works-gallery .lead{
    font-size:14px!important;
    line-height:1.7!important;
  }
  .works-grid img,
  .works-grid figure:first-child img{
    height:205px!important;
  }

  /* JCSS */
  .jcss h2{
    font-size:34px!important;
  }
  .jcss h3{
    font-size:20px!important;
  }
  .jcss p{
    font-size:14px!important;
    line-height:1.75!important;
  }
  .jcss > img{
    height:220px!important;
  }

  /* 全国対応 */
  .area h2{
    font-size:27px!important;
  }
  .area p{
    font-size:14px!important;
    line-height:1.7!important;
  }

  /* お問い合わせ */
  .sk-contact-hero h1{
    font-size:31px!important;
  }
  .sk-contact-hero p{
    font-size:14px!important;
    line-height:1.7!important;
  }
}

/* v4.1 スマホ：お問い合わせページ見出しをコンパクトに */
@media(max-width:767px){
  .sk-contact-hero{
    padding:38px 20px 34px!important;
  }
  .sk-contact-hero h1{
    font-size:26px!important;
    line-height:1.35!important;
    margin-bottom:10px!important;
  }
  .sk-contact-hero p{
    font-size:13px!important;
    line-height:1.65!important;
  }
}


/* v4.4 フォント設定安定化・見出し位置補正 */
:root{
  --sk-body-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --sk-heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}

/* 「最初から最後まで。」を常に中央基準へ */
.intro{
  text-align:center;
}
.intro h2{
  display:block;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  transform:none;
}
.intro p{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

/* フォント指定はレイアウト指定から独立 */
body{
  font-family:var(--sk-body-font);
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--sk-heading-font);
}


/* v4.5 全体丸ゴシック化
   ファーストビュー「『はかる』を、支える。」だけ既存フォントを維持 */
body,
header,
header nav,
header nav a,
header .contact,
.intro,
.services,
.manufacture,
.flow,
.pillars,
.works-gallery,
.jcss,
.area,
.footer,
.sk-contact-page,
.sk-contact-card,
input,
textarea,
select,
button{
  font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}

.intro h2,
.service h3,
.manufacture .section-title,
.pillar h3,
.works-gallery .section-title,
.jcss h2,
.jcss h3,
.area h2,
.sk-contact-hero h1{
  font-family:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}

/* この文言だけ元の雰囲気を維持 */
.hero-copy h1{
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
}


/* v4.6 製造工程カード文字サイズ・視認性調整 */
.step b{
  font-size:var(--sk-step-title-size,16px);
  font-weight:700;
  line-height:1.4;
}
.step b small{
  font-size:.72em;
  font-weight:700;
  margin-right:.35em;
}
@media(max-width:767px){
  .step b{
    line-height:1.35;
  }
}


/* =========================================================
   v4.7.1 構成確認版（v4.6の正常表示を維持）
   ========================================================= */
.sk-four-pillars{
  grid-template-columns:repeat(4,1fr);
  padding:0;
}
.sk-four-pillars .pillar{
  min-height:360px;
  position:relative;
  display:flex;
  align-items:flex-end;
  padding:0;
  overflow:hidden;
  background-size:cover;
  background-position:center;
}
.sk-pillar-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(7,26,17,.82),rgba(7,26,17,.12));
}
.sk-pillar-copy{
  position:relative;
  z-index:1;
  padding:28px;
  color:#fff;
}
.sk-pillar-copy span{
  font-size:12px;
  letter-spacing:.18em;
  color:#8dd44c;
}
.sk-pillar-copy h3{
  margin:7px 0 10px;
  font-size:31px;
  color:#fff;
}
.sk-pillar-copy p{
  margin:0;
  line-height:1.75;
  color:#fff;
}

.sk-service-detail{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:480px;
  background:#f5f6f1;
}
.sk-service-detail:nth-of-type(even){
  background:#112f20;
  color:#fff;
}
.sk-service-photo{
  min-height:480px;
  overflow:hidden;
}
.sk-service-photo img{
  width:100%;
  height:100%;
  min-height:480px;
  object-fit:cover;
  display:block;
}
.sk-service-copy{
  padding:70px 8vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.sk-service-kicker{
  color:#62bd34;
  font-size:18px;
  font-weight:700;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.sk-service-copy h2{
  margin:0 0 20px;
  font-size:43px;
}
.sk-jcss-detail .sk-service-copy h2,
.sk-jcss-detail .sk-service-copy p,
.sk-jcss-detail .more{
  color:#fff;
}
.sk-service-copy p{
  line-height:1.9;
}
.sk-service-copy .more{
  width:max-content;
  max-width:100%;
  margin-top:22px;
}

.sk-detail-page{
  padding-top:80px;
}
.sk-detail-hero{
  padding:88px 7vw 68px;
  text-align:center;
  background:#f1f2ec;
}
.sk-detail-label{
  color:#62bd34;
  font-size:11px;
  letter-spacing:.2em;
}
.sk-detail-hero h1{
  margin:10px 0 14px;
  font-size:44px;
}
.sk-detail-content{
  max-width:1100px;
  margin:0 auto;
  padding:68px 7vw 100px;
}
.sk-detail-content h2{
  font-size:34px;
}
.sk-placeholder-box{
  margin-top:30px;
  padding:32px;
  border:1px solid #d8ddd3;
  background:#fafaf7;
}
.sk-inspection-gallery{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:10px;
  margin-top:35px;
}
.sk-inspection-gallery img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.sk-inspection-gallery img:first-child{
  grid-row:span 2;
  height:450px;
}

@media(max-width:767px){
  .sk-four-pillars{
    grid-template-columns:1fr!important;
  }
  .sk-four-pillars .pillar{
    min-height:220px!important;
  }
  .sk-pillar-copy{
    padding:22px!important;
  }
  .sk-pillar-copy h3{
    font-size:27px!important;
  }

  .sk-service-detail{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .sk-jcss-detail .sk-service-copy{
    order:2;
  }
  .sk-jcss-detail .sk-service-photo{
    order:1;
  }
  .sk-service-photo,
  .sk-service-photo img{
    min-height:0;
    height:240px;
  }
  .sk-service-copy{
    padding:42px 20px 48px;
  }
  .sk-service-copy h2{
    font-size:29px;
  }

  .sk-detail-page{
    padding-top:68px;
  }
  .sk-detail-hero{
    padding:46px 20px 39px;
  }
  .sk-detail-hero h1{
    font-size:29px;
  }
  .sk-detail-content{
    padding:44px 20px 70px;
  }
  .sk-inspection-gallery{
    grid-template-columns:1fr 1fr;
  }
  .sk-inspection-gallery img,
  .sk-inspection-gallery img:first-child{
    grid-row:auto;
    height:175px;
  }
  .sk-inspection-gallery img:first-child{
    grid-column:1/-1;
    height:235px;
  }
}


/* =========================================================
   v4.7.2 視認性・トップ画像トリミング調整
   ========================================================= */

/* ファーストビュー：以前のように上下を少し切る見せ方へ */
.hero{
  overflow:hidden;
}
.hero-bg{
  background-size:cover !important;
  background-position:center 48% !important;
  transform:scale(1.035);
  transform-origin:center center;
}

/* 4本柱：背景を少し暗くして文字を明るく */
.sk-four-pillars .sk-pillar-overlay{
  background:linear-gradient(
    to top,
    rgba(4,19,12,.88) 0%,
    rgba(4,19,12,.58) 52%,
    rgba(4,19,12,.28) 100%
  ) !important;
}

.sk-four-pillars .sk-pillar-copy{
  color:#ffffff !important;
}

.sk-four-pillars .sk-pillar-copy span{
  color:#b9f28a !important;
  font-weight:700;
}

.sk-four-pillars .sk-pillar-copy h3{
  color:#ffffff !important;
  font-size:32px !important;
  font-weight:700 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.38);
}

.sk-four-pillars .sk-pillar-copy p{
  color:#ffffff !important;
  font-size:15px;
  font-weight:500;
  text-shadow:0 1px 6px rgba(0,0,0,.4);
}

/* 検査・JCSS対比エリア：淡い背景でも読みやすく */
.sk-inspection-detail{
  background:#eef2eb !important;
  color:#14251a !important;
}

.sk-inspection-detail .sk-service-kicker{
  color:#2f7a31 !important;
  font-size:22px !important;
  font-weight:700 !important;
}

.sk-inspection-detail .sk-service-copy h2{
  color:#14251a !important;
}

.sk-inspection-detail .sk-service-copy p,
.sk-inspection-detail .more{
  color:#25342a !important;
}

.sk-jcss-detail{
  background:#123221 !important;
  color:#ffffff !important;
}

.sk-jcss-detail .sk-service-kicker{
  color:#a9e66f !important;
  font-size:22px !important;
  font-weight:700 !important;
}

.sk-jcss-detail .sk-service-copy h2,
.sk-jcss-detail .sk-service-copy p,
.sk-jcss-detail .more{
  color:#ffffff !important;
}

/* 「確認する。」「すえる。」「つなぐ。」を同サイズへ */
.sk-four-pillars .p2 h3,
.sk-four-pillars .p3 h3,
.sk-four-pillars .p4 h3{
  font-size:32px !important;
}

/* スマホでは少し抑える */
@media(max-width:767px){
  .hero-bg{
    transform:scale(1.02);
    background-position:center center !important;
  }

  .sk-four-pillars .sk-pillar-copy h3,
  .sk-four-pillars .p2 h3,
  .sk-four-pillars .p3 h3,
  .sk-four-pillars .p4 h3{
    font-size:28px !important;
  }

  .sk-four-pillars .sk-pillar-copy p{
    font-size:14px;
  }

  .sk-inspection-detail .sk-service-kicker,
  .sk-jcss-detail .sk-service-kicker{
    font-size:20px !important;
  }
}

/* v4.7.3 4本柱 見出し完全統一 */
.sk-four-pillars .pillar .sk-pillar-copy h3,
.sk-four-pillars .pillar.p1 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p2 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p3 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p4 .sk-pillar-copy h3{
  font-size:32px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  color:#fff !important;
}
@media(max-width:767px){
  .sk-four-pillars .pillar .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p1 .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p2 .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p3 .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p4 .sk-pillar-copy h3{
    font-size:28px !important;
    line-height:1.35 !important;
  }
}

/* v4.7.4 ファーストビュー画像の上側をさらにトリミング */
.hero-bg{
  background-position:center 62% !important;
  transform:scale(1.06) !important;
}

/* スマホは切れすぎないよう少し控えめ */
@media(max-width:767px){
  .hero-bg{
    background-position:center 56% !important;
    transform:scale(1.035) !important;
  }
}

/* v4.7.5 ブランドアクセント色を緑へ統一 */
.sk-four-pillars .pillar .sk-pillar-copy h3,
.sk-four-pillars .pillar.p1 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p2 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p3 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p4 .sk-pillar-copy h3{
  color:#8fd34f !important;
  text-shadow:0 2px 10px rgba(0,0,0,.42);
}

/* トップページのアクセント見出しは従来の緑系を維持 */
.hero-copy .eyebrow,
.intro .eyebrow,
.section-label,
.manufacture .eyebrow,
.works-gallery .eyebrow{
  color:#62bd34 !important;
}


/* =========================================================
   v4.7.6 色・見出し階層の統一
   ========================================================= */

/* 会社紹介「最初から最後まで。」のアクセントを緑へ戻す */
.intro h2 .green,
.intro h2 span.green,
.intro .green{
  color:#62bd34 !important;
}

/* 4本柱は写真上なので白文字で統一 */
.sk-four-pillars .pillar .sk-pillar-copy h3,
.sk-four-pillars .pillar.p1 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p2 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p3 .sk-pillar-copy h3,
.sk-four-pillars .pillar.p4 .sk-pillar-copy h3{
  color:#ffffff !important;
  font-size:32px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.42);
}

/* 下段の事業説明：
   つくる。／すえる。／確認する。／つなぐ。を完全統一 */
.manufacture .section-title,
.works-gallery .section-title,
.sk-inspection-detail .sk-service-kicker,
.sk-jcss-detail .sk-service-kicker{
  color:#62bd34 !important;
  font-size:38px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  margin-top:0 !important;
  margin-bottom:14px !important;
}

/* section-title 内の緑spanも親と同じサイズ・色を継承 */
.manufacture .section-title .green,
.works-gallery .section-title .green{
  color:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
}

/* 検査・JCSSの業務名は、その下の正式名称として同じ階層に統一 */
.sk-inspection-detail .sk-service-copy h2,
.sk-jcss-detail .sk-service-copy h2{
  font-size:32px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* JCSS濃色背景では正式名称は白、つなぐ。だけ緑 */
.sk-jcss-detail .sk-service-copy h2{
  color:#ffffff !important;
}
.sk-jcss-detail .sk-service-kicker{
  color:#a9e66f !important;
}

/* スマホも4項目を同じサイズへ */
@media(max-width:767px){
  .sk-four-pillars .pillar .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p1 .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p2 .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p3 .sk-pillar-copy h3,
  .sk-four-pillars .pillar.p4 .sk-pillar-copy h3{
    font-size:28px !important;
  }

  .manufacture .section-title,
  .works-gallery .section-title,
  .sk-inspection-detail .sk-service-kicker,
  .sk-jcss-detail .sk-service-kicker{
    font-size:30px !important;
    margin-bottom:12px !important;
  }

  .sk-inspection-detail .sk-service-copy h2,
  .sk-jcss-detail .sk-service-copy h2{
    font-size:26px !important;
  }
}

/* v4.7.7 トップ導入見出し・4本柱アニメーション/明るさ */

/* 「計量のことなら、」も緑へ */
.intro h2{
  color:#62bd34 !important;
}
.intro h2 .green,
.intro h2 span{
  color:#62bd34 !important;
}

/* 4本柱の写真を明るく：暗幕を弱める */
.sk-four-pillars .sk-pillar-overlay{
  background:linear-gradient(
    to top,
    rgba(4,19,12,.66) 0%,
    rgba(4,19,12,.34) 52%,
    rgba(4,19,12,.12) 100%
  ) !important;
}

/* 右→左（04→03→02→01）に順番に現れる */
@keyframes skPillarRevealV477{
  0%{opacity:0;transform:translateX(42px)}
  100%{opacity:1;transform:translateX(0)}
}
.sk-four-pillars .pillar{
  opacity:0;
  animation:skPillarRevealV477 .7s ease-out forwards;
}
.sk-four-pillars .p4{animation-delay:.10s}
.sk-four-pillars .p3{animation-delay:.28s}
.sk-four-pillars .p2{animation-delay:.46s}
.sk-four-pillars .p1{animation-delay:.64s}

@media(prefers-reduced-motion:reduce){
  .sk-four-pillars .pillar{
    opacity:1;
    animation:none!important;
    transform:none!important;
  }
}
@media(max-width:767px){
  /* スマホは縦並びなので自然な上→下表示にする */
  .sk-four-pillars .p1{animation-delay:.10s}
  .sk-four-pillars .p2{animation-delay:.24s}
  .sk-four-pillars .p3{animation-delay:.38s}
  .sk-four-pillars .p4{animation-delay:.52s}
}


/* =========================================================
   v4.7.8 4本柱：スクロール時アニメーション + さらに明るく
   ========================================================= */

/* 写真をさらに明るく */
.sk-four-pillars .sk-pillar-overlay{
  background:linear-gradient(
    to top,
    rgba(4,19,12,.50) 0%,
    rgba(4,19,12,.22) 52%,
    rgba(4,19,12,.06) 100%
  ) !important;
}

/* 初期状態 */
.sk-four-pillars .pillar{
  opacity:0 !important;
  transform:translateX(52px) !important;
  animation:none !important;
  transition:
    opacity .72s ease-out,
    transform .72s cubic-bezier(.2,.75,.2,1) !important;
}

/* JSで is-visible が付いた時だけ表示 */
.sk-four-pillars .pillar.is-visible{
  opacity:1 !important;
  transform:translateX(0) !important;
}

/* PC: 右から 04→03→02→01 */
.sk-four-pillars .p4{transition-delay:.08s !important}
.sk-four-pillars .p3{transition-delay:.24s !important}
.sk-four-pillars .p2{transition-delay:.40s !important}
.sk-four-pillars .p1{transition-delay:.56s !important}

/* スマホは縦なので上→下 */
@media(max-width:767px){
  .sk-four-pillars .pillar{
    transform:translateY(28px) !important;
  }
  .sk-four-pillars .pillar.is-visible{
    transform:translateY(0) !important;
  }
  .sk-four-pillars .p1{transition-delay:.06s !important}
  .sk-four-pillars .p2{transition-delay:.18s !important}
  .sk-four-pillars .p3{transition-delay:.30s !important}
  .sk-four-pillars .p4{transition-delay:.42s !important}
}

/* 動きを減らす設定では即表示 */
@media(prefers-reduced-motion:reduce){
  .sk-four-pillars .pillar{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* v4.7.9 4本柱：PCも左から 01→02→03→04 */
.sk-four-pillars .p1{transition-delay:.08s !important}
.sk-four-pillars .p2{transition-delay:.24s !important}
.sk-four-pillars .p3{transition-delay:.40s !important}
.sk-four-pillars .p4{transition-delay:.56s !important}


/* =========================================================
   v4.8.0 各事業の英字ラベルを統一
   ========================================================= */
.sk-business-en{
  color:#62bd34 !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase;
  margin:0 0 9px !important;
}

/* JCSSの濃色背景では少し明るい緑 */
.sk-jcss-detail .sk-business-en{
  color:#a9e66f !important;
}

/* 英字→日本語見出しの間隔を4事業で揃える */
.manufacture .section-title,
.works-gallery .section-title,
.sk-inspection-detail .sk-service-kicker,
.sk-jcss-detail .sk-service-kicker{
  margin-top:0 !important;
}

@media(max-width:767px){
  .sk-business-en{
    font-size:11px !important;
    letter-spacing:.16em !important;
    margin-bottom:7px !important;
  }
}


/* =========================================================
   v4.9.0 全ページ導線・標準メニュー・固定ページ連携
   ========================================================= */
.sk-brand-link{
  display:flex;
  align-items:center;
  gap:12px;
  color:inherit;
  text-decoration:none;
}

.sk-primary-nav .sk-primary-menu{
  display:flex;
  align-items:center;
  gap:15px;
  margin:0;
  padding:0;
  list-style:none;
}
.sk-primary-nav .sk-primary-menu li{
  margin:0;
  padding:0;
  list-style:none;
}
.sk-primary-nav .sk-primary-menu a{
  color:inherit;
  text-decoration:none;
}
.sk-primary-nav .sk-primary-menu li:last-child > a{
  display:inline-block;
  padding:11px 17px;
  background:var(--dg);
  color:#fff;
  border-radius:2px;
}
.pillar{
  text-decoration:none;
}
.pillar:hover .sk-pillar-copy h3{
  text-decoration:underline;
  text-underline-offset:5px;
}
.sk-section-more{
  display:inline-block;
  margin-top:28px;
  color:var(--dg);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid var(--g);
  padding-bottom:4px;
}
.sk-page-content{
  padding-top:82px;
  min-height:70vh;
}
.sk-page-content > *:first-child{
  margin-top:0;
}

/* v4.9: トップ4本柱は4列を正式仕様に */
.sk-four-pillars{
  grid-template-columns:repeat(4,1fr) !important;
}
.sk-four-pillars .pillar{
  color:#fff;
}

/* WP標準メニューをスマホメニューにも対応 */
@media(max-width:767px){
  .sk-page-content{
    padding-top:68px;
  }
  .sk-primary-nav .sk-primary-menu{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    width:100%;
  }
  .sk-primary-nav .sk-primary-menu li{
    width:100%;
  }
  .sk-primary-nav .sk-primary-menu a{
    display:block;
    width:100%;
  }
  .sk-primary-nav .sk-primary-menu li:last-child > a{
    margin-top:10px;
    text-align:center;
  }
  .sk-four-pillars{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   v4.9.2 固定ページ全体の中央寄せ・JCSS表改善
   ========================================================= */

/* 固定ページ全体：
   左に寄りすぎないよう、各セクションの中身を中央にまとめる */
.sk-page-content > .wp-block-group > :not(.alignfull):not(.alignwide),
.sk-page-content > .wp-block-group.alignwide > *,
.sk-page-content > .wp-block-group.alignfull > *{
  width:min(100%, 1120px);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

/* 固定ページ内の通常テキストは、さらに読みやすい幅 */
.sk-page-content .wp-block-group p,
.sk-page-content .wp-block-group h1,
.sk-page-content .wp-block-group h2,
.sk-page-content .wp-block-group h3,
.sk-page-content .wp-block-group h4,
.sk-page-content .wp-block-group ul,
.sk-page-content .wp-block-group ol{
  max-width:100%;
}

/* セクション間の左右余白を揃える */
.sk-page-content .wp-block-group{
  box-sizing:border-box;
}
.sk-page-content .wp-block-group.alignwide,
.sk-page-content .wp-block-group.alignfull{
  padding-left:max(24px, calc((100vw - 1180px) / 2)) !important;
  padding-right:max(24px, calc((100vw - 1180px) / 2)) !important;
}

/* ファーストビューは他ページと同じバランスに */
.sk-page-content > .wp-block-group:first-child{
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.sk-page-content > .wp-block-group:first-child h1{
  font-size:clamp(40px,4.8vw,56px) !important;
  line-height:1.2;
}
.sk-page-content > .wp-block-group:first-child h2{
  font-size:clamp(22px,2.3vw,28px) !important;
  line-height:1.45;
}

/* 会社概要：ABOUT USなども広がりすぎない */
.sk-company-page .wp-block-group:not(:first-child) > p,
.sk-company-page .wp-block-group:not(:first-child) > h2,
.sk-company-page .wp-block-group:not(:first-child) > h3{
  max-width:980px;
}

/* 4本柱やカラムは本文幅の中で中央に */
.sk-company-page .wp-block-columns,
.sk-standard-page .wp-block-columns,
.sk-inspection-page .wp-block-columns,
.sk-jcss-page .wp-block-columns{
  width:min(100%,1120px);
  margin-left:auto;
  margin-right:auto;
}

/* JCSS 校正能力セクション */
.sk-jcss-page .wp-block-table{
  width:min(100%,920px);
  margin-left:auto;
  margin-right:auto;
  overflow-x:auto;
}
.sk-jcss-page .wp-block-table table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  background:#fff;
}
.sk-jcss-page .wp-block-table th{
  background:#eef4ef;
  font-weight:700;
  text-align:center;
  padding:12px 14px;
  border:1px solid #b7c1b8;
}
.sk-jcss-page .wp-block-table td{
  padding:10px 14px;
  border:1px solid #d5ddd6;
  vertical-align:middle;
}
.sk-jcss-page .wp-block-table tbody tr:nth-child(even){
  background:#fafcf9;
}
.sk-jcss-page .wp-block-table td:first-child,
.sk-jcss-page .wp-block-table th:first-child{
  width:38%;
}
.sk-jcss-page .wp-block-table td:not(:first-child),
.sk-jcss-page .wp-block-table th:not(:first-child){
  width:auto;
}
.sk-jcss-page .wp-block-table + p{
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}

/* 小さめ画面 */
@media(max-width:900px){
  .sk-page-content .wp-block-group.alignwide,
  .sk-page-content .wp-block-group.alignfull{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

/* スマホ */
@media(max-width:767px){
  .sk-page-content > .wp-block-group:first-child{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }
  .sk-page-content > .wp-block-group:first-child h1{
    font-size:36px !important;
  }
  .sk-page-content > .wp-block-group:first-child h2{
    font-size:21px !important;
  }
  .sk-page-content .wp-block-group.alignwide,
  .sk-page-content .wp-block-group.alignfull{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .sk-jcss-page .wp-block-table{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .sk-jcss-page .wp-block-table table{
    min-width:560px;
    font-size:14px;
  }
  .sk-jcss-page .wp-block-table th,
  .sk-jcss-page .wp-block-table td{
    padding:9px 10px;
  }
}