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

/* extra-small-devices */
/* -------------------------------------------------- */
@media screen and (max-width: 480px) {

    .form-sp {
        font-size: 16px;
    }
    input[type="file"] {
        font-size: 12px;
        width: 91%;
    }

    /* mail-form */
    .mail-input-area {
        padding: 20px;
    }

    .for-extra-small{
        display: inline-block !important;
    }
    .for-middle-over{
        display: none !important;
    }
    .form-control{
        display: inline-block;
    }
    label.radiolabel-one-line {
        width:100%!important;
    }
    input[type=checkbox].inline-block {
        display:inline-block;
        width:20px;
        height:30px;
        vertical-align:top;
        margin: 1px 0 1px 5px;
    }
    label.checkboxlabel {
        display:inline-block;
        width:48%;
        height:35px;
        line-height:35px;
        background:#F8F8F8;
        border:1px solid #CCC;
    }
    span.help-inline-checkbox {
        font-weight: normal!important;
    }
    .inline-block-line {
        display: inline-block !important;
    }
    .pdf{
        margin-bottom: 10px;
        display: block !important;
        width: 90% !important;
    }
    .print{
        display: none !important;
    }

    /* agreement button */
    .netbranch-tearms_checkbox {
        display: block;
        position: relative;
        margin: 0 auto;
        margin-bottom: 20px;
        background: #fffafa;
        border: 1px solid salmon;
        border-radius: 3px;
        color: salmon;
        font-weight: bold;
        text-align: left !important;
        font-size: 15px !important;
        padding-left: 55px !important;
    }

    .netbranch-tearms_checkbox #dis-agreement-label {
        display: block;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: url(../images/netbranch_cmn_icon_checkbox01.png) no-repeat 25px 45%;
        cursor: pointer;
    }
    .netbranch-tearms_checkbox #agreement-label {
        display: block;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: url(../images/netbranch_cmn_icon_checkbox02.png) no-repeat 25px 48%;
        cursor: pointer;
    }
    .netbranch-tearms_checkbox #dis-foreign-label {
        display: block;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: url(../images/netbranch_cmn_icon_checkbox01.png) no-repeat 25px 45%;
        cursor: pointer;
    }
    .netbranch-tearms_checkbox #foreign-label {
        display: block;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: url(../images/netbranch_cmn_icon_checkbox02.png) no-repeat 25px 48%;
        cursor: pointer;
    }
    .sectionBox p {
        line-height: 1.5;
    }
    .netbranch-tearms_checkbox {
        color: #3399cc;
        font-weight: bold;
        text-align: center;
        font-size: 15px !important;
    }
    .customer-tearms_checkbox {
        display: block;
        position: relative;
        margin: 0 auto;
        margin-bottom: 20px;
        background: #fffafa;
        border: 1px solid salmon;
        border-radius: 3px;
        color: salmon;
        font-weight: bold;
        text-align: center!important;
        font-size: 15px !important;
    }

    .customer-tearms_checkbox #dis-agreement-label {
        display: block;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: url(../images/netbranch_cmn_icon_checkbox01.png) no-repeat 40px 48%;
        cursor: pointer;
    }
    .customer-tearms_checkbox #agreement-label {
        display: block;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: url(../images/netbranch_cmn_icon_checkbox02.png) no-repeat 40px 48%;
        cursor: pointer;
    }
    .sectionBox p {
        line-height: 1.5;
    }
    .customer-tearms_checkbox {
        color: #3399cc;
        font-weight: bold;
        text-align: center;
        font-size: 15px !important;
    }


    /*　title navigation */
    .center-block {
        text-align: left;
    }
    .radius-title {
       font-size: 15px !important;
    }
    .radius-small-title{
       font-size: 13px !important;
    }

    .flow{
    padding: 15px 0 0 0;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    }
    .bread {
      list-style : none;
      overflow : hidden;
      padding-left: 5px;
    }
    .bread li {
      float : left;
      line-height : 20px ;
    }
    .navigation{
        position: relative;
        background-color: #f0f0f0;
        color:#337ab7;
        font-weight:bold;
        font-size:20px;
    }
    .bubble {
        min-width: 95px;
        min-height: 45px;
        border: 1px solid #c6c6c6;
        margin: 1px;
        background: #fff;
        padding: 0px;
        position: relative;
        border-radius: 5px;
        color:#c6c6c6;
        font-weight:bold;
        font-size: 12px !important;
        line-height: 14px !important;
    }
    .customer-bubble {
        min-width: 70px;
        margin: 0;
        background: #fff;
        padding: 0;
        position: relative;
        border-radius: 5px;
        border: 1px solid #c6c6c6;
        color: #c6c6c6;
        font-weight:bold;
        font-size: 12px !important;
        line-height: 14px;
        min-height: 30px;
    }
    .arrow{
        margin: 0;
        padding-top: 15px;
        color: #fff;
        font-size: 10px;
    }
    .customer-arrow{
        margin: 0;
        padding-top: 12px;
        color: #fff;
        font-size: 10px;
    }

    .current{
        background: #0082fe;
        color:#fff;
        border: 1px solid #0082fe;
    }
    .bubble-current:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50px;
        border-top: 20px solid blue;
        border-top-color: inherit;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
    }
    .bubble-text-center{
        line-height: 20px;
    }

    #sp-other-loan, #sp-layout{
        display: block;
    }
    #pc-other-loan, #pc-layout{
        display: none;
    }
    .pc-layout-inline-tel{
        display: none;
    }
    .sp-layout-inline-tel{
        display: inline;
    }
    .sp-layout-flow{
        width:320px!important;
        padding-left: 0px;
    }

    /* footer */
    #footer{
        font-size: 10px !important;
    }

    /* other */
    .h3-caution {
        line-height: 1.3;
    }
    .h3-ttl {
        line-height: 1.3;
    }
    .radio-small-label{
        font-size: 10px !important;
    }

    .text-overflow-btn{
        font-size: 12px;
    }
    .contractual-repayments-table br {
        display: block;
    }
    .contractual-repayments-table table{
        display:table!important;
    }
    .contractual-repayments-table th{
        display:table-cell!important;
        width: 50%!important;
    }
    .contractual-repayments-table tr{
        display:table-row!important;
    }
    .contractual-repayments-table td {
        padding: 8px 0px 8px 2px!important;
        display:table-cell!important;
        width: 50%!important;
    }

    /* privacy */
    .provide tr{
        margin-bottom: 20px;
        border-left: 1px solid #4f4d47;
        border-right: 1px solid #4f4d47;
        border-bottom: 1px solid #4f4d47;
    }
    .provide  td{
        border-top: 1px solid #4f4d47 !important;
    }
    .erase {
        display: none !important;
    }
    .guarantee td:nth-of-type(1):before { content: "登録情報："; }
    .guarantee td:nth-of-type(2):before { content: "全国銀行個人信用情報センター："; }
    .guarantee td:nth-of-type(3):before { content: "株式会社シー・アイ・シー："; }
    .guarantee td:nth-of-type(4):before { content: "株式会社日本信用情報機構："; }

    .list tr {
        display: block;
    }
    .br:before {
        content: "\A" ;
        white-space: pre ;
    }
    .list th, .list td {
        border: medium none;
        display: list-item;
        list-style: outside none none;
    }

    .btn-area button {
        width: 264px !important;
        font-size: 14px !important;
    }

    .sm-r {
        text-align: right;
    }

    .explanation-info {
        font-size: 16px;
    }
}