/* MED JUNIX renewal bridge for the existing Contact Form 7 company form. */
body.page-id-138 {
  --mj-green-950: #072f25;
  --mj-green-900: #0b3f31;
  --mj-green-800: #155541;
  --mj-green-700: #207058;
  --mj-green-100: #e8f0eb;
  --mj-sage-100: #edf2ec;
  --mj-ivory: #f7f3ea;
  --mj-ivory-deep: #efe8da;
  --mj-ink: #1c2b25;
  --mj-muted: #647069;
  --mj-line: rgba(20, 65, 50, .16);
  --mj-clay: #a34f35;
  margin: 0;
  color: var(--mj-ink);
  background: var(--mj-ivory);
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
  line-height: 1.85;
  letter-spacing: .025em;
  -webkit-font-smoothing: antialiased;
}

body.page-id-138 {
  padding-top: 143px !important;
}

body.page-id-138 .fadein {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

body.page-id-138 *,
body.page-id-138 *::before,
body.page-id-138 *::after {
  box-sizing: border-box;
}

body.page-id-138 a {
  color: var(--mj-green-900);
  text-underline-offset: .18em;
}

body.page-id-138 :focus-visible {
  outline: 3px solid #d88b53;
  outline-offset: 4px;
}

/* Header: retain the existing WordPress navigation while matching the renewal. */
body.page-id-138 .header {
  position: sticky;
  z-index: 1000;
  top: 0;
  width: 100%;
  border-bottom: 1px solid var(--mj-line);
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 8px 26px rgba(5, 40, 30, .05);
}

body.page-id-138 .header-login-bar {
  background: var(--mj-green-950);
  color: #dcebe4;
}

body.page-id-138 .login-bar-inner {
  width: min(1120px, calc(100% - 48px));
  min-height: 34px;
  margin-inline: auto;
}

body.page-id-138 .login-bar-left {
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .08em;
}

body.page-id-138 .login-bar-right {
  gap: 9px;
}

body.page-id-138 .login-btn,
body.page-id-138 .login-btn:visited {
  min-height: 26px;
  padding: 4px 13px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font-size: .68rem;
  font-weight: 700;
  line-height: 1.3;
}

body.page-id-138 .logo-nav {
  width: min(1120px, calc(100% - 48px));
  min-height: 98px;
  margin-inline: auto;
  padding: 4px 0;
}

body.page-id-138 .logo {
  width: auto;
  margin: 0;
}

body.page-id-138 .logo a {
  display: block;
  width: 112px;
  height: 86px;
  color: var(--mj-green-950);
  text-decoration: none;
}

body.page-id-138 .logo a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("/wp-content/plugins/medjunix-renewal/static/assets/images/medjunix-logo-transparent-20260906.png") center / contain no-repeat;
}

body.page-id-138 .logo a::after {
  display: none;
}

body.page-id-138 .logo img {
  display: none;
}

body.page-id-138 .nav-right {
  gap: 16px !important;
}

body.page-id-138 .lang-switch select {
  min-height: 38px;
  border: 1px solid var(--mj-line);
  border-radius: 999px;
  background: var(--mj-sage-100);
  color: var(--mj-green-950);
  font-size: .72rem;
}

body.page-id-138 .nav ul {
  gap: 0;
}

body.page-id-138 .nav li + li {
  border-left: 1px solid var(--mj-line);
}

body.page-id-138 .nav a,
body.page-id-138 .nav a:visited {
  min-height: 44px;
  padding: 6px 15px;
  color: var(--mj-green-950);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

body.page-id-138 .nav a span {
  color: var(--mj-muted);
  font-size: .58rem;
  font-weight: 500;
  letter-spacing: .12em;
}

/* Hero */
body.page-id-138 .company-contact-hero {
  position: relative !important;
  min-height: 235px !important;
  margin: 0 !important;
  padding: 70px 24px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 90%, rgba(255, 255, 255, .08) 0 92px, transparent 93px),
    radial-gradient(circle at 88% 16%, rgba(255, 255, 255, .08) 0 145px, transparent 146px),
    linear-gradient(135deg, var(--mj-green-950), var(--mj-green-800)) !important;
  color: #fff !important;
}

