/* _content/CreditCardApp/Components/CardCaptureDialog.razor.rz.scp.css */
.appmain[b-yrn75rz7a5] {
    background-color:white;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

.mainContainer[b-yrn75rz7a5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
}

#cameraContainer[b-yrn75rz7a5] {
    width: 100%;
    height: 50vh;
}

#videoElement[b-yrn75rz7a5] {
    top: 0;
    left: 0;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

canvas[b-yrn75rz7a5] {
    top: 0;
    left: 0;
}

#crosshair1[b-yrn75rz7a5], #crosshair2[b-yrn75rz7a5] {
    border: 2px solid red;
    pointer-events: none;
}

#crosshair1[b-yrn75rz7a5] {
    position: absolute;
    left: 30px;
    top: 120px;
    width: 150px;
    height: 30px;
}

#crosshair2[b-yrn75rz7a5] {
    position: absolute;
    left: 210px;
    top: 120px;
    width: 50px;
    height: 30px;
}

#imageArea1[b-yrn75rz7a5] {
    width: 150px;
    height: 30px;
}

#imageArea2[b-yrn75rz7a5] {
    width: 50px;
    height: 30px;
}

#captureButton[b-yrn75rz7a5] {
    top: 10px;
    left: 10px;
}

#imageDataURLContainer[b-yrn75rz7a5] {
    position: relative;
    top: 140px;
    left: 10px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#btnRunCsharp[b-yrn75rz7a5] {
   visibility:hidden;
}

#emoneyId[b-yrn75rz7a5] {

}

#pin[b-yrn75rz7a5] {

}

#debug-area[b-yrn75rz7a5] {
/*    display: flex;
    align-items: center;
    justify-content: center;*/
    width: 100%;
    height: 20%;
}

#buttonarea[b-yrn75rz7a5] {
    display: flex;
    align-items:flex-end;
    justify-content: center;
    width: 100%;
    height: 20%;
}
/* _content/CreditCardApp/Components/Header.razor.rz.scp.css */

.app-header[b-erg2rpyitr] {
    /*background-color: #fff;/* 背景色を白に */
    display: flex; /* 横並び（flexbox） */
    align-items: center; /* 縦中央揃え */
    margin-bottom: 0px; /* 下の余白（必要なら調整） */
    padding: 0.5rem; /* Bootstrapのp-2相当 */
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); /* Bootstrapのshadow-sm相当 */
}

    .app-header img[b-erg2rpyitr] {
        width: 20vw; /* 画像の幅 */
        /*height: 70px; /* 画像の高さ */
        object-fit: contain; /* アスペクト比を維持して収まるように */
        margin-right: 1vw; /* 画像と隣の要素の間隔（必要なら調整） */
    }

.header-underline[b-erg2rpyitr] {
    width: 100%;
    height: 0.2vw; /* 線の太さ */
    background-color: #003366; /* 青色（Bootstrapのprimary色） */
    margin-bottom: 4vh; /* 下の余白（必要なら調整） */
    min-width: auto; /* 最小幅 */
}



/**************************************************
    PC
**************************************************/
@media (min-width:768px) {
    
}


/**************************************************
スマホ
**************************************************/
@media (max-width:767px) {
    .app-header img[b-erg2rpyitr] {
        width: 40vw; /* 画像の幅 */

    }
    
}    
/* _content/CreditCardApp/Components/OkDialog.razor.rz.scp.css */
/**************************************************
    共通設定
**************************************************/
.container-body[b-j91dexbmuz] {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(20, calc(100% / 20));
    grid-template-rows: 1rem auto 1rem;
    grid-template-areas:
        ".   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .  "
        ".   i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01"
        ".   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .  ";
}

    .container-body .grid-item1[b-j91dexbmuz] {
        grid-area: i01;
        align-self: flex-start;
    }

/*モーダルのカスタム設定*/
.modal.fade[b-j91dexbmuz] {
    overflow-y: hidden;
    background-color: rgba(128, 128, 128, 0.5);
}

    .modal.fade .modal-dialog[b-j91dexbmuz] {
        height: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
    }

.container-footer[b-j91dexbmuz] {
    display: flex;
    justify-content: center;
}


/**************************************************
    PC
**************************************************/
@media (min-width: 1021px) {
    .modal.fade .modal-dialog .modal-content[b-j91dexbmuz] {
        width: 30rem;
    }
}

