@charset "UTF-8";
.sec-drawer { display: none; }
@media (max-width: 767px) {
  .sec-drawer {
    --drawer-u: calc(100vw / 390);
    --drawer-c-bg:     #D9D9D9;
    --drawer-c-card:   #F6F6F6;
    --drawer-c-line:   #E5E5E5;
    --drawer-c-cell:   #F9F9F9;
    --drawer-c-navy:   #244496;
    --drawer-c-orange: #E47F10;
    --drawer-c-beige:  #FBF1E1;
    --drawer-c-teal:   #5DC1CF;
    --drawer-c-muted:  #666666;
    display: block;
    position: fixed;
    top: calc(70 * var(--drawer-u));
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    background: var(--drawer-c-bg);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    font-feature-settings: normal;
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
    transition: transform .35s ease, opacity .35s ease, visibility 0s linear .35s;
  }
  .sec-drawer.is-open {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    transition: transform .35s ease, opacity .35s ease;
  }
  .drawer-inner {
    position: relative;
    min-height: 100%;
    padding-top: calc(25.92 * var(--drawer-u));
    padding-bottom: calc(128 * var(--drawer-u));
  }
  .drawer-cta {
    display: grid;
    grid-template-columns: repeat(2, calc(173.569 * var(--drawer-u)));
    column-gap: calc(14.131 * var(--drawer-u));
    row-gap: calc(14.29 * var(--drawer-u));
    margin-left: calc(16.12 * var(--drawer-u));
  }
  .drawer-cta-btn {
    position: relative;
    display: block;
    height: calc(102.25 * var(--drawer-u));
    border-radius: calc(4 * var(--drawer-u));
  }
  .drawer-cta-btn--web      { background: var(--drawer-c-navy); }
  .drawer-cta-btn--consult  { background: var(--drawer-c-orange); }
  .drawer-cta-btn--pamphlet { background: #fff; border: calc(2 * var(--drawer-u)) solid var(--drawer-c-beige); }
  .drawer-cta-btn--sim      { background: #fff; border: calc(2 * var(--drawer-u)) solid var(--drawer-c-teal); }
  .drawer-cta-label {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(62.2 * var(--drawer-u));
    font-family: var(--font-body);
    font-weight: 500;
    font-size: calc(15 * var(--drawer-u));
    line-height: 1.4;
    text-align: center;
    color: #fff;
  }
  .drawer-cta-btn--pamphlet .drawer-cta-label,
  .drawer-cta-btn--sim .drawer-cta-label {
    top: calc(60.2 * var(--drawer-u));
    color: var(--drawer-c-muted);
  }
  .drawer-cta-icon { position: absolute; }
  .drawer-cta-icon--web      { left: calc(70.46 * var(--drawer-u)); top: calc(23.09 * var(--drawer-u)); width: calc(32.653 * var(--drawer-u)); height: calc(29.181 * var(--drawer-u)); }
  .drawer-cta-icon--consult  { left: calc(73.13 * var(--drawer-u)); top: calc(14.46 * var(--drawer-u)); width: calc(23.066 * var(--drawer-u)); height: calc(44.005 * var(--drawer-u)); }
  .drawer-cta-icon--pamphlet { left: calc(59.30 * var(--drawer-u)); top: calc(18.97 * var(--drawer-u)); width: calc(49.812 * var(--drawer-u)); height: calc(37.633 * var(--drawer-u)); }
  .drawer-cta-icon--sim      { left: calc(70.57 * var(--drawer-u)); top: calc(14.27 * var(--drawer-u)); width: calc(28.408 * var(--drawer-u)); height: calc(39.523 * var(--drawer-u)); }
  .drawer-cta-arrow { position: absolute; }
  .drawer-cta-btn--web .drawer-cta-arrow,
  .drawer-cta-btn--consult .drawer-cta-arrow {
    left: calc(159.13 * var(--drawer-u));
    top: calc(45.93 * var(--drawer-u));
    width: calc(5.661 * var(--drawer-u));
    height: calc(10.383 * var(--drawer-u));
  }
  .drawer-cta-btn--pamphlet .drawer-cta-arrow,
  .drawer-cta-btn--sim .drawer-cta-arrow {
    left: calc(156.63 * var(--drawer-u));
    top: calc(43.43 * var(--drawer-u));
    width: calc(6.661 * var(--drawer-u));
    height: calc(11.383 * var(--drawer-u));
  }
  .drawer-menu {
    margin: calc(15.86 * var(--drawer-u)) calc(13.27 * var(--drawer-u)) 0;
    background: var(--drawer-c-card);
    border: 1px solid var(--drawer-c-line);
  }
  .drawer-item + .drawer-item { border-top: 1px solid var(--drawer-c-line); }
  .drawer-row-link,
  .drawer-row-trigger {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
  }
  .drawer-item--group    .drawer-row-link    { height: calc(67.88 * var(--drawer-u)); }
  .drawer-item--know     .drawer-row-trigger { height: calc(49.50 * var(--drawer-u)); }
  .drawer-item--worries  .drawer-row-trigger { height: calc(48.99 * var(--drawer-u)); }
  .drawer-item--director .drawer-row-link    { height: calc(49.50 * var(--drawer-u)); }
  .drawer-item--access   .drawer-row-trigger { height: calc(51.23 * var(--drawer-u)); }
  .drawer-item--faq      .drawer-row-link    { height: calc(54.50 * var(--drawer-u)); }
  .drawer-row-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .drawer-row-icon--apple    { left: calc(17.77 * var(--drawer-u)); width: calc(15.935 * var(--drawer-u)); height: calc(19.439 * var(--drawer-u)); }
  .drawer-row-icon--implant  { left: calc(20.09 * var(--drawer-u)); width: calc(11.330 * var(--drawer-u)); height: calc(21.615 * var(--drawer-u)); }
  .drawer-row-icon--tooth    { left: calc(17.50 * var(--drawer-u)); width: calc(16.545 * var(--drawer-u)); height: calc(19.773 * var(--drawer-u)); }
  .drawer-row-icon--director { left: calc(17.54 * var(--drawer-u)); width: calc(16.458 * var(--drawer-u)); height: calc(13.529 * var(--drawer-u)); }
  .drawer-row-icon--pin      { left: calc(19.92 * var(--drawer-u)); width: calc(11.673 * var(--drawer-u)); height: calc(16.160 * var(--drawer-u)); }
  .drawer-row-icon--faq      { left: calc(12.70 * var(--drawer-u)); width: calc(26.122 * var(--drawer-u)); height: calc(17.506 * var(--drawer-u)); }
  .drawer-row-text {
    position: absolute;
    left: calc(45.87 * var(--drawer-u));
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: calc(15 * var(--drawer-u));
    line-height: 1.2;
    color: var(--c-text);
    white-space: nowrap;
  }
  .drawer-row-arrow {
    position: absolute;
    left: calc(335.87 * var(--drawer-u));
    top: 50%;
    transform: translateY(-50%);
    width: calc(6.473 * var(--drawer-u));
    height: calc(10.945 * var(--drawer-u));
  }
  .drawer-toggle {
    position: absolute;
    left: calc(332.87 * var(--drawer-u));
    top: 50%;
    transform: translateY(-50%);
    width: calc(10.75 * var(--drawer-u));
    height: calc(10.75 * var(--drawer-u));
  }
  .drawer-toggle-h,
  .drawer-toggle-v {
    position: absolute;
    left: 0;
    top: calc(4.375 * var(--drawer-u));
    width: calc(10.75 * var(--drawer-u));
    height: calc(2 * var(--drawer-u));
  }
  .drawer-toggle-v {
    transform: rotate(90deg);
    transition: opacity .2s ease;
  }
  .drawer-item.is-open .drawer-toggle-v { opacity: 0; }
  .drawer-panel {
    overflow: hidden;
    height: 0;
  }
  .drawer-item.is-open > .drawer-panel { height: auto; }
  .drawer-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(8 * var(--drawer-u));
    grid-auto-rows: calc(67.78 * var(--drawer-u));
    margin: 0 calc(9.74 * var(--drawer-u)) calc(16.01 * var(--drawer-u)) calc(11.84 * var(--drawer-u));
  }
  .drawer-card {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: var(--drawer-c-cell);
    border: 1px solid var(--drawer-c-line);
    border-radius: calc(4 * var(--drawer-u));
  }
  .drawer-card-text {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: calc(15 * var(--drawer-u));
    line-height: 1.3;
    color: var(--c-text);
    text-align: center;
    white-space: nowrap;
  }
  .drawer-card-arrow {
    position: absolute;
    right: calc(8.5 * var(--drawer-u));
    top: 50%;
    transform: translateY(-50%);
    width: calc(6.473 * var(--drawer-u));
    height: calc(10.945 * var(--drawer-u));
  }
}