@charset "UTF-8";

.box-flex {
   display: flex;
   flex-direction: column;
}

.recaptcha {
	margin-top: 25px;
}

.pageLoginHeader {
    display: flex;
}

.pageLoginHeader div{
    flex-basis:calc(100%/3);
}

.Logincenter{
    justify-content:center;
}

.LoginRight{
	justify-content:end;
	justify-content: flex-end;
	text-align: right;
}

.LoginHeaderImg {
    display: block;
    float: right;
    max-width: 100px;
}

.LoginHeaderLeftImg {
    padding-top: 8px;
    margin-right: 10px;
    max-width: 121px;
}

.pcBox{
		display:block;
	}
	
.spBox{
		display:none;
	}
	
	
@media only screen and (max-width: 570px), print{
	.LoginHeaderLeftImg {
	    padding-top: 4% !important;
	}
}

@media only screen and (max-width: 741px), print{
	.LoginHeaderLeftImg {
	    padding-top: 2% !important;
	}
	.LoginHeaderImg {
	    display: block;
	    float: right;
	    max-width: 71px;
	}
	
	.LoginHeaderLeftImg {
	    padding-top: 17px;
	    margin-right: 7px;
	    max-width: 90px;
	}
}

@media only screen and (max-width: 724px), print{
	.LoginHeaderLeftImg {
	    padding-top: 7%;
	}
}

@media only screen and (max-width: 540px), print{
	.pcBox{
		display:none;
	}
	.spBox{
		display:block;
	}
	.pageLoginHeader div{
	    flex-basis:calc(100%/4);
	}
	.LoginRight div {
	    float: right;
	    padding-top: 2%;
	}
	.Logincenter {
	    justify-content: center;
	    flex-grow: 10;
	}
	.LoginHeaderImg {
	    max-width: 62% !important;;
	}
	.LoginHeaderLeftImg {
	    padding-top: 10px;
	    margin-right: 0;
	}
}