/* 両ページ共通の紹介用画面注記。既存の画像の位置・サイズは維持する。 */
.sample-note { margin: 0; font-size: 11px; line-height: 1.7; color: #657169; font-weight: 400; }
.hero-sample-note-mobile { display: none; }
.hero-sample-note-pc { max-width: 660px; width: calc(100% - 64px); margin: 6px 32px 20px auto; }
.access-sample-note { position: absolute; top: calc(100% + 20px); left: 40%; width: 60%; }
.access-layout { padding-bottom: 94px; }
@media (max-width: 760px) {
  .hero-sample-note-pc { display: none; }
  .hero-sample-note-mobile { display: block; grid-row: 3; margin: 0 0 16px; }
  .hero-tagline { grid-row: 4; }
  .hero-description { grid-row: 5; }
  .hero-actions { grid-row: 6; }
  .access-sample-note { position: static; width: 100%; margin-top: 10px; }
  .access-layout { padding-bottom: 32px; }
}