body {
    width: 100vw;
    margin-top:1rem;
    padding:1rem;
    
}
.form-block{
	min-height: 60vh;
}
#form {
    height: 70%;
	width: 90%;
}

#sub_url {
    height: 30%;
}


/* Form Layout */

.form-wrapper {
    padding: 15% 0%;
    width: 80%;
    height: 90%;
}
.form-wrapper-input {
    /* width: 100%; */
    height: 45%;
}

.form-wrapper-title {
    /* width: 100%; */
    height: 20%;
}

.form-wrapper-error {
    height: 15%;
}


.form-wrapper-button {
    /* width: 100%; */
    height: 20%;
    padding: 2%;
}
.icon.line img{
	width:30%;
	}

.line.login{
	height:50%;
	    margin: auto;
	}
	
	#login{
	display:none;
	}
/*PC*/
@media screen and (min-width : 751px){
	body{
	margin-left:1rem;
    }
	#form{
	    background: none;
	    margin:1rem 0;
	    padding:0 5rem;
	    }
	.login{
	width:50%;
	}
	.loginform>div{
	display:flex;
	}
	.form-wrapper-button {
    margin-top:2rem;
}
	.form-wrapper {
    padding: 0 20% 5%;
    height: 100%;
    width:80%;
    background: #fafafa;
}
	#form {
    width: 60%;
    margin-right:2rem;
}
    .form-wrapper-input {
    padding:0;
    height:30%;
    }
    .form-item {
    padding:2% 0;
    }
    
    #sub_url {height :15%;padding:0 15%;    flex-direction: row;}
}

@media screen and (max-width : 751px){
	
	.form-wrapper {
    padding: 0 10%;
    padding-bottom:10%;
    height: 100%;
    width:95%;
    background: #fafafa;
}
input[type="text"]{
    max-width: 95%;
}

.dot{
	font-size:.9rem;
}
#form{
	    background: none;
	    margin:1rem 0;
	    }
	    
}