/* hanninmae - temp corporate site
   styles.css : Tailwind CDN を補完する最小限のカスタムスタイル */

/* ------------------------------------------------------------------ */
/* Hero background : 右側に大きく寄せた装飾画像                          */
/* ------------------------------------------------------------------ */
.hero-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  max-width: none;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  opacity: 0.65;
}

@media (max-width: 768px) {
  .hero-bg {
    height: 100%;
    width: auto;
    right: -30%;
    top: 0;
    opacity: 0.35;
  }
}

/* ------------------------------------------------------------------ */
/* スムーズスクロール                                                  */
/* ------------------------------------------------------------------ */
html {
  scroll-behavior: smooth;
}

/* ------------------------------------------------------------------ */
/* セレクション色                                                      */
/* ------------------------------------------------------------------ */
::selection {
  background: #2ea5e0;
  color: #ffffff;
}