@charset "shift_jis";
.plazalogin-contents{
	padding: 0 20px;
	text-align: center;
}
.plazalogin-inner{
	padding: 24px 10px;
	border: solid 1px #999999;
	border-radius: 5px;
	width: 50%;
	display: inline-block;
}
.plazalogin-contents img{
	width: 35%;
	padding-bottom: 20px;
}
.plazalogin-contents h1{
	font-size: 16px;
	padding-bottom: 10px;
}
.plazalogin-contents span{
	font-size: 95%;
	display: inline-flex;
	text-align: left;
	padding-bottom: 10px;
}
.plazalogin-contents form ._input{
	display: inline-flex;
	flex-wrap: wrap;
}
.plazalogin-contents form p{
	text-align: left;
	font-size: 12px;
}
.plazalogin-contents form p a{
	color: #e50012;
	text-decoration: underline;
}

.plazalogin-inner,
.plazalogin-inner *{
	box-sizing: border-box;
}
.plazalogin-inner{
	text-align: center;
}
.plazalogin-inner .error{
	text-align: left;
	display: inline-block;
}
.plazalogin-inner form dl{
	display: inline-flex;
	text-align: left;
	flex-direction: column;
	max-width: 100%;
}
.plazalogin-inner form dl dt,
.plazalogin-inner form dl dd{
	display: flex;
	flex-direction: column;
	gap:5px;
	width: 100%;
}
.plazalogin-inner form dt{
	margin-top: 10px;
}
.agree{
	padding-top: 10px;
}
.plazalogin-inner form dl .agree_check{
    display: flex;
    flex-direction: row;
	cursor: pointer;
}
.plazalogin-inner form dl .agree_check input,
.plazalogin-inner form dl .agree_check label{
	cursor: pointer;
}
.plazalogin-inner form dl .plazalogin-inner_bt{
	margin: 20px;
}
.plazalogin-inner input[type='text'],
.plazalogin-inner input[type='password']{
	max-width: 100%;
}

.plazalogin-inner .btn_ok {
    text-decoration: none;
    display: inline-block;
    padding: .7vw 10vw;
    background-color: #222222;
    color: #ffffff;
    border: 1px solid #222222;
    border-radius: 5px;
	cursor: pointer;
}

.plazalogin-inner .forget a{
	display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;

}
.plazalogin-inner #kiyaku {
	text-align:left !important;
	margin: 20px auto;
	padding: 20px;
	width: 100%;
	height: 400px;
	overflow: scroll;
	border: 1px solid #CCCCCC;
	
	font-size:0.8rem;
}

/*20230724 KOMATUBARA ADD[UI‰ü¸C] STA*/

.plazalogin-inner a.entry_btn{
	display: inline-flex;
    background: #e50012;
    border: 1px solid #e50012;
	color: #fff;
    padding: 0.5em 3em;
    flex-direction: column;
	border-radius: 5px;
}
.plazalogin-inner a.entry_btn:hover{
	background-color: #fff;
	color:#e50012;
}
.plazalogin-inner a.entry_btn span{
	font-size: 130%;
	font-weight: bold;
}
.plazalogin-inner a.entry_btn .small{
	font-size: 90%;
}
.plazalogin-inner p{
	margin: 0.25em 0;
	font-size: 95%;
}
.plazalogin-inner .plazalogin-inner_bt input{
	padding: 3vw;
}
.plazalogin-inner .agreement_link{
	color:#001fff;
	font-size:110%;
}
.btn-area{
	display: flex;
	justify-content: center;
	gap: 5px;
}
.btn-area div{
	width: 30%;
	background-color: #222;
	display: inline-flex;
	justify-content: center;
	border-radius: 5px;
	padding: 4px 0;
	cursor: pointer;
}
.btn-area .btn-red{
	background-color: #e50012;
}
.btn-area form{
	width: 100%;
	cursor: pointer;
}
.btn-area input{
	color: #fff;
	background-color: unset;
	border: none;
	width: 100%;
	cursor: pointer;
}
.fin-btn{
	background-color: #222;
	color: #fff !important;
	padding: .7vw 10vw;
	border-radius: 5px;
}
.btn-black{
	margin: 10px 0;
}
.attention{
	width: 80%;
	padding-bottom: 30px !important;
}
.error-msg{
	color: red;
	font-size: 80%;
}
.fin-comment{
	color: red;
}
.fail-comment{
	color: red;
	text-align: center;
	padding-bottom: 20px;
}