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

.title{
  text-align: center;
  color: black;
  margin-bottom: 30px;
}


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

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

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

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