#visual { position: relative; }
#visual figure img { width: 100%; height: auto; }
#visual .title-area { position: absolute; top: 0; left: 70px; }
#visual .title-area span { margin-left: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; font-size: 2rem; color: #fff; line-height: 1; text-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; }

#selection { padding: 35px 0 150px; background: #eee; }
#selection h2 { width: 870px; margin: 0 auto 25px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 2.8rem; color: #cc0001;  }
#selection div { width: 870px; margin: 0 auto; padding: 40px 80px; border-top: 4px solid #cc0001; background: #fff; }
#selection div h3 { margin-bottom: 5px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 3.2rem; }
#selection div span { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 1.4rem; }
#selection div p { margin-top: 10px; margin-bottom: 20px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 1.6rem; }
#selection div figure { text-align: center; }

#entry { padding: 35px 0 0; text-align: center; }
#entry h4 { margin-bottom: 35px; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 2.4rem; color: #cc0001; }
#entry .link-box { margin-bottom: 25px; text-align: center; }
#entry .link-box a { display: flex; justify-content: center; align-items: center; width: 650px; height: 100px; margin: 0 auto; padding: 0 30px; font-size: 2.8rem; color: #fff; background: #cc0001; }
#entry .link-box a:before { content: '\f044'; position: relative; margin-right: 10px; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 2.4rem; }
#entry .link-box a:after { right: 30px; font-size: 2rem; }
#entry p { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 1.6rem; }
#entry span { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 1.6rem; }

@media (max-width: 767px) {
  #visual figure img { width: 100%; height: auto; }
  #visual .title-area { left: 15px; }
  #visual .title-area span { margin-left: 0; font-size: 1.4rem; }

  #selection { padding: 35px 0; }
  #selection h2 { width: 100%; padding: 0 15px; }
  #selection div { width: calc(100% - 30px); margin: 0 auto; padding: 25px; }
  #selection figure img { width: 100%; }

  #entry { padding: 35px 0; }
  #entry .link-box a { width: calc(100% - 30px); }
}