@charset "UTF-8";
.login_wrap{
	width:1050px;
	margin: 50px auto;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
	@media screen and (max-width:1050px) {
		.login_wrap{width:100%;}
	}
	@media screen and (max-width:768px) {
		.login_wrap{margin:0 auto 0}
	}
.cols_wrap-title{
	flex-basis: 100%;
	max-width: 100%;
	display: flex;
	font-size: 26px;
	font-weight: 700;
	color:#666;
	letter-spacing:.2rem;
	font-family:"Yu Gothic","Hiragino Kaku Gothic ProN";
}
	@media screen and (max-width:768px) {
		.cols_wrap-title{padding-bottom: 50px;}
	}
	@media screen and (max-width:480px) {
		.cols_wrap-title{font-size: 18px;padding-bottom: 0px;}
	}
.cols_wrap{
	flex-basis: 100%;
	max-width: 100%;
	display: flex;
	gap: 30px;
	align-items: flex-start;
}
	@media screen and (max-width:480px) {
		.cols_wrap{
			flex-wrap: wrap;
		}
	}
.login_cols_left{
	flex-basis:55%;
	max-width: 55%;
}
	@media screen and (max-width:1050px) {
		.login_cols_left{
			flex-basis:100%;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
		}
	}
.login_cols_right{
	flex-basis:45%;
	max-width: 45%;
	gap:30px;
	display: flex;
    flex-direction: column;
}
	@media screen and (max-width:1050px) {
		.login_cols_right{
			flex-basis:100%;
			max-width: 100%;
			margin: 0 auto 50px;
		}
	}
.login_cols_left dt,
.login_cols_left dd,
.login_item,
.login_item li,
.-input,
.-login_btn,
.-link{
	flex-basis: 100%;
}
.login_cols_left dt{
	background: none;
}
.login_item{
	padding: 20px;
	background-color: #f5f5f5;
	border:#ccc 1px solid;
	border-radius: 5px;
}

.login_item li{
	margin-bottom: 15px;
	display: flex;
	flex-wrap: wrap;
	font-size:13px;
	color:#666;
	letter-spacing: 0;
	line-height: unset;
}
@media screen and (max-width:480px) {
	.login_item li{
		line-height: 16px;
		text-align: left;
		font-size: 12px;
		white-space: nowrap;
	}
}
.login_item li:last-child{
	margin-bottom: 0px;
}
.login_item li img{width: 350px;height: auto;margin: auto;}
	@media screen and (max-width:480px) {
		.login_item li img{width: 100%;}
	}
.login_item li.input-area{
	width: 70%;
	display: flex;
	flex-direction: column;
	margin: 0 auto 20px;
}
@media screen and (max-width:1050px) {
	.login_item li.input-area{
		width: 100%;
	}
}
.-ttl{
	font-size: 16px!important;
	font-weight: 700;
	align-items: baseline;
}
.form_name{
	width: 100%;
	padding-left: 5px;
	border-left: 3px solid #f15a24;
	font-size:12px;
	text-align: left;
	line-height: normal;
}
.-icon-dealer,
.-icon-reg,
.-icon-mm-reg {
	position: relative;
}
.-icon-dealer::before{
	content:"\f007";
}
.-icon-reg::before{
	content:"\f234";
}
.-icon-mm-reg::before{
	content:"\f0e0";
}
.-icon-dealer::before,
.-icon-reg::before,
.-icon-mm-reg::before {
	/*position: absolute;*/
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right:10px;
}
input[type="text"].-input,
input[type="password"].-input{
	padding:5px 10px;
	margin: 1% 0 0 1% !important;
	border:#998675 1px solid;
	border-radius: 5px;
	background-color: white;
	width: 100%;
	font-size: 13px;
}
.-login_btn{
	flex-basis: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color:white!important;
	background-color:#f15a24;
	border-radius: 50px;
	margin: auto;
	text-align: center;
	height: 40px;
	padding:10px;
}
#contaner a.-login_btn:hover{
	color:white!important;
}
.-blue{
	background-color:#0071bc!important;
}
.-link{
	display: flex;
	justify-content: flex-end;
}
.-link a{
	color: #0071bc;
	text-decoration: underline;
}
.-alert_msg{
	font-size: 14px;
	color: red;
}
.-login_hr{
	flex-basis: 100%;
	border: 1px solid #998675;
	margin-bottom: 15px;
}