@charset "utf-8";
/* 会員登録フォームのcss */

/*=========================================
		登録状況の確認
=========================================*/
#regi-top_wrap .table,
#regi-top_wrap .td,
#regi-top_wrap .colorbox { height: 100%; }
#regi-top_wrap .colorbox h3 { margin: 0; }
#regi-top_wrap .colorbox strong span { display: inline; }
#regi-top_wrap .colorbox .btn_wrap { margin: 1rem auto 0; }
#regi-top_wrap .colorbox .btn_wrap a { line-height: 1.3; }
#regi-top_wrap .td { vertical-align: top; }

/*=========================================
		メール送信
=========================================*/
#mail { margin: 6rem 0 5rem; }

/* 初めて寄附をする方 */
#regi-new-index_wrap dl {
	margin-bottom: 0;
	border: none;
	padding-bottom: 0; 
}

/*=========================================
		基本情報の入力
=========================================*/
#regi-input_wrap .form { margin-top: 6rem; }
#regi-input_wrap #member { margin-top: 0; }
#regi-input_wrap #document.form .caption {
    margin: 1rem 0 1.5rem;
    text-align: center;
}
#regi-input_wrap .form .check-parent {
    text-align: center;
    margin-bottom: 0;
}
#regi-input_wrap #login { margin-bottom: 8rem; }

/*=========================================
		入力内容の確認
=========================================*/
#regi-check_wrap #member { margin-top: 0; }
#regi-check_wrap #login { margin-bottom: 6rem; }
#regi-check_wrap .no { 
	padding: 0rem 0 6rem;
	font-weight: bold;
}

/*=========================================
		登録完了
=========================================*/
#regi-thanks_wrap .caption { margin-top: 0; }

@media screen and (min-width: 1000px) {
	/*=========================================
			登録状況の確認
	=========================================*/
	#regi-top_wrap .td:first-of-type { padding-right: 20px; }
	#regi-top_wrap .td:last-of-type { padding-left: 20px; }
	
	/*=========================================
			登録完了
	=========================================*/
	#regi-thanks_wrap .thanks-comment { margin: 6rem 0 2rem !important; }
}

@media screen and (max-width: 999px) {
	.caption .caution { text-align: left; }
	
	/*=========================================
			登録状況の確認
	=========================================*/
	#regi-top_wrap .td .btn_wrap { width: 100%; }
	
	/*=========================================
			メール送信
	=========================================*/
	#mail { margin: 5rem 0; }
	
	/*=========================================
			基本情報の入力
	=========================================*/
	#regi-input_wrap #login { margin-bottom: 5rem; }
	
	/*=========================================
			入力内容の確認
	=========================================*/
	#regi-check_wrap #login { margin-bottom: 6rem; }
	
	/*=========================================
			登録完了
	=========================================*/
	#regi-thanks_wrap .thanks-comment { margin: 4rem 0 2rem !important; }	
}

@media screen and (max-width: 999px) and (min-width: 481px) {
	/*=========================================
			登録状況の確認
	=========================================*/
	#regi-top_wrap .td:first-of-type { padding-right: 15px; }
	#regi-top_wrap .td:last-of-type { padding-left: 15px; }
	
	/*=========================================
			基本情報の入力
	=========================================*/
	/*　以前寄附したことのある方 */
	#regi-exist-input .caption .caution { text-align: center; }
	
	/*=========================================
			入力内容の確認
	=========================================*/
	#regi-check_wrap .no { padding: 0rem 0 3rem; }
	
	/*=========================================
			登録完了
	=========================================*/
	/*　以前寄附したことのある方 */
	#regi-exist-thanks .caption { text-align: left !important; }	
}

@media screen and (min-width: 481px) {
	/*=========================================
			入力内容の確認
	=========================================*/
	#regi-check_wrap .form { margin-top: 6rem; }		
}

@media screen and (max-width: 480px) {
	/*=========================================
			登録状況の確認
	=========================================*/
	#regi-top_wrap .td:first-of-type { margin-bottom: 2.5rem; }
	
	/*=========================================
			メール送信
	=========================================*/
	#mail { margin: 4rem 0; }
	#mail.form dt.td.ver-top { padding-top: 0; }
		
	/*=========================================
			入力内容の確認
	=========================================*/
	#regi-check_wrap .form { margin-top: 4rem; }
	#regi-check_wrap #login { margin-bottom: 4rem; }
	#regi-check_wrap .no { padding: 0rem 0 1rem; }
	
	/*=========================================
			登録完了
	=========================================*/
	#regi-thanks_wrap .thanks-comment { text-align: center; }	
}