.floating-banner {
  position: fixed;
  bottom: clamp(20px, 5vw, 50px);
  right: 0;
  transition-property: opacity visibility;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: visible;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(4vw, 14px);
  color: #575757;
}
.floating-banner.off {
  opacity: 0;
  visibility: hidden;
}
.floating-banner a {
  position: relative;
  display: flex;
  background: #fff;
  padding: 1em 1.5em;
  overflow: hidden;
  filter: drop-shadow(0px 0px min(1vw, 6px) rgba(0, 0, 0, 0.2));
}
.floating-banner a::after {
  content: "";
  width: 100%;
  height: calc(100% - 5px);
  border: 1px solid #6DB8AF;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(2.5px, -50%);
}
.floating-banner a:hover * {
  opacity: 0.8;
}
.floating-banner__txt__arw {
  width: 0.5em;
  aspect-ratio: 1/1;
  margin-left: 0.6em;
}
.floating-banner__txt__arw path {
  fill: #575757;
  stroke-width: 0px;
}
.floating-banner__close {
  background: #717171;
  border-radius: 50%;
  width: 2.5em;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-40%, -40%);
  cursor: pointer;
  filter: drop-shadow(0px 0px min(1vw, 6px) rgba(0, 0, 0, 0.16));
}
.floating-banner__close svg {
  width: 45%;
  aspect-ratio: 1/1;
}
.floating-banner__close svg path {
  fill: #fff;
  stroke-width: 0px;
}/*# sourceMappingURL=floating-banner.css.map */