@import '_content/RazorLibrary/RazorLibrary.bundle.scp.css';

/* /Pages/D01/Index.razor.rz.scp.css */
.main[b-opx8o4skso] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container[b-opx8o4skso] {
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.logo[b-opx8o4skso] {
    text-align: center;
    margin: 10px 0 10px;
    font-size: inherit;
    font-weight: inherit;
}

    .logo img[b-opx8o4skso] {
        width: 70%;
        max-width: 400px;
        margin: 0 auto;
    }
.logo-title[b-opx8o4skso] {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-weight: bold;
    font-size: 1.85rem;
    text-align:center;
}

.box-content[b-opx8o4skso] {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.title[b-opx8o4skso] {
    width: 91.666667%;
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: .75rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.75rem;
    font-weight: bold;
}

.sub-title[b-opx8o4skso] {
    font-size: 1.25rem;
    font-weight: 600;
    padding-bottom: 1.5rem;
    width: 91.666667%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

hr[b-opx8o4skso] {
    border-top-width: 1px;
    color: #DF082A;
    box-sizing: content-box;
    /*height: 0;*/
    overflow: visible;
    margin: 0;
    opacity: unset;
}

.text-content[b-opx8o4skso] {
    width: 91.666667%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    line-height:1.5;
}
.text-content-notice[b-opx8o4skso] {
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    padding:1.5rem 7.5rem;
}

.btn-red[b-opx8o4skso] {
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.g-btn[b-opx8o4skso] {
    background-color: #CC0022;
    background-image: none;
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    color: #fff;
    border-radius: .25rem;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    justify-content: center;
    align-items: center;
    padding: .75rem 1.5rem;
    min-width: 12rem;
    cursor: pointer;
    font-size: 1.25rem;
}

    .g-btn:hover[b-opx8o4skso] {
        background-color: #9B2222;
    }
    .g-btn:active[b-opx8o4skso] {
        border: 1px solid #000000;
        background-color: #9B2222;
    }

@media (max-width:768px) {
    .logo-title[b-opx8o4skso] {
        font-size: 1.5rem;
        padding-bottom: 3.5rem;
        padding-top:0;
    }
    .sub-title[b-opx8o4skso] {
        padding-bottom: 1.5rem;
    }
    .inline-block[b-opx8o4skso]{
        display:inline-block;
        font-size:1.25rem;
        line-height:1.5;
    }
    .g-btn[b-opx8o4skso]{
        line-height:2;
        padding: .5rem 1.5rem;
        min-width:14rem;
    }
    .text-content-notice[b-opx8o4skso] {
        margin-left: auto;
        margin-right: auto;
        line-height: 1.5;
        padding: 1.5rem;
    }
}
/* /Pages/D02/Course.razor.rz.scp.css */
/* course */

.main[b-z9ipz8vtkb] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container[b-z9ipz8vtkb] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    padding-left: .75rem;
    padding-right: .75rem;
}
.container-box[b-z9ipz8vtkb] {
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}
.g-lead[b-z9ipz8vtkb]{
    font-size:1.25rem;
    font-weight:600;
    margin-bottom:2rem;
    padding-left:1.25rem;
    position:relative;
}
    .g-lead[b-z9ipz8vtkb]::after {
        background-color: #cc0022;
        width:.25rem;
        height:100%;
        margin-top:0;
        content: "";
        display: block;
        border-radius: .125rem;
        position: absolute;
        top: 0;
        left: 0;
    }

.options[b-z9ipz8vtkb] {
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}
.flex[b-z9ipz8vtkb] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
}
.option-button[b-z9ipz8vtkb] {
    width: 70%;
    margin: 1rem auto;
    padding: 1rem 1rem;
    display: block;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%), 0 -1px 0 #dddddd;
    color:#000;
    font-size:1.15rem;
    border-radius: 0.25rem;
    cursor:pointer;
}
    .option-button:hover[b-z9ipz8vtkb] {
        background-color: rgba(182, 182, 182, 0.4);
        border-color: rgba(182, 182, 182, 0.4);

    }

.p-text[b-z9ipz8vtkb] {
    margin-bottom: .75rem;
    font-size: 1rem;
}

.p-text-bold[b-z9ipz8vtkb] {
    font-weight:600;
}

@media (max-width:768px) {
    .container[b-z9ipz8vtkb] {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: .75rem;
        padding-right: .75rem;
    }
    .g-lead[b-z9ipz8vtkb]{
        margin-bottom: 1rem;
    }
    .flex[b-z9ipz8vtkb]{
        margin-top: 1.5rem;
    }
    .option-button[b-z9ipz8vtkb]{
        width: 90%;
    }
}
/* /Pages/D03/Input.razor.rz.scp.css */
.main[b-6lzcxuvkf6] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.container[b-6lzcxuvkf6] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    padding-left: .75rem;
    padding-right: .75rem;
}

