/* 調整用スタイル */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box !important;
}

a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

/*body{
  color: #b6dff8;  
}*/

/* 全体レイアウト */
body {
    margin: 0;
    padding: 0;
   background-image: linear-gradient(0deg, #727f89 0%, #556471 40%, #344755 80%);
    background-repeat: no-repeat;
    background-color: #344755; /* ベースとなる単色 */
    /* ここを触ることでグラデーションの適用範囲を変えられます */
    background-size: 100% 200%; /* 幅100%、高さ80% */
    /* 3. グラデーションの開始位置を調整する (通常は 0 0 または top left) */
    background-position: top center;
  overflow-x: hidden; /* 横方向のスクロールバーが出ないように */
    color: #1f1930;
    padding-top: 70px;
    padding-bottom: 50px;
    line-height: 1.6;
}



html, body {
  height: 100%;
}



section{
  text-align: center;
}

main {
  /* text-align: center; */
  /* background: linear-gradient(to bottom, #0A0A0F 0%, #1B1F2A 100%); /* ← 以前のグラデーションは削除 */
  background: transparent; /* 背景を透明にする */
  height: 100%;
  justify-content: center;
  align-items: flex-start; 
}

.main {
  padding-top: 70px;
text-align: center;
}