/* Loginフォーム */

html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
  background-color:#1a202c;
}
a{
  background-color:transparent;
}
[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}
.bg-white{
  --bg-opacity:1;
  background-color:#fff;
  background-color:rgba(255,255,255,var(--bg-opacity));
}
.border-gray-200{
  --border-opacity:1;
  border-color:#edf2f7;
  border-color:rgba(237,242,247,var(--border-opacity));
}
.border-t{
  border-top-width:1px;
}
.flex{
  display:flex;
}
.grid{
  display:grid;
}
.hidden{
  display:none;
}
.items-center{
  align-items:center;
}
.justify-center{
  justify-content:center;
}
.font-semibold{
  font-weight:600;
}
.text-sm{
  font-size:.875rem;
}
.mx-auto{
  margin-left:auto;
  margin-right:auto;
}
.mt-4{
  margin-top:1rem;
}
.mb-4{
  margin-bottom:1rem;
}
.ml-4{
  margin-left:1rem;
}
.mt-8{
  margin-top:2rem;
}
.max-w-6xl{
  max-width:72rem;
}
.min-h-screen{
  min-height:100vh;
}
.overflow-hidden{
  overflow:hidden;
}
.p-6{
  padding:1.5rem;
}
.py-4{
  padding-top:1rem;
  padding-bottom:1rem;
}
.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem;
}
.pt-8{
  padding-top:2rem;
}
.relative{
  position:relative;
}
.shadow{
  box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
}
.text-center{
  text-align:center;
}
.text-gray-500{
  --text-opacity:1;
  color:#a0aec0;
  color:rgba(160,174,192,var(--text-opacity));
}
.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr));
}
.box-bg {
  background-color:#272d33;
}

@media (min-width:640px){
  .sm\:rounded-lg{
    border-radius:.5rem;
  }
  .sm\:items-center{
    align-items:center;
  }
  .sm\:justify-start{
    justify-content:flex-start;
  }
  .sm\:justify-between{
    justify-content:space-between;
  }
  .sm\:ml-0{
    margin-left:0;
  }
  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
  .sm\:pt-0{
    padding-top:0;
  }
  .sm\:text-right{
    text-align:right;
  }
}

@media (min-width:768px){
  .md\:border-t-0{
    border-top-width:0;
  }
  .md\:border-l{
    border-left-width:1px;
  }
  .md\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:1024px){
  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem;
  }
}

@media (prefers-color-scheme:dark){
  .dark\:bg-gray-800{
    --bg-opacity:1;
    background-color:#2d3748;
    background-color:rgba(45,55,72,var(--bg-opacity));
  }
  .dark\:bg-gray-900{
    --bg-opacity:1;
    background-color:#1a202c;
    background-color:rgba(26,32,44,var(--bg-opacity));
  }
  .dark\:border-gray-700{
    --border-opacity:1;
    border-color:#4a5568;
    border-color:rgba(74,85,104,var(--border-opacity));
  }
  .dark\:text-gray-500{
    --tw-text-opacity:1;
    color:#6b7280;
    color:rgba(107,114,128,var(--tw-text-opacity));
  }
}

/* Homeボタン */
.btn-home {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin:0 auto;
  padding: 15px 0;
  border: none;
  border-radius: 5px;
  background-color: #4da611;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.btn-home :hover {
  background-color: #3d9601;
}

/* Loginボタン */
.btn-login {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 15px 0;
    border: none;
    border-radius: 5px;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.btn-login :hover {
    background-color: #1579c0;
}

/* アカウント作成 */
.btn-register {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin:0 auto;
    padding: 15px 0;
    border: none;
    border-radius: 5px;
    background-color: #ec7718;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
.btn-register :hover {
    background-color: #dc6708;
}