body.page-id-138.page-template-page-company-contact-php .company-contact-hero {
  height: 235px !important;
  min-height: 235px !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  background: var(--mj-green-950) !important;
}

body.page-id-138.page-template-page-company-contact-php .company-contact-hero::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 12% 90%, rgba(255, 255, 255, .08) 0 92px, transparent 93px),
    radial-gradient(circle at 88% 16%, rgba(255, 255, 255, .08) 0 145px, transparent 146px),
    linear-gradient(135deg, var(--mj-green-950), var(--mj-green-800)) !important;
}

body.page-id-138 .company-contact-hero::before {
  content: "CONTACT FOR EMPLOYERS" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 37px 0 auto !important;
  background: transparent !important;
  color: #b9d5c7;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .24em;
}

body.page-id-138.page-template-page-company-contact-php .company-contact-hero::before {
  content: "CONTACT FOR EMPLOYERS" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 37px 0 auto !important;
  background: transparent !important;
  color: #b9d5c7 !important;
}

body.page-id-138 .company-contact-hero .hero-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 840px !important;
  padding: 0 20px !important;
}

body.page-id-138 .company-contact-hero .hero-title {
  margin: 0 0 12px !important;
  color: #fff !important;
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(2.2rem, 4.2vw, 4rem) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

body.page-id-138.page-template-page-company-contact-php .company-contact-hero .hero-title {
  font-size: clamp(2.2rem, 4.2vw, 4rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-shadow: none !important;
}

body.page-id-138 .company-contact-hero .hero-subtitle {
  margin: 0 !important;
  color: #e3efe9 !important;
  font-size: 1rem !important;
  letter-spacing: .06em;
  line-height: 1.7 !important;
  text-shadow: none !important;
}

body.page-id-138.page-template-page-company-contact-php .company-contact-hero .hero-subtitle {
  color: #e3efe9 !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
  text-shadow: none !important;
}

/* Main content and form */
body.page-id-138 .company-contact.container {
  width: min(880px, calc(100% - 48px));
  max-width: none;
  margin: 0 auto;
  padding: 88px 0 112px;
}

body.page-id-138 .company-contact > h2 {
  margin: 0 0 8px;
  color: var(--mj-green-950);
  font-family: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(1.9rem, 3.2vw, 2.8rem);
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.45;
  text-align: center;
}

body.page-id-138 .company-contact .section-sub {
  margin: 0 0 28px;
  color: var(--mj-green-700);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-align: center;
}

body.page-id-138 .contact-intro {
  margin: 0 0 34px;
  padding: 24px 28px;
  border: 1px solid #c9d9cf;
  border-left: 4px solid var(--mj-green-700);
  border-radius: 2px;
  background: var(--mj-green-100);
}

body.page-id-138 .contact-intro p {
  margin: 0;
  color: var(--mj-green-950);
  line-height: 1.9;
}

body.page-id-138 .wpcf7 {
  padding: 48px 52px;
  border: 1px solid var(--mj-line);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(5, 40, 30, .09);
}

body.page-id-138 .company-form,
body.page-id-138 .company-form p {
  text-align: left;
}

body.page-id-138 .company-form .form-block {
  margin-bottom: 22px;
}

body.page-id-138 .company-form label {
  margin: 0 0 8px;
  color: var(--mj-green-950);
  font-size: .92rem;
  font-weight: 700;
}

body.page-id-138 .company-form .required,
body.page-id-138 .company-form .optional {
  padding: 4px 7px;
  border-radius: 2px;
  color: #fff;
  font-size: .67rem;
  font-weight: 700;
  letter-spacing: .08em;
  vertical-align: .08em;
}

body.page-id-138 .company-form .required {
  background: var(--mj-clay);
}

body.page-id-138 .company-form .optional {
  background: var(--mj-green-700);
}

body.page-id-138 .company-form .input-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

body.page-id-138 .company-form .input-half {
  min-width: 0;
}

body.page-id-138 .company-form input[type="text"],
body.page-id-138 .company-form input[type="email"],
body.page-id-138 .company-form input[type="tel"],
body.page-id-138 .company-form textarea {
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 13px 15px;
  border: 1px solid #c8d3cc;
  border-radius: 2px;
  background: #fbfcfa;
  color: var(--mj-ink);
  font: inherit;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s, background .2s;
}

body.page-id-138 .company-form textarea {
  min-height: 180px;
  resize: vertical;
}

body.page-id-138 .company-form input::placeholder,
body.page-id-138 .company-form textarea::placeholder {
  color: #6e756f;
  opacity: 1;
}

body.page-id-138 .company-form input:focus,
body.page-id-138 .company-form textarea:focus {
  outline: none;
  border-color: var(--mj-green-700);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(32, 112, 88, .12);
}

body.page-id-138 .company-contact .checkbox-wrap {
  min-height: 0;
  margin: 28px 0;
  padding: 20px 22px;
  border: 1px solid #c9d9cf;
  border-radius: 2px;
  background: var(--mj-sage-100);
}

body.page-id-138 .company-contact .checkbox-wrap .privacy-note {
  color: var(--mj-muted);
  font-size: .82rem;
  line-height: 1.75;
}

body.page-id-138 .company-form .form-block.submit-button {
  margin: 34px 0 0;
}

body.page-id-138 .company-form .form-block.submit-button .wpcf7-submit {
  width: min(100%, 360px);
  min-height: 58px;
  margin: 0 auto;
  padding: 14px 28px;
  border: 1px solid var(--mj-green-900);
  border-radius: 2px;
  background: var(--mj-green-900);
  color: #fff;
  font-size: .94rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.4;
  cursor: pointer;
  transition: background .2s, box-shadow .2s, transform .2s;
}

body.page-id-138.page-template-page-company-contact-php .company-form .form-block.submit-button .wpcf7-submit {
  min-height: 58px !important;
  border: 1px solid var(--mj-green-900) !important;
  border-radius: 2px !important;
  background: var(--mj-green-900) !important;
  color: #fff !important;
  line-height: 1.4 !important;
}

body.page-id-138 .company-form .form-block.submit-button .wpcf7-submit:hover {
  background: var(--mj-green-700);
  box-shadow: 0 12px 25px rgba(6, 47, 37, .18);
  transform: translateY(-2px);
}

body.page-id-138.page-template-page-company-contact-php .company-form .form-block.submit-button .wpcf7-submit:hover {
  background: var(--mj-green-700) !important;
}

body.page-id-138 .wpcf7-response-output {
  margin: 24px 0 0;
  border-color: var(--mj-green-700);
  color: var(--mj-green-950);
}

/* Supporting cards */
body.page-id-138 .contact-info,
body.page-id-138 .service-info,
body.page-id-138 .document-download-section {
  margin-top: 28px;
  padding: 34px 38px;
  border: 1px solid var(--mj-line);
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
}

body.page-id-138 .contact-info h3,
body.page-id-138 .service-info h3,
body.page-id-138 .document-download-section h3 {
  margin: 0 0 18px;
  color: var(--mj-green-950);
  font-family: "Noto Serif JP", "Yu Mincho", serif;
  font-size: 1.45rem;
  font-weight: 600;
  text-align: left;
}

body.page-id-138 .contact-details strong {
  color: var(--mj-green-900);
}

body.page-id-138 .line-btn,
body.page-id-138 .line-btn:visited {
  border-radius: 2px;
  background: #087d43;
  color: #fff;
  box-shadow: none;
}

body.page-id-138 .line-btn:hover {
  background: #056736;
  color: #fff;
  box-shadow: 0 12px 24px rgba(8, 125, 67, .18);
}

body.page-id-138 .service-list li::before {
  color: var(--mj-green-700);
}

body.page-id-138 .download-btn.primary,
body.page-id-138 .download-btn.primary:visited {
  border-radius: 2px;
  background: var(--mj-green-900);
  color: #fff;
}

body.page-id-138 .download-btn.primary:hover {
  background: var(--mj-green-700);
  color: #fff;
}

body.page-id-138 .download-note {
  border-left-color: var(--mj-green-700);
  background: var(--mj-sage-100);
}

body.page-id-138 .footer {
  margin: 0;
  padding: 48px 24px 30px;
  background: var(--mj-green-950);
  color: #dcebe4;
}

body.page-id-138 .footer p {
  color: #b9d5c7;
}

body.page-id-138 .footer .sns-icon {
  border-radius: 50%;
}

@media (max-width: 980px) {
  body.page-id-138 {
    padding-top: 127px !important;
  }

  body.page-id-138 .logo-nav {
    min-height: 82px;
  }

  body.page-id-138 .logo a {
    width: 96px;
    height: 74px;
  }

  body.page-id-138 .logo a::before {
    width: 100%;
    height: 100%;
  }

  body.page-id-138 .hamburger span {
    background: var(--mj-green-950);
  }

  body.page-id-138 .nav {
    border-top: 1px solid var(--mj-line);
    background: #fff;
  }

  body.page-id-138 .nav li + li {
    border-left: 0;
    border-top: 1px solid var(--mj-line);
  }
}

@media (max-width: 768px) {
  body.page-id-138 .login-bar-inner,
  body.page-id-138 .logo-nav {
    width: min(100% - 32px, 1120px);
  }

  body.page-id-138 .login-bar-left {
    display: none;
  }

  body.page-id-138 .login-bar-inner {
    justify-content: flex-end;
  }

  body.page-id-138 .company-contact-hero {
    min-height: 205px !important;
    padding: 66px 16px 44px !important;
  }

  body.page-id-138.page-template-page-company-contact-php .company-contact-hero {
    height: 205px !important;
    min-height: 205px !important;
    margin-bottom: 0 !important;
  }

  body.page-id-138 .company-contact-hero::before {
    inset: 30px 0 auto !important;
    font-size: .62rem;
  }

  body.page-id-138.page-template-page-company-contact-php .company-contact-hero::before {
    inset: 30px 0 auto !important;
  }

  body.page-id-138 .company-contact-hero .hero-title {
    font-size: clamp(1.85rem, 9vw, 2.65rem) !important;
  }

  body.page-id-138.page-template-page-company-contact-php .company-contact-hero .hero-title {
    font-size: clamp(1.45rem, 6.7vw, 1.8rem) !important;
    letter-spacing: .03em !important;
    white-space: nowrap !important;
  }

  body.page-id-138 .company-contact-hero .hero-subtitle {
    font-size: .88rem !important;
  }

  body.page-id-138.page-template-page-company-contact-php .company-contact-hero .hero-subtitle {
    font-size: .88rem !important;
  }

  body.page-id-138 .company-contact.container {
    width: min(100% - 32px, 880px);
    padding: 64px 0 80px;
  }

  body.page-id-138 .wpcf7 {
    padding: 30px 22px;
  }

  body.page-id-138 .company-form .input-group {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.page-id-138 .contact-intro,
  body.page-id-138 .contact-info,
  body.page-id-138 .service-info,
  body.page-id-138 .document-download-section {
    padding: 26px 22px;
  }

  body.page-id-138 .contact-intro br,
  body.page-id-138 .download-desc br {
    display: none;
  }
}

@media (max-width: 480px) {
  body.page-id-138 {
    padding-top: 63px !important;
  }

  body.page-id-138 .header-login-bar {
    display: none;
  }

  body.page-id-138 .logo-nav {
    min-height: 64px;
    padding: 2px 0;
  }

  body.page-id-138 .logo a {
    width: 72px;
    height: 56px;
  }

  body.page-id-138 .logo a::before {
    width: 100%;
    height: 100%;
  }

  body.page-id-138 .company-contact > h2 {
    font-size: clamp(1.12rem, 5.8vw, 1.4rem);
    letter-spacing: .02em;
    white-space: nowrap;
  }

  body.page-id-138 .lang-switch {
    display: none !important;
  }

  body.page-id-138 .wpcf7 {
    padding: 26px 18px;
  }
}