@charset "UTF-8";

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

/* https://cloudcasting.jp/enterprise/login-form/ */

.area-loginform {
  height: 100vh;
  padding: 1.6rem;
  background-color: #1faede;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .area-loginform__logo {
    max-width: 220px;
    margin: 0 auto 2.4rem; }
    .area-loginform__logo img {
      margin: 0 auto;
      display: block; }

  .area-login__term {
    margin-bottom: 3.2rem;
    color: #48485a;
    font-size: 1.3rem;
    text-align: center; }
    .area-login__term a {
      text-decoration: underline;
      color: #1faede; }
      .area-login__term a:hover {
        opacity: .8; }

.prt-loginform {
  width: 100%;
  max-width: 360px;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden; }
  .prt-loginform__submit {
    text-align: center; }
    .prt-loginform__submit input {
      width: 100%;
      padding: 1.4rem;
      background-color: #ebebf7;
      border: none;
      color: ;
      cursor: pointer;
      display: block;
      font-size: 1.6rem;
      line-height: 1; }
      .prt-loginform__submit input:hover {opacity: .8; }

.prt-loginformlist {
  padding: 3.2rem 2rem;
  font-size: 1.6rem;
  line-height: 1.4; }
  .prt-loginformlist__item {
    background-color: rgba(0,0,0,.3);
    display: flex; }
    .prt-loginformlist__item + .prt-loginformlist__item {
      margin-top: 1.6rem; }
    .prt-loginformlist__item input {
      width: calc(100% - 40px);
      height: 40px;
      padding: 0 1.2rem;
      background-color: #e8f6fb;
      border: none;
      display: flex;
      align-items: center; }
  .prt-loginformlist__icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .prt-loginformlist__icon--mail {background: url('/images/enterprise/icon_mail_white.png') no-repeat center;}
    .prt-loginformlist__icon--lock {background: url('/images/enterprise/icon_lock_white.png') no-repeat center;}

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

}

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

 
}