body{
		display: flex;
		width: 100%;
		height:100%;
		background-color: #F1F1F1;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
		font-weight: 500;
}

#wrappre{
		display: flex;
		flex-direction: column;
		min-height: 100vh;
}

#error{
		color: red;
	    font-size: 1.5em;
}

.title{
	    margin-top: 24px;
		margin-left: 40px;
		margin-bottom: 0;
		padding: 16px;
		color: #000000;
		border: 3px #6699cc solid;  /* 枠線を引く */
		border-radius: 10px;      /* 角丸の指定 */
		background-color: #ffffff;  /* 背景色の指定 */
		display: inline-block;
		width: 60vw;
}

h2, h4{
		margin: 0;
		padding: 0;
}

.login{
		background-color: #fff;
		border-color: #000;
		width: 60vw;
/*		height: 40vh;*/
		height: 32vh;
		position: absolute;
	    top: 63%;
	    left: 50%;
	    -webkit-transform : translate(-50%,-50%);
	    transform : translate(-50%,-50%);
}

.id{
		margin: 0;
		padding: 0;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform : translate(-50%,-50%);
	    transform : translate(-50%,-50%);
		vertical-align: middle;
		width: 40vw;
		text-align: center;
}

.user_id{
	 	border:0;
	    margin-left: 24px;
		padding:8px;
		font-size:1em;
		color:#000;
		border:solid 1px #A5A9AC;
		margin:0 0 20px;
		width:240px;
}

.login_btn{
		margin: 40px 20px 40px;
    	padding: 1em 2em;
    	border: none;
		box-sizing:border-box;
  		width:240px;
		display: inline-block;
  		font-size: 114%;
    	cursor: pointer;
		position: absolute;
	    top: 70%;
	    left: 50%;
	    -webkit-transform : translate(-50%,-50%);
	    transform : translate(-50%,-50%);
	    background-color: #CCE4E8;
}

.download{
		border-color: black;
		width: 70vw;
		height: 20vw;
		position: absolute;
	    top: 48%;
	    left: 50%;
	    -webkit-transform : translate(-50%,-50%);
	    transform : translate(-50%,-50%);
}

.sub_t{
		font-size: 1.75em;
		position: absolute;
	    top: 35%;
	    left: 50%;
	    -webkit-transform : translate(-50%,-50%);
	    transform : translate(-50%,-50%);
}

.file{
		font-size: 1.75em;
		position: absolute;
	    top: 70%;
	    left: 50%;
	    -webkit-transform : translate(-50%,-50%);
	    transform : translate(-50%,-50%);
}

.dcnet{
		text-align: center;
		padding: 0.5em 0;
		font-size: 1.5em;
		width: 100vw;
		margin-top: 56vh;
}

/*footer STR*/
footer{
		background: #efefef;
		text-align: center;
		padding: 0.5em 0;
		font-size: 0.5em;
		width: 100vw;
		margin-top: auto;
        }
/*footer END*/