.elementor-207 .elementor-element.elementor-element-1c704a7e{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-207 .elementor-element.elementor-element-5d7fed88{width:auto;max-width:auto;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1em 5em 1em 5em;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-088e581 );text-align:center;}.elementor-207 .elementor-element.elementor-element-5d7fed88.elementor-element{--align-self:center;}.elementor-207 .elementor-element.elementor-element-5d7fed88 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:34px;font-weight:500;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-207 .elementor-element.elementor-element-11faab1d{padding:50px 30px 50px 30px;font-family:"Noto Serif JP", Sans-serif;font-size:18px;font-weight:500;line-height:1.6em;}@media(max-width:1200px){.elementor-207 .elementor-element.elementor-element-5d7fed88 .elementor-heading-title{font-size:28px;}}@media(min-width:768px){.elementor-207 .elementor-element.elementor-element-1c704a7e{--content-width:1180px;}}@media(max-width:1024px) and (min-width:768px){.elementor-207 .elementor-element.elementor-element-1c704a7e{--content-width:685px;}}@media(max-width:1024px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-207 .elementor-element.elementor-element-5d7fed88 .elementor-heading-title{font-size:25px;}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-207 .elementor-element.elementor-element-11faab1d{padding:30px 10px 30px 10px;}}@media(max-width:767px){.elementor-207 .elementor-element.elementor-element-1c704a7e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:3px;--padding-right:3px;}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-207 .elementor-element.elementor-element-5d7fed88{padding:1em 1em 1em 1em;}.elementor-207 .elementor-element.elementor-element-5d7fed88 .elementor-heading-title{font-size:20px;}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-207 .elementor-element.elementor-element-11faab1d{padding:20px 3px 20px 3px;font-size:17px;}}/* Start custom CSS *//* =========================================================
   おか行政書士事務所｜Elementor用ホームページCSS
   .oka-site 内だけに適用されるようにしています。
   ========================================================= */

.oka-site {
  --oka-teal: #74c9c5;
  --oka-teal-dark: #2b9793;
  --oka-teal-deep: #1f7774;
  --oka-pale: #e8f4f3;
  --oka-pale-2: #f6faf9;
  --oka-ink: #2b3231;
  --oka-muted: #687472;
  --oka-gray: #9aa8a6;
  --oka-line: #d7e5e3;
  --oka-white: #fff;
  --oka-shadow: 0 18px 50px rgba(42, 91, 88, .12);
  --oka-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --oka-sans: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  color: var(--oka-ink);
  background: var(--oka-white);
  font-family: var(--oka-sans);
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: .035em;
  overflow: hidden;
}

.oka-site *,
.oka-site *::before,
.oka-site *::after { box-sizing: border-box; }

.oka-site img { display: block; max-width: 100%; }
.oka-site a { color: inherit; text-decoration: none; }
.oka-site h1,
.oka-site h2,
.oka-site h3,
.oka-site p,
.oka-site ul,
.oka-site dl,
.oka-site dd { margin-top: 0; }

.oka-container {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

.oka-section { position: relative; padding: 104px 0; }
.oka-section--pale { background: var(--oka-pale-2); }
.oka-section--mint { background: var(--oka-pale); }

.oka-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--oka-teal-dark);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.oka-eyebrow::before {
  width: 25px;
  height: 1px;
  background: currentColor;
  content: "";
}

.oka-heading {
  margin-bottom: 20px;
  font-family: var(--oka-serif);
  font-size: clamp(28px, 5vw, 32px);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: .08em;
}
.oka-heading span { color: var(--oka-teal-dark); }

.oka-lead {
  max-width: 760px;
  margin-bottom: 0;
  color: var(--oka-muted);
}

/* Header */
.oka-header {
  position: relative;
  z-index: 50;
  border-bottom: 1px solid rgba(215, 229, 227, .9);
  background: rgba(255, 255, 255, .97);
}
.oka-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 88px;
  gap: 28px;
}
.oka-brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-width: max-content;
}
.oka-brand__mark { width: 39px; height: 39px; color: var(--oka-teal); }
.oka-brand__text { display: grid; gap: 2px; }
.oka-brand__name {
  font-family: var(--oka-serif);
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: .11em;
}
.oka-brand__sub {
  color: var(--oka-muted);
  font-family: var(--oka-serif);
  font-size: 10px;
  letter-spacing: .12em;
}
.oka-nav {
  display: flex;
  align-items: center;
  gap: 25px;
  font-size: 13px;
  font-weight: 600;
}
.oka-nav a:not(.oka-nav__contact) {
  position: relative;
  padding: 12px 0;
}
.oka-nav a:not(.oka-nav__contact)::after {
  position: absolute;
  right: 0;
  bottom: 7px;
  left: 0;
  height: 1px;
  background: var(--oka-teal);
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s ease;
}
.oka-nav a:not(.oka-nav__contact):hover::after,
.oka-nav a:not(.oka-nav__contact):focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}
.oka-nav__contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 8px 21px;
  background: var(--oka-teal-dark);
  color: var(--oka-white) !important;
  transition: opacity .25s ease, transform .25s ease;
}
.oka-nav__contact:hover,
.oka-nav__contact:focus-visible {
  opacity: .9;
  transform: translateY(-2px);
}

