﻿@keyframes accordion__opend{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes accordion__closed{from{transform:translateY(0)}to{transform:translateY(-100%)}}body{background-color:#f1f7fb;color:#808080;margin:0;overflow:hidden;letter-spacing:-0.72px}img{user-select:none}input{padding:0.8rem;caret-color:#808080}input::placeholder{text-align:center;color:#b1b1b1}input:focus{caret-color:#808080}input:focus::placeholder{color:#f4f4f4}input:placeholder-shown{color:#b1b1b1 !important}input::-webkit-input-placeholder{color:#b1b1b1 !important}input:-moz-placeholder{color:#b1b1b1 !important;opacity:1}input::-moz-placeholder{color:#b1b1b1 !important;opacity:1}input:-internal-autofill-selected{-webkit-text-fill-color:#808080}input:focus:placeholder-shown{caret-color:#808080;color:#f4f4f4 !important}input:focus::-webkit-input-placeholder{caret-color:#808080;color:#f4f4f4 !important}input:focus:-moz-placeholder{caret-color:#808080;color:#f4f4f4 !important;opacity:1}input:focus::-moz-placeholder{caret-color:#808080;color:#f4f4f4 !important;opacity:1}input:focus:-ms-input-placeholder{caret-color:#808080;color:#f4f4f4 !important}button{color:#808080;outline:none !important}.login-page{font-family:"Rounded Mplus 1c", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-font-smoothing:subpixel-antialiased;-ms-font-smoothing:subpixel-antialiased;position:fixed;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:14.69vw}.login-page__title{position:relative;padding:0 0.8vw;display:flex;flex-direction:column;align-items:center}.login-page__title__label{position:relative;z-index:1;font-size:1vw;line-height:27px;color:#7698a2;font-weight:600}.login-page__title__underline{background:#d1e2f1 0% 0% no-repeat padding-box;border-radius:1.04vw;height:0.47vw;position:absolute;bottom:0;width:100%;z-index:0}.login-page__validation-wrapper{height:3.28vw;overflow:hidden;margin:0.5vw 0}.login-page__validation-password{display:flex;justify-content:space-between;transform:translateY(-100%);background-color:#fdefed;border-radius:1vw;width:27vw;padding:0.9vw 0.5vw 0.9vw 1.2vw;position:relative}.login-page__validation-password.active{animation-duration:0.5s;animation-fill-mode:both;animation-timing-function:ease;animation-name:accordion__opend}.login-page__validation-password.deactive{animation-duration:0.5s;animation-fill-mode:both;animation-timing-function:ease-out;animation-name:accordion__closed}.login-page__validation-password__label{color:#f27d79;font-size:1vw;font-weight:600}.login-page__validation-password__icon{width:1.46vw;cursor:pointer}.login-page__icon-wrapper{display:flex;margin-bottom:0.6vw}.login-page__icon-wrapper__icon{width:3.8vw}.login-page__description{font-size:0.9vw;margin-bottom:1.5vw}.login-page__input-wrapper{position:relative;width:24vw;height:2.1vw;margin-bottom:1.9vw;display:flex;align-items:center}.login-page__input{font-size:0.9vw;width:100%;height:100%;border:none;border-radius:1.5vw;box-shadow:0px 2px 8px #6969694d;padding:0;padding-left:1vw !important;padding-right:3.3vw !important;transition:border 0.4s;text-overflow:ellipsis}.login-page__eye-icon{position:absolute;right:1vw;width:1.2vw;height:1.2vw;font-size:1.2vw;cursor:pointer;margin-top:0.2vw}.login-page__button{cursor:pointer;font-weight:500;font-size:1.2vw;text-decoration:none !important;vertical-align:middle;line-height:1;border-radius:1.5vw;border:2.5px solid #fff;position:relative;transition:0.3s ease-out;padding:0 0.8vw;color:#fff;background:#77d9ff;height:3vw;box-shadow:0 0.1vw 0.4vw -0.1vw rgba(105,105,105,0.3);width:10vw}
