@charset "UTF-8";
/*-----------------------------------
ログイン入力画面
-----------------------------------*/
.p-formBlock {
  background: url(/p/20021183/20021183-03.jpg);
  background-size: cover;
  background-position: bottom;
  padding: 130px 0 80px;
}

@media screen and (max-width: 575.98px) {
  .p-formBlock {
    padding: initial;
  }
}

.p-formBlock__inner {
  max-width: 430px;
  margin: auto;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.86);
}

@supports ((-webkit-backdrop-filter: saturate(180%) blur(10px)) or (backdrop-filter: saturate(180%) blur(10px))) or (-webkit-backdrop-filter: saturate(180%) blur(10px)) {
  .p-formBlock__inner {
    background-color: rgba(255, 255, 255, 0.82);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    backdrop-filter: saturate(180%) blur(10px);
  }
}

@media screen and (min-width: 768px) {
  .p-formBlock__inner {
    padding: 2.4rem 1.6rem 4rem 1.6rem;
  }
}

@media screen and (max-width: 767.98px) {
  .p-formBlock__inner {
    padding: 6rem 1.6rem;
  }
}

@media screen and (max-width: 575.98px) {
  .p-formBlock__inner {
    border-radius: initial;
    max-width: initial;
    width: 100%;
  }
}

.p-formBlock__heading {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1.6rem;
}

.p-formBlock__caution {
  position: relative;
  margin-bottom: 1.6rem;
  text-align: justify;
}

.p-formBlock__caution .error {
  display: block;
  color: red;
}

.p-formBlock__loginform .p-loginform__textbox .inner {
  position: relative;
}

.p-formBlock__loginform .p-loginform__textbox .inner .text {
  display: block;
  width: 100%;
  min-height: 48px;
  padding-left: 40px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 16px;
  vertical-align: middle;
  border-left: 6px solid #0195c6;
  margin-bottom: 15px;
}

.p-formBlock__loginform .p-loginform__textbox .inner .text:focus {
  outline: 0;
  vertical-align: middle;
}

.p-formBlock__loginform .p-loginform__textbox .inner .text--password {
  padding-right: 50px;
}

.p-formBlock__loginform .p-loginform__textbox .inner .icon {
  position: absolute;
  top: 50%;
  left: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #738598;
  font-size: 18px;
}

.p-formBlock__loginform .p-loginform__textbox .inner .icon--eye {
  right: 0;
  left: initial;
}

.p-formBlock__loginform .p-loginform__textbox .inner .icon--eye label {
  height: 48px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-formBlock__loginform .p-loginform__textbox .inner .icon--eye .fas::before {
  vertical-align: middle;
}

.p-formBlock__loginform .p-loginform__textbox input:-webkit-autofill,
.p-formBlock__loginform .p-loginform__textbox input:-webkit-autofill:hover,
.p-formBlock__loginform .p-loginform__textbox input:-webkit-autofill:focus,
.p-formBlock__loginform .p-loginform__textbox input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s;
}

.p-formBlock__loginform .p-loginform__forgot {
  text-align: right;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.p-formBlock__loginform .p-loginform__btn input {
  letter-spacing: 3px;
}

.p-formBlock__loginform .p-loginform__btn .c-btn {
  padding: 0.8rem;
  border: 1px solid rgba(0, 0, 0, 0);
  border: none;
  background: #036eb8;
  color: #FFF;
}

.p-formBlock__loginform .p-loginform__btn .c-btn:hover {
  background: #FFF;
  border: 1px;
  color: #036eb8 !important;
}

.p-formBlock__reset {
  text-align: right;
  margin-bottom: 2.4rem;
}

.p-formBlock__subscribe .subscribeBtn {
  margin-top: 0.8rem;
}

.p-formBlock__subscribe .subscribeBtn .c-btn {
  padding: 0.8rem;
  background: #FFF;
  border: 1px solid #036eb8;
  font-weight: bold;
  color: #036eb8 !important;
}

.p-formBlock__subscribe .subscribeBtn .c-btn:hover {
  border: 1px solid #FFF;
}

.p-formBlock__subscribe::before {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  border-top: 1px dashed #888;
  margin: 2.4rem auto;
}

/*-----------------------------------
ログイン完了画面
-----------------------------------*/
.p-afterLogin {
  text-align: center;
  background: url(/assets/img/common/OPTION__bg-07.jpg);
  background-size: cover;
  background-position: bottom;
  padding-top: 400px;
  padding-bottom: 500px;
}

@media screen and (max-width: 1199.98px) {
  .p-afterLogin {
    padding: 290px 0;
  }
}

@media screen and (max-width: 991.98px) {
  .p-afterLogin {
    padding: 220px 0;
  }
}

@media screen and (max-width: 767.98px) {
  .p-afterLogin {
    padding: 220px 0;
  }
}

@media screen and (max-width: 575.98px) {
  .p-afterLogin {
    padding: 140px 0;
  }
}

.p-afterLogin__heading {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 3px #00000080;
}

.p-afterLogin__menu .p-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-afterLogin__menu .p-menu__item {
  width: 33.3%;
  padding: 0.8rem;
}

@media screen and (max-width: 767.98px) {
  .p-afterLogin__menu .p-menu__item {
    width: 100%;
    padding: 0.4rem;
  }
}

.p-afterLogin__menu .p-menu__item a {
  font-weight: 500;
  text-decoration: none;
  color: #FFF;
  background-color: #fff;
  display: block;
  border-radius: 6px;
  padding: 0.4rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@supports ((-webkit-backdrop-filter: saturate(180%) blur(20px)) or (backdrop-filter: saturate(180%) blur(20px))) or (-webkit-backdrop-filter: saturate(180%) blur(20px)) {
  .p-afterLogin__menu .p-menu__item a {
    background-color: #00000080;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(7px);
  }
}

.p-afterLogin__menu .p-menu__item a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.31);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
/*# sourceMappingURL=login.css.map */