@charset "utf-8";

body { min-width: 0;font-size: 16px; overflow: auto; min-height: 500px; position: relative; background: #F4F1F0; color: #212529; }

main { padding: 60px 0; width: 100%; }

.register { width: 94%; max-width: 840px; box-sizing: border-box; padding: 20px 30px 60px; background: #fff; margin: auto; }
.register h3 { padding: 30px 0; text-align: center; font-size: 24px; font-weight: bold; line-height: 180%; }
.register p { line-height: 200%; text-align: center; font-size: 14px; }

.register.pass p { padding: 10px 0; text-align: center; }

.register table th { min-width: 200px; }
.register.new .alert { padding: 0; }
.register.new .link { text-align: center; padding: 30px 0 0; }
.register.new .link a { text-decoration: none; color: #0085ff; }

.register.new table th,
.register.new table td { display: block; padding: 10px 30px; }

.register form .skip_btn { text-align: center; padding-top: 20px; background: transparent; color: #212529; text-decoration: underline; }
.register tr.title th { padding: 50px 20px 10px; font-size: 20px; }

.register tr.title th.link { text-align: right; }
.register tr.title th.link a { font-size: 14px; background: gray; color: #fff; height: 35px; line-height: 35px; display: inline-block; padding: 0 20px; border-radius: 25px;  -webkit-border-radius: 25px; }

.register.complete p { text-align: center; }

.register p a { text-decoration: underline; }

.line{ position: relative; }
.line:after{ position: absolute; content: ""; width: 100px; height: 2px; left: 50%; transform: translate(-50%,0); bottom: 0; background: #FFCE00; }


@media only screen and (max-width:640px){
	.register h3{ font-size: 18px; }
	.register h3.ttl{ font-size: 25px; }
	.register p{ font-size: 13px; text-align: left; }
	
	.register.new table th, .register.new table td{ padding: 10px 0; }

}