.container-box[b-6lzcxuvkf6] {
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}

.g-lead[b-6lzcxuvkf6] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding-left: 1.25rem;
    position: relative;
}

    .g-lead[b-6lzcxuvkf6]::after {
        background-color: #cc0022;
        width: .25rem;
        height: 100%;
        margin-top: 0;
        content: "";
        display: block;
        border-radius: .125rem;
        position: absolute;
        top: 0;
        left: 0;
    }

.mb-title[b-6lzcxuvkf6] {
    margin-bottom: 1rem;
}

.options[b-6lzcxuvkf6] {
    /*text-align: center;*/
    margin-top: 0;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}

.sec-input[b-6lzcxuvkf6] {
    padding: 1.5rem;
}

.flex[b-6lzcxuvkf6] {
    /*margin-top: 2rem;*/
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
}

.radioblock[b-6lzcxuvkf6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: .75rem;
    margin-right: .75rem;
    position:relative;
    cursor:pointer;
}
    .radioblock[b-6lzcxuvkf6]::before, .radioblock[b-6lzcxuvkf6]::after{
        border-radius:50%;
        content:"";
    }
    .radioblock[b-6lzcxuvkf6]::before {
        width: 18px;
        height: 18px;
        border: 1px solid #919191;
        box-sizing: border-box;
        margin-right: .5rem;
    }
    .radioblock[b-6lzcxuvkf6]::after {
        position: absolute;
        top: 50%;
        left: 9px;
        transform: translate(-50%, -50%);
        width: 11px;
        height: 11px;
        /*background-color: #dee5eb;*/
    }
    .radioblock:has(:checked)[b-6lzcxuvkf6]::after {
        background-color: #0d6efd;
        border: 1px solid #0d6efd;
    }
    .radioblock:has(:focus)[b-6lzcxuvkf6]::before {
        outline: 1.5px solid #000000;
        border-radius: 50%;
    }

.err-radio[b-6lzcxuvkf6]::before {
    background-color: #EFD2CF;
}

.g-radio[b-6lzcxuvkf6] {
    opacity: 0;
    position: absolute;
}

.txt-short[b-6lzcxuvkf6]{
    display: flex;
    align-items:center;
}

.g-input[b-6lzcxuvkf6] {
    font-size: 16px;
    min-height: 2em;
    margin-top: .5rem;
    display: block;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-width: 1px;
    border-color: #979DA3;
    border-radius: .375rem;
    padding: .5rem;
}
    .g-input:focus[b-6lzcxuvkf6] {
        --border-opacity: 1;
        border-color: #667eea;
        border-color: rgba(102,126,234,var(--border-opacity));
    }

.g-input-short[b-6lzcxuvkf6] {
    margin-right: 3%;
    width: calc((100% - 4em - 4% - 3%) / 2);
}

.txt-label[b-6lzcxuvkf6] {
    margin-top: 0.5rem;
    margin-right: 2%;
    width: 2em;
    text-align: left;
    font-size: .875rem;
}


.mb-3[b-6lzcxuvkf6] {
    margin-bottom: .75rem;
}

.flex-item[b-6lzcxuvkf6] {
    width: 33.333333%;
    margin-right: .75rem;
}
.inline-flex[b-6lzcxuvkf6]{
    width: 100%;
    display: inline-flex;
    align-items: flex-end;

}
.select-box[b-6lzcxuvkf6]{
    border-color: #979DA3 !important;
}

.sec-input-head[b-6lzcxuvkf6] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.align-center[b-6lzcxuvkf6]{
    align-items:center;
    margin-bottom:0;
}

.form-txt[b-6lzcxuvkf6] {
    margin-bottom: 10px;
}

.head-left[b-6lzcxuvkf6] {
    display: block;
}

.btn-sm[b-6lzcxuvkf6] {
    min-width: 7rem;
    background-color: #FFFFFF;
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    transition: ease all 0.3s;
    border: solid;
    border-color: #CC0022;
    border-radius: .25rem;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .75rem 1.5rem;
    margin-left: .75rem;
    margin-right: .75rem;
    cursor: pointer;
    color: #CC0022;
}
    .btn-sm:hover[b-6lzcxuvkf6] {
        background-color: #EFF4F5;
    }
    .btn-sm:active[b-6lzcxuvkf6] {
        border-color:#000000;
        color: #CC0022;
        background-color: #EFF4F5;
    }
    .btn-sm:disabled[b-6lzcxuvkf6] {
        background: #a3aab1;
        border-color: #d5d5d5;
        color: #000000;
        box-shadow: none;
        cursor: inherit;
    }

