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

h1{
    text-align: center;
}

body {
  background-image: url(../images/background.jpg); /* 背景画像のパス */
  background-repeat: repeat;              /* 画像を繰り返して敷き詰める */
  background-size: auto;                  /* サイズは画像そのまま */
}

.forms{
    text-align: center;
    padding: 50px;             /* 上下左右すべてに広い余白 */
    border: 2px solid #333;  /* 線の太さ・スタイル・色 */
    padding: 16px;             /* 中の文字との余白 */
    margin-bottom: 30px; /* 下に3余白 */
}

.forms p{
    margin-top: 20px; /* 上に空白 */
    margin-bottom: 30px; /* 下に3余白 */
}

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

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