.gnavi_ac5m130 {
  box-sizing: border-box;
  display: flex;
  height: 100vh
}

.gnavi_ac5m131 {
  box-sizing: border-box
}

.gnavi_ac5m132 {
  overflow: auto
}

.gnavi_ac5m133 {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 100%;
  isolation: isolate;
  overflow: auto;
  flex: 1
}

.gnavi_ac5m134 {
  overflow: hidden;
  grid-template-rows: 3.125rem 1fr
}

.gnavi_ac5m135 {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 3.125rem;
  background-color: #fff;
  padding: .5rem 1rem
}

.gnavi_ac5m136 {
  padding: .5rem .25rem;
  justify-content: space-between
}

.gnavi_ac5m137 {
  position: sticky;
  z-index: 500;
  transition: opacity .2s ease, top .2s ease;
  opacity: 0
}

.gnavi_ac5m138 {
  opacity: 1;
  top: 0
}

.gnavi_ac5m139 {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, Arial, メイリオ, Meiryo, sans-serif;
  z-index: calc(var(--vb-z-index-popup) + 1)
}

@media print {
  .gnavi_ac5m130 {
    display: block
  }
}

@media (max-width: 767px) {
  .gnavi_ac5m130 {
    min-width: 20rem;
    height: auto
  }
}

@media (min-width: 768px) {
  .gnavi_ac5m130 {
    min-width: 48rem
  }
}

.gnavi_1ru0jyg1 {
  position: relative;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, Arial, メイリオ, Meiryo, sans-serif;
  font-weight: 300;
  z-index: 1;
  background-color: #f5f9ff;
  border-right: 1px solid var(--vb-colors-p-02);
  box-shadow: 0 2px 4px #0000001a;
  container-type: inline-size;
  container-name: gnavi_ulll7z0
}

.gnavi_1ru0jyg2 {
  transition: width .25s ease-out
}

.gnavi_1ru0jyg3 {
  width: 80px;
  transition: width .2s ease-in-out
}

.gnavi_1ru0jyg4 {
  flex: 1
}

.gnavi_1ru0jyg5 {
  display: flex;
  flex-direction: column;
  position: relative;
  height: inherit;
  box-sizing: border-box;
  overflow-y: auto;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity .15s 0s ease-out, visibility .15s 0s ease-out
}

.gnavi_1ru0jyg6,
.gnavi_1ru0jyg7 {
  position: sticky;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  top: 0;
  background-color: #f5f9ff;
  z-index: 1;
  transition: padding .2s ease
}

.gnavi_1ru0jyg9 {
  margin: 0;
  flex-grow: 1;
  list-style: none;
  box-sizing: border-box
}

.gnavi_1ru0jyga {
  padding: 0
}

.gnavi_1ru0jygb {
  padding: 0 .75rem
}

.gnavi_1ru0jygc {
  width: 16.25rem;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center
}

.gnavi_1ru0jygd {
  width: 160px
}

@media (max-width: 1280px) {
  .gnavi_1ru0jyg0 {
    width: 160px
  }
}

@media (min-width: 1281px) and (max-width: 1365px) {
  .gnavi_1ru0jyg0 {
    width: calc(-1120px + 100vw)
  }
}

@media (min-width: 1366px) {
  .gnavi_1ru0jyg0 {
    width: 246px
  }
}

@media print {
  .gnavi_1ru0jyg1 {
    display: none
  }
}

@container gnavi_ulll7z0 (min-width: 81px) {
  .gnavi_1ru0jyg6 {
    padding: .75rem 1.25rem .5rem .75rem;
    margin-bottom: .5rem;
    gap: .25rem;
    justify-content: space-between;
    height: 3rem
  }
}

@container gnavi_ulll7z0 (max-width: 80px) {
  .gnavi_1ru0jyg6 {
    padding: .75rem 1.065rem .5rem;
    flex-direction: column;
    gap: .75rem
  }
}

@container gnavi_ulll7z0 (min-width: 160px) {
  .gnavi_1ru0jyg7 {
    padding: .75rem 1.25rem .5rem .75rem;
    margin-bottom: .5rem;
    gap: .25rem;
    justify-content: space-between;
    height: 3rem
  }
}

