@charset "utf-8";
/* CSS Document */

.reg_check .span_block{
	display: block;
	padding-left: 1em;
}
.menu .head_box{
	width: 100%;
}
.menu h1{
	margin: 0 auto;
	padding: 0;
	float: none;
	width: 90%;
	text-align: center;
}
.menu h1 .logo_txt{
	width: 100%;
	margin: 0 auto;
}
.menu .phone{
	display: none;
}

#new{
	position: relative;
	background-attachment: fixed;
	background: linear-gradient(#E0E0E0, #C9D0DE);
}
.wrap{
	width: 85%;
	margin: 0 auto;
}
.wrap h3{
	width: 95%;
	margin: 0 auto 0px;
}
.pre {
	margin: 40px 0 20px 0;
}
.pre dl.course{
	width: 95%;
	padding: 20px 0px;
}
.pre .course dt{
	width: 100%;
	float: none;
}
.pre .course dd{
	float: none;
	width: 100%;
}
.pre .mailcheck{
	width: 85%;
}
.pre .mailcheck div.pass, .pre .mailcheck div.pass_re{
	width: 100%;
	float: none;
}
.pre .mailcheck input{
	width: 90% !important;
}
.post .step, .pre .step{
	width: 90%
}
dl.user_data{
	
}
.post div.pay_m{
	width: 100%;
	padding: 0px 0px 35px;
}
.post .step{
	width: 100%;
}
.pay_m .button_credit{
	float: none;
	margin: 0 auto;
}
.card_brand{
	margin: 5px auto 0;
	left: 0;
	right: 0;
	width: 294px;
}
.pay_m .credit{
	margin: 20px 0 50px;
}
.pay_m .credit_info{
	width: 90%;
	line-height: 30px;
	z-index: 0;
	text-align: right;
}
.pay_m .credit_info:before{
	left:auto;
	right: 30px;
}
#AmazonPayButton{
	float: none;
	text-align: center;
}
dl .name_l, dl .name_f, p.pay_m, p.pay_m{
	width: 100%;
	float: none;
}
.post .box_credit{
	width: 100%;
}
.post .box_credit dd span{
	display: block;
	line-height: 1em;
	margin-bottom: 15px;
}
.post .pay_m .credit_info_popup{
	left: 0;
	width: 75%;
	padding: 20px 20px 20px 15px;
}
.post .box_credit .cvc_info_popup{
	width: 70%;
	left: 0;
}
.post .pay_m .amazon_info_popup{
	width: 75%;
	padding: 20px;
	left: 0;
}
.AmazonPayButton{
	width: 80%;
	margin: 0 auto;
}
.amazonpay-button-inner-image{
	
}
.post .regulation, .pre .regulation{
	width: 100%;
}
.post .reg_check, .pre .reg_check{
	width: 100%;
}
.pre .mailcheck .reg_check input{
	width: 10px !important;
	transform:scale(2.0);
}
.post .settle{
	width: 100%;
}
.pop_error_pass p{
	width: 90%;
	box-sizing: border-box;
}

.post .step3{
	margin: 30px auto 0;
}

.complete dl.data{
	width: 85%;
	word-break : break-all;
}
.complete {
	margin: 30px 0 0 0;
}
.complete dl.data dd#mail{
	word-break : break-all;
}
.mypage{
	width: 90%;
	padding: 30px 20px;
}
.mypage dl.data dt{
	float: none;
	width: 100%;
	margin: 0;
}
.mypage dl.data dd{
	float: none;
	width: 100%;
	text-align: left;
}
.mypage .data dd span{
	top: -2em;
}
.mypage .box_cancel a, .popup .box_pass .box_cancel a{
	width: 100%;
}
.mypage .box_cancel .btn_back{
	margin: 20px auto 0px;
}
.mypage .question{
	width: 100%;
}
.popup .box_pass{
	width: 90%;
}
.popup .box_pass .box_cancel .btn_back{
	margin-bottom: 0;
}

.cancel_box{
	width: 100%;
	margin: 20px auto 200px;
	padding: 20px 30px 50px;
}
.cancel_box .box_voice h4{
	font-size: 20px;
}
.cancel_box .box_voice h4 span{
	display:block;
}
.cancel_box .lets{
	display: block;
}
.cancel_box .lets .logo{
	text-align: center;
	margin: 20px 0;
}
.cancel_box .lets h4{
	margin: 0;
	text-align: center;
}
.cancel_box_last{
	width: 100%;
	padding: 30px 30px 50px;
}
.mypage .box_cancel a, .cancel_box_last .box_cancel a{
	width: 100%;
}
.mypage .box_cancel .btn_back, .cancel_box_last .box_cancel .btn_back, .cancel_box_last .box_cancel .btn_cancel{
	margin: 10px auto;
}

.post .box_credit .expiry_info_popup{
	right: auto;
	left: 0;
	width: 70%;
}
.post .box_credit .expiry_info_popup img{
	width: 100%;
}
#walletWidgetDiv{
	margin: 20px auto 0;
	width: 100%;
}

.complete p{
	width: 100%;
}

footer .box_contact{
	width: 100%;
}
footer .box_contact .logo{
	height: auto;
	width: 90%;
}
footer .box_contact .law{
	float: none;
}
footer .box_contact .law a{
	display: block;
	text-align: center;
}
footer .box_contact .law span{
	display: none;
}
footer .box_contact .phone{
	float: none;
	text-align: center;
}