/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .contact-brief {
    text-align: center;
    
 }
 .contact-brief>ul {
    width: 320px !important;
    margin: 0 auto;
}
.contact-brief>ul>li {
    text-align: left !important;
    margin-top: 2px;
}

 .btn-info {
    text-align: center;
 }
 .btn-apply {
    border: none !important;
    font-size: 13px !important;
    font-weight: bold !important;

    color: #FFF !important;
    background: red !important;
    margin-top: 16px !important;
    min-width: 120px !important;
    padding: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius:40px !important;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
}
.btn-apply-disabled, .btn-apply-edit {
    border: none !important;
    font-size: 13px !important;
    font-weight: bold !important;

    opacity: 0.5;
    color: #FFF !important;
    background: red !important;
    margin-top: 16px !important;
    min-width: 120px !important;
    padding: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius:40px !important;

    -moz-transition:none !important;
    -o-transition:none !important;
    -webkit-transition:none !important;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
}
.btn-apply-edit {
    color: #000 !important;
    background: #0dcaf0 !important;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
}
.btn-back {
    border: none !important;
    font-size: 13px !important;
    font-weight: bold !important;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
}
button, input[type="button"]:hover {
    opacity: 0.7 !important;
}
.hr {
    margin: 1em -1em;
    border-top: 1px solid rgba(0,0,0,.125);
}
.plan-note {
    font-size: 10px;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
}
.card-item {
    font-size: 14px;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
}
.font12 {
    font-size: 12px;
}
.fontB12 {
    font-size: 12px;
    font-weight: bold;
}

.bold-label {
    font-weight: bold;
}
.card-icon {
    width: 64px;
    height: 64px;
    float: left;
    margin: 12px;
}
.card-icon:first-child {
    margin-left: 0;
}
.card-opacity {
    opacity: 0.3;
}
.exp {
    color:red; 
    padding:0;
    margin:0; 
    font-size:10px;
    margin-top: -10px;  
}
.expire {
    width:260px;
    margin-left: 0 !important;
    background-color: #f2f2f2;
    border: 1px solid #e9e9e9;
}
.the-same-label {
    font: normal normal normal 13px/19px Source Han Sans JP;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
    letter-spacing: 0px;
    color: #3B4043;
}
.plan-label {
    font: normal normal normal 16px/24px Noto Sans JP;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
    letter-spacing: 0px;
    color: #3B4043;
}
.btn-payment {
    width: 307px;
    height: 46px;
    color: #FFFFFF !important;
    background: #FF729A 0% 0% no-repeat padding-box !important;
    font: normal normal bold 16px/30px Source Han Sans JP !important;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
    
}
.btn-payment-next {
    width:132px;
    margin-left:16px;
    height: 46px ! important; 

    font: normal normal bold 16px/30px Source Han Sans JP !important;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
    color: #FFFFFF !important;
    background: #FF729A 0% 0% no-repeat padding-box !important;
}
.btn-payment-edit {
    width: 158px; 
    height: 46px !important; 
    border-radius: 40px !important;
    color: #004BB1 !important;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 2px solid #CDD6DD !important; 
    font: normal normal bold 16px/30px Source Han Sans JP !important;
    font-family: Noto Sans JP,Meiryo,ヒラギノ角ゴ,sans-serif !important;
}