@media screen and (max-width: 692px) {
  .header__wrapper {
    padding-top: 60px;
  }
}

.renesas_banner_app {
  align-items: center;
  background-color: white;
  display: flex;
  height: auto;
  position: absolute;
  width: 100%;
}

.renesas_banner_app .close-banner {
  display: flex;
  cursor: pointer;
}

.renesas_banner_app .close-banner span.material-icons {
  font-size: 28px;
  margin: auto 5px auto 5px;
  color: #706f6f;
}

.renesas_banner_app .renesas-app-icon {
  align-items: center;
  display: flex;
  width: 60px;
}

.renesas_banner_app .banner-text {
  display: flex;
  flex-direction: column;
  margin: auto 5px auto;
}

.renesas_banner_app .banner-text .upper-text {
  font-size: larger;
}

.renesas_banner_app .banner-text .lower-text {
  padding-top: 3px;
  color: #706f6f;
  line-height: 1.2rem;
}

.renesas_banner_app .view-more {
  margin: auto 15px auto auto;
  font-size: large;
  display: none;
}

.renesas_banner_app .view-more a {
  color: #2a289d;
}

@media screen and (min-width: 693px) {
  .renesas_banner_app {
    display: none;
  }
}