@charset "utf-8";
/* CSS Document */

#guideline { width: 100%; max-width: 600px; margin: 0 auto;}
#guideline > h2 { text-align: center; }
#guideline > h3 { border-left: 3px solid #000; padding-left: .5em; border-bottom: 1px solid #000; margin: 5em 0 1em;}
#guideline > p { margin-bottom: 1.5em; line-height: 2em;}

#guideline > dl { margin-bottom: 1.5em; border: 1px solid #d1d1d1; padding: 5%; border-radius: 10px; line-height: 2em;}
#guideline > dl > dt { font-weight: bold;}
#guideline > dl > dd::before {
  content: "★"; /* 表示したい文字や記号 */
  margin-right: 0.5em; /* アイコンとテキストの間隔 */
  color: gold; /* 色指定 */
}
#guideline > .btn { margin-top: -1em;}
#guideline > .btn > a { display: block; width: 100%; background: #ff72a6; text-align: center; color: #fff; text-decoration: none; border-radius: 5px; padding: .5em 0;}
#guideline > .btn > a:hover { background: #ffa6c6; transition: .5s;}