@charset "UTF-8";

.mark5 {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 4px;

  color: inherit;
  font-style: normal;

  background: none !important;
  background-color: transparent !important;

  isolation: isolate; /* レイヤー安定 */
}

/* CMS対策 */
mark.mark5 {
  background: none !important;
  background-color: transparent !important;
}

.mark5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;

  width: 100%;
  height: 0.6em;

  background: rgba(255, 235, 59, 0.6);
  border-radius: 4px;

  transform: scaleX(0);
  transform-origin: left;

  transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;

  z-index: 0;
}

.mark5.active::after {
  transform: scaleX(1);
}