.ecMainLogin{
	font-family: YuGothic, sans-serif;
	color: #333;
}
.ecMainLogin p{
	font-weight: 400;
}
.ecMainLogin > div{
	padding: 20px;
	border: 1px solid #999;
}
.buttonArea{
	margin-top: 30px;
}
/* :::::::::::::::::: login :::::::::::::::::: */

.ecMainLogin{
	display: flex;
	flex-direction: column;
	column-gap: 30px;
	row-gap: 15px;
}
.loginArea .ecCheckbox{
	font-family: YuGothic, sans-serif;
	/* font-family: 'Noto Sans JP', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; */
	font-size: 0.875rem;
	font-weight: 300;
	margin: 15px 0;
}
.form-check-label{
	font-weight: normal;
	color: #555;
}
.loginArea .ecLink{
	font-family: YuGothic, sans-serif;
	/* font-family: 'Noto Sans JP', 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; */
	font-size: 0.875rem;
	font-weight: 300;
	margin: 15px 0;
	display: inline-block;
}

.loginArea .login1{
	margin-bottom: 25px;
}
.loginArea .login2{
	margin-bottom: 15px;
}
.loginInput{
	padding-top: 20px;
}
.loginInput .label{
	font-size: 0.875rem;
	line-height: 2;
}

.guestArea{
	margin: 30px 0;
}

/* :::::::::::::::::: smartphone :::::::::::::::::: */

/* 575px smartphone*/

@media (max-width: 575px) {
	
}
/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
	
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 769px) {
	
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
	.ecMainLogin{
		display: flex;
		flex-direction: row;
	}
	.ecMainLogin > div{
		flex: 1;
	}
}

/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
	
}

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {
	
}