.btn-area[b-6lzcxuvkf6] {
    margin-top: 2rem;
    justify-content: center;
}

.btn-min[b-6lzcxuvkf6] {
    min-width: 9rem;
    background-color: #CC0022;
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    transition: ease all 0.3s;
    font-size: 1.25rem;
    border: solid;
    border-color: #CC0022;
    border-radius: .25rem;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .75rem 1.5rem;
    margin-left: .75rem;
    margin-right: .75rem;
    cursor: pointer;
    color: #fff;
}
    .btn-min:hover[b-6lzcxuvkf6] {
        background-color: #9B2222;
        border-color: #9B2222;
    }
    .btn-min:active[b-6lzcxuvkf6] {
        background-color: #9B2222;
        border-color: #000000;
    }

.gray[b-6lzcxuvkf6] {
    /*background-color: rgba(255,255,255,.8);*/
    background-color: #FFFFFF;
    border-color: #CCD2D5;
    color: #CCD2D5;
}
    .gray:hover[b-6lzcxuvkf6] {
        background-color: #EFF4F5;
        border-color: #CCD2D5;
    }
    .gray:active[b-6lzcxuvkf6] {
        background-color: #EFF4F5;
        border-color: #000000;
    }

[class*=" icon-"][b-6lzcxuvkf6], [class^=icon-][b-6lzcxuvkf6] {
    font-family: iconfont !important;
    /* speak: never; */
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-left[b-6lzcxuvkf6] {
    background-color: #CCD2D5;
    color: #fff;
    font-size: 1.125rem;
    height: 1.5rem;
    width: 1.5rem;
}
    .icon-left[b-6lzcxuvkf6]:before {
        transform: scale(1.2);
        content: "<";
        height: 1.25rem;
    }

.icon-right[b-6lzcxuvkf6] {
    background-color: #f9fafb;
    color: #a3001d;
    font-size: 1.125rem;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: .5rem;
    margin-right: -1rem;
}
    .icon-right[b-6lzcxuvkf6]:before {
        transform: scale(1.2);
        content: ">";
        height: 1.25rem;
        width: 1rem;
    }


.p-text[b-6lzcxuvkf6] {
    margin-bottom: .75rem;
    font-size: 1rem;
}

.p-text-bold[b-6lzcxuvkf6] {
    font-weight: 600;
}

.btn-remove[b-6lzcxuvkf6] {
    /*margin-top: 0.5rem;*/
    /*margin-right: .75rem;*/
    border-width: 1px;
    /*border-color: #CCD2D5;*/
    color: #FFFFFF;
    background-color: #CCD2D5;
    border-radius: .375rem;
    line-height:2;
    min-width:5rem;
}
    .btn-remove:hover[b-6lzcxuvkf6] {
        background-color: #979DA3;
        color: #FFFFFF;
    }
    .btn-remove:active[b-6lzcxuvkf6] {
        background-color: #979DA3;
        color: #FFFFFF;
        border-color: #000000;
    }

.sei-box[b-6lzcxuvkf6], .mei-box[b-6lzcxuvkf6] {
    display: flex;
    align-items: baseline;
}

.txt-short_rows[b-6lzcxuvkf6] {
    display: flex;
    align-items: center;
    margin-top: .75rem;
}

.g-input-short_rows[b-6lzcxuvkf6] {
    font-size: 16px;
    min-height: 2em;
    /*margin-top: .5rem;*/
    display: block;
    /*width: 100%;*/
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-width: 1px;
    border-color: #979DA3;
    border-radius: .375rem;
    padding: .5rem;
    margin-right: 1.25rem;
    /*width: calc((100% - 8em - 4% - 3%) / 2);*/
}

    .g-input-short_rows:focus[b-6lzcxuvkf6] {
        --border-opacity: 1;
        border-color: #667eea;
        border-color: rgba(102,126,234,var(--border-opacity))
    }

.txt-label_rows[b-6lzcxuvkf6] {
    margin-top: 0.5rem;
    margin-right: .75rem;
    /*width: 2em;*/
    text-align: center;
    font-size: .875rem;
}
.ml-15[b-6lzcxuvkf6] {
    margin-left: 1.5rem;
}
.rows_index-box[b-6lzcxuvkf6] {
    width: 10px;
}
.rows_index[b-6lzcxuvkf6] {
    margin-top: 0.1rem;
    margin-right: .75rem;
}
.box-right[b-6lzcxuvkf6] {
    /*margin-left:2%;*/
}
/*要素アニメーション*/
.hidden[b-6lzcxuvkf6] {
    max-height: 0;
    opacity: 0;
    transform: translateY(-20px); /* 要素を上に移動 */
    overflow: hidden;
    transition: transform 0.5s ease, opacity 0.5s ease, max-height 0.5s ease;
}


.txt-clipboard[b-6lzcxuvkf6]{
    margin-top:2rem;
}
.head-right[b-6lzcxuvkf6]{
    text-align:right;
}
.paste-area[b-6lzcxuvkf6] {
    height:8rem;
    font-size: 16px;
    min-height: 2em;
    margin-top: .75rem;
    display: block;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-width: 1px;
    border-color: #979DA3;
    border-radius: .375rem;
    padding: .5rem;
}

    .paste-area:focus[b-6lzcxuvkf6] {
        --border-opacity: 1;
        border-color: #667eea;
        border-color: rgba(102,126,234,var(--border-opacity))
    }

.visible[b-6lzcxuvkf6] {
    opacity: 1;
    transform: translateY(0); /* 元の位置に戻る */
    overflow: hidden;
    transition: transform 0.5s ease, opacity 0.5s ease, max-height 0.5s ease;
}

@media (max-width:768px) {
    .container[b-6lzcxuvkf6] {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .g-lead[b-6lzcxuvkf6] {
        margin-bottom: 1rem;
    }
    .options[b-6lzcxuvkf6]{
        margin-bottom:0;
    }
    .sec-input[b-6lzcxuvkf6] {
        padding-left: .25rem;
        padding-right: .25rem;
    }
    
    
    .flex-item[b-6lzcxuvkf6]{
        width: 40%;
    }

/*    .txt-short {
        margin-top: .75rem;
    }*/
    .txt-label[b-6lzcxuvkf6]{
        width:1rem;
    }
    .g-input-short[b-6lzcxuvkf6] {
        margin-top:0;
        width: calc((100% - 3em - 4% - 3%) / 2);
    }
    .sei-box[b-6lzcxuvkf6]{
        margin-left:.75rem;
    }

    .txt-short_rows[b-6lzcxuvkf6] {
        margin-top: .75rem;
        font-size: .75rem;
    }
    .txt-label_rows[b-6lzcxuvkf6] {
        margin-right: .25rem;
        /*margin-left: .25rem;*/
    }
    .ml-15[b-6lzcxuvkf6] {
        margin-left: .5rem;
    }

    .rows_index-box[b-6lzcxuvkf6] {
        width: 7px;
    }
    .rows_index[b-6lzcxuvkf6] {
        margin-right: .25rem;
    }
    .g-input-short_rows[b-6lzcxuvkf6] {
        margin-right: .5rem;
        width: 70%;
        font-size: 15px;
    }
    
    .btn-remove[b-6lzcxuvkf6] {
        margin-right: 0;
        padding: .25rem;
        min-width: 3rem;
    }
    /*.flex {
        margin-top: 1.5rem;
    }

    .option-button {
        width: 90%;
    }*/
}
.error[b-6lzcxuvkf6] {
    background-color: #EFD2CF;
}

/* 貼り付け領域表示制御(スマホ対応時はmax-width:413px;と設定) */
/*@media screen and (max-width: 1365px) {
    .txt-clipboard{
        display:none;
    }
}*/
/* /Pages/D04/Confirm.razor.rz.scp.css */
.main[b-iocbpqyzcv] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    line-height: 1.5 !important;
}

.g-lead[b-iocbpqyzcv] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 2rem;
    padding-left: 1.25rem;
    position: relative;
}

    .g-lead[b-iocbpqyzcv]::after {
        background-color: #cc0022;
        width: .25rem;
        height: 100%;
        margin-top: 0;
        content: "";
        display: block;
        border-radius: .125rem;
        position: absolute;
        top: 0;
        left: 0;
    }

