#wrapper.log {
    min-height: 350px;
    height: calc(100% - 278px);
}
#wrapper.log2 {
    height: calc(100% - 278px);
}
#wrapper.log3 {
	min-height: 150px;
    height: calc(100% - 278px);
}
#wrapper.log4 {
	min-height: 350px;
    height: calc(100% - 278px);
}
#wrapper.log5 {
	min-height: 275px;
    height: calc(100% - 278px);
}

.mt75 {
	margin-top: 75px;
}
.formTtlArea.log {
	padding-top: 50px;
}
.formTtlArea.log .header_emesg,
.formTtlArea.log .completeArea {
	margin-top: 40px;
}

#wrapper.log6 {
    min-height: 285px;
    /*height: calc(100% - 499px);*/
    height: calc(100% - 415px);
}

#wrapper.log6.type2 {
    height: calc(100% - 448px);
}

#wrapper.log6 #common__contents__area{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#wrapper.log6 #common__contents__area #main_contents {
    display: block;
    padding: 35px 30px 35px 30px;
}
#wrapper.log7 {
    min-height: 275px;
    height: calc(100% - 397px);
}
#wrapper.log7 #common__contents__area{
    height: 100%
}

#wrapper.log8 {
    min-height: 450px;
    height: calc(100% - 415px);
}
#wrapper.log8 #common__contents__area{
    height: 100%
}
/* screens smaller than 768px---------------------------------------------------------- */
@media only screen and (max-width:768px) {

	#wrapper.log {
	    min-height: auto;
	    height: auto;
	}
	#wrapper.log2 {
	    height: auto;
	}
	#wrapper.log2 #readyTime,
	#wrapper.log2 #allEndTxt {
	    height: auto;
	}
	#wrapper.log3 {
		min-height: auto;
	    height: auto;
	}
	#wrapper.log4 {
		min-height: auto;
	    height: auto;
	}
	#wrapper.log5 {
		min-height: auto;
	    height: auto;
	}
	#wrapper.log6 {
	    min-height: auto;
	    height: auto;
	}
	#wrapper.log6.type2 {
	    min-height: auto;
	    height: auto;
	}
	#wrapper.log7 {
	    min-height: auto;
	    height: auto;
	}
	#wrapper.log8 {
	    min-height: auto;
	    height: auto;
	}
}