@charset "UTF-8";
@import url(/css/root.css);
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
.p-login__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  grid-gap: var(--m50) 0;
  position: relative;
  z-index: 1;
}
.p-login__box {
  width: 48%;
  border: 1px solid;
}
.p-login__box.login_area {
  border-color: var(--maincol);
  background: var(--red03);
}
.p-login__box.member_area {
  border-color: var(--red01);
  background: url(/images/top/bg_member.png) bottom 150% left/100% no-repeat;
}
.p-login__box.member_area .p-login__box__title {
  background-color: var(--red01);
}
.p-login__box__title {
  width: 100%;
  padding: 0.25em 1em;
  text-align: center;
  font-size: var(--fs19_22);
  background-color: var(--maincol);
  color: #fff;
}
.p-login__box .p-form {
  padding: var(--m16);
  margin: 0;
}
.p-login__box .p-form__formArea__table {
  margin: 0;
}
.p-login__box .p-form__formArea__table__row {
  padding: 0;
  margin-bottom: var(--m25);
  grid-gap: 0 1rem;
}
.p-login__box__inner {
  padding: var(--m16);
}
.p-login__box__text {
  margin-bottom: var(--m32);
}
.p-login__box__text__line {
  font-size: var(--fs14_16);
  display: block;
}
.p-login__box__text__line:not(:last-of-type) {
  margin-bottom: 0.5em;
}
.p-login__box__checkArea {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  grid-gap: 0.5rem;
  margin-bottom: var(--m20);
}
.p-login__box__forget {
  margin-top: 1.5em;
  text-align: center;
  font-size: var(--fs14_16);
  color: var(--maincol);
}
.p-login__box__forget__link {
  font-size: var(--fs14_16);
  color: var(--maincol);
}
.p-login__forgetPage {
  width: 100%;
}
.p-login__forgetPage__text {
  margin-bottom: var(--m30);
}
.p-login__forgetPage__text__line {
  font-size: var(--fs14_16);
  text-align: center;
  display: block;
}
.p-login__forgetPage .p-form {
  margin: 0 auto;
  max-width: 900px;
}
.p-login__imageArea {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.p-login__imageArea__image {
  width: 25%;
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 1024px) {
  .p-login__box {
    width: 100%;
  }
  .p-login__box.member_area {
    background: url(/images/top/bg_member.png) center/100% no-repeat;
  }
}
@media all and (max-width: 768px) {
  .p-login__imageArea__image {
    width: 50%;
  }
}