.container[b-iocbpqyzcv] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: relative;
    padding-left: .75rem;
    padding-right: .75rem;
}

.container-box[b-iocbpqyzcv] {
    margin-top: 0;
    text-align: center;
    margin-bottom: 1.5rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
}
li[b-iocbpqyzcv]{
    list-style:none;
}

/*.options {*/
    /*text-align: center;*/
    /*margin-top: 0;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
}*/

.sec-input[b-iocbpqyzcv] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.inline-block[b-iocbpqyzcv] {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

hr[b-iocbpqyzcv] {
    border-color: #DF082A;
    border-top-width: 1px;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.preview-data[b-iocbpqyzcv] {
    display: flex;
    flex-wrap: wrap;
    padding-left: .75rem;
    padding-right: .75rem;
    margin-top: .75rem;
    margin-bottom: .75rem;
    align-items: flex-end;
}
    .preview-data > :first-child[b-iocbpqyzcv]{
        min-width: 20em;
        text-align: left;
    }
    .preview-data > :nth-child(2)[b-iocbpqyzcv] {
        margin: auto;
        margin-right: 0;
        margin-bottom: 0;
        padding-left: 1em;
        width: auto;
        text-align: left;
        word-break: break-all;
    }
    .preview-data > *[b-iocbpqyzcv] {
        height: auto;
    }

.text-lg[b-iocbpqyzcv] {
    font-size: 1.125rem;
    font-weight: 600;
}

.border-b[b-iocbpqyzcv] {
    border-bottom: solid 3px #DF082A;
    padding-bottom: .75rem;
    align-items: flex-end;
}

.text-bold[b-iocbpqyzcv] {
    font-size: 1.875rem;
    margin-right: .25rem;
}

.custom-bg-color[b-iocbpqyzcv] {
    background-color: #CCD2D5;
}

.text-content[b-iocbpqyzcv] {
    width: fit-content;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.flex[b-iocbpqyzcv] {
    /*margin-top: 2rem;*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


.btn-sm[b-iocbpqyzcv] {
    min-width: 9rem;
    background-color: #a3001d;
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    transition: ease all 0.3s;
    font-size: .75rem;
    border: solid;
    border-color: #a3001d;
    border-radius: .25rem;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .75rem 1.5rem;
    margin-left: .75rem;
    margin-right: .75rem;
    cursor: pointer;
    color: #fff;
}

    .btn-sm:hover[b-iocbpqyzcv] {
        background-color: #89011a;
    }

.btn-area[b-iocbpqyzcv] {
    margin-top: 2rem;
    justify-content: center;
}

.btn-min[b-iocbpqyzcv] {
    min-width: 9rem;
    background-color: #CC0022;
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    transition: ease all 0.3s;
    font-size: 1.25rem;
    border: solid;
    border-color: #CC0022;
    border-radius: .25rem;
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .75rem 1.5rem;
    margin-left: .75rem;
    margin-right: .75rem;
    cursor: pointer;
    color: #fff;
}

    .btn-min:hover[b-iocbpqyzcv] {
        background-color: #9B2222;
        border-color: #9B2222;
    }

    .btn-min:active[b-iocbpqyzcv] {
        background-color: #9B2222;
        border-color: #000000;
    }

.gray[b-iocbpqyzcv] {
    /*background-color: rgba(255,255,255,.8);*/
    background-color: #FFFFFF;
    border-color: #CCD2D5;
    color: #CCD2D5;
}

    .gray:hover[b-iocbpqyzcv] {
        background-color: #EFF4F5;
        border-color: #CCD2D5;
    }

    .gray:active[b-iocbpqyzcv] {
        background-color: #EFF4F5;
        border-color: #000000;
    }

[class*=" icon-"][b-iocbpqyzcv], [class^=icon-][b-iocbpqyzcv] {
    font-family: iconfont !important;
    /* speak: never; */
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-left[b-iocbpqyzcv] {
    background-color: #CCD2D5;
    color: #fff;
    font-size: 1.125rem;
    height: 1.5rem;
    width: 1.5rem;
}

    .icon-left[b-iocbpqyzcv]:before {
        transform: scale(1.2);
        content: "<";
        height: 1rem;
    }

.icon-right[b-iocbpqyzcv] {
    background-color: #f9fafb;
    color: #a3001d;
    font-size: 1.125rem;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: .5rem;
    margin-right: -1rem;
}

    .icon-right[b-iocbpqyzcv]:before {
        transform: scale(1.2);
        content: ">";
        height: 1rem;
        width: 1rem;
    }


.p-text[b-iocbpqyzcv] {
    margin-bottom: .75rem;
    font-size: 1rem;
}

.p-text-bold[b-iocbpqyzcv] {
    font-weight: 600;
}

@media (max-width:768px) {
    .container[b-iocbpqyzcv] {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .g-lead[b-iocbpqyzcv] {
        margin-bottom: 1rem;
    }

    .flex[b-iocbpqyzcv] {
        margin-top: 1.5rem;
    }

    .option-button[b-iocbpqyzcv] {
        width: 90%;
    }
}