@container gnavi_ulll7z0 (max-width: 159px) {
  .gnavi_1ru0jyg7 {
    padding: .75rem 1.065rem .5rem;
    flex-direction: column;
    gap: .75rem
  }
}

@media (max-width: 767px) {
  .gnavi_1ru0jyg9 {
    padding: 0
  }
}

@media (min-width: 768px) {
  .gnavi_1ru0jyg8 {
    width: 100%;
    height: 100%
  }

  .gnavi_1ru0jyg9 {
    padding: 0 .5rem .3rem
  }
}

.gnavi_a8xeu20 {
  position: sticky;
  bottom: 0;
  background: #ebf3ff;
  border-top: 1px solid #DCE8FF;
  padding-top: .3rem
}

@keyframes gnavi_1dmeotw7 {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes gnavi_1dmeotw8 {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.gnavi_1dmeotw0,
.gnavi_1dmeotw1 {
  transition: visibility, opacity, width, height, .2s ease
}

.gnavi_1dmeotw2,
.gnavi_1dmeotw3 {
  display: flex;
  align-items: center;
  gap: .25rem;
  flex-wrap: nowrap;
  transition: .2s ease
}

.gnavi_1dmeotw4 {
  position: relative;
  margin: .25rem 0
}

.gnavi_1dmeotw5 {
  background: none;
  border: none;
  font: inherit;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 0 .25rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  transition: background-color, color, padding, .2s ease
}

.gnavi_1dmeotw5:hover {
  background-color: #fff
}

.gnavi_1dmeotw5:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_1dmeotw5[data-menu-active=true] {
  background-color: #fff
}

.gnavi_1dmeotw5[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

.gnavi_1dmeotw6 {
  background: none;
  border: none;
  font: inherit;
  width: 100%;
  cursor: pointer;
  text-align: left;
  padding: 0 .25rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  transition: background-color, color, padding, .2s ease
}

.gnavi_1dmeotw6:hover {
  background-color: #fff
}

.gnavi_1dmeotw6:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_1dmeotw6[data-menu-active=true] {
  background-color: #fff
}

.gnavi_1dmeotw6[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

.gnavi_1dmeotw9 {
  padding: .375rem .5rem;
  position: absolute;
  min-width: 16.25rem;
  border: 1px solid var(--vb-colors-p-02);
  border-radius: .5rem;
  transition: opacity .2s ease;
  overflow: auto;
  z-index: 500;
  background-color: #f5f9ff;
  box-shadow: 0 3px 6px #0000000f;
  container-type: inline-size;
  container-name: gnavi_ulll7z1
}

.gnavi_1dmeotw9[data-state=open] {
  animation: gnavi_1dmeotw7 .2s ease-out
}

.gnavi_1dmeotw9[data-state=closed] {
  animation: gnavi_1dmeotw8 .2s ease-in
}

.gnavi_1dmeotwa {
  list-style: none;
  margin: 0;
  padding: 0
}

.gnavi_1dmeotwb {
  position: relative
}

.gnavi_1dmeotwc {
  color: #242833;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  text-decoration: none;
  position: relative;
  opacity: 1;
  padding: 0 .25rem;
  margin: .25rem 0;
  min-height: 2rem;
  transition: background-color, color, padding, .2s ease
}

.gnavi_1dmeotwc:hover {
  background-color: #fff
}

.gnavi_1dmeotwc:focus-visible {
  background-color: #fff
}

.gnavi_1dmeotwc:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_1dmeotwc[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

.gnavi_1dmeotwd {
  color: #242833;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  text-decoration: none;
  position: relative;
  opacity: 1;
  padding: 0 .25rem;
  margin: .25rem 0;
  min-height: 2rem;
  transition: background-color, color, padding, .2s ease
}

.gnavi_1dmeotwd:hover {
  background-color: #fff
}

.gnavi_1dmeotwd:focus-visible {
  background-color: #fff
}

.gnavi_1dmeotwd:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_1dmeotwd[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

.gnavi_1dmeotwe {
  padding: .25rem
}

.gnavi_1dmeotwf {
  font-size: .875rem;
  letter-spacing: .39px;
  display: flex;
  flex-direction: column
}

.gnavi_1dmeotwg {
  min-width: 0;
  display: flex
}

.gnavi_1dmeotwh {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.gnavi_1dmeotwj {
  margin-top: .125rem;
  font-size: .625rem
}

.gnavi_1dmeotwk {
  margin-top: .125rem;
  font-size: .625rem;
  color: #285ac8;
  border: 1px solid var(--vb-colors-p-02);
  border-color: #285ac8;
  border-radius: .3rem;
  padding: 0 .25rem;
  font-weight: 700;
  white-space: nowrap;
  width: fit-content
}

.gnavi_1dmeotwl {
  background-color: #50961e;
  height: 1.125rem;
  padding: 0 .5rem;
  border-radius: .6875rem;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1.2rem;
  text-align: center;
  color: #fff;
  margin-left: .25rem
}

.gnavi_1dmeotwm,
.gnavi_1dmeotwn {
  display: flex;
  gap: .375rem;
  align-items: center;
  min-width: 0;
  transition: gap .1s ease
}

.gnavi_1dmeotwm svg {
  color: var(--vb-colors-p-07)
}

.gnavi_1dmeotwn svg {
  color: var(--vb-colors-p-07)
}

.gnavi_1dmeotwo {
  opacity: .5
}

.gnavi_1dmeotwp {
  opacity: 0
}

.gnavi_1dmeotwq {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 .5rem 0 .625rem;
  min-height: 1.375rem
}

.gnavi_1dmeotwq:not(:first-child) {
  margin-top: .5rem
}

.gnavi_1dmeotwr {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: 0 .5rem 0 .625rem;
  min-height: 1.375rem
}

.gnavi_1dmeotwr:not(:first-child) {
  margin-top: .5rem
}

.gnavi_1dmeotws,
.gnavi_1dmeotwt {
  margin: 0 -.25rem;
  font-size: .6875rem;
  font-weight: 400;
  color: #6b7280
}

.gnavi_1dmeotwu,
.gnavi_1dmeotwv {
  display: none
}

.gnavi_1dmeotwq hr,
.gnavi_1dmeotwr hr {
  flex-grow: 1
}

.gnavi_1dmeotww {
  height: 2rem;
  padding: 0 .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.gnavi_1dmeotwx {
  border: 1px solid transparent;
  border-top: 1px solid var(--vb-colors-p-02)
}

.gnavi_1dmeotwy {
  transition: transform .1s ease
}

.gnavi_1dmeotw5:hover .gnavi_1dmeotwy,
.gnavi_1dmeotw5:focus-visible .gnavi_1dmeotwy,
.gnavi_1dmeotw5[data-menu-active=true] .gnavi_1dmeotwy,
.gnavi_1dmeotw6:hover .gnavi_1dmeotwy,
.gnavi_1dmeotw6:focus-visible .gnavi_1dmeotwy,
.gnavi_1dmeotw6[data-menu-active=true] .gnavi_1dmeotwy,
.gnavi_1dmeotwc:hover .gnavi_1dmeotwy,
.gnavi_1dmeotwc:focus-visible .gnavi_1dmeotwy,
.gnavi_1dmeotwc[data-menu-active=true] .gnavi_1dmeotwy,
.gnavi_1dmeotwd:hover .gnavi_1dmeotwy,
.gnavi_1dmeotwd:focus-visible .gnavi_1dmeotwy,
.gnavi_1dmeotwd[data-menu-active=true] .gnavi_1dmeotwy {
  transform: scale(1.16)
}

.gnavi_1dmeotw5:hover .gnavi_1dmeotwm,
.gnavi_1dmeotw5:focus-visible .gnavi_1dmeotwm,
.gnavi_1dmeotw5[data-menu-active=true] .gnavi_1dmeotwm,
.gnavi_1dmeotwc:hover .gnavi_1dmeotwm,
.gnavi_1dmeotwc:focus-visible .gnavi_1dmeotwm,
.gnavi_1dmeotwc[data-menu-active=true] .gnavi_1dmeotwm {
  gap: .5rem
}

.gnavi_1dmeotwz {
  cursor: default;
  position: absolute;
  bottom: 1.75rem;
  width: 3rem;
  padding: .125rem;
  background: #fff;
  border: 1px solid var(--vb-colors-p-02);
  border-radius: .125rem;
  font-size: .625rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  transition: opacity, visibility, .2s ease;
  opacity: 0;
  visibility: hidden
}

.gnavi_1dmeotw10 {
  opacity: 1;
  visibility: visible
}

.gnavi_1dmeotw12 {
  width: 100%;
  display: flex;
  justify-content: center
}

.gnavi_1dmeotw6:hover+.gnavi_1dmeotw12>.gnavi_1dmeotw11,
.gnavi_1dmeotw6:focus-visible+.gnavi_1dmeotw12>.gnavi_1dmeotw11,
.gnavi_1dmeotwd:hover+.gnavi_1dmeotw12>.gnavi_1dmeotw11,
.gnavi_1dmeotwd:focus-visible+.gnavi_1dmeotw12>.gnavi_1dmeotw11 {
  opacity: 1;
  visibility: visible
}

@container gnavi_ulll7z1 (min-width: 0px) {

  .gnavi_1dmeotwc,
  .gnavi_1dmeotwd {
    padding: 0 .5rem
  }

  .gnavi_1dmeotwe {
    padding: .25rem .5rem
  }

  .gnavi_1dmeotwq,
  .gnavi_1dmeotwr {
    padding: 0 .5rem 0 .625rem
  }

  .gnavi_1dmeotws,
  .gnavi_1dmeotwt {
    display: block
  }

  .gnavi_1dmeotwu,
  .gnavi_1dmeotwv,
  .gnavi_1dmeotwz {
    display: none
  }
}

@container gnavi_ulll7z2 (min-width: 0px) {

  .gnavi_1dmeotw5,
  .gnavi_1dmeotw6,
  .gnavi_1dmeotwc,
  .gnavi_1dmeotwd {
    padding: 0 .5rem
  }
}

@container gnavi_ulll7z0 (max-width: 80px) {
  .gnavi_1dmeotw0 {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    clip: rect(1px 1px 1px 1px)
  }

  .gnavi_1dmeotw2 {
    position: absolute;
    right: 0;
    flex-direction: column;
    gap: 0
  }

  .gnavi_1dmeotw5,
  .gnavi_1dmeotwc {
    padding: 0;
    justify-content: center
  }

  .gnavi_1dmeotwm {
    gap: 0;
    position: relative
  }

  .gnavi_1dmeotwq {
    padding: 0
  }

  .gnavi_1dmeotws {
    display: none
  }

  .gnavi_1dmeotwu {
    display: block
  }
}

@container gnavi_ulll7z0 (max-width: 159px) {
  .gnavi_1dmeotw1 {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    clip: rect(1px 1px 1px 1px)
  }

  .gnavi_1dmeotw3 {
    position: absolute;
    right: 0;
    flex-direction: column;
    gap: 0
  }

  .gnavi_1dmeotw6,
  .gnavi_1dmeotwd {
    padding: 0;
    justify-content: center
  }

  .gnavi_1dmeotwn {
    gap: 0;
    position: relative
  }

  .gnavi_1dmeotwr {
    padding: 0
  }

  .gnavi_1dmeotwt {
    display: none
  }

  .gnavi_1dmeotwv {
    display: block
  }
}

@media (min-width: 768px) {
  .gnavi_1dmeotw5 {
    border-radius: .25rem
  }

  .gnavi_1dmeotw5:focus-visible {
    background-color: #fff
  }

  .gnavi_1dmeotw6 {
    border-radius: .25rem
  }

  .gnavi_1dmeotw6:focus-visible {
    background-color: #fff
  }

  .gnavi_1dmeotwc,
  .gnavi_1dmeotwd {
    border-radius: .25rem
  }
}

@keyframes gnavi_468y4d2 {
  0% {
    height: 0
  }

  to {
    height: var(--radix-accordion-content-height)
  }
}

@keyframes gnavi_468y4d3 {
  0% {
    height: var(--radix-accordion-content-height)
  }

  to {
    height: 0
  }
}

.gnavi_468y4d0 {
  background: #00000080;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  position: fixed;
  z-index: var(--vb-z-index-floating);
  opacity: 1;
  transition: opacity .25s ease-in-out
}

.gnavi_468y4d0.ReactModal__Overlay--after-open {
  opacity: 1
}

.gnavi_468y4d0.ReactModal__Overlay--before-close {
  opacity: 0
}

.gnavi_468y4d1 {
  background: #f5f9ff;
  border: 0;
  border-radius: 0;
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: initial;
  pointer-events: auto;
  width: 320px;
  transform: translate(-100%);
  transition: transform .25s ease-in-out;
  container-type: inline-size;
  container-name: gnavi_ulll7z2
}

.gnavi_468y4d1.ReactModal__Content--after-open {
  transform: translate(0)
}

.gnavi_468y4d1.ReactModal__Content--before-close {
  transform: translate(-100%)
}

.gnavi_468y4d4 {
  overflow: hidden
}

.gnavi_468y4d4[data-state=open] {
  animation: gnavi_468y4d2 .25s ease-in-out
}

.gnavi_468y4d4[data-state=closed] {
  animation: gnavi_468y4d3 .25s ease-in-out
}

.gnavi_468y4d5 {
  border-top: 1px solid rgba(40, 100, 240, .08);
  min-height: 2.8125rem
}

.gnavi_468y4d6 {
  padding-left: 1rem
}

.gnavi_468y4d7 {
  transition: transform .25s ease-in-out
}

.gnavi_468y4d5[data-state=open] .gnavi_468y4d7 {
  transform: rotate(180deg)
}

.gnavi_468y4d8 {
  padding: .5rem 0;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  align-items: center
}

.gnavi_xl9nlh0 {
  width: 9rem;
  margin: auto
}

.gnavi_xl9nlh1 {
  background-color: #50961e;
  height: .375rem;
  width: .375rem;
  border-radius: .25rem;
  margin-right: 3.5rem;
  position: absolute;
  left: .25rem;
  top: .475rem
}

.gnavi_xl9nlh3 {
  left: -.5rem;
  top: .25rem
}

.gnavi_xl9nlh4 {
  bottom: 0;
  background-color: #fff;
  max-height: 85%;
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding-bottom: 0
}

.gnavi_xl9nlh5 {
  color: #242833;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  text-decoration: none;
  position: relative;
  opacity: 1;
  padding: .5rem .25rem;
  margin: 0;
  min-height: 2rem;
  transition: background-color, color, padding, .2s ease;
  box-sizing: border-box
}

.gnavi_xl9nlh5:hover {
  background-color: #ebf3ff
}

.gnavi_xl9nlh5:focus-visible {
  background-color: #fff
}

.gnavi_xl9nlh5:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_xl9nlh5[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

.gnavi_xl9nlh6 {
  color: #242833;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  text-decoration: none;
  position: relative;
  opacity: 1;
  padding: .5rem .25rem;
  margin: 0;
  min-height: 2rem;
  transition: background-color, color, padding, .2s ease;
  box-sizing: border-box
}

.gnavi_xl9nlh6:hover {
  background-color: #ebf3ff
}

.gnavi_xl9nlh6:focus-visible {
  background-color: #fff
}

.gnavi_xl9nlh6:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_xl9nlh6[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

.gnavi_xl9nlh7 {
  text-decoration: none;
  flex: 1
}

.gnavi_xl9nlh9 {
  display: block;
  width: 2px;
  min-width: 2px;
  max-width: 2px;
  border-radius: 1px;
  background-color: #aac8ff;
  align-self: stretch
}

.gnavi_xl9nlha {
  font-size: .625rem;
  line-height: .75rem;
  color: #323232;
  margin: 0 0 .1rem;
  word-break: break-all
}

.gnavi_xl9nlhb {
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  color: #323232;
  margin: .1rem 0 .25rem;
  word-break: break-all
}

.gnavi_xl9nlhc {
  position: sticky;
  bottom: 0;
  padding: 0 0 .5rem;
  background: #fff;
  justify-self: flex-end
}

.gnavi_xl9nlhd {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

.gnavi_xl9nlhe {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: .25rem;
  margin: -.25rem;
  color: inherit
}

.gnavi_xl9nlhe:hover {
  background: #fff
}

.gnavi_xl9nlhf {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  color: inherit
}

.gnavi_xl9nlhg {
  background: none;
  border: none;
  font: inherit;
  width: initial;
  cursor: pointer;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2rem;
  transition: background-color, color, padding, .2s ease;
  padding: 0 .5rem;
  text-decoration: none;
  color: #242833
}

.gnavi_xl9nlhg:hover {
  background-color: #ebf3ff
}

.gnavi_xl9nlhg:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_xl9nlhg[data-menu-active=true] {
  background-color: #fff
}

.gnavi_xl9nlhg[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

@media (max-height: 22rem) {
  .gnavi_xl9nlh4 {
    max-height: calc(100vh - 4rem);
    min-height: unset
  }
}

@media (min-width: 768px) {

  .gnavi_xl9nlh5,
  .gnavi_xl9nlh6,
  .gnavi_xl9nlhg {
    border-radius: .25rem
  }

  .gnavi_xl9nlhg:focus-visible {
    background-color: #fff
  }
}

@container gnavi_ulll7z1 (min-width: 0px) {

  .gnavi_xl9nlh5,
  .gnavi_xl9nlh6 {
    padding: .5rem
  }
}

@container gnavi_ulll7z2 (min-width: 0px) {

  .gnavi_xl9nlh5,
  .gnavi_xl9nlh6 {
    padding: .5rem
  }

  .gnavi_xl9nlhg {
    padding: 0 .5rem
  }
}

@container gnavi_ulll7z0 (max-width: 80px) {
  .gnavi_xl9nlh5 {
    padding: 0;
    justify-content: center
  }
}

@container gnavi_ulll7z0 (max-width: 159px) {
  .gnavi_xl9nlh6 {
    padding: 0;
    justify-content: center
  }
}

@keyframes gnavi_y403k62 {
  0% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  75% {
    opacity: .999
  }

  to {
    opacity: 1
  }
}

@keyframes gnavi_y403k63 {
  0% {
    opacity: 1
  }

  50% {
    opacity: 1
  }

  75% {
    opacity: .999
  }

  to {
    opacity: 1
  }
}

.gnavi_y403k60 {
  padding: 0;
  box-sizing: border-box;
  border-radius: .25rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #323232;
  border: 1px solid transparent;
  cursor: pointer;
  transition-duration: .2s;
  transition-property: background-color, color, border
}

.gnavi_y403k60:hover {
  background-color: #fff;
  border: 1px solid transparent
}

.gnavi_y403k61 {
  position: absolute;
  background-color: #f5f9ff;
  z-index: 1;
  padding: .25rem;
  box-shadow: 0 2px 4px #0000001a;
  border: 1px solid var(--vb-colors-p-02);
  transform: translate(-50%);
  border-radius: .25rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.gnavi_y403k64 {
  animation: gnavi_y403k62 .25s
}

.gnavi_y403k65 {
  animation: gnavi_y403k63 .2s
}

.gnavi_y403k66 {
  background-color: #f5f9ff;
  width: 1.2rem;
  height: 2.75rem;
  position: absolute;
  left: -.25rem
}

.gnavi_y403k67 {
  width: 1.5rem;
  height: 1.5rem
}

.gnavi_y403k67[data-menu-open=false] {
  transform: scaleX(-1)
}

.gnavi_y403k68 {
  width: 1.5rem;
  height: 1.5rem
}

.gnavi_y403k68[data-menu-open=true] {
  background-color: #fff
}

.gnavi_y403k69 {
  font-size: .875rem;
  height: 2.25rem;
  display: flex;
  gap: .25rem;
  padding: 0 .25rem
}

.gnavi_y403k69:hover {
  background-color: var(--vb-colors-p-01);
  border: 1px solid transparent
}

.gnavi_y403k69:focus-visible {
  background-color: var(--vb-colors-p-01);
  border: 1px solid transparent
}

.gnavi_y403k6a {
  background-color: var(--vb-colors-p-01);
  border: 1px solid transparent
}

.gnavi_y403k6b {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
  color: var(--vb-colors-p-07)
}

.gnavi_y403k67:hover .gnavi_1dmeotwy,
.gnavi_y403k67:focus-visible .gnavi_1dmeotwy,
.gnavi_y403k68:hover .gnavi_1dmeotwy,
.gnavi_y403k68:focus-visible .gnavi_1dmeotwy {
  transform: scale(1.1)
}

@media print {
  .gnavi_y403k61 {
    display: none
  }
}

.gnavi_ox68pi0 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: .25rem
}

.gnavi_1ddpt7m0 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: .25rem .5rem;
  background-color: #fff;
  color: #323232;
  min-width: 6rem;
  border-radius: .5rem;
  outline: none;
  cursor: pointer;
  border: 1px solid #dcdcdc
}

.gnavi_1ddpt7m0:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2864f0, 0 0 0 4px #fff
}

.gnavi_1ddpt7m1 {
  width: 18rem;
  padding: .5rem
}

.gnavi_1ddpt7m2 {
  display: flex;
  align-items: center;
  font-weight: 400
}

.gnavi_1ddpt7m3 {
  bottom: 0;
  padding: 0;
  z-index: -1;
  background: #fff;
  justify-self: flex-end;
  width: 100%
}

.gnavi_1ddpt7m4 {
  width: .5rem;
  height: .5rem;
  background-color: #2864f0;
  border-radius: .25rem
}

.gnavi_1ddpt7m5 {
  width: .5rem;
  height: .5rem;
  background-color: #d7d2d2;
  border-radius: .25rem
}

.gnavi_1ddpt7m6 {
  padding: .25rem;
  text-decoration: none;
  border: none;
  color: #242833;
  border-radius: .25rem;
  transition: background-color, color, padding, .2s ease
}

.gnavi_1ddpt7m6:hover {
  background-color: #ebf3ff
}

.gnavi_1ddpt7m6:focus-visible {
  background-color: #ebf3ff
}

.gnavi_1ddpt7m6:after {
  content: "";
  display: block;
  position: absolute;
  top: -.25rem;
  right: 0;
  bottom: .25rem;
  width: 100%;
  height: .25rem
}

.gnavi_1ddpt7m6[data-menu-active=true] {
  background-color: #fff
}

.gnavi_1ddpt7m6[data-menu-current=true] {
  background-color: var(--vb-colors-p-02)
}

.gnavi_1ddpt7m7 {
  width: 17.5rem;
  padding: .2rem .8rem .2rem .2rem;
  max-height: 40rem;
  min-height: 10rem;
  overflow-y: auto
}

.gnavi_1ddpt7m8 {
  width: 9rem;
  margin: auto
}

.gnavi_1ddpt7m9 {
  margin: 0 .5rem
}

.gnavi_1ddpt7ma {
  position: fixed;
  top: 3.125rem;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100vh - 3.125rem);
  max-height: calc(100vh - 3.125rem);
  border-radius: 0;
  background: #fff;
  z-index: 1000;
  overflow: auto;
  padding: .5rem;
  box-sizing: border-box;
  animation: fadeIn .3s ease
}

.gnavi_1ddpt7mb {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00000080;
  z-index: 999;
  animation: fadeIn .2s ease
}

.gnavi_1ddpt7mc {
  z-index: 2000;
  position: relative
}

.gnavi_1ddpt7md {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 0;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  border-radius: .5rem;
  box-shadow: 0 2px 10px #0000001a;
  z-index: 2000;
  min-width: 100%
}

.gnavi_1ddpt7me {
  width: 100%;
  padding: 8px 12px;
  text-align: left;
  border: 1px solid transparent;
  background-color: transparent;
  cursor: pointer;
  border-radius: .5rem
}

.gnavi_1ddpt7me:hover {
  background-color: #f5f5f5
}

.gnavi_1ddpt7me:focus {
  background-color: #f5f5f5;
  outline: none
}

.gnavi_1ddpt7me:focus-visible {
  background-color: #f5f5f5;
  border-color: #2864f0;
  outline: none;
  box-shadow: 0 0 0 1px #2864f0
}

.gnavi_1ddpt7mf {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column
}