.banner {
  position: relative; }
  .banner img {
    width: 100%;
    height: 41.6666666667vw;
    object-fit: cover; }
  .banner .text {
    position: absolute;
    left: 0;
    top: 7.0833333333vw;
    width: 100%;
    padding: 0 10.4166666667vw;
    color: white; }
    .banner .text .links {
      display: flex;
      align-items: center; }
      .banner .text .links a:hover {
        text-decoration: underline; }
      .banner .text .links span {
        margin: 0 0.2604166667vw; }
    .banner .text .t {
      margin: 8.6458333333vw 0 1.0416666667vw 0;
      font-weight: 800;
      line-height: 1.5; }
    .banner .text .dot_p {
      display: flex;
      gap: 1.0416666667vw; }
      .banner .text .dot_p p {
        display: flex;
        align-items: center;
        color: #0FE;
        font-weight: 600; }
        .banner .text .dot_p p::before {
          content: '';
          display: block;
          width: 0.3125vw;
          height: 0.3125vw;
          background: #0FE;
          border-radius: 50%;
          margin: 0 0.78125vw; }

@media screen and (max-width: 768px) {
  .banner img {
    height: 400px; }
  .banner .text {
    top: 80px;
    padding: 0 5%; }
    .banner .text .links {
      font-size: 14px; }
    .banner .text .t {
      font-size: 22px;
      margin: 30px 0; }
    .banner .text .dot_p {
      flex-wrap: wrap;
      gap: 10px; }
      .banner .text .dot_p p {
        font-size: 14px; }
        .banner .text .dot_p p::before {
          width: 4px;
          height: 4px;
          margin: 0 8px; } }

/*# sourceMappingURL=banner.css.map */