/* Hero */
.oka-hero {
  position: relative;
  background:
    linear-gradient(90deg,
      rgba(232, 244, 243, .94) 0%,
      rgba(232, 244, 243, .94) 49%,
      rgba(255, 255, 255, .98) 49%);

}
.oka-hero::after {
  position: absolute;
  right: -130px;
  bottom: -210px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(116, 201, 197, .22);
  border-radius: 50%;
  content: "";
}
.oka-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(360px, .94fr);
  min-height: 690px;
  align-items: stretch;
}
.oka-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 86px 72px 86px 0;
}
.oka-hero__kicker {
  margin-bottom: 20px;
  color: var(--oka-teal-deep);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .13em;
}
.oka-hero h1 {
  margin-bottom: 28px;
  font-family: var(--oka-serif);
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .045em;
}
.oka-hero h1 span { display: block; color: var(--oka-teal-dark); }
.oka-hero__text {
  max-width: 620px;
  margin-bottom: 34px;
  color: var(--oka-muted);
}
.oka-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.oka-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 12px 28px;
  border: 1px solid var(--oka-teal-dark);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  transition: transform .25s ease, box-shadow .25s ease;
}
.oka-button:hover,
.oka-button:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(43, 151, 147, .17);
}
.oka-button--primary { background: var(--oka-teal-dark); color: #fff !important; }
.oka-button--ghost { background: rgba(255, 255, 255, .55); color: var(--oka-teal-deep) !important; }
.oka-hero__note { margin: 19px 0 0; color: var(--oka-muted); font-size: 13.5px; padding: 7px 0 0;line-height:1em}

.oka-hero__visual {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 690px;
  overflow: hidden;
  background: var(--oka-white);
}
.oka-hero__visual::before {
  position: absolute;
  top: 55px;
  right: 12%;
  width: 260px;
  height: 330px;
  background: var(--oka-pale);
  content: "";
  transform: rotate(-4deg);
}
.oka-hero__photo {
  position: relative;
  z-index: 2;
  width: min(92%, 530px);
  max-height: 510px;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 22px 22px rgba(34, 75, 72, .12));
}
.oka-hero__sticker {
  position: absolute;
  z-index: 3;
  top: 80px;
  right: 5%;
  width: 154px;
  min-height: 154px;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(43, 151, 147, .88);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  transform: rotate(-4deg);
}
.oka-hero__sticker::after {
  position: absolute;
  z-index: -1;
  inset: -12px 15px 15px -13px;
  background: rgba(153, 168, 166, .68);
  content: "";
  transform: rotate(8deg);
}

/* Quick menu */
.oka-quick { position: relative; z-index: 5 !important; margin-top: 0px; }
.oka-quick__box {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  box-shadow: var(--oka-shadow);
}
.oka-quick__title,
.oka-quick__items { padding: 43px 50px; }
.oka-quick__title { background: var(--oka-teal-dark); color: #fff; }
.oka-quick__title strong {
  display: block;
  margin-bottom: 8px;
  font-family: var(--oka-serif);
  font-size: 27px;
  font-weight: 500;
  letter-spacing: .07em;
}
.oka-quick__title span { font-size: 12px; opacity: .82; }
.oka-quick__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 32px;
  background: #fff;
}
.oka-check {
  position: relative;
  margin: 0;
  padding-left: 24px;
  font-size: 14.5px;
}
.oka-check::before {
  position: absolute;
  top: .62em;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--oka-teal);
  content: "";
}

/* Services */
.oka-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 48px;
}
.oka-service {
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 38px;
  border: 1px solid var(--oka-line);
  background: #fff;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.oka-service:hover {
  border-color: rgba(43, 151, 147, .45);
  box-shadow: var(--oka-shadow);
  transform: translateY(-5px);
}
.oka-service__number {
  margin-bottom: 24px;
  color: var(--oka-teal);
  font-family: var(--oka-serif);
  font-size: 16px;
  letter-spacing: .14em;
}
.oka-service h3 {
  margin-bottom: 15px;
  font-family: var(--oka-serif);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .06em;
}
.oka-service p { margin-bottom: 17px; color: var(--oka-muted); font-size: 14px; }
.oka-service ul {
  margin: auto 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--oka-line);
  list-style: none;
  color: var(--oka-muted);
  font-size: 14px;
}
.oka-service li { position: relative; padding-left: 17px; }
.oka-service li + li { margin-top: 6px; }
.oka-service li::before {
  position: absolute;
  top: .75em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--oka-teal);
  content: "";
}
.oka-service__notice {
  margin-top: 35px !important;
  padding: 18px 21px;
  border-left: 3px solid var(--oka-teal);
  background: var(--oka-pale-2);
  color: var(--oka-muted);
  font-size: 14px;
}

