@charset "utf-8";

/* =========================================
   起立性調節障害 受付のお知らせバナー（FV右下）
   ========================================= */

.fv-wrapper {
  position: relative;
}

.od-notice {
  position: absolute;
  /* FVラッパーの右端よりさらに外側（画面右寄り）へ */
  right: -5vw;
  bottom: 5rem;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.96);
  border-left: 8px solid #5caf50;
  border-radius: 0.6rem;
  padding: 1.4rem 2.4rem 1.4rem 2rem;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
}

.od-notice-tx {
  color: #333;
  font-weight: 700;
  font-size: clamp(1.3rem, 1.6vw, 1.7rem);
  line-height: 1.6;
  text-align: left;
}

.od-notice-tx .od-em {
  color: #5caf50;
}

@media screen and (max-width: 768px) {
  .od-notice {
    right: -4vw;
    bottom: 4.5rem;
    padding: 1.1rem 1.6rem 1.1rem 1.4rem;
    border-left-width: 6px;
  }

  .od-notice-tx {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}