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


h1{
    text-align: center;
    margin-top: 10px; /* 上に空白 */
    margin-bottom: 30px; /* 下に3余白 */
}

.step h2{
  font-size:   18px;              /* 小さめの文字サイズ */
  background-color: #eeeeee;    /* 薄いグレー */
  padding: 8px 12px;              /* 内側の余白で見やすく */
  border-radius: 6px;             /* 角の丸み（お好みで） */
  border: 1px solid #dcdcdc;
  text-align: center;
}

.step p{
 text-align: center;
 margin: 20px 0; /* 上下20px、左右0px */
}

h3{
    color: red;
    text-decoration: underline;
    margin-top: 30px; /* 上に空白 */
    margin-bottom: 20px; /* 下に3余白 */
}

.notice{
    margin-bottom: 30px; /* 下に3余白 */
}

.tyuui{
    text-align: center;
}

ul {
  list-style: none;
  padding-left: 0;
}

.join-base{
    background-color: #e0f7fa;
    text-align: center;
    padding: 16px;  /* 四方すべてに16pxの内側余白 */
}

.section-divider{
    background-color: #e0f7fa;
}

.last{
	margin-bottom: 60px;
}