body,
html {
  font-family: "Noto Sans JP", sans-serif;
  color: rgb(51, 51, 51);
}

@media (min-width: 768px) {
  .underline-swipe {
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
  }

  .underline-swipe::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.1em;
    height: 1px;
    width: 100%;
    background-color: #2a4073;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
  }

  .underline-swipe:hover::before {
    transform: scaleX(1);
  }
}

.marker-blue {
  display: inline;
  background: linear-gradient(to bottom, transparent 50%, #a6d1ec6a 10%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.05em 0.05em;
  border-radius: 2px;
}

@layer utilities {
  #mobile-nav.expanded #logo-mobile {
    color: #ffffff;
  }

  #mobile-nav #logo-mobile {
    color: #2a4073;
  }
}

.text-fluid {
  font-size: calc(100vw / 6);
  line-height: 1;
}

/* #a6d1ec */