/**************************************************
    タブレット
    今のところ設定不要
**************************************************/
/*@media (max-width: 1020px) and (min-width: 768px){

}*/

/**************************************************
    スマホ
**************************************************/
@media (max-width: 767px) {
    .modal.fade .modal-dialog .modal-content[b-j91dexbmuz] {
        width: 20rem;
    }
}
/* _content/CreditCardApp/Components/TermOfUseDialog.razor.rz.scp.css */
/**************************************************
    共通設定
**************************************************/
.container-body[b-ovib3ktjs2] {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(20, calc(100% / 20));
    grid-template-rows: 1rem auto 1rem;
    grid-template-areas:
        ".   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .  "
        ".   i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01 i01"
        ".   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .   .  ";
}

    .container-body .grid-item1[b-ovib3ktjs2] {
        grid-area: i01;
        align-self: flex-start;
    }

/*モーダルのカスタム設定*/
.modal.fade[b-ovib3ktjs2] {
    overflow-y: hidden;
    background-color: rgba(128, 128, 128, 0.5);
}

/*    .modal.fade .modal-dialog {
        height: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
    }*/
.modal-dialog[b-ovib3ktjs2] {
    max-height: 100%;
    max-width: 100%;
}

.modal-content[b-ovib3ktjs2] {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.modal-body[b-ovib3ktjs2] {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.modal-header[b-ovib3ktjs2] {
    max-width: 100%;
    width: 100%;
}

.modal-title[b-ovib3ktjs2] {
    max-width: 100%;
    width: 100%;
    text-align: center;
}

.container-footer[b-ovib3ktjs2] {
    display: flex;
    justify-content: center;
}

#term_of_use[b-ovib3ktjs2] {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

/**************************************************
    PC
**************************************************/
@media (min-width:751px) {
    .modal-dialog[b-ovib3ktjs2] {
        height: 70%;
        width: 70%;
    }
}

/**************************************************
    スマホ
**************************************************/
@media (max-width:750px) {
    .modal-dialog[b-ovib3ktjs2] {
        height: 100%;
        width: 100%;
        margin:0px;
    }
}
/* _content/CreditCardApp/Pages/Credit/Apply/Guidelines/CreditGuidelinesPage.razor.rz.scp.css */
.appheader[b-zjwc1wqk6d] {
    border-bottom: 1px solid rgba(199, 199, 199, 1);
}

.appmain[b-zjwc1wqk6d] {
    border-bottom: 1px solid rgba(199, 199, 199, 1);
}

.buttonarea[b-zjwc1wqk6d] {
    margin: 10px;
}

.processtable[b-zjwc1wqk6d] {
    border: 1px solid rgba(199, 199, 199, 1);
    margin-bottom: 100px;
    margin-top: 100px;
    width: 40%;
}

    .processtable .row[b-zjwc1wqk6d] {
        margin: 10px;
    }

    .processtable .rowdata[b-zjwc1wqk6d] {
        border-bottom: 1px solid rgba(199, 199, 199, 1);
    }

    .processtable .rowdata .text[b-zjwc1wqk6d] {
        
    }

    .processtable .rowdata .balance[b-zjwc1wqk6d] {
        text-align:right;
    }



/***********************************************************
    追記箇所
************************************************************/
.whole-screen-format[b-zjwc1wqk6d] {
    background-color: #fff; /* 白背景 */
    padding: 0.5rem; /* Bootstrapのp-2相当 */
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); /* Bootstrapのshadow-sm相当 */
    width: 100%;
    max-width: 1600px; /* 固定幅 */
    min-width: 1400px; /* 最小幅 */
    /*overflow-x: auto; /* 横スクロール許可 */
    font-weight: bold; /* 太字 */
    margin: 0 auto;
}

.section-title-add[b-zjwc1wqk6d] {
    width: 55%;
    padding: 0.3vw 0.3vw;
    max-width: 400px;
}

.section-title-blue .title-break[b-zjwc1wqk6d] {
    display: none;
}

.section-title-half-blue-block .title-break[b-zjwc1wqk6d] {
    display: none;
}

.fresta-credit-face-img[b-zjwc1wqk6d] {
    height: 20vw;
    max-height: 180px;
    margin-top: min(8vw,40px);
    margin-bottom: min(8vw,40px);
}


/* 箇条書きリスト */
.info-list[b-zjwc1wqk6d] {
    list-style: disc; /* 黒丸の箇条書き */
    padding-left: 2vw; /* 箇条書き記号のための左パディング */
    margin: 0; /* デフォルトマージンをリセット */
}

    .info-list li[b-zjwc1wqk6d] {
        margin-bottom: 1.8vw;
        line-height: 1.2; /* 行の高さ */
        font-size: clamp(0px,2vw,20px);
    }

        .info-list li.important-color[b-zjwc1wqk6d] {
            color: red;
        }

/* 注意事項タイトル */
.Precautions-text-title[b-zjwc1wqk6d] {
    font-size: clamp(0px,2.5vw,25px);
    margin-bottom: 2vw;
    margin-top: 10vw;
}

/**************************************************
    フォーマとが崩れるため
**************************************************/
/*@media (max-width: 1020px) and (min-width: 768px){*/
@media (min-width: 1144px) {
    .section-title-blue[b-zjwc1wqk6d] {
        padding: 1vw 3vw;
        font-size: clamp(0px,1.7vw,130px);
        margin-bottom: 3vw;
        width: 100%;
        margin: 0 auto;
    }

    .section-title-blue .title-break[b-zjwc1wqk6d] {
        display: none;
    }

    .section-title-half-blue-block[b-zjwc1wqk6d] {
        background-color: #003366; /* 濃い青 */
        padding: 1vw 1vw;
        font-size: clamp(0px,1.7vw,130px);
        width: 43%;
        max-width: 1300px;
    }

    .content-list li[b-zjwc1wqk6d] {
        margin-bottom: 1.8vw;
        line-height: 1.2;
        color: #000;
        font-size: clamp(0px,1.5vw,120px);
    }

    .fresta-credit-face-img[b-zjwc1wqk6d] {
        height: 13vw;
        max-height: 1180px;
        margin-top: min(3vw,1140px);
        margin-bottom: min(3vw,1140px);
    }

    .Precautions-text-title[b-zjwc1wqk6d] {
        font-size: clamp(0px,1.5vw,120px);
        margin-bottom: 2vw;
        margin-top: 10vw;
    }

    .info-list li[b-zjwc1wqk6d] {
        margin-bottom: 2.0vw;
        line-height: 1.8; /* 行の高さ */
        font-size: clamp(10px,1.5vw,120px);
    }
}


/**************************************************
    PC/タブレット
**************************************************/
@media (min-width: 768px) {
    .processtable[b-zjwc1wqk6d] {
        width: 40%;
    }

    .appfooter[b-zjwc1wqk6d] {
        padding: 50px;
    }

    .section-title-blue .title-break[b-zjwc1wqk6d] {
        display: block;
    }

    .section-title-half-blue-block .title-break[b-zjwc1wqk6d] {
        display: block;
    }

    /* 注意事項タイトル */
    .Precautions-text-title[b-zjwc1wqk6d] {
        margin-top: 8vw;
    }
}

/**************************************************
    スマホ
**************************************************/
@media (max-width: 767px) {
    .processtable[b-zjwc1wqk6d] {
        font-size:14px;
        width: 100%;
    }

    .appfooter[b-zjwc1wqk6d] {
        padding: 20px;
    }

    .section-title-half-blue-line[b-zjwc1wqk6d] {
        /*width: 1100px;*/
        width: 100%;
        height: 0.3vw; /* 線の太さ */
        background-color: #003366;
        margin-bottom: clamp(30px,5vh,100px);
    }

    .section-title-half-blue-block[b-zjwc1wqk6d] {
        background-color: #003366; /* 濃い青 */
        color: white;
        padding: 1vw 1vw;
        font-size: clamp(11px,2.3vw,25px);
        font-weight: bold;
        text-align: center;
        width: 50%;
        max-width: 300px;
        margin-left: 0;
    }

    .section-title-add[b-zjwc1wqk6d] {
        width: 65%;
        padding: 0.3vw 0.3vw;
        max-width: 400px;
    }

    .section-title-blue .title-break[b-zjwc1wqk6d] {
        display: block;
    }

    .section-title-half-blue-block .title-break[b-zjwc1wqk6d] {
        display: block;
    }

    .fresta-credit-face-img[b-zjwc1wqk6d] {
        height: 25vw;
        max-height: 180px;
        margin-top: min(8vw,40px);
        margin-bottom: min(8vw,40px);
    }

    .Precautions-text-title[b-zjwc1wqk6d] {
        font-size: clamp(10px,2.5vw,25px);
        margin-bottom: 3vw;
        margin-top: 10vw;
    }

    .content-list[b-zjwc1wqk6d] {
        margin-bottom: 3vh;
    }
        .content-list li[b-zjwc1wqk6d] {
            margin-bottom: 1.8vw;
            line-height: 1.5;
            font-size: clamp(10px,2.3vw,40px);
        }

    .info-list li[b-zjwc1wqk6d] {
        margin-bottom: 2.0vw;
        line-height: 1.8; /* 行の高さ */
        font-size: clamp(10px,2.3vw,40px);
    }
}











/* _content/CreditCardApp/Pages/Credit/Apply/UserAuth/UserAuthenticationPage.razor.rz.scp.css */
.appheader[b-xxjq6hwc9f] {
    border-bottom: 1px solid rgba(199, 199, 199, 1);
}

.appmain[b-xxjq6hwc9f] {
    border-bottom: 1px solid rgba(199, 199, 199, 1);
}

.buttonarea[b-xxjq6hwc9f] {
    margin: 10px;
}

.processtable[b-xxjq6hwc9f] {
    border: 1px solid rgba(199, 199, 199, 1);
    margin-bottom: 100px;
    margin-top: 100px;
    width: 40%;
}

    .processtable .row[b-xxjq6hwc9f] {
        margin: 10px;
    }

    .processtable .rowdata[b-xxjq6hwc9f] {
        border-bottom: 1px solid rgba(199, 199, 199, 1);
    }

    .processtable .rowdata .text[b-xxjq6hwc9f] {
        
    }

    .processtable .rowdata .balance[b-xxjq6hwc9f] {
        text-align:right;
    }




/***********************************************************
    追記箇所
************************************************************/
.whole-screen-format[b-xxjq6hwc9f] {
    background-color: #fff; /* 白背景 */
    padding: 0.5rem; /* Bootstrapのp-2相当 */
    width: 100%;
    font-weight: bold; /* 太字 */
    margin: 0 auto;
}

.position[b-xxjq6hwc9f] {
    text-align: left;
}

.input-guide-text[b-xxjq6hwc9f] {
    font-size: clamp(12px,1.8vw,25px);
}
    .input-guide-text .title-break[b-xxjq6hwc9f] {
        display: none;
    }

.app-input-guide-text[b-xxjq6hwc9f] {
    font-size: clamp(10px,1.5vw,20px);
    margin-bottom: 3vh
}

.image-guidance-section[b-xxjq6hwc9f] {
    display: flex;
    justify-content: space-around; /* 左右の画像を均等に配置 */
    align-items: flex-start; /* 上揃え */
    margin-bottom: 20px;
}

.image-item[b-xxjq6hwc9f] {
    text-align: center;
    margin: 3vw;
    flex: 1; /* 均等な幅を占める */
}

.image-label[b-xxjq6hwc9f] {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: clamp(10px,1.5vw,120px);
}

.guidance-image[b-xxjq6hwc9f] {
    max-width: 100%;
    height: auto;
}

.app-image[b-xxjq6hwc9f] {
    max-width: 80%;
    margin: 0 auto;
}

.kaiinNum-guide-text[b-xxjq6hwc9f] {
    font-size: clamp(12px,2.0vw,30px);
    margin-bottom: 5vw
}

.fresta-smile-img[b-xxjq6hwc9f] {
    height: 20vw;
    max-height: 400px;
    min-height: 150px;
    margin-top: 1vw;
    margin-bottom: 2vw;
}

.title-textbox[b-xxjq6hwc9f] {
    font-size : 1.8vw;
}

.user-auth-label[b-xxjq6hwc9f] {
    display: flex; /* 横並びにする */
    align-items: center; /* 縦に中央揃え */
    justify-content: center; /* 横に中央揃え */
    gap: 2.5vw;
    margin-bottom: 3vw;
}

.pin[b-xxjq6hwc9f] {
    width: 30vw; /* 横幅 */
    height: 3vw; /* 縦幅 */
    font-size: 1.8vw;
    text-align: center;
}

.inquiry-text[b-xxjq6hwc9f] {
    font-size: clamp(10px,1.5vw,120px);
    margin-bottom: 3vw;
}
    .inquiry-text .title-break[b-xxjq6hwc9f] {
        display: none;
    }


/**************************************************
    フォーマットが崩れるため
**************************************************/
@media (max-width: 1405px) {
    .position[b-xxjq6hwc9f]{
        text-align:left;
    }
    .input-guide-text .title-break[b-xxjq6hwc9f] {
        display: none;
    }
}

/**************************************************
    PC
**************************************************/
/*@media (min-width: 768px) {*/
@media (min-width: 1021px) {
    .processtable[b-xxjq6hwc9f] {
        width: 40%;
    }

    .appfooter[b-xxjq6hwc9f] {
        padding: 50px;
    }

    .input-guide-text[b-xxjq6hwc9f] {
        font-size: clamp(12px,1.83vw,130px);
    }

    .app-input-guide-text[b-xxjq6hwc9f] {
        font-size: clamp(9px,1.5vw,100px);
        margin-bottom: 3vw
    }

    .kaiinNum-guide-text[b-xxjq6hwc9f] {
        font-size: clamp(12px,1.5vw,120px);
        margin-bottom: 5vw
    }

    .section-title-half-blue-block[b-xxjq6hwc9f] {
        background-color: #003366; /* 濃い青 */
        padding: 1vw 1vw;
        font-size: clamp(0px,2.3vw,130px);
        width: 43%;
        max-width: 1300px;
    }
}

/**************************************************
    タブレット
**************************************************/
@media (max-width: 1020px) and (min-width: 768px) {
    .processtable[b-xxjq6hwc9f] {
        font-size: 14px;
        width: 100%;
    }

    .appfooter[b-xxjq6hwc9f] {
        padding: 20px;
    }

    .input-guide-text[b-xxjq6hwc9f] {
        font-size: clamp(12px,1.83vw,30px);
    }
        .input-guide-text .title-break[b-xxjq6hwc9f] {
            display: none;
        }

    .app-input-guide-text[b-xxjq6hwc9f] {
        font-size: clamp(9px,1.5vw,25px);
        margin-bottom: 3vw
    }

    .kaiinNum-guide-text[b-xxjq6hwc9f] {
        font-size: clamp(12px,2.0vw,25px);
        margin-bottom: 5vw
    }

    .fresta-smile-img[b-xxjq6hwc9f] {
        margin-top: 5vw;
    }

    .kaiinNum-guide-text[b-xxjq6hwc9f] {
        margin-bottom: 4vw
    }

    .section-title-half-blue-line[b-xxjq6hwc9f] {
        margin-bottom: 6vw;
    }

    .section-title-half-blue-block[b-xxjq6hwc9f] {
        font-size: clamp(18px,2.3vw,20px);
    }

    .title-textbox[b-xxjq6hwc9f] {
        font-size: clamp(10px, 3.0vw, 25px);
    }

    .user-auth-label[b-xxjq6hwc9f] {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .pin[b-xxjq6hwc9f] {
        width: 30vw; /* 横幅 */
        height: 10vw; /* 縦幅 */
        max-height: 35px;
        font-size: clamp(10px, 3.5vw, 25px);
        padding-left: 0vw;
        text-align: center;
    }

    .inquiry-text[b-xxjq6hwc9f] {
        font-size: clamp(10px,2.0vw,25px);
        margin-top: 10vw;
    }

        .inquiry-text .title-break[b-xxjq6hwc9f] {
            display: block;
        }

    .validation-message[b-xxjq6hwc9f] {
        font-size: 3.0vw;
        min-height: 5.0vw;
    }
}


/**************************************************
    スマホ
**************************************************/
@media (max-width: 767px) {
    .processtable[b-xxjq6hwc9f] {
        font-size: 14px;
        width: 100%;
    }

    .appfooter[b-xxjq6hwc9f] {
        padding: 20px;
    }

    .input-guide-text[b-xxjq6hwc9f] {
        font-size: clamp(12px,2.0vw,30px);
    }
        .input-guide-text .title-break[b-xxjq6hwc9f] {
            display: none;
        }

    .position[b-xxjq6hwc9f]{
        text-align:left
    }

    .image-item[b-xxjq6hwc9f] {
        text-align: center;
        margin: 0.5vw;
        min-width: 150px; 
    }

    .kaiinNum-guide-text[b-xxjq6hwc9f] {
        margin-bottom: 5vh
    }

    .section-title-half-blue-line[b-xxjq6hwc9f] {
        margin-bottom: clamp(0px,10vw,40px);
    }

    .section-title-half-blue-block[b-xxjq6hwc9f] {
        font-size: clamp(18px,2.3vw,20px);
    }

    .title-textbox[b-xxjq6hwc9f] {
        font-size: clamp(9px, 3.5vw, 25px);
        margin-bottom: clamp(14px, 4.5vh, 40px);
    }

    .user-auth-label[b-xxjq6hwc9f] {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .pin[b-xxjq6hwc9f] {
        width: 50vw; /* 横幅 */
        height: 6vw; /* 縦幅 */
        max-height: 30px;
        font-size: clamp(10px, 3.5vw, 25px);
        padding-left: 0vw;
        text-align: center;
    }

    .inquiry-text[b-xxjq6hwc9f] {
        font-size: clamp(10px,1.8vw,35px);
        margin-top: 10vw;
    }

        .inquiry-text .title-break[b-xxjq6hwc9f] {
            display: block;
        }
}


/* _content/CreditCardApp/Pages/Error/Error.razor.rz.scp.css */
.appheader[b-5brey89jv6] {
    border-bottom: 1px solid rgba(199, 199, 199, 1);
}

.appmain[b-5brey89jv6] {
    border-bottom: 1px solid rgba(199, 199, 199, 1);
}

.buttonarea[b-5brey89jv6] {
    margin: 10px;
}

.processtable[b-5brey89jv6] {
    border: 1px solid rgba(199, 199, 199, 1);
    margin-bottom: 100px;
    margin-top: 100px;
    width: 40%;
}

    .processtable .row[b-5brey89jv6] {
        margin: 10px;
    }

    .processtable .rowdata[b-5brey89jv6] {
        border-bottom: 1px solid rgba(199, 199, 199, 1);
    }

    .processtable .rowdata .text[b-5brey89jv6] {
        
    }

    .processtable .rowdata .balance[b-5brey89jv6] {
        text-align:right;
    }




/***********************************************************
    追記箇所
************************************************************/
.error-logo[b-5brey89jv6] {
    text-align: center;
    height: 20vh;
    max-height: 250px;
    min-height: 150px;
    margin-top: 10vh;
    margin-bottom: 5vh;
}

.error-main-text[b-5brey89jv6] {
    text-align: center;
    font-size: clamp(18px,10vh,40px);
    /*margin-top: 4vw;*/
    margin-bottom: 2vh
}

.error-sub-text[b-5brey89jv6] {
    text-align: center;
    font-size: clamp(12px,5vh,25px);
    margin-bottom: 10vh;
}
    .error-sub-text .title-break[b-5brey89jv6] {
        display: none;
    }

.apply-button[b-5brey89jv6] {
    background-color: #e0dcdb;; /* 薄いグレーの背景 */
    color: black; /* 白色の文字 */
    margin-top:10vh;
}


/**************************************************
    PC / タブレット
**************************************************/
@media (min-width: 768px) {
    .apply-button[b-5brey89jv6] {
        margin-top: 5vh;
        font-size: clamp(20px,2vh,40px);
    }
    
}

/**************************************************
    フォーマットとが崩れるため
**************************************************/
/*@media (max-width: 1020px) and (min-width: 768px){*/
@media (max-width: 1405px) {
    .[b-5brey89jv6]
}



/**************************************************
    スマホ
**************************************************/
@media (max-width: 767px) {
    .error-logo[b-5brey89jv6] {
        text-align: center;
        height: 20vh;
        max-height: 150px;
        min-height: 100px;
        margin-top: 10vh;
        margin-bottom: 5vh;
    }

    .error-main-text[b-5brey89jv6] {
        text-align: center;
        font-size: clamp(18px,10vh,30px);
        /*margin-top: 4vw;*/
        margin-bottom: 2vh
    }

    .error-sub-text[b-5brey89jv6] {
        text-align: center;
        font-size: clamp(12px,5vh,20px);
        margin-bottom: 10vh;
    }

    .apply-button[b-5brey89jv6] {
        margin-top: 5vh;
        font-size: clamp(15px,2vw,40px);
        margin-bottom:4vh
    }
}