@charset "UTF-8";
/* ----------------------------------------------
PC設定
------------------------------------------------*/
#container .p-login {
  margin-bottom: var(--m20_150);
}
#container .p-login__flexRow {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--m50) 3.47%;
}
#container .p-login__registered {
  width: 48.265%;
  border-radius: 8px;
  border: 3px solid var(--maincol);
}
#container .p-login__registered .p-login__title {
  background-color: var(--maincol);
}
#container .p-login__registered .p-login__loginArea {
  padding: var(--m24) var(--m30);
}
#container .p-login__registered .p-login__loginArea__inputRow {
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 0 0.5rem;
}
#container .p-login__registered .p-login__loginArea__inputRow.id {
  margin-bottom: var(--m16);
}
#container .p-login__registered .p-login__loginArea__inputRow__dt {
  min-width: 3em;
}
#container .p-login__registered .p-login__loginArea__inputRow__dd {
  width: calc(100% - 0.5rem - var(--fs16_20) * 3);
  max-width: 500px;
}
#container .p-login__registered .p-login__loginArea__inputRow__dd input {
  width: 100%;
  min-width: 200px;
  border: 1px solid var(--black);
  padding: var(--m10px) 1em;
  border-radius: 5px;
  background-color: #fff;
  font-size: var(--fs16_18);
}
#container .p-login__registered .p-login__loginArea__inputArea {
  margin-bottom: var(--m35);
}
#container .p-login__registered .p-login__checkArea {
  margin-bottom: var(--m35);
}
#container .p-login__registered .p-login__checkArea__checkbox {
  justify-content: center;
  font-size: var(--fs14_18);
}
#container .p-login__registered .p-login__submit {
  margin: 0 auto var(--m27);
}
#container .p-login__registered .p-login__forget a {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 0.5rem;
  color: var(--maincol);
  font-weight: bold;
  text-decoration: underline;
}
#container .p-login__registered .p-login__forget a::before {
  content: "";
  display: inline-block;
  width: 7px;
  aspect-ratio: 7/11;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--maincol);
}

#container .p-login__first {
  width: 48.265%;
  border-radius: 8px;
  border: 3px solid var(--green01);
}
#container .p-login__first .p-login__title {
  background-color: var(--green01);
}
#container .p-login__first__inner {
  padding: var(--m24) var(--m30);
}
#container .p-login__first__text {
  font-size: var(--fs14_18);
  text-align: center;
  margin-bottom: var(--m30);
}
#container .p-login__first__checkList {
  margin-bottom: var(--m40);
}
#container .p-login__first__check {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  display: flex;
  align-items: center;
  grid-gap: var(--m16);
  padding: var(--m14) var(--m24);
  background-color: var(--green03);
}
#container .p-login__first__check:not(:last-of-type) {
  margin-bottom: 0.25rem;
}
#container .p-login__first__check::before {
  content: "";
  display: inline-block;
  width: var(--m12_18);
  aspect-ratio: 1/1;
  background: url(/images/common/logo02.svg) center/100% no-repeat;
}
#container .p-login__first__check span {
  font-weight: bold;
  font-size: var(--fs16_18);
  width: calc(100% - var(--m12_18) - var(--m16));
}
#container .p-login__title {
  padding: 0.25em 1em;
  text-align: center;
  font-size: var(--fs18_25);
  font-weight: bold;
  color: #fff;
}
#container .p-login__loginArea__inputRow {
  display: flex;
  justify-content: center;
  align-items: center;
}
#container .p-login__loginArea__inputRow__dt {
  font-size: var(--fs16_20);
}
#container .p-login__loginArea__inputRow__dd {
  width: 100%;
  max-width: 500px;
}
#container .p-login__loginArea__inputRow__dd input {
  width: 100%;
  min-width: 200px;
  border: 1px solid var(--black);
  padding: var(--m10px) 1em;
  border-radius: 5px;
  background-color: #fff;
  font-size: var(--fs16_18);
}
#container .p-login__submit {
  margin-top: var(--m60);
}
#container .p-login__submit input {
  background-color: var(--red01);
  font-size: var(--fs16_18);
  font-weight: bold;
  color: #fff;
  padding: 0.75em 1em;
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  border-radius: 8px;
  text-align: center;
  transition: all 0.5s;
}
#container .p-forget {
  margin-bottom: var(--m20_150);
}
#container .p-forget__topText {
  margin-bottom: var(--m50);
}
#container .p-forget__topText .br {
  font-size: var(--fs14_16);
  text-align: center;
}
#container .p-forget__topText.send .br:nth-of-type(1) {
  font-size: var(--fs18_26);
  font-weight: 500;
  margin-bottom: .25em;
  color: var(--maincol);
}

@media all and (min-width: 769px) {
  #container .p-login__submit input:hover {
    background-color: var(--maincol);
  }
}
/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 890px) {
  #container .p-login__registered {
    width: 100%;
  }
  #container .p-login__first {
    width: 100%;
  }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 520px) {
  #container .p-login__registered .p-login__loginArea__inputRow__dd {
    width: 100%;
  }
  #container .p-login__loginArea__inputRow {
    flex-wrap: wrap;
    grid-gap: 0.25rem;
  }
  #container .p-login__loginArea__inputRow__dt {
    width: 100%;
    text-align: center;
  }
  #container .p-login__loginArea__inputRow__dd {
    max-width: unset;
  }
}