{"id":17,"date":"2026-10-22T18:43:04","date_gmt":"2026-10-22T09:43:04","guid":{"rendered":"http:\/\/demo2.gradlegal.jp\/?page_id=17"},"modified":"2026-10-22T20:31:49","modified_gmt":"2026-10-22T11:31:49","slug":"top","status":"publish","type":"page","link":"https:\/\/demo2.gradlegal.jp\/","title":{"rendered":"TOP"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@500;600;700&family=Noto+Serif+JP:wght@400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap');\n\n\/* ===== \u57fa\u672c\u8a2d\u5b9a ===== *\/\n.yhk{\n  --navy:#1e3d5f;\n  --navy-d:#17304b;\n  --ink:#161616;\n  --txt:#3a3a3a;\n  --mute:#777;\n  --pale:#e6edf4;\n  --rule:#d9dde1;\n  --ph:#e4e9ee;\n  --ease:cubic-bezier(.22,.8,.24,1);\n  font-family:\"Noto Serif JP\",serif;\n  color:var(--txt);\n  background:#fff;\n  line-height:1.8;\n  letter-spacing:.04em;\n  overflow:hidden;\n  position:relative;\n}\n.yhk *,.yhk *::before,.yhk *::after{box-sizing:border-box}\n.yhk :where(h1,h2,h3,p,figure){margin:0;padding:0}\n.post_content .yhk :where(h1,h2,h3,p,figure){\n  margin:0;padding:0;background:none;border:none;color:inherit;\n}\n.yhk :where(h1,h2,h3)::before,\n.yhk :where(h1,h2,h3)::after{content:none!important}\n.yhk a,.post_content .yhk a{color:inherit;text-decoration:none}\n.yhk img{\n  display:block;\n  width:100%;\n  height:100%;\n  max-width:100%;\n  object-fit:cover;\n  margin:0;\n}\n.yhk-ph{position:relative;overflow:hidden;background:var(--ph)}\n.yhk-inner{max-width:1280px;margin:0 auto;padding:0 80px}\n.yhk-en{\n  font-family:\"Cormorant Garamond\",serif;\n  text-transform:uppercase;\n  letter-spacing:.3em;\n}\n.yhk-label{\n  display:block;\n  font-size:13px;\n  color:var(--navy);\n  font-weight:600;\n  margin-bottom:14px;\n}\n.yhk-arrow{\n  display:inline-block;\n  width:22px;\n  height:11px;\n  flex-shrink:0;\n  transition:transform .6s var(--ease);\n}\n.yhk-arrow svg{display:block;width:100%;height:100%}\n\n\/* ===== \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 ===== *\/\n@keyframes yhk-up{\n  from{opacity:0;transform:translateY(24px)}\n  to{opacity:1;transform:none}\n}\n@keyframes yhk-char{\n  from{opacity:0;filter:blur(10px);transform:translateY(18px)}\n  to{opacity:1;filter:blur(0);transform:none}\n}\n@keyframes yhk-zoom{\n  from{transform:scale(1.12)}\n  to{transform:scale(1)}\n}\n@keyframes yhk-line{\n  from{transform:scaleX(0)}\n  to{transform:scaleX(1)}\n}\n@keyframes yhk-wipe-y{\n  from{clip-path:inset(100% 0 0 0)}\n  to{clip-path:inset(0 0 0 0)}\n}\n@keyframes yhk-wipe-x{\n  from{clip-path:inset(0 100% 0 0)}\n  to{clip-path:inset(0 0 0 0)}\n}\n@keyframes yhk-fade{\n  from{opacity:0}\n  to{opacity:1}\n}\n@keyframes yhk-arrow{\n  0%{transform:none;opacity:1}\n  45%{transform:translateX(150%);opacity:0}\n  46%{transform:translateX(-150%);opacity:0}\n  100%{transform:none;opacity:1}\n}\n@keyframes yhk-sheen{\n  from{transform:translateX(-100%)}\n  to{transform:translateX(100%)}\n}\n\n\/* ===== HERO ===== *\/\n.yhk-hero{padding:56px 0 0}\n.yhk-hero__inner{\n  display:grid;\n  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 24px;\n  column-gap:28px;\n}\n.yhk-hero__main{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n}\n.yhk .yhk-hero__title{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:700;\n  color:var(--ink);\n  font-size:clamp(44px,6.4vw,88px);\n  line-height:1.2;\n  letter-spacing:.01em;\n}\n.yhk-hero__title .c{\n  display:inline-block;\n  opacity:0;\n  animation:yhk-char 1.3s var(--ease) calc(.55s + var(--i)*.09s) forwards;\n}\n.yhk-hero__meta{\n  margin-top:auto;\n  padding-top:40px;\n  max-width:52%;\n}\n.yhk-hero__tag{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  font-size:15px;\n  color:var(--ink);\n  font-weight:500;\n  animation:yhk-up 1.2s var(--ease) .4s both;\n}\n.yhk-hero__tag::before{\n  content:\"\";\n  width:12px;\n  height:12px;\n  background:var(--navy);\n}\n.yhk-hero__office{\n  margin-top:48px;\n  animation:yhk-up 1.4s var(--ease) 1.2s both;\n}\n.yhk-hero__office b{\n  display:block;\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:600;\n  font-size:18px;\n  color:var(--ink);\n  letter-spacing:.12em;\n}\n.yhk-hero__office .yhk-en{\n  display:block;\n  font-size:10px;\n  letter-spacing:.32em;\n  color:var(--mute);\n  padding-top:6px;\n  margin-top:6px;\n  border-top:1px solid var(--rule);\n}\n.yhk-hero__img-s{\n  position:absolute;\n  right:0;\n  bottom:0;\n  width:44%;\n  aspect-ratio:4\/3.4;\n  animation:yhk-wipe-x 1.6s var(--ease) .9s both;\n}\n.yhk-hero__img-s img,\n.yhk-hero__img-l img{\n  animation:yhk-zoom 16s var(--ease) forwards;\n}\n.yhk-hero__side{display:flex;flex-direction:column}\n.yhk-hero__img-l{\n  aspect-ratio:4\/4.85;\n  animation:yhk-wipe-y 1.8s var(--ease) .2s both;\n}\n.yhk-hero__cta{\n  align-self:flex-end;\n  display:inline-flex;\n  align-items:center;\n  gap:18px;\n  margin-top:16px;\n  font-size:14px;\n  font-weight:500;\n  animation:yhk-up 1.4s var(--ease) 1.2s both;\n}\n.yhk-circle{\n  position:relative;\n  width:58px;\n  height:58px;\n  border-radius:50%;\n  background:var(--navy);\n  color:#fff;\n  display:grid;\n  place-items:center;\n  overflow:hidden;\n  transition:transform .7s var(--ease),background .5s;\n}\n.yhk-circle .yhk-arrow{width:20px}\n.yhk-hero__cta:hover .yhk-circle{\n  transform:scale(1.08);\n  background:var(--navy-d);\n}\n.yhk-hero__cta:hover .yhk-circle .yhk-arrow,\n.yhk-btn:hover .yhk-arrow{\n  animation:yhk-arrow .7s var(--ease);\n}\n.yhk-hero__vert{\n  writing-mode:vertical-rl;\n  font-size:10.5px;\n  letter-spacing:.38em;\n  color:var(--ink);\n  white-space:nowrap;\n  padding-top:4px;\n  animation:yhk-fade 2s ease 1.6s both;\n}\n.yhk-hero__line{\n  display:block;\n  height:2px;\n  margin-top:40px;\n  background:linear-gradient(\n    90deg,transparent,var(--navy) 18%,var(--navy) 82%,transparent\n  );\n  transform-origin:center;\n  animation:yhk-line 2.2s var(--ease) 1.4s both;\n}\n\n\/* ===== \u30b9\u30af\u30ed\u30fc\u30eb\u8868\u793a ===== *\/\n.yhk.is-ready .yhk-rv{\n  opacity:0;\n  transform:translateY(32px);\n  filter:blur(6px);\n  transition:\n    opacity 1.4s var(--ease) var(--d,0s),\n    transform 1.4s var(--ease) var(--d,0s),\n    filter 1.4s var(--ease) var(--d,0s);\n}\n.yhk.is-ready .yhk-rv.is-in{\n  opacity:1;\n  transform:none;\n  filter:blur(0);\n}\n.yhk-rv-img img{transition:transform 2.6s var(--ease)}\n.yhk.is-ready .yhk-rv-img{\n  clip-path:inset(100% 0 0 0);\n  transition:clip-path 1.6s var(--ease) var(--d,0s);\n}\n.yhk.is-ready .yhk-rv-img.is-in{clip-path:inset(0 0 0 0)}\n.yhk.is-ready .yhk-rv-img:not(.is-in) img{transform:scale(1.18)}\n.yhk-rv-line{\n  display:block;\n  transform-origin:left center;\n  transition:transform 1.8s var(--ease) var(--d,0s);\n}\n.yhk-rv-line.v{transform-origin:center top}\n.yhk.is-ready .yhk-rv-line{transform:scaleX(0)}\n.yhk.is-ready .yhk-rv-line.v{transform:scaleY(0)}\n.yhk.is-ready .yhk-rv-line.is-in{transform:none}\n\n\/* ===== INTRO ===== *\/\n.yhk-intro{padding:72px 0 64px}\n.yhk-intro__grid{\n  display:grid;\n  grid-template-columns:minmax(0,1.5fr) auto minmax(0,1fr);\n  gap:0 36px;\n  align-items:center;\n}\n.yhk .yhk-intro__ttl{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:700;\n  color:var(--ink);\n  font-size:clamp(36px,4.6vw,62px);\n  line-height:1.3;\n  letter-spacing:.02em;\n  white-space:nowrap;\n}\n.yhk-intro__rule{\n  width:1px;\n  height:100%;\n  min-height:120px;\n  background:#999;\n}\n.yhk-intro__txt{font-size:14px;line-height:2}\n\n\/* ===== \u304a\u60a9\u307f ===== *\/\n.yhk-prob{background:var(--pale);padding:56px 0}\n.yhk-prob__grid{\n  display:grid;\n  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);\n  gap:0 48px;\n  align-items:center;\n}\n.yhk .yhk-prob__ttl{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:600;\n  color:var(--ink);\n  font-size:clamp(24px,2.5vw,34px);\n  line-height:1.6;\n  margin-bottom:24px;\n}\n.yhk-prob__txt{font-size:13.5px;line-height:2}\n.yhk-prob__item{\n  position:relative;\n  display:grid;\n  grid-template-columns:72px 1fr 22px;\n  align-items:center;\n  gap:20px;\n  padding:20px 20px 20px 10px;\n  border-bottom:1px solid #c8d3df;\n  overflow:hidden;\n  isolation:isolate;\n}\n.yhk-prob__item:last-child{border-bottom:none}\n.yhk-prob__item::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:rgba(255,255,255,.65);\n  z-index:-1;\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .9s var(--ease);\n}\n.yhk-prob__item:hover::before{transform:scaleX(1)}\n.yhk-prob__item:hover .yhk-arrow{transform:translateX(6px)}\n.yhk-prob__num{\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:42px;\n  line-height:1;\n  color:var(--navy);\n  padding-right:20px;\n  border-right:1px solid #9fb0c2;\n  letter-spacing:.02em;\n}\n.yhk-prob__q{\n  display:block;\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:600;\n  font-size:17px;\n  color:var(--ink);\n}\n.yhk-prob__a{\n  display:block;\n  font-size:12px;\n  color:var(--mute);\n  margin-top:2px;\n}\n\n\/* ===== \u89e3\u6c7a\u4e8b\u4f8b ===== *\/\n.yhk-cases{padding:80px 0 64px}\n.yhk .yhk-cases__ttl{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:700;\n  color:var(--ink);\n  font-size:clamp(28px,3.4vw,46px);\n  line-height:1.45;\n}\n.yhk-cases__sub{font-size:15px;margin-top:6px}\n.yhk-cases__grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  column-gap:56px;\n  margin-top:36px;\n}\n.yhk-case{position:relative}\n.yhk-case + .yhk-case::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  bottom:0;\n  left:-28px;\n  width:1px;\n  background:var(--rule);\n}\n.yhk-case__link{display:block}\n.yhk-case__img{aspect-ratio:16\/10.5}\n.yhk .yhk-case__link:hover .yhk-case__img img{transform:scale(1.06)}\n.yhk-case__demo{font-size:11px;color:var(--mute);margin-top:12px}\n.yhk-case__cat{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin-top:6px;\n  font-size:14px;\n  color:var(--navy);\n  font-weight:500;\n}\n.yhk-case__cat .yhk-en{\n  font-size:30px;\n  letter-spacing:.02em;\n  line-height:1;\n  padding-right:14px;\n  border-right:1px solid var(--rule);\n}\n.yhk .yhk-case__ttl{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:600;\n  color:var(--ink);\n  font-size:clamp(18px,1.75vw,23px);\n  line-height:1.6;\n  margin:14px 0 18px;\n}\n.yhk-case__tbl{border-top:1px solid var(--rule);font-size:13px}\n.yhk-case__r{\n  display:grid;\n  grid-template-columns:76px 1fr;\n  border-bottom:1px solid var(--rule);\n}\n.yhk-case__r span{padding:8px 10px}\n.yhk-case__r span:first-child{\n  white-space:nowrap;\n  border-right:1px solid var(--rule);\n  color:var(--ink);\n  font-weight:500;\n  text-align:center;\n}\n.yhk-case__r.is-res{background:var(--pale);color:var(--navy)}\n.yhk-case__more{\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-top:22px;\n  padding-bottom:6px;\n  font-size:13px;\n  color:var(--ink);\n}\n.yhk-case__more::before,\n.yhk-case__more::after{\n  content:\"\";\n  position:absolute;\n  left:0;\n  bottom:0;\n  width:100%;\n  height:1px;\n  background:var(--ink);\n}\n.yhk-case__more::after{\n  background:var(--navy);\n  height:2px;\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .8s var(--ease);\n}\n.yhk-case__link:hover .yhk-case__more::after{transform:scaleX(1)}\n.yhk-case__more svg{\n  width:11px;\n  height:11px;\n  transition:transform .6s var(--ease);\n}\n.yhk-case__link:hover .yhk-case__more svg{transform:translate(3px,-3px)}\n.yhk-cases__note{\n  text-align:right;\n  font-size:11px;\n  color:var(--mute);\n  margin-top:28px;\n}\n\n\/* ===== \u5bfe\u5fdc\u65b9\u91dd ===== *\/\n.yhk-phil__grid{\n  display:grid;\n  grid-template-columns:minmax(0,.31fr) minmax(0,1fr);\n}\n.yhk-phil__panel{\n  background:var(--navy);\n  color:#fff;\n  padding:48px 36px 40px;\n  display:flex;\n  flex-direction:column;\n}\n.yhk-phil__catch{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:500;\n  font-size:clamp(26px,2.8vw,40px);\n  line-height:1.5;\n  letter-spacing:.12em;\n  color:#fff;\n}\n.yhk-phil__catch span{display:block}\n.yhk-phil__bar{\n  width:1px;\n  height:48px;\n  background:rgba(255,255,255,.7);\n  margin:28px 0 22px;\n}\n.yhk-phil__en{\n  font-size:10.5px;\n  letter-spacing:.34em;\n  line-height:2;\n  color:rgba(255,255,255,.85);\n  margin-top:auto;\n}\n.yhk-phil__img{height:clamp(240px,26vw,360px)}\n.yhk-phil__px{\n  position:absolute;\n  left:0;\n  right:0;\n  top:-10%;\n  height:120%;\n  will-change:transform;\n}\n.yhk-phil__cols{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  padding:18px 0;\n}\n.yhk-phil__col{\n  text-align:center;\n  padding:4px 12px;\n  border-left:1px solid var(--rule);\n}\n.yhk-phil__col:first-child{border-left:none}\n.yhk-phil__col b{\n  display:block;\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:600;\n  font-size:16px;\n  color:var(--ink);\n}\n.yhk-phil__col span{display:block;font-size:11.5px;color:var(--mute)}\n\n\/* ===== \u5f01\u8b77\u58eb\u7d39\u4ecb ===== *\/\n.yhk-lawyer{padding:40px 0 0;border-top:1px solid var(--rule)}\n.yhk-lawyer__grid{\n  display:grid;\n  grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,1fr);\n  gap:0 36px;\n  align-items:center;\n}\n.yhk .yhk-lawyer__ttl{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:600;\n  color:var(--ink);\n  font-size:clamp(20px,2vw,28px);\n  line-height:1.55;\n  white-space:nowrap;\n}\n.yhk-lawyer__rule{\n  width:36px;\n  height:1px;\n  background:var(--ink);\n  margin:22px 0;\n}\n.yhk-lawyer__txt{font-size:13px;line-height:2}\n.yhk-lawyer__en{\n  font-size:9.5px;\n  letter-spacing:.3em;\n  color:var(--mute);\n  margin-top:22px;\n  line-height:1.9;\n}\n.yhk-lawyer__photo{\n  aspect-ratio:3\/3.9;\n  background:#ececec;\n  align-self:end;\n}\n.yhk-lawyer__right .yhk-lawyer__ttl{margin-bottom:18px}\n.yhk-lawyer__name{\n  display:flex;\n  align-items:baseline;\n  gap:18px;\n  margin-top:22px;\n  font-size:12px;\n}\n.yhk-lawyer__name b{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:600;\n  font-size:22px;\n  color:var(--ink);\n  letter-spacing:.2em;\n}\n.yhk-lawyer__prof{\n  display:inline-flex;\n  align-items:center;\n  gap:14px;\n  margin-top:14px;\n  font-size:12px;\n}\n.yhk-lawyer__prof::before{\n  content:\"\";\n  width:64px;\n  height:1px;\n  background:var(--ink);\n  transition:width .8s var(--ease);\n}\n.yhk-lawyer__prof:hover::before{width:96px}\n.yhk-lawyer__prof:hover .yhk-arrow{transform:translateX(6px)}\n\n\/* ===== CTA ===== *\/\n.yhk-cta{\n  position:relative;\n  background:var(--navy);\n  color:#fff;\n  padding:40px 0 20px;\n  overflow:hidden;\n}\n.yhk-cta::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  background:linear-gradient(\n    105deg,transparent 35%,rgba(255,255,255,.06) 50%,transparent 65%\n  );\n  animation:yhk-sheen 9s ease-in-out infinite;\n}\n.yhk-cta__grid{\n  position:relative;\n  display:grid;\n  grid-template-columns:150px minmax(0,1fr) auto;\n  gap:18px 32px;\n  align-items:center;\n}\n.yhk-cta__lead{\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:20px;\n  letter-spacing:.08em;\n}\n.yhk-cta__lead .yhk-rv-line{\n  height:1px;\n  background:rgba(255,255,255,.7);\n  margin-top:8px;\n}\n.yhk .yhk-cta__ttl{\n  grid-column:2\/4;\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:500;\n  color:#fff;\n  font-size:clamp(32px,4.4vw,60px);\n  letter-spacing:.14em;\n  line-height:1.3;\n}\n.yhk-cta__bar{\n  grid-column:1\/3;\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  background:#fff;\n  color:var(--navy);\n}\n.yhk-btn{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n  padding:12px 16px;\n  font-size:16px;\n  font-weight:500;\n  overflow:hidden;\n  isolation:isolate;\n  transition:color .6s var(--ease);\n}\n.yhk-btn::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:var(--navy-d);\n  z-index:-1;\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:transform .8s var(--ease);\n}\n.yhk a.yhk-btn:hover{color:#fff}\n.yhk-btn:hover::before{transform:scaleX(1)}\n.yhk-btn + .yhk-btn{border-left:1px solid var(--rule)}\n.yhk-btn--tel{\n  font-family:\"Cormorant Garamond\",serif;\n  font-size:24px;\n  letter-spacing:.06em;\n}\n.yhk-btn--tel svg{width:18px;height:18px}\n.yhk-cta__time{\n  font-size:12px;\n  line-height:1.8;\n  color:rgba(255,255,255,.9);\n}\n.yhk-cta__foot{\n  position:relative;\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:16px;\n  margin-top:24px;\n  padding-top:12px;\n  border-top:1px solid rgba(255,255,255,.35);\n  font-size:12px;\n}\n.yhk-cta__foot .yhk-en{font-size:10px;letter-spacing:.3em}\n.yhk-cta__foot b{\n  font-family:\"Shippori Mincho\",serif;\n  font-weight:500;\n  font-size:14px;\n  letter-spacing:.12em;\n  margin-right:14px;\n}\n\n\/* ===== PC \/ SP ===== *\/\n.yhk .gms-br-sp{display:none}\n\n@media (max-width:900px){\n  .yhk-inner{padding:0 6vw 0 5vw}\n  .yhk .gms-br-sp{display:inline}\n  .yhk .gms-br-pc{display:none}\n\n  .yhk-hero{padding:0}\n  .yhk-hero__inner{\n    grid-template-columns:1fr;\n    padding:52px 6vw 0 5vw;\n    align-items:center;\n  }\n  .yhk .yhk-hero__title{\n    font-size:34px;\n    line-height:1.45;\n    margin-bottom:64px;\n  }\n  .yhk-hero__meta{margin-top:0;padding-top:0;max-width:none}\n  .yhk-hero__office{margin-top:28px}\n  .yhk-hero__img-s{\n    position:relative;\n    z-index:2;\n    width:56%;\n    margin:40px 0 0 auto;\n  }\n  .yhk-hero__side{margin-top:-64px}\n  .yhk-hero__img-l{width:84%;aspect-ratio:4\/4.4}\n  .yhk-hero__vert{display:none}\n  .yhk-hero__line{margin-top:56px}\n\n  .yhk-intro{padding:56px 0 48px}\n  .yhk-intro__grid{grid-template-columns:1fr;gap:20px}\n  .yhk .yhk-intro__ttl{font-size:30px}\n  .yhk-intro__rule{width:40px;height:1px;min-height:0}\n  .yhk-intro__txt,\n  .yhk-prob__txt,\n  .yhk-lawyer__txt{font-size:14.5px;line-height:1.75}\n\n  .yhk-prob{padding:48px 0}\n  .yhk-prob__grid{grid-template-columns:1fr;gap:28px}\n  .yhk .yhk-prob__ttl{font-size:24px}\n  .yhk-prob__item{\n    grid-template-columns:56px 1fr 18px;\n    gap:14px;\n    padding:18px 4px;\n  }\n  .yhk-prob__num{font-size:34px;padding-right:14px}\n  .yhk-prob__q{font-size:16px}\n\n  .yhk-cases{padding:64px 0 56px}\n  .yhk .yhk-cases__ttl{font-size:24px}\n  .yhk-cases__sub{font-size:14px}\n  .yhk-cases__grid{grid-template-columns:1fr;gap:44px}\n  .yhk-case + .yhk-case::before{content:none}\n  .yhk .yhk-case__ttl{font-size:20px}\n  .yhk-cases__note{text-align:left}\n\n  .yhk-phil__grid{grid-template-columns:1fr}\n  .yhk-phil__panel{padding:44px 6vw 36px 5vw}\n  .yhk-phil__catch{font-size:30px}\n  .yhk-phil__cols{\n    grid-template-columns:1fr;\n    padding:8px 6vw 8px 5vw;\n  }\n  .yhk-phil__col{\n    border-left:none;\n    border-top:1px solid var(--rule);\n    padding:14px 0;\n    text-align:left;\n  }\n  .yhk-phil__col:first-child{border-top:none}\n\n  .yhk-lawyer{padding:48px 0 0}\n  .yhk-lawyer__grid{grid-template-columns:1fr;gap:36px}\n  .yhk .yhk-lawyer__ttl{font-size:22px}\n  .yhk-lawyer__photo{width:78%;margin:0 auto}\n  .yhk-lawyer__right{padding-bottom:48px}\n\n  .yhk-cta{padding:48px 0 20px}\n  .yhk-cta__grid{grid-template-columns:1fr;gap:20px}\n  .yhk-cta__lead{width:120px}\n  .yhk .yhk-cta__ttl{\n    grid-column:auto;\n    font-size:26px;\n    letter-spacing:.04em;\n    white-space:nowrap;\n  }\n  .yhk-cta__bar{grid-column:auto;grid-template-columns:1fr}\n  .yhk-btn + .yhk-btn{\n    border-left:none;\n    border-top:1px solid var(--rule);\n  }\n  .yhk-btn{padding:16px}\n  .yhk-cta__foot{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:6px;\n  }\n}\n\n@media (prefers-reduced-motion:reduce){\n  .yhk *,.yhk *::before,.yhk *::after{\n    animation:none!important;\n    transition:none!important;\n  }\n  .yhk .yhk-hero__title .c{opacity:1}\n}\n<\/style>\n\n<section class=\"yhk\" aria-label=\"\u4f59\u767d\u6cd5\u5f8b\u4e8b\u52d9\u6240 \u76f8\u7d9a\u30fb\u907a\u7523\u5206\u5272\">\n\n  <!-- ===== HERO ===== -->\n  <div class=\"yhk-hero\">\n    <div class=\"yhk-inner yhk-hero__inner\">\n\n      <div class=\"yhk-hero__main\">\n        <h1 class=\"yhk-hero__title\" aria-label=\"\u60f3\u3044\u3092\u307b\u3069\u304f\u3002\u672a\u6765\u3092\u3001\u3072\u3089\u304f\u3002\">\n          <span aria-hidden=\"true\"><span class=\"c\" style=\"--i:0\">\u60f3<\/span><span class=\"c\" style=\"--i:1\">\u3044<\/span><span class=\"c\" style=\"--i:2\">\u3092<\/span><span class=\"c\" style=\"--i:3\">\u307b<\/span><span class=\"c\" style=\"--i:4\">\u3069<\/span><span class=\"c\" style=\"--i:5\">\u304f<\/span><span class=\"c\" style=\"--i:6\">\u3002<\/span><br><span class=\"c\" style=\"--i:7\">\u672a<\/span><span class=\"c\" style=\"--i:8\">\u6765<\/span><span class=\"c\" style=\"--i:9\">\u3092<\/span><span class=\"c\" style=\"--i:10\">\u3001<\/span><br><span class=\"c\" style=\"--i:11\">\u3072<\/span><span class=\"c\" style=\"--i:12\">\u3089<\/span><span class=\"c\" style=\"--i:13\">\u304f<\/span><span class=\"c\" style=\"--i:14\">\u3002<\/span><\/span>\n        <\/h1>\n\n        <div class=\"yhk-hero__meta\">\n          <p class=\"yhk-hero__tag\">\u76f8\u7d9a\u30fb\u907a\u7523\u5206\u5272<\/p>\n          <p class=\"yhk-hero__office\">\n            <b>\u4f59\u767d\u6cd5\u5f8b\u4e8b\u52d9\u6240<\/b>\n            <span class=\"yhk-en\">Yohaku Law Office<\/span>\n          <\/p>\n        <\/div>\n\n        <figure class=\"yhk-hero__img-s yhk-ph\">\n          <img src=\"https:\/\/demo2.gradlegal.jp\/wp-content\/uploads\/2026\/10\/yhk-hero-hands.webp\" alt=\"\u5bb6\u65cf\u306e\u30a2\u30eb\u30d0\u30e0\u306b\u624b\u3092\u6dfb\u3048\u308b\u89aa\u5b50\" decoding=\"async\">\n        <\/figure>\n      <\/div>\n\n      <div class=\"yhk-hero__side\">\n        <figure class=\"yhk-hero__img-l yhk-ph\">\n          <img src=\"https:\/\/demo2.gradlegal.jp\/wp-content\/uploads\/2026\/10\/yhk-hero-door.webp\" alt=\"\u5149\u304c\u5dee\u3057\u8fbc\u3080\u958b\u304b\u308c\u305f\u6249\" fetchpriority=\"high\" decoding=\"async\">\n        <\/figure>\n\n        <a class=\"yhk-hero__cta\" href=\"#\">\n          \u76f8\u8ac7\u3092\u4e88\u7d04\u3059\u308b\n          <span class=\"yhk-circle\">\n            <span class=\"yhk-arrow\">\n              <svg viewBox=\"0 0 24 12\" aria-hidden=\"true\">\n                <path d=\"M0 6h22M17 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/span>\n        <\/a>\n      <\/div>\n\n      <p class=\"yhk-hero__vert yhk-en\" aria-hidden=\"true\">\n        A Clear Path to Your Next Chapter\n      <\/p>\n    <\/div>\n\n    <div class=\"yhk-inner\">\n      <span class=\"yhk-hero__line\"><\/span>\n    <\/div>\n  <\/div>\n\n  <!-- ===== INTRO ===== -->\n  <div class=\"yhk-intro\">\n    <div class=\"yhk-inner yhk-intro__grid\">\n      <div>\n        <span class=\"yhk-label yhk-en yhk-rv\">Next Chapter<\/span>\n        <h2 class=\"yhk-intro__ttl yhk-rv\" style=\"--d:.1s\">\n          \u76f8\u7d9a\u306e\u3001\u305d\u306e\u5148\u3078\u3002\n        <\/h2>\n      <\/div>\n\n      <span class=\"yhk-intro__rule yhk-rv-line v\" style=\"--d:.3s\"><\/span>\n\n      <p class=\"yhk-intro__txt yhk-rv\" style=\"--d:.4s\">\n        \u76f8\u7d9a\u306f\u3001<br class=\"gms-br-pc\">\u5927\u5207\u306a\u4eba\u306e\u60f3\u3044\u3092\u53d7\u3051\u7d99\u304e\u3001<br class=\"gms-br-pc\">\u3053\u308c\u304b\u3089\u306e\u5bb6\u65cf\u306e\u66ae\u3089\u3057\u3092\u3064\u304f\u3063\u3066\u3044\u304f<br class=\"gms-br-pc\">\u65b0\u305f\u306a\u4e00\u6b69\u3067\u3059\u3002<br>\u79c1\u305f\u3061\u306f\u3001\u3044\u307e\u306e\u60a9\u307f\u306b\u5411\u304d\u5408\u3044\u306a\u304c\u3089\u3001<br class=\"gms-br-pc\">\u305d\u306e\u5148\u306b\u3042\u308b\u3001\u3088\u308a\u3088\u3044\u672a\u6765\u3092\u4e00\u7dd2\u306b\u8003\u3048\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u304a\u60a9\u307f ===== -->\n  <div class=\"yhk-prob\">\n    <div class=\"yhk-inner yhk-prob__grid\">\n      <div>\n        <h2 class=\"yhk-prob__ttl yhk-rv\">\n          \u3044\u307e\u3001\u3069\u3053\u3067<br>\u7acb\u3061\u6b62\u307e\u3063\u3066\u3044\u307e\u3059\u304b\u3002\n        <\/h2>\n        <p class=\"yhk-prob__txt yhk-rv\" style=\"--d:.15s\">\n          \u76f8\u7d9a\u306e\u60a9\u307f\u306f\u3001\u3054\u5bb6\u5ead\u3054\u3068\u306b\u7570\u306a\u308a\u307e\u3059\u3002<br class=\"gms-br-pc\">\u307e\u305a\u306f\u3001\u3044\u307e\u306e\u72b6\u6cc1\u3092\u6574\u7406\u3059\u308b\u3053\u3068\u304b\u3089\u59cb\u3081\u307e\u3057\u3087\u3046\u3002<br class=\"gms-br-pc\">\u79c1\u305f\u3061\u306f\u3001\u305d\u308c\u305e\u308c\u306e\u8ab2\u984c\u306b\u5bc4\u308a\u6dfb\u3044\u3001<br class=\"gms-br-pc\">\u6700\u9069\u306a\u89e3\u6c7a\u7b56\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"yhk-prob__list\">\n        <a href=\"#\" class=\"yhk-prob__item yhk-rv\" style=\"--d:.1s\">\n          <span class=\"yhk-prob__num\">01<\/span>\n          <span>\n            <span class=\"yhk-prob__q\">\u8a71\u3057\u5408\u3044\u304c\u9032\u307e\u306a\u3044<\/span>\n            <span class=\"yhk-prob__a\">\u5bb6\u65cf\u306e\u610f\u898b\u304c\u307e\u3068\u307e\u3089\u305a\u3001\u8a71\u3057\u5408\u3044\u304c\u524d\u306b\u9032\u307e\u306a\u3044\u3002<\/span>\n          <\/span>\n          <span class=\"yhk-arrow\">\n            <svg viewBox=\"0 0 24 12\" aria-hidden=\"true\">\n              <path d=\"M0 6h22M17 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <a href=\"#\" class=\"yhk-prob__item yhk-rv\" style=\"--d:.25s\">\n          <span class=\"yhk-prob__num\">02<\/span>\n          <span>\n            <span class=\"yhk-prob__q\">\u8ca1\u7523\u306e\u5206\u3051\u65b9\u304c\u308f\u304b\u3089\u306a\u3044<\/span>\n            <span class=\"yhk-prob__a\">\u4e0d\u52d5\u7523\u3084\u9810\u8caf\u91d1\u306a\u3069\u3001\u3069\u306e\u3088\u3046\u306b\u5206\u3051\u308c\u3070\u3088\u3044\u304b\u308f\u304b\u3089\u306a\u3044\u3002<\/span>\n          <\/span>\n          <span class=\"yhk-arrow\">\n            <svg viewBox=\"0 0 24 12\" aria-hidden=\"true\">\n              <path d=\"M0 6h22M17 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n\n        <a href=\"#\" class=\"yhk-prob__item yhk-rv\" style=\"--d:.4s\">\n          <span class=\"yhk-prob__num\">03<\/span>\n          <span>\n            <span class=\"yhk-prob__q\">\u907a\u8a00\u30fb\u5c06\u6765\u306b\u5099\u3048\u305f\u3044<\/span>\n            <span class=\"yhk-prob__a\">\u5c06\u6765\u306e\u76f8\u7d9a\u306b\u5099\u3048\u3066\u3001\u4eca\u306e\u3046\u3061\u304b\u3089\u6e96\u5099\u3092\u3057\u3066\u304a\u304d\u305f\u3044\u3002<\/span>\n          <\/span>\n          <span class=\"yhk-arrow\">\n            <svg viewBox=\"0 0 24 12\" aria-hidden=\"true\">\n              <path d=\"M0 6h22M17 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u89e3\u6c7a\u4e8b\u4f8b ===== -->\n  <div class=\"yhk-cases\">\n    <div class=\"yhk-inner\">\n      <span class=\"yhk-label yhk-en yhk-rv\">Case Studies<\/span>\n      <h2 class=\"yhk-cases__ttl yhk-rv\" style=\"--d:.1s\">\n        \u76f8\u7d9a\u306e\u60a9\u307f\u304c\u3001<br class=\"gms-br-sp\">\u89e3\u6c7a\u306b\u5909\u308f\u308b\u307e\u3067\u3002\n      <\/h2>\n      <p class=\"yhk-cases__sub yhk-rv\" style=\"--d:.2s\">\n        \u3054\u76f8\u8ac7\u304b\u3089\u89e3\u6c7a\u307e\u3067\u306e\u9053\u7b4b\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002\n      <\/p>\n\n      <div class=\"yhk-cases__grid\">\n\n        <article class=\"yhk-case yhk-rv\" style=\"--d:.1s\">\n          <a href=\"#\" class=\"yhk-case__link\">\n            <figure class=\"yhk-case__img yhk-ph yhk-rv-img\" style=\"--d:.2s\">\n              <img src=\"https:\/\/demo2.gradlegal.jp\/wp-content\/uploads\/2026\/10\/yhk-case-house.webp\" alt=\"\u5b9f\u5bb6\u306e\u5916\u89b3\u30a4\u30e1\u30fc\u30b8\" loading=\"lazy\" decoding=\"async\">\n            <\/figure>\n            <p class=\"yhk-case__demo\">\u67b6\u7a7a\u306e\u89e3\u6c7a\u4e8b\u4f8b<\/p>\n            <p class=\"yhk-case__cat\"><span class=\"yhk-en\">01<\/span>\u907a\u7523\u5206\u5272<\/p>\n            <h3 class=\"yhk-case__ttl\">\u5b9f\u5bb6\u3092\u6b8b\u3059\u5f62\u3067\u3001<br>\u907a\u7523\u5206\u5272\u304c\u6210\u7acb\u3002<\/h3>\n            <div class=\"yhk-case__tbl\">\n              <div class=\"yhk-case__r\"><span>\u3054\u76f8\u8ac7<\/span><span>\u5b9f\u5bb6\u306e\u5206\u3051\u65b9\u3067\u5bfe\u7acb<\/span><\/div>\n              <div class=\"yhk-case__r\"><span>\u5bfe\u5fdc<\/span><span>\u4ee3\u511f\u91d1\u306b\u3088\u308b\u5206\u5272\u3092\u63d0\u6848<\/span><\/div>\n              <div class=\"yhk-case__r is-res\"><span>\u89e3\u6c7a<\/span><span>\u5b9f\u5bb6\u3092\u6b8b\u3057\u3001\u5408\u610f\u3078<\/span><\/div>\n            <\/div>\n            <span class=\"yhk-case__more\">\n              \u89e3\u6c7a\u307e\u3067\u306e\u6d41\u308c\u3092\u898b\u308b\n              <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\">\n                <path d=\"M1 11L11 1M4 1h7v7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n\n        <article class=\"yhk-case yhk-rv\" style=\"--d:.25s\">\n          <a href=\"#\" class=\"yhk-case__link\">\n            <figure class=\"yhk-case__img yhk-ph yhk-rv-img\" style=\"--d:.35s\">\n              <img src=\"https:\/\/demo2.gradlegal.jp\/wp-content\/uploads\/2026\/10\/yhk-case-talk.webp\" alt=\"\u5bb6\u65cf\u3068\u5f01\u8b77\u58eb\u306e\u76f8\u8ac7\u98a8\u666f\" loading=\"lazy\" decoding=\"async\">\n            <\/figure>\n            <p class=\"yhk-case__demo\">\u67b6\u7a7a\u306e\u89e3\u6c7a\u4e8b\u4f8b<\/p>\n            <p class=\"yhk-case__cat\"><span class=\"yhk-en\">02<\/span>\u76f8\u7d9a\u4ea4\u6e09<\/p>\n            <h3 class=\"yhk-case__ttl\">\u6b62\u307e\u3063\u3066\u3044\u305f\u5144\u5f1f\u9593\u306e<br>\u5354\u8b70\u304c\u524d\u9032\u3002<\/h3>\n            <div class=\"yhk-case__tbl\">\n              <div class=\"yhk-case__r\"><span>\u3054\u76f8\u8ac7<\/span><span>\u5f53\u4e8b\u8005\u540c\u58eb\u3067\u306f\u8a71\u304c\u9032\u307e\u306a\u3044<\/span><\/div>\n              <div class=\"yhk-case__r\"><span>\u5bfe\u5fdc<\/span><span>\u5f01\u8b77\u58eb\u304c\u4ea4\u6e09\u7a93\u53e3\u306b<\/span><\/div>\n              <div class=\"yhk-case__r is-res\"><span>\u89e3\u6c7a<\/span><span>\u6761\u4ef6\u3092\u6574\u7406\u3057\u3001\u5354\u8b70\u304c\u6210\u7acb<\/span><\/div>\n            <\/div>\n            <span class=\"yhk-case__more\">\n              \u89e3\u6c7a\u307e\u3067\u306e\u6d41\u308c\u3092\u898b\u308b\n              <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\">\n                <path d=\"M1 11L11 1M4 1h7v7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n\n        <article class=\"yhk-case yhk-rv\" style=\"--d:.4s\">\n          <a href=\"#\" class=\"yhk-case__link\">\n            <figure class=\"yhk-case__img yhk-ph yhk-rv-img\" style=\"--d:.5s\">\n              <img src=\"https:\/\/demo2.gradlegal.jp\/wp-content\/uploads\/2026\/10\/yhk-case-will.webp\" alt=\"\u907a\u8a00\u66f8\u3068\u4e07\u5e74\u7b46\" loading=\"lazy\" decoding=\"async\">\n            <\/figure>\n            <p class=\"yhk-case__demo\">\u67b6\u7a7a\u306e\u89e3\u6c7a\u4e8b\u4f8b<\/p>\n            <p class=\"yhk-case__cat\"><span class=\"yhk-en\">03<\/span>\u907a\u7559\u5206<\/p>\n            <h3 class=\"yhk-case__ttl\">\u907a\u7559\u5206\u3092\u78ba\u8a8d\u3057\u3001<br>\u91d1\u92ad\u306e\u652f\u6255\u3044\u3067\u5408\u610f\u3002<\/h3>\n            <div class=\"yhk-case__tbl\">\n              <div class=\"yhk-case__r\"><span>\u3054\u76f8\u8ac7<\/span><span>\u907a\u8a00\u306b\u81ea\u5206\u306e\u76f8\u7d9a\u5206\u304c\u306a\u3044<\/span><\/div>\n              <div class=\"yhk-case__r\"><span>\u5bfe\u5fdc<\/span><span>\u907a\u7559\u5206\u3092\u78ba\u8a8d\u3057\u3001\u8acb\u6c42\u30fb\u4ea4\u6e09<\/span><\/div>\n              <div class=\"yhk-case__r is-res\"><span>\u89e3\u6c7a<\/span><span>\u91d1\u92ad\u306e\u652f\u6255\u3044\u3067\u5408\u610f<\/span><\/div>\n            <\/div>\n            <span class=\"yhk-case__more\">\n              \u89e3\u6c7a\u307e\u3067\u306e\u6d41\u308c\u3092\u898b\u308b\n              <svg viewBox=\"0 0 12 12\" aria-hidden=\"true\">\n                <path d=\"M1 11L11 1M4 1h7v7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/a>\n        <\/article>\n\n      <\/div>\n\n      <p class=\"yhk-cases__note\">\n        \u203b\u63b2\u8f09\u5185\u5bb9\u306f\u30c7\u30e2\u7528\u306e\u67b6\u7a7a\u4e8b\u4f8b\u3067\u3059\u3002\u5199\u771f\u306f\u30a4\u30e1\u30fc\u30b8\u3067\u3059\u3002\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u5bfe\u5fdc\u65b9\u91dd ===== -->\n  <div class=\"yhk-phil\">\n    <div class=\"yhk-phil__grid\">\n      <div class=\"yhk-phil__panel\">\n        <p class=\"yhk-phil__catch\">\n          <span class=\"yhk-rv\">\u5411\u304d\u5408\u3046\u3002<\/span>\n          <span class=\"yhk-rv\" style=\"--d:.2s\">\u6574\u3048\u308b\u3002<\/span>\n          <span class=\"yhk-rv\" style=\"--d:.4s\">\u524d\u3078\u3002<\/span>\n        <\/p>\n        <span class=\"yhk-phil__bar yhk-rv-line v\" style=\"--d:.6s\"><\/span>\n        <p class=\"yhk-phil__en yhk-en yhk-rv\" style=\"--d:.7s\">\n          With you<br>for what<br>comes next.\n        <\/p>\n      <\/div>\n\n      <div>\n        <figure class=\"yhk-phil__img yhk-ph yhk-rv-img\">\n          <div class=\"yhk-phil__px\" data-yhk-px=\"\">\n            <img src=\"https:\/\/demo2.gradlegal.jp\/wp-content\/uploads\/2026\/10\/yhk-consultation.webp\" alt=\"\u5f01\u8b77\u58eb\u304c\u3054\u5bb6\u65cf\u306e\u8a71\u306b\u8033\u3092\u50be\u3051\u308b\u69d8\u5b50\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n        <\/figure>\n\n        <div class=\"yhk-phil__cols\">\n          <div class=\"yhk-phil__col yhk-rv\" style=\"--d:.1s\">\n            <b>\u5bfe\u8a71\u304b\u3089\u59cb\u3081\u308b<\/b>\n            <span>\u4e00\u4eba\u3072\u3068\u308a\u306e\u60f3\u3044\u306b\u8033\u3092\u50be\u3051\u307e\u3059\u3002<\/span>\n          <\/div>\n          <div class=\"yhk-phil__col yhk-rv\" style=\"--d:.25s\">\n            <b>\u898b\u901a\u3057\u3092\u4f1d\u3048\u308b<\/b>\n            <span>\u4eca\u5f8c\u306e\u9053\u7b4b\u3092\u3001\u308f\u304b\u308a\u3084\u3059\u304f\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002<\/span>\n          <\/div>\n          <div class=\"yhk-phil__col yhk-rv\" style=\"--d:.4s\">\n            <b>\u6700\u5f8c\u307e\u3067\u4f34\u8d70\u3059\u308b<\/b>\n            <span>\u89e3\u6c7a\u307e\u3067\u3001\u8cac\u4efb\u3092\u3082\u3063\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== \u5f01\u8b77\u58eb\u7d39\u4ecb ===== -->\n  <div class=\"yhk-lawyer\">\n    <div class=\"yhk-inner yhk-lawyer__grid\">\n      <div class=\"yhk-lawyer__left\">\n        <span class=\"yhk-label yhk-en yhk-rv\">Our Lawyer<\/span>\n        <h2 class=\"yhk-lawyer__ttl yhk-rv\" style=\"--d:.1s\">\n          \u76f8\u7d9a\u306b\u3001<br>\u8a71\u3057\u3084\u3059\u3055\u3068\u3044\u3046\u5b89\u5fc3\u3092\u3002\n        <\/h2>\n        <span class=\"yhk-lawyer__rule yhk-rv-line\" style=\"--d:.3s\"><\/span>\n        <p class=\"yhk-lawyer__txt yhk-rv\" style=\"--d:.35s\">\n          \u76f8\u7d9a\u306e\u554f\u984c\u306f\u3001\u6cd5\u5f8b\u3060\u3051\u3067\u306a\u304f\u3001<br class=\"gms-br-pc\">\u5bb6\u65cf\u306e\u60f3\u3044\u3082\u95a2\u308f\u308b\u7e4a\u7d30\u306a\u3082\u306e\u3067\u3059\u3002<br class=\"gms-br-pc\">\u3060\u304b\u3089\u3053\u305d\u3001\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u95a2\u4fc2\u6027\u3092<br class=\"gms-br-pc\">\u5927\u5207\u306b\u3057\u3001\u308f\u304b\u308a\u3084\u3059\u304f\u3001\u4e01\u5be7\u306b\u3054\u8aac\u660e\u3057\u307e\u3059\u3002\n        <\/p>\n        <p class=\"yhk-lawyer__en yhk-en yhk-rv\" style=\"--d:.45s\">\n          A Trusted Partner<br>in Your Next Chapter.\n        <\/p>\n      <\/div>\n\n      <figure class=\"yhk-lawyer__photo yhk-ph yhk-rv-img\" style=\"--d:.2s\">\n        <img src=\"https:\/\/demo2.gradlegal.jp\/wp-content\/uploads\/2026\/10\/yhk-lawyer.webp\" alt=\"\u67b6\u7a7a\u306e\u4ee3\u8868\u5f01\u8b77\u58eb \u9752\u5c71\u900f\u306e\u30a4\u30e1\u30fc\u30b8\" loading=\"lazy\" decoding=\"async\">\n      <\/figure>\n\n      <div class=\"yhk-lawyer__right\">\n        <h2 class=\"yhk-lawyer__ttl yhk-rv\" style=\"--d:.3s\">\n          \u96e3\u3057\u3044\u8a71\u3092\u3001<br>\u8a71\u3057\u3084\u3059\u3044\u4eba\u3068\u3002\n        <\/h2>\n        <p class=\"yhk-lawyer__txt yhk-rv\" style=\"--d:.4s\">\n          \u76f8\u7d9a\u306e\u554f\u984c\u306f\u3001\u6cd5\u5f8b\u3060\u3051\u3067\u306a\u304f\u3001\u5bb6\u65cf\u306e\u60f3\u3044\u3082\u95a2\u308f\u308b\u7e4a\u7d30\u306a\u3082\u306e\u3067\u3059\u3002\u3060\u304b\u3089\u3053\u305d\u3001\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u95a2\u4fc2\u6027\u3092\u5927\u5207\u306b\u3057\u3001\u308f\u304b\u308a\u3084\u3059\u304f\u3001\u4e01\u5be7\u306b\u3054\u8aac\u660e\u3057\u307e\u3059\u3002\u4e00\u4eba\u3067\u62b1\u3048\u8fbc\u307e\u305a\u3001\u307e\u305a\u306f\u304a\u8a71\u3057\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n        <p class=\"yhk-lawyer__name yhk-rv\" style=\"--d:.5s\">\n          \u4ee3\u8868\u5f01\u8b77\u58eb<b>\u9752\u5c71 \u900f<\/b>\n        <\/p>\n        <a href=\"#\" class=\"yhk-lawyer__prof yhk-rv\" style=\"--d:.6s\">\n          \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u3092\u898b\u308b\n          <span class=\"yhk-arrow\">\n            <svg viewBox=\"0 0 24 12\" aria-hidden=\"true\">\n              <path d=\"M0 6h22M17 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ===== CTA ===== -->\n  <div class=\"yhk-cta\">\n    <div class=\"yhk-inner\">\n      <div class=\"yhk-cta__grid\">\n        <div class=\"yhk-cta__lead yhk-rv\">\n          Let&#8217;s talk.\n          <span class=\"yhk-rv-line\" style=\"--d:.3s\"><\/span>\n        <\/div>\n        <h2 class=\"yhk-cta__ttl yhk-rv\" style=\"--d:.15s\">\n          \u76f8\u7d9a\u306e\u3053\u3068\u3001\u3053\u3053\u304b\u3089\u3002\n        <\/h2>\n\n        <div class=\"yhk-cta__bar yhk-rv\" style=\"--d:.3s\">\n          <a href=\"#\" class=\"yhk-btn\">\n            \u521d\u56de\u76f8\u8ac7\u3092\u4e88\u7d04\u3059\u308b\n            <span class=\"yhk-arrow\">\n              <svg viewBox=\"0 0 24 12\" aria-hidden=\"true\">\n                <path d=\"M0 6h22M17 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/a>\n\n          <a href=\"tel:0960000000\" class=\"yhk-btn yhk-btn--tel\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path fill=\"currentColor\" d=\"M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z\"><\/path>\n            <\/svg>\n            096-000-0000\n          <\/a>\n        <\/div>\n\n        <p class=\"yhk-cta__time yhk-rv\" style=\"--d:.4s\">\n          \u53d7\u4ed8\u6642\u9593 9:00 &#8211; 18:00\uff08\u5e73\u65e5\uff09<br>\n          \u203b \u3053\u308c\u306f\u30c7\u30e2\u30b5\u30a4\u30c8\u3067\u3059\u3002\u5b9f\u5728\u306e\u56e3\u4f53\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"yhk-cta__foot\">\n        <p>\n          <b>\u4f59\u767d\u6cd5\u5f8b\u4e8b\u52d9\u6240<\/b>\n          <span class=\"yhk-en\">Yohaku Law Office<\/span>\n        <\/p>\n        <p class=\"yhk-en\">A Clear Path to Your Next Chapter.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  var roots=document.querySelectorAll('.yhk');\n  if(!roots.length||!('IntersectionObserver' in window))return;\n  if(\n    window.matchMedia&&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  )return;\n\n  var observer=new IntersectionObserver(function(entries){\n    entries.forEach(function(entry){\n      if(entry.isIntersecting){\n        entry.target.classList.add('is-in');\n        observer.unobserve(entry.target);\n      }\n    });\n  },{\n    rootMargin:'0px 0px -10% 0px',\n    threshold:0.01\n  });\n\n  var parallaxElements=[];\n\n  roots.forEach(function(root){\n    if(root.dataset.yhkInitialized==='true')return;\n    root.dataset.yhkInitialized='true';\n    root.classList.add('is-ready');\n\n    root.querySelectorAll(\n      '.yhk-rv,.yhk-rv-line'\n    ).forEach(function(element){\n      observer.observe(element);\n    });\n\n    \/* \u753b\u50cf\u306f\u5e55\u3067\u96a0\u308c\u3066\u3044\u3066\u4ea4\u5dee\u5224\u5b9a\u3055\u308c\u306a\u3044\u305f\u3081\u3001\u89aa\u8981\u7d20\u3067\u5224\u5b9a\u3059\u308b *\/\n    root.querySelectorAll('.yhk-rv-img').forEach(function(figure){\n      var trigger=figure.parentElement;\n      var imageObserver=new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if(entry.isIntersecting){\n            figure.classList.add('is-in');\n            imageObserver.disconnect();\n          }\n        });\n      },{\n        rootMargin:'0px 0px -10% 0px',\n        threshold:0\n      });\n      imageObserver.observe(trigger);\n    });\n\n    root.querySelectorAll('[data-yhk-px]').forEach(function(element){\n      parallaxElements.push(element);\n    });\n  });\n\n  if(!parallaxElements.length)return;\n\n  var ticking=false;\n\n  function update(){\n    var viewportHeight=window.innerHeight;\n\n    parallaxElements.forEach(function(element){\n      var bounds=element.parentNode.getBoundingClientRect();\n      if(bounds.bottom<0||bounds.top>viewportHeight)return;\n\n      var progress=(\n        bounds.top+bounds.height\/2-viewportHeight\/2\n      )\/viewportHeight;\n\n      element.style.transform=\n        'translate3d(0,'+(progress*-8).toFixed(2)+'%,0)';\n    });\n\n    ticking=false;\n  }\n\n  function requestUpdate(){\n    if(ticking)return;\n    ticking=true;\n    window.requestAnimationFrame(update);\n  }\n\n  window.addEventListener('scroll',requestUpdate,{passive:true});\n  window.addEventListener('resize',requestUpdate,{passive:true});\n  update();\n})();\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":3,"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/demo2.gradlegal.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}