<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------
content area
--------------------------------------------*/
.heroImg03{
  width: 225px;
  position: absolute;
  top: 189px;
  right: 10%;
  z-index: 9;
}

/* section */
.figure01{
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .heroImg03{
    width: 225px;
    right: 0;
  }
  .section{
    padding-top: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .heroImg03{
    width: 165px;
    top: 140px;
  }
}
@media screen and (max-width: 500px) {
  .heroImg03{
    width: 130px;
    top: 152px;
    right: -20px;
  }
}
@media screen and (max-width: 400px) {
  .hero-body h1 {
    font-size: 1.5rem;
    position: relative;
    z-index: 2;
  }
  .heroImg03{
    width: 120px;
    top: 155px;
  }
  .section{
    padding: 0 0 1rem;
  }
}
</pre></body></html>