/* Policy */
.oka-policy__layout {
  display: grid;
  grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr);
  gap: 70px;
  align-items: start;
}
.oka-policy__intro { position: sticky; top: 30px; }
.oka-policy__list { border-top: 1px solid rgba(43, 151, 147, .3); }
.oka-policy__item {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 16px;
  padding: 31px 0;
  border-bottom: 1px solid rgba(43, 151, 147, .3);
}
.oka-policy__num {
  color: var(--oka-teal-dark);
  font-family: var(--oka-serif);
  font-size: 21px;
  letter-spacing: .15em;
}
.oka-policy__item h3 {
  margin-bottom: 8px;
  font-family: var(--oka-serif);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: .06em;
}
.oka-policy__item p { margin-bottom: 0; color: var(--oka-muted); font-size: 14px; }

/* Profile */
.oka-profile {
  display: grid;
  grid-template-columns: minmax(310px, .83fr) minmax(0, 1.17fr);
  gap: 74px;
  align-items: center;
}
.oka-profile__photo-wrap { position: relative; padding: 25px 35px 0 0; }
.oka-profile__photo-wrap::before {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 44px);
  height: calc(100% - 44px);
  background: var(--oka-pale);
  content: "";
}
.oka-profile__photo {
  position: relative;
  z-index: 1;
  width: 100%;
  max-height: 580px;
  object-fit: contain;
  object-position: center bottom;
  background: #fff;
}
.oka-profile__name {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 14px;
  margin: 30px 0 24px;
}
.oka-profile__name strong {
  font-family: var(--oka-serif);
  font-size: 34px;
  font-weight: 500;
  letter-spacing: .14em;
}
.oka-profile__name span {
  color: var(--oka-teal-dark);
  font-family: var(--oka-serif);
  font-size: 15px;
  letter-spacing: .12em;
}
.oka-profile__body p { color: var(--oka-muted); }
.oka-profile__facts { margin: 28px 0 0; border-top: 1px solid var(--oka-line); }
.oka-profile__facts div {
  display: grid;
  grid-template-columns: 135px 1fr;
  gap: 20px;
  padding: 13px 0;
  border-bottom: 1px solid var(--oka-line);
}
.oka-profile__facts dt { color: var(--oka-muted); font-size: 13px; font-weight: 700; }
.oka-profile__facts dd { margin: 0; font-size: 14px; }

/* Office */
.oka-office {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(340px, 1.05fr);
  gap: 64px;
  margin-top: 48px;
}
.oka-office__table { margin: 0; border-top: 1px solid var(--oka-line); }
.oka-office__table div {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 20px;
  padding: 17px 0;
  border-bottom: 1px solid var(--oka-line);
}
.oka-office__table dt { color: var(--oka-muted); font-size: 13px; font-weight: 700; }
.oka-office__table dd { margin: 0; font-size: 14px; word-break: break-word; }
.oka-office__table a {
  color: var(--oka-teal-deep);
  text-decoration: underline;
  text-decoration-color: rgba(43, 151, 147, .35);
  text-underline-offset: 4px;
}
.oka-map {
  min-height: 450px;
  border: 1px solid var(--oka-line);
  background: linear-gradient(135deg, #f6faf9, #e5f2f1);
}
.oka-map iframe { width: 100%; height: 450px; border: 0; }
.oka-map__placeholder {
  display: grid;
  place-items: center;
  min-height: 450px;
  padding: 40px;
  color: var(--oka-muted);
  text-align: center;
}
.oka-map__placeholder strong {
  display: block;
  margin-bottom: 10px;
  color: var(--oka-teal-deep);
  font-family: var(--oka-serif);
  font-size: 22px;
}

/* Flow */
.oka-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 47px;
  counter-reset: flow;
}
.oka-flow__item {
  position: relative;
  min-height: 260px;
  padding: 33px 27px;
  border: 1px solid var(--oka-line);
  background: #fff;
  counter-increment: flow;
}
.oka-flow__item::before {
  display: block;
  margin-bottom: 25px;
  color: var(--oka-teal-dark);
  font-family: var(--oka-serif);
  font-size: 15px;
  content: "STEP " counter(flow, decimal-leading-zero);
  letter-spacing: .13em;
}
.oka-flow__item:not(:last-child)::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -14px;
  width: 27px;
  height: 1px;
  background: var(--oka-teal);
  content: "";
}
.oka-flow__item h3 {
  margin-bottom: 12px;
  font-family: var(--oka-serif);
  font-size: 21px;
  font-weight: 500;
}
.oka-flow__item p { margin-bottom: 0; color: var(--oka-muted); font-size: 15px; }

