#itweb-inquiry-drawer[hidden], #itweb-inquiry-drawer [hidden] { display: none; }
html.itweb-inquiry-open { overflow: hidden; }
#itweb-inquiry-drawer {
  position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; border: 0;
  width: min(100%, 38rem); max-width: none; height: 100%; height: 100dvh; max-height: none;
  overflow: hidden; overscroll-behavior: contain; background: #fff; color: #172541;
  box-shadow: -12px 0 40px rgb(17 35 74 / 20%);
  transform: translateX(100%); transition: transform 220ms ease-out;
}
#itweb-inquiry-drawer[open]:not([hidden]) { display: grid; grid-template-rows: auto minmax(0, 1fr); }
#itweb-inquiry-drawer.itweb-inquiry-visible { transform: translateX(0); }
#itweb-inquiry-drawer::backdrop { background: rgb(12 25 49 / 0%); transition: background-color 220ms ease-out; }
#itweb-inquiry-drawer.itweb-inquiry-visible::backdrop { background: rgb(12 25 49 / 48%); }
#itweb-inquiry-drawer .itweb-inquiry-head {
  display: flex; align-items: center; justify-content: space-between; gap: .75rem;
  padding: calc(.45rem + env(safe-area-inset-top, 0px)) calc(.75rem + env(safe-area-inset-right, 0px)) .45rem calc(1rem + env(safe-area-inset-left, 0px));
  border-bottom: 1px solid #dde4ef; background: #fff;
}
#itweb-inquiry-title { margin: 0; font-size: 1.125rem; font-weight: 750; line-height: 1.4; color: #172541; }
#itweb-inquiry-close {
  display: grid; place-items: center; flex: none; padding: 0; width: 44px; height: 44px;
  border: 0; border-radius: .55rem; background: #f1f4fa; color: #22334f; cursor: pointer;
}
#itweb-inquiry-close:hover { background: #e6ecf7; }
#itweb-inquiry-close:focus-visible, #itweb-inquiry-drawer a:focus-visible { outline: 2px solid #244fca; outline-offset: 2px; }
#itweb-inquiry-drawer .itweb-inquiry-body { position: relative; min-height: 0; padding-bottom: env(safe-area-inset-bottom, 0px); }
#itweb-inquiry-form { display: block; border: 0; width: 100%; height: 100%; background: #fff; }
#itweb-inquiry-drawer .itweb-inquiry-notice { position: absolute; inset: 0; margin: 0; padding: 1.25rem; color: #33435f; background: #fff; }
#itweb-inquiry-drawer .itweb-inquiry-notice a { color: #193da7; text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
  #itweb-inquiry-drawer, #itweb-inquiry-drawer::backdrop { transition: none; }
}