@charset "utf-8";
/* CSS Document */

.Bold{font-weight:bold}
.RedCMBtn,.BlackCMBtn,.BlueCMBtn,.GreyCMBtn{
	display:flex; 
	justify-content:center; 
	align-items:center; 
	margin-left: auto;
	margin-right: auto;
}



/*↓↓↓↓↓↓↓↓↓↓↓↓ログイン後↓↓↓↓↓↓↓↓↓↓↓↓*/

.LoginAfterColumn{padding-bottom: 100rem;}

@media(max-width:789px){
	.LoginAfterImg{
	    background-image: url("../images/login/account_sp.png");
	}
}

@media(min-width:790px){
	.LoginAfterImg{
	    background-image: url("../images/login/account_pc.png");
	}
}

/*↑↑↑↑↑↑↑↑↑↑↑↑ログイン後↑↑↑↑↑↑↑↑↑↑↑↑*/



/*↓↓↓↓↓↓↓↓↓↓↓↓ログイン前↓↓↓↓↓↓↓↓↓↓↓↓*/

.OneColumn{margin:0 auto;}/*SP側の頂端スペースをなくす*/
.FootWrap{margin:0 auto;}
.FootWrap{margin-bottom:50rem;}

.OneColumn{
	/*background-color:var(--C17);*/
	padding-bottom: 50rem;
}

.LoginImageBp{
	background: url("../images/login/before_login_bp.png") no-repeat center;
}

.FootWrap{
	display:flex; 
	justify-content:center; 
	align-items:center; 
}
.FootWrap .BnrArea{
	display:flex;
	flex-wrap: wrap;
}	
.FootWrap .BnrArea > * {
	box-sizing: border-box;
	display: block;
}
.FootWrap .BnrArea img {
	height: auto;
	display: block;
}

.Td {
  background-color: transparent !important;
}

.LoginH3{
    position: relative;
    margin: 20rem 20rem;
    background: var(--C14);/*黒*/
    color: var(--C4);/*白*/
    font-weight: 700;
    letter-spacing: .08em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width:789px){
	.OneColumn{
		background-position: 50% 30%;
		/*background-size: 670px auto !important;*/
		background-size: 150%;
		padding-bottom: 0rem;
	}

	.LoginH3{height: 56rem;font-size: 26rem;}
	
	.FootWrap{flex-direction:column;}
	.FootWrap .BnrArea {gap: 10px;}
	.FootWrap .BnrArea > * {flex: 0 0 100%;}
	.FootWrap .BnrArea img {width: 100%;}
}

@media(min-width:790px){
	.WrapperBefore{width:1180rem; display: flex;flex-wrap: wrap;}
	.OneColumn{width:880rem;}
	.FootWrap{width:820rem;}

	.OneColumn{
		background-position: 50% 35%;
		/*background-size: 820rem auto !important;*/
		background-size: 100%;
	}

	.LoginH3{height: 44rem;font-size: 20rem;}

	/*TODO 最終サイズにて、要微調整*/
	.FootWrap .BnrArea{gap: 30px;}	
	.FootWrap .BnrArea > * {flex: 0 0 calc(50% - 15px);}
	.FootWrap .BnrArea img {min-width: 300rem;}    /*※サイズ足りない場合の対処*/
	/*.FootWrap .BnrArea img {width: 100%}*/
}
/*↑↑↑↑↑↑↑↑↑↑↑↑ログイン前↑↑↑↑↑↑↑↑↑↑↑↑*/