/* FAQ */
.oka-faq { max-width: 900px; margin: 48px auto 0; border-top: 1px solid var(--oka-line); }
.oka-faq details { border-bottom: 1px solid var(--oka-line); }
.oka-faq summary {
  position: relative;
  padding: 25px 52px 25px 43px;
  cursor: pointer;
  list-style: none;
  font-family: var(--oka-serif);
  font-size: 17px;
  font-weight: 500;
}
.oka-faq summary::-webkit-details-marker { display: none; }
.oka-faq summary::before {
  position: absolute;
  left: 0;
  color: var(--oka-teal-dark);
  font-family: var(--oka-serif);
  content: "Q";
}
.oka-faq summary::after {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 13px;
  height: 13px;
  border-right: 1px solid var(--oka-teal-dark);
  border-bottom: 1px solid var(--oka-teal-dark);
  content: "";
  transform: translateY(-70%) rotate(45deg);
  transition: transform .2s ease;
}
.oka-faq details[open] summary::after { transform: translateY(-20%) rotate(225deg); }
.oka-faq__answer {
  position: relative;
  padding: 0 45px 27px 43px;
  color: var(--oka-muted);
  font-size: 14px;
}
.oka-faq__answer::before {
  position: absolute;
  left: 0;
  color: var(--oka-gray);
  font-family: var(--oka-serif);
  content: "A";
}

/* Responsive */
@media (max-width: 980px) {
  .oka-heading {
    font-size: clamp(28px, 5vw, 30px);
  }
  .oka-nav a:not(.oka-nav__contact) { display: none; }
  .oka-hero { background: var(--oka-pale); }
  .oka-hero__inner { grid-template-columns: 1fr .78fr; min-height: 620px; }
  .oka-hero__copy { padding-right: 42px; }
  .oka-hero__visual { min-height: 620px; }
  .oka-hero__sticker {
    top: 56px;
    right: 0;
    width: 132px;
    min-height: 132px;
    padding: 17px;
    font-size: 12px;
  }
  .oka-policy__layout,
  .oka-profile,
  .oka-office { gap: 44px; }
  .oka-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oka-flow__item::after { display: none; }
  .oka-quick__title,
  .oka-quick__items { padding: 43px 10px; }
  .oka-policy__item {
    gap: 1px;
    padding: 25px 0;
  }
}

@media (max-width: 760px) {
  .oka-site { padding-bottom: 0px; font-size: 15px; }
  .oka-container { width: min(100% - 32px, 680px); }
  .oka-section { padding: 56px 0 6px; }
  .oka-header__inner { min-height: 72px; }
  .oka-brand__mark { width: 33px; height: 33px; }
  .oka-brand__name { font-size: 17px; }
  .oka-brand__sub { font-size: 8px; }
  .oka-nav__contact { min-height: 40px; padding: 6px 14px; font-size: 12px; }

  .oka-hero__inner { grid-template-columns: 1fr; min-height: auto; }
  .oka-hero__copy { padding: 72px 0 32px; }
  .oka-hero h1 { font-size: clamp(38px, 12vw, 34px); }
  .oka-hero__visual { min-height: 445px; margin-inline: -16px; }
  .oka-hero__photo { width: min(78%, 360px); max-height: 430px; }
  .oka-hero__sticker { top: 36px; left: 10%; }

  .oka-quick { margin-top: 0; }
  .oka-quick .oka-container { width: 100%; }
  .oka-quick__box { grid-template-columns: 1fr; box-shadow: none; }
  .oka-quick__title,
  .oka-quick__items { padding: 32px 14px; }
  .oka-quick__items { grid-template-columns: 1fr; }

  .oka-services,
  .oka-policy__layout,
  .oka-profile,
  .oka-office,
  .oka-flow { grid-template-columns: 1fr; }

  .oka-policy__intro { position: static; }
  .oka-profile__photo-wrap { max-width: 470px; margin-inline: auto; }
  .oka-office { gap: 34px; }
}

@media (max-width: 480px) {
  .oka-container { width: min(100% - 26px, 430px); }
  .oka-heading { font-size: 30px; }
  .oka-actions { display: grid; grid-template-columns: 1fr; }
  .oka-button { width: 100%; }
  .oka-service { padding: 29px 25px; }
  .oka-policy__item { grid-template-columns: 55px 1fr; gap: 13px; }
  .oka-policy__item h3 { font-size: 18px;}
  .oka-profile__facts div,
  .oka-office__table div { grid-template-columns: 1fr; gap: 4px; }
  .oka-faq summary { padding-right: 35px; font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .oka-site *,
  .oka-site *::before,
  .oka-site *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}/* End custom CSS */