@charset "euc-jp";
/*

    申し込みフォーム用スタイル
   
*/

/* ----------------------------------------------------------
    ログイン画面
------------------------------------------------------------- */

.order_login {
	margin-bottom: 40px;
	padding: 20px;
	text-align: center;
	border: 1px solid #b9b9b9;
}

.order_login-ttl {
	margin-bottom: 20px;
	font-size: 18px;
	padding: 10px;
	color: #fff;
	background-color: #29517c;
}

.order_login > dd {
	margin-bottom: 35px;
	font-size: 14px;
}
.order_login > dd:last-child {
	margin-bottom: 0px;
}
.order_login > dd > input {
	width: 350px;
	margin-bottom: 5px;
	font-size: 16px;
}

.btn_xinfo_login {
	padding: 25px 80px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #29517c;
    border: 2px solid #223e5d;
    border-radius: 5px;
}

/* SP */
@media only screen and (min-width: 0) and (max-width: 767px) {
	
	.order_login {
		margin-bottom: 20px;
		padding: 15px 10px;
	}

	.order_login-ttl { font-size: 16px; }
	.order_login > dd { margin-bottom: 20px; }

	.order_login > dd > input { width: 230px; }
	
}

/* ----------------------------------------------------------
    SMS認証関連
------------------------------------------------------------- */

.sms-form {
    max-width: 540px!important;
}

.sms_body {
    padding: 0 50px;
}

.sms-form .order_header , .sms-form .order_ttl {
    margin: 0 0 20px!important;
}

.flow-ttl {
    margin: 0 0 10px;
    background: #e8eff6;
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
}

.flow-number {
    display: inline-block;
    padding: 18px 12px;
    margin: 0 8px 0 0;
    background: #1960a5;
    font-size: 21px;
    color: #fff;
    text-align: center;
    line-height: 1px;
}

.flow_inner {
    margin: 20px 0 35px;
    text-align: center;
}

.sms_txt {
    padding: 5px 8px;
    height: 30px;
    max-width: 270px;
    border-radius: 3px;
    border: 1px solid #ccc;
    position: relative;
    top: -2px;
}

.sms_select {
    padding: 10px;
    max-width: 150px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.sms_radio {
    width: 200px;
    height: 20px;
    margin: 0 2px;
    padding: 10px 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 11px;
    text-align: center;
}

.sms-form input.is-success , .sms-form select.is-success {
    background: #dff2e7;
    border: 1px solid #2ecc71;
}

.sms-form .error {
    margin: 10px 0;
    text-align: center;
}

.sms_back {
    background: #939393;/* Old Browsers */
    background: -moz-linear-gradient(top, #acacac 0, #a1a1a1 50%, #959595 51%, #939393 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #acacac), color-stop(50%, #a1a1a1), color-stop(51%, #959595), color-stop(100%, #939393));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #acacac 0, #a1a1a1 50%, #959595 51%, #939393 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #acacac 0, #a1a1a1 50%, #959595 51%, #939393 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #acacac 0, #a1a1a1 50%, #959595 51%, #939393 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #acacac 0, #a1a1a1 50%, #959595 51%, #939393 100%);/* W3C */
    text-shadow: 0 -1px 0 #777;
}

.sms-sub-ttl {
    padding: 10px;
    background: #e8eff6;
    line-height: 1.2;
    font-size: 16px;
    font-weight: bold;
}

.code_anchor {
    border: none;
    background: none;
    text-decoration: underline;
    color: #333;
    cursor: pointer;
}

.sms-msg {
    margin: 10px auto 30px;
    max-width: 80%;
}

.order_do-ttl {
    padding: 30px 0 40px;
    color: #1960a5;
    font-size: 25px;
    text-align: center;
}

.sms_check {
    display: inline-block;
    padding: 5px 12px 5px 28px;
    margin-top: 30px;
    background: url(../img/common/ico_ok.png) 11px 50% no-repeat;
    font-size: 16px;
    font-weight: bold;
    color: #39cc74;
    border: 1px solid #39cc74;
}

/* SP */
@media only screen and (min-width: 0) and (max-width: 767px) {
    
    .sms-form .order_header , .sms-form .order_ttl {
        margin: 0 0 5px!important;
    }
	
	.flow-ttl {
        display: flex;
        margin: 0 0 10px;
        background: #e8eff6;
        line-height: 1.2;
        font-size: 14px;
        font-weight: bold;
    }

    .flow-number {
        display: inline-block;
        padding: 14px 8px;
        margin: 0 8px 0 0;
        background: #1960a5;
        font-size: 18px;
        color: #fff;
        text-align: center;
        line-height: 1px;
    }
    
    .flow-txt {
        display: inline-block;
        padding: 8px 0;
    }
    
    .sms_select , .sms_radio {
        margin: 0 0 10px;
    }
    
    .sms-msg {
    margin: 10px auto 20px;
    max-width: 80%;
}
}

/* PC */
@media only screen and (min-width: 970px) {
    .tooltip {
        position: relative;
        top: -4px;
        margin: 0;
    }
}