@charset "utf-8";
/* ------------------------------------------------------------ common */

#fv { background: url(../images/users/fv.jpg) no-repeat center center; padding: 140px 0; background-size: cover; }
#fv h2 { font-size: 64px; font-family: 'AlternateGothicEF_NoTwo';}


#contents 			{ width: 640px; padding: 60px 70px 90px; min-width: 640px; margin: 0 auto 80px; background: #fff; }

#register					{ background: #efefef; padding: 70px 0 75px; }
#register #again { background: #fff;}
#register form 				{ font-size: 14px; text-align: center; }
#register form p 				{ font-size: 16px; }
#register form p#address { font-family: 'Noto-Sans-JP-Medium'}
#register form p.notice { padding: 0 0 30px;}
#register form div 			{ background: #f2f2f2; padding: 20px 0; margin: 45px 0 45px; line-height: 26px; font-family: 'Noto-Sans-JP-Medium'; }
#register form table { width: 100%;}
#register form table th { font-size: 16px; font-family: 'Noto-Sans-JP-Medium';}
#register form a:link,
#register form a:visited		{ color: #2b9bc5; text-decoration: underline; }
#register form div p 			{ font-size: 14px; padding: 10px 0 0; }
#register form .btn 			{ padding: 55px 0 20px; }
#register form .btn a			{ text-decoration: none; }
#register form input[type="text"],
#register form input[type="password"] 	{ padding: 10px 5px; font-size: 14px; vertical-align: 1px; width: 86%; border: 1px solid #c5c5c5; font-weight: normal; }
#register form input[type="submit"] 	{ background: #dd8d37; color: #fff; width: 380px; line-height: 45px; height: 45px; font-size: 18px; border: none; }

#contents .short input[type="text"] { width: 33%; }

#contents form .btn span 		{ color: #444; display: block; padding: 20px 0 50px; font-size: 15px;}
.if 	{ line-height: 23px; font-size: 12px; }
.if a 	{ color: #2b9bc5; text-decoration: underline; }

#register #thanks { padding: 0 50px; }
#register h3 { font-size: 26px; text-align: center; padding: 20px 0 35px; font-family: 'Noto-Sans-JP-Medium'; }
#register #thanks h4 { font-size: 18px; text-align: center; font-family: 'Noto-Sans-JP-Medium'; line-height: 160%; padding: 0 0 30px; }
#register #thanks p { font-size: 12px; font-family: 'Noto-Sans-JP-Medium'; line-height: 200%; padding: 0 0 65px; }
#register #thanks p a { color: #32b5fc; text-decoration: underline; }
#register #thanks p.btn { padding: 0; }
#register #thanks p.btn a { font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; color: #fff; text-decoration: none; margin: 0 auto 45px; }

#register #accept th { vertical-align: text-bottom; width: 170px; padding: 29px 0; text-align: left; border-bottom: 1px #ededed solid; font-family: 'Noto-Sans-JP-Bold';}
#register #accept th span { color: #be1111; }
#register #accept td { padding: 25px 0; text-align: left; border-bottom: 1px #ededed solid;}
#register #accept td span { color: #9c9c9c; font-size: 12px; }
#register #accept form .btn { padding: 60px 0 0; }
#register #accept form .btn a { color: #fff; }


#register #accept .note { padding: 0 0 40px; }
#register #accept .note p { padding: 0 0 20px; font-size: 18px; text-align: center; }
#register #accept .note span { color: #be1111; display: block; text-align: center; }
#register #accept .btn a { margin: 0 auto 20px; }

#complete { background: #efefef; padding: 70px 0 25px; text-align: center;}
#complete h3 { font-size: 24px; padding: 0 0 30px;}
#complete p.btn { padding: 50px 0 0;}
#complete p.btn a { margin: 0;}


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv { background: url(../images/users/fv.jpg) no-repeat center center; padding: 30% 0; }
#fv h2 { font-size: 40px; }
#fv h2 span { line-height: 130%;}

#register { padding: 35px 0;}
#contents { width: 89%; min-width: inherit; padding: 30px 3% 40px;}
#register form div { padding: 20px 3%; margin: 35px 0 30px;}
#register form input[type="submit"] 	{ font-size: 16px; }
#register form input[type="text"], #register form input[type="password"] { padding: 5px 0 5px 3%; width: 97%; margin: 10px 0 0;}
#register form table th,
#register form table td { display: block;}
#register form .btn { padding: 20px 0 20px;}
#register form .btn input[type="submit"] { width: 100%;}

#register #thanks { padding: 0 3%;}
#register h3 { font-size: 20px; padding: 20px 0;}
#register #thanks h4 { font-size: 16px;}


#register #accept th,
#register #accept td { width: 100%; padding: 10px 0; text-align: left; border-bottom: 1px #ededed solid; font-family: 'Noto-Sans-JP-Bold'; display: block; font-size: 14px;}
#register #accept td { border-bottom: none; padding: 13px 0;}
#register #accept table tr.short td input[type="text"] { width: 30%; margin: 0;}
#register #accept p.btn a { width: 100%; height: 45px; line-height: 45px;}