.contener {
	float: right;
	margin-right: 10%;
}
.h3title {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 2px solid #666;
	background-color: #f2f2f2;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	padding: 0.5em 0px;
	font-size: 80%;
	text-align: center;
	margin-bottom: 1em;
}
.Loginbox {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 2px solid #666;
	background-color: #f2f2f2;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
}




.consent {
	background-color: #FFF;
}
.id-element,.pw-element,.name-element,.email-element,.cm-element{
	background-image: url(../images/req.png);
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-color: #f5fcff;
}
.doibox {
	border: 2px solid #CCC;
	width: 100%;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.consent {
	border:none; overflow-x:hidden;
	width: 100%;
}

/*チェックボックス*/
ul.ulcb {
	overflow: hidden;
	margin-bottom: 2%;
}
ul.ulcb li{
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
}

.cbbox {
	border: 1px solid #CCC;
	width: 100%;
	background-color: #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 80%;
	padding-right: 3px;
	padding-left: 3px;
}
.label-checked{
	background-color: #F00;
}
/*-----------------------------*/
#demo-sec input,
#demo-sec textarea,
#demo-sec select{
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
	border: 1px solid #B9C9CE;
	border-radius: 7px;
	padding: 12px 0.4em;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

#demo-sec input[type=text],#demo-sec select{
    width:100%;
}

#demo-sec input[type=text]:focus,
#demo-sec textarea:focus {
  border-color:#83B6C2;
    outline:none;
    box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);
background-image: none;
}
::-webkit-input-placeholder {
    color:#AFAFAF;
}
:-moz-placeholder {
    color:#AFAFAF;
}

.submit input{
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 8px 6px #e3e3e3;
	-moz-box-shadow: 0px 8px 6px #e3e3e3;
	box-shadow: 0px 8px 6px #e3e3e3;
	border: solid #f5fdff 4px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#61c7e0), to(#418da8));
	background: -moz-linear-gradient(top, #61c7e0, #418da8);
	background: -ms-linear-gradient(top, #61c7e0, #418da8);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#61c7e0', endColorstr='#418da8', GradientType=0)";
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
	width: 100%;
  }
.submit input:hover{
  background: #37a4bf;
 }

/*---------------------*/
/*スペース*/
.botm3 {margin-bottom: 3%;}
.botm5 {margin-bottom: 5%;}
.botm10 {margin-bottom: 10%;}
.botm15 {margin-bottom: 15%;}

/*フォントサイズ*/
.font70 {font-size: 70%;}
.font80 {font-size: 80%;}
.font90 {font-size: 90%;}
.font100 {font-size: 100%;}
.font110 {font-size: 110%;}
.font120 {font-size: 120%;}
.font140 {font-size: 140%;}
.font180 {font-size: 180%;}
.font200 {font-size: 200%;}
.font240 {font-size: 240%;}
.font300 {font-size: 300%;}

@media screen and (max-width: 999px) {
.contener {
	float: none;
	margin-right: auto;
	margin-left: auto;
}
.Loginbox {
}
}

@media screen and (max-width: 500px) {
.Loginbox,.h3title {width: 90%;}
}

.upm5-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
}


.footer-1 {
	width:100%;
	position: fixed;
	bottom: 0px;
}
.wrapper-1 {
	margin-top: 100px;
}