@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap");
@font-face {
  font-family: "lowline-only";
  src: local("Hiragino Sans"), local("Hiragino-Sans"), local("游ゴシック体"), local("YuGothic"), local("Meiryo"), local("Meiryo UI"), local("メイリオ");
  unicode-range: U+005F, U+FF3F;
}
.driver-popover {
  padding: 2em 2em 2em 8.25em;
  min-width: 20em;
  max-width: 50em;
  max-height: 100%;
  overflow: auto;
}
.driver-popover:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.5em;
  width: 6em;
  height: 100%;
  background: url(../img/common/skebo_surf_s@2x.png);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (max-width: 500px) {
    .driver-popover {
        padding: 8.25em 2em 2em 2em;
    }
    .driver-popover:before {
        content: "";
        position: absolute;
        top: 1em;
        bottom: auto;
        left: 0;
        right: 0;
        margin: auto;
        width: 6em;
        height: 6em;
        background: url(../img/common/skebo_surf_s@2x.png);
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
        z-index: -1;
    }
}