@charset "UTF-8";
.sec-pcnav {
  --pcnav-u: min(1px, 0.09259259vw);
  --pcnav-c-line: #EEEEEE;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: calc(61 * var(--pcnav-u));
  background: #fff;
  z-index: 100;
  transition: transform .3s ease, opacity .3s ease;
  font-feature-settings: normal;
}
.sec-pcnav.is-hidden {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: transform .3s ease, opacity .3s ease, visibility 0s linear .3s;
}
.pcnav-inner {
  position: relative;
  width: calc(1080 * var(--pcnav-u));
  height: 100%;
  margin: 0 auto;
}
.pcnav-logo {
  position: absolute;
  left: calc(22 * var(--pcnav-u));
  top: calc(7.69 * var(--pcnav-u));
  width: calc(246.24 * var(--pcnav-u));
  height: calc(42.4 * var(--pcnav-u));
  display: block;
}
.pcnav-logo-mark {
  position: absolute;
  left: 0;
  top: calc(14.09 * var(--pcnav-u));
  width: calc(23.4754 * var(--pcnav-u));
  height: calc(28.3112 * var(--pcnav-u));
  display: block;
}
.pcnav-logo-tagline {
  position: absolute;
  left: calc(33.16 * var(--pcnav-u));
  top: 0;
  width: calc(175.392 * var(--pcnav-u));
  height: calc(11.3221 * var(--pcnav-u));
  display: block;
}
.pcnav-logo-name {
  position: absolute;
  left: calc(33.16 * var(--pcnav-u));
  top: calc(15.51 * var(--pcnav-u));
  width: calc(213.09 * var(--pcnav-u));
  height: calc(25.587 * var(--pcnav-u));
  display: block;
}
.pcnav-list {
  display: flex;
  height: 100%;
  margin-left: calc(302 * var(--pcnav-u));
  width: fit-content;
}
.pcnav-list::after {
  content: "";
  align-self: center;
  width: 1px;
  height: calc(41.5 * var(--pcnav-u));
  margin-left: -0.5px;
  background: var(--pcnav-c-line);
}
.pcnav-item {
  display: block;
  height: 100%;
}
.pcnav-link {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 calc(24 * var(--pcnav-u));
  font-family: var(--font-heading);
  font-weight: 300;
  font-size: calc(15 * var(--pcnav-u));
  line-height: 1;
  color: var(--c-text);
  white-space: nowrap;
}
.pcnav-link::before {
  content: "";
  position: absolute;
  left: -0.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: calc(41.5 * var(--pcnav-u));
  background: var(--pcnav-c-line);
}
.pcnav-item--implant > .pcnav-link::after,
.pcnav-item--trouble > .pcnav-link::after,
.pcnav-item--clinics > .pcnav-link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: calc(24 * var(--pcnav-u)) solid transparent;
  border-right: calc(24 * var(--pcnav-u)) solid transparent;
  border-bottom: calc(24 * var(--pcnav-u)) solid rgba(255, 255, 255, .8);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
  pointer-events: none;
}
.pcnav-item--implant:hover > .pcnav-link::after,
.pcnav-item--implant:focus-within > .pcnav-link::after,
.pcnav-item--trouble:hover > .pcnav-link::after,
.pcnav-item--trouble:focus-within > .pcnav-link::after,
.pcnav-item--clinics:hover > .pcnav-link::after,
.pcnav-item--clinics:focus-within > .pcnav-link::after {
  opacity: 1;
  visibility: visible;
}
.pcnav-panel {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(1024 * var(--pcnav-u, 1px));
  padding-top: calc(24 * var(--pcnav-u, 1px));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
  font-feature-settings: normal;
}
.pcnav-item:hover > .pcnav-panel,
.pcnav-item:focus-within > .pcnav-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.pcnav-panel-body {
  position: relative;
  background: rgba(255, 255, 255, .8);
}
.pcnav-panel--implant .pcnav-panel-body { height: calc(250 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-body { height: calc(250 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-body { height: calc(310 * var(--pcnav-u, 1px)); }
.pcnav-panel-list {
  position: absolute;
  inset: 0;
}
.pcnav-panel-item {
  position: absolute;
  width: calc(168 * var(--pcnav-u, 1px));
  height: calc(60 * var(--pcnav-u, 1px));
}
.pcnav-panel-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .8);
  border: 1px solid #F0831E;
  border-radius: calc(5 * var(--pcnav-u, 1px));
  color: #413939;
}
.pcnav-panel-card-text {
  font-family: var(--font-heading, "Noto Serif JP", serif);
  font-weight: 300;
  font-size: calc(15 * var(--pcnav-u, 1px));
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}
.pcnav-panel-card-arrow {
  position: absolute;
  right: calc(7 * var(--pcnav-u, 1px));
  top: 50%;
  transform: translateY(-50%);
  width: calc(16 * var(--pcnav-u, 1px));
  height: calc(16 * var(--pcnav-u, 1px));
  display: block;
}
.pcnav-ls-a { letter-spacing: calc(-2.72 * var(--pcnav-u, 1px)); }
.pcnav-ls-b { letter-spacing: calc(-4.48 * var(--pcnav-u, 1px)); }
.pcnav-ls-c { letter-spacing: calc(-2.24 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(-n+5) { top: calc(52 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(n+6)  { top: calc(145 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(1),
.pcnav-panel--implant .pcnav-panel-item:nth-child(6) { left: calc(60 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(2) { left: calc(244 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(3) { left: calc(428 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(4) { left: calc(612 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(5) { left: calc(796 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(-n+5) { top: calc(52 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(n+6)  { top: calc(145 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(1),
.pcnav-panel--trouble .pcnav-panel-item:nth-child(6) { left: calc(60 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(2),
.pcnav-panel--trouble .pcnav-panel-item:nth-child(7) { left: calc(244 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(3),
.pcnav-panel--trouble .pcnav-panel-item:nth-child(8) { left: calc(428 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(4),
.pcnav-panel--trouble .pcnav-panel-item:nth-child(9) { left: calc(612 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(5) { left: calc(796 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(-n+5)  { top: calc(58 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(n+6):nth-child(-n+10) { top: calc(141.72 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(n+11) { top: calc(221.44 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(1),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(6),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(11) { left: calc(21 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(2),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(7),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(12) { left: calc(205 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(3),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(8),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(13) { left: calc(389 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(4),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(9) { left: calc(573 * var(--pcnav-u, 1px)); }
.pcnav-panel--clinics .pcnav-panel-item:nth-child(5),
.pcnav-panel--clinics .pcnav-panel-item:nth-child(10) { left: calc(757 * var(--pcnav-u, 1px)); }
@media (max-width: 767px) {
  .sec-pcnav {
    display: none;
  }
}
.sec-pcnav { --pcnav-u: min(1px, 0.08196721vw); }
.pcnav-inner { width: calc(1220 * var(--pcnav-u)); }
.pcnav-list { margin-left: calc(283 * var(--pcnav-u)); }
.pcnav-link { padding: 0 calc(10 * var(--pcnav-u)); font-size: calc(14 * var(--pcnav-u)); line-height: 1.3; text-align: center; }
.pcnav-item--know > .pcnav-link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: calc(24 * var(--pcnav-u)) solid transparent;
  border-right: calc(24 * var(--pcnav-u)) solid transparent;
  border-bottom: calc(24 * var(--pcnav-u)) solid rgba(255, 255, 255, .8);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
  pointer-events: none;
}
.pcnav-item--know:hover > .pcnav-link::after,
.pcnav-item--know:focus-within > .pcnav-link::after { opacity: 1; visibility: visible; }
.pcnav-card-3l { display: inline-block; line-height: 1.2; }
.pcnav-cta { position: absolute; right: 0; top: 0; display: flex; height: calc(50 * var(--pcnav-u)); }
.pcnav-cta-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(3 * var(--pcnav-u));
  width: calc(151.75 * var(--pcnav-u));
  height: 100%;
  padding-top: calc(6.7 * var(--pcnav-u));
  opacity: .9;
  color: #fff;
  font-feature-settings: normal;
  transition: opacity .2s;
}
.pcnav-cta-btn:hover { opacity: 1; }
.pcnav-cta-btn--web { background: #244496; }
.pcnav-cta-btn--consult { background: #F17200; }
.pcnav-cta-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(111.75 * var(--pcnav-u));
  height: calc(16.39 * var(--pcnav-u));
  border-radius: calc(2.98 * var(--pcnav-u));
  background: #fff;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: calc(10 * var(--pcnav-u));
  line-height: 1;
  white-space: nowrap;
}
.pcnav-cta-btn--web .pcnav-cta-pill { color: #244496; }
.pcnav-cta-btn--consult .pcnav-cta-pill { color: #F17200; }
.pcnav-cta-text {
  display: flex;
  align-items: center;
  gap: calc(4 * var(--pcnav-u));
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: calc(14 * var(--pcnav-u));
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
.pcnav-cta-icon { display: block; }
.pcnav-cta-icon--web { width: calc(14.807 * var(--pcnav-u)); height: calc(13.231 * var(--pcnav-u)); }
.pcnav-cta-icon--consult { width: calc(9.276 * var(--pcnav-u)); height: calc(13.054 * var(--pcnav-u)); }
.pcnav-cta-k1 { letter-spacing: calc(-2.66 * var(--pcnav-u)); }
.pcnav-cta-k2 { letter-spacing: calc(-4.9 * var(--pcnav-u)); }
.pcnav-cta-k3 { letter-spacing: calc(-1.4 * var(--pcnav-u)); }
.pcnav-cta-corner { position: absolute; right: calc(3 * var(--pcnav-u)); bottom: calc(4 * var(--pcnav-u)); width: calc(9 * var(--pcnav-u)); height: calc(9 * var(--pcnav-u)); }
@media (max-width: 767px) { .sec-pcnav { display: none; } }
.pcnav-panel--implant .pcnav-panel-body { height: calc(155 * var(--pcnav-u, 1px)); }
.pcnav-panel--implant .pcnav-panel-item:nth-child(-n+5) { top: calc(43 * var(--pcnav-u, 1px)); }
.pcnav-panel--trouble .pcnav-panel-item:nth-child(10) { left: calc(796 * var(--pcnav-u, 1px)); }