/* 調整用スタイル */


a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}

body{

  color: #b6dff8;
background: linear-gradient(to bottom, #0A0A0F 0%, #1B1F2A 100%); /* または radial-gradient(circle, #0d0c10, #050507) を使用 */
  overflow-x: hidden; /* 横方向のスクロールバーが出ないように */
}

section{
  text-align: center;
}

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

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

.main__content {
  text-align: center;
  position: relative; /* 中央揃えに影響なし */
  margin-top: 30px;
}

/*メインロゴのでかさとか*/
.main__title-image {
  max-width: 60%; 
  height: auto; 
  /* 以下の2行を修正または追加 */
  display: block; /* ブロック要素にして margin: auto を有効にする */
  margin: 0 auto; /* 左右マージンをautoにして中央揃えにする */
  /* margin: 0 40px; は削除します */
}

/* ログインフォームのスタイル */
.login-form {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-form__field {
  margin-bottom: 15px;
  width: 100%;
  max-width: 300px; /* 最大幅を設定 */
}

.login-form__field label {
  font-size: 14px;
  color: #E8ECF1;
  display: block;
  margin-bottom: 5px;
}

.login-form__field input {
    font-family: 'sippori';
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.login-form__submit {
    font-family: 'sippori';
  padding: 10px 20px;
  font-size: 16px;
  background: linear-gradient(to top left, #C9A86A,#7DF9FF );
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
}

.login-form__submit:hover {
  background-color: #000080;
}



.sinkimoji{
  color: #b6dff8;
  margin-top: 20px;
}