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

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

    main.container {
      text-align: center;
      padding: 2em 1em;
    }

h1{
	margin-bottom: 40px;
}

h2 {
      margin-bottom: 0.5em;
    }

    .faq-item {
      margin-bottom: 2em;
    }

    .faq-item p {
      margin: 20px 0; /* 上下20px、左右0px */
    }

    footer {
      text-align: center;
      background-color: #f0f0f0;
      padding: 2em 1em;
      font-size: 0.9em;
      color: #555;
      margin-top: 3em;
    }



    .title{
  text-align: center;
  color: black;
}


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

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

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