@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* http://●●.https://cloudcasting.jp/client/public/password-reset
   http://●●.https://cloudcasting.jp/client/public/send-password-reset-mail
   http://●●.https://cloudcasting.jp/client/public/password-reset/●●/●●/
   http://●●.https://cloudcasting.jp/client/public/password-reset/●●/●●/send */

.alliance-area-all {
  background-color: #fff; }

.alliance-password-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 2.75rem 1rem 24.68rem; }
  .alliance-password__h2 {
    color: #48485a;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.25rem; }
  .alliance-password__text {
    color: #000;
    font-size: .875rem;
    line-height: 1.71;
    margin-bottom: 2.25rem; }
    .alliance-password__text a {
      color: #56b8b8;
      text-decoration: underline; }
      .alliance-password__text a:hover {
        opacity: .8; }
  .alliance-password__error {
    color: #f45e5f;
    border: 1px solid #f45e5f;
    padding: 1.43rem 2rem;
    font-weight: bold;
    margin-bottom: 1.25rem; }
.alliance-password-form__list__item {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  margin-bottom: 3rem; }
.alliance-password-form__th {
  background-color: #f4f4f4;
  width: 25%;
  text-align: center;
  padding: 2rem;
  color: #000;
  border-right: 1px solid #ccc; }
.alliance-password-form__td {
  width: 75%;
  padding: 0 1.43rem; }
  .alliance-password-form__td input {
    width: 100%;
    height: 41px;
    padding: .875rem 1.18rem;
    border: 1px solid #e1e1e9;
    border-radius: 4px; }
.alliance-password-form__submit {
  text-align: center;
  margin-bottom: 2.5rem; }
  .alliance-password-form__submit input {
      width: 240px;
      margin: 0 auto;
      padding: 1rem;
      background-color: #56b8b8;
      border: none;
      border-radius: 25px;
      color: #fff;
      font-size: 1rem;
      font-weight: bold; }
    .alliance-password-form__submit input:hover {
      opacity: .8; }
.alliance-password-links {
  text-align: center; }
  .alliance-password-links__loginback {
    color: #56b8b8; }
    .alliance-password-links__loginback:hover {
      color: #56b8b8;
      text-decoration: underline; }

.alliance-password-sent-wrap {
  max-width: 914px;
  margin: 0 auto;
  padding: 2.75rem 0 18rem; }
.alliance-password-sent__h2 {
    color: #48485a;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.25rem; }
.alliance-password-sent__text {
  text-align: center;
  color: #000;
  font-size: 1rem;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 4.625rem; }
.alliance-password-sent__img {
  text-align: center;
  margin-bottom: 4rem; }
.alliance-password-sent-form__submit {
  text-align: center;
  margin-bottom: 4rem; }
  .alliance-password-sent-form__submit input {
      width: 240px;
      margin: 0 auto;
      padding: 1rem;
      background-color: #56b8b8;
      border: none;
      border-radius: 25px;
      color: #fff;
      font-size: 1rem;
      font-weight: bold; }
    .alliance-password-sent-form__submit input:hover {
      opacity: .8; }
.alliance-password-sent__comment {
  font-size: .875rem;
  color: #333340;
  line-height: 1.71; }
  .alliance-password-sent__comment + .alliance-password-sent__comment {
    margin-top: 1rem; }
  .alliance-password-sent__comment a {
    color: #56b8b8;
    text-decoration: underline; }
    .alliance-password-sent__comment a:hover {
      opacity: .8; }

.alliance-password-input-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 2.75rem 1rem 29.5rem; }
.alliance-password-input__h2 {
    color: #48485a;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.25rem; }
.alliance-password-input__text {
  margin-bottom: 1.6rem; }
.alliance-password-input__alert-text {
  color: #f45e5f;
  border: 1px solid #f45e5f;
  padding: 1.43rem 2rem;
  font-weight: bold;
  margin-bottom: 1.25rem; }
.alliance-password-input-form__list {
  margin-bottom: 2.25rem; }
  .alliance-password-input-form__list__item {
    display: flex;
    align-items: center;
    border: 1px solid #ccc; }
  .alliance-password-input-form__th {
    background-color: #f4f4f4;
    width: 25%;
    text-align: center;
    padding: 4rem 1rem;
    color: #000;
    border-right: 1px solid #ccc; }
  .alliance-password-input-form__td {
    width: 75%;
    padding: 0 1.43rem; }
    .alliance-password-input-form__td input {
      width: 413px;
      height: 41px;
      padding: .875rem 1.18rem;
      margin-right: 1.5rem;
      border: 1px solid #e1e1e9;
      border-radius: 4px; }
    .alliance-password-input-form__td__mail + .alliance-password-input-form__td__mail {
      margin-top: 1.75rem; }
  .alliance-password-input-form__submit {
    text-align: center; }
    .alliance-password-input-form__submit input {
        width: 240px;
        margin: 0 auto;
        padding: 1rem;
        background-color: #56b8b8;
        border: none;
        border-radius: 25px;
        color: #fff;
        font-size: 1rem;
        font-weight: bold; }
      .alliance-password-input-form__submit input:hover {
        opacity: .8; }

.alliance-password-finished-wrap {
  padding: 2.75rem 1rem 28.8rem; }
.alliance-password-finished__h2 {
  color: #48485a;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5rem; }
.alliance-password-finished__img {
  text-align: center;
  margin-bottom: 3.75rem; }
.alliance-password-finished__comment {
  color: #000;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 2.375rem;
  line-height: 2; }
.alliance-password-finished-form__submit {
  text-align: center; }
  .alliance-password-finished-form__submit input {
      width: 240px;
      margin: 0 auto;
      padding: 1rem;
      background-color: #56b8b8;
      border: none;
      border-radius: 25px;
      color: #fff;
      font-size: 1rem;
      font-weight: bold; }
    .alliance-password-finished-form__submit input:hover {
      opacity: .8; }

@media screen and (min-width: 769px) {
  .sp {display: none !important; }

}

@media screen and (max-width: 768px) {
  .pc {display: none !important; }

  .alliance-password-wrap {
    padding-bottom: 3rem; }

  .alliance-password-form__list__item {
    flex-wrap: wrap; }
  .alliance-password-form__th {
    width: 100%;
    padding: 1rem;
    border-right: none;
    border-bottom: 1px solid #ccc; }
  .alliance-password-form__td {
    width: 100%;
    padding: 1rem; }

  .alliance-password-sent-wrap {
    padding: 2.75rem 1rem 18rem; }

  .alliance-password-input__alert-text {
    padding: 1rem; }
  .alliance-password-input-form__list__item {
    flex-wrap: wrap; }
  .alliance-password-input-form__th {
    width: 100%;
    padding: 1rem;
    border-right: none;
    border-bottom: 1px solid #ccc; }
  .alliance-password-input-form__td {
    width: 100%;
    padding: 1rem; }
    .alliance-password-input-form__td input {
      width: 100%; }

}