html, body.login{
	height: 100% !important;
}
/* mypage */
#wrapper.log6 {
    min-height: 675px;
    height: calc(100% - 301px);
}
#wrapper.log6 #common__contents__area{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* complete */
#wrapper.log7 {
    min-height: 375px;
    height: calc(100% - 301px);
}
#wrapper.log7.wrapper{
	padding: 0 0 50px 0;
}
#wrapper.log7.wrapper .page__title__arae{
	margin-bottom: 50px
}
#wrapper.log7 #common__contents__area{
    height: 100%
}
#wrapper.log7 #common__contents__area{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#wrapper.log7 .container{
	font-size: 1.15em;
}
#wrapper.log8 {
    min-height: 415px;
    height: calc(100% - 342px);
}

#wrapper.log8 #common__contents__area{
    height: 100%
}

/* screens smaller than 768px---------------------------------------------------------- */
@media only screen and (max-width:768px) {

	#wrapper.log6 {
	    min-height: auto;
	    height: auto;
	}
	#wrapper.log7 {
	    min-height: auto;
	    height: auto;
	}
	#wrapper.log8 {
	    min-height: auto;
	    height: auto;
	}
}