@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
/* [project]/src/styles/globals.scss.css [client] (css) */
@font-face {
  font-family: Local Noto Sans JP;
  src: local(Noto Sans JP);
}

@font-face {
  font-family: Local Montserrat;
  src: local(Montserrat);
}

html {
  --default-font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  --montserrat-font-family: "Local Montserrat", "Montserrat", sans-serif;
  font-family: var(--default-font-family);
  word-spacing: 1px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  font-size: 16px;
}

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  --top-header-height: 56px;
  position: relative;
}

*, :before, :after {
  box-sizing: border-box;
  font-feature-settings: "palt";
  margin: 0;
}

input:focus, textarea:focus, button:focus, a[href]:focus {
  outline: 0;
}

textarea {
  font-family: var(--default-font-family);
}

.datepicker-property-label {
  position: relative;
}

.datepicker-property-label .buttonOverride {
  content: "";
  z-index: 2;
  width: 69px;
  height: 30px;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -146px;
}

.datepicker-property-label .react-datepicker-wrapper {
  z-index: 1;
  width: 69px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -146px;
}

.datepicker-property-label .react-datepicker__input-container {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.datepicker-property-label .react-datepicker__input-container input {
  border: 0;
  width: 0;
  height: 0;
  padding: 0;
  display: block;
}

.grecaptcha-badge {
  visibility: hidden;
}