@charset "UTF-8";
/* ログイン css */

.alert { padding: 0 8px; }
.content { padding-top: calc(50vh - (400px / 2) - 60px); }
.content > h1 { font-size: 60px; text-align: center; position: relative; }
.content > h1::after { content: 'v' attr(data-var); position: absolute; font-size: 20px; bottom: -20px; transform: translateX(-50%); left: 62%; }

.inp-box {
 width: 100vw;
 max-width: 400px;
 margin: auto;
}

form.inpform {
 padding: 20px;
 border: 3px solid var(--primary-br);
 border-radius: 20px;
 background-color: aliceblue;
}
.pwrenew form.inpform { border-color: var(--secondary-br); background-color: #ecfff1; }
.sub-ttl { border-left-color: var(--secondary); }


.g-row.sep2 {
 grid-template-columns: 50px 1fr;
 ms-grid-columns: 50px 1fr;
 margin: 15px 0px;
}

.inp div.clm1 {
 border-radius: 5px 0 0 5px;
 background-color: var(--primary);
 color: #ffffff;
 line-height: 48px;
 text-align: center;
}
.pwrenew .inp div.clm1 { background-color: var(--secondary); }

.inp div.clm2 input {
 font-size: 20px;
 padding: 10px;
 height: 50px;
 border: none;
 border-radius: 0 7px 7px 0;
}

.btn-outer {
 text-align: center;
 margin: 50px 0;
}

.btn.login-btn {
 width: 280px;
 height: 50px;
 line-height: 48px;
 padding: 0 55px;
 font-size: 20px;
}

.pwrenew .emphasis {
/*  text-decoration: underline; */
 font-weight: bold;
}