/* WCL_Top.page */
.content_ClaimTop {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
    position: relative;
    background: #003399;
}

.big_titleText {
    font-size: 20px;
    font-weight: 10;
    color: #FFFFFF;
    text-align: center;
    padding-top: 80px;
}

.text_ClaimTop {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 30px;
}

.buttonTop_ClaimTop {

    margin: 0 auto;
    margin-top: 30px;
    border-radius: 7px;
    padding: 10px 10px 10px 10px;
    background: white;
    text-align: center;
    width: 60%;
    font-size: 20px;
    color: #003399;
    border: 1px solid #DDDBDA;
    cursor: pointer;
}

.buttonSub_ClaimTop {
    /* display: inline-flex; */
    margin: 10px 5px 2px 5px;
    /* cursor: pointer; */
    border-radius: 7px;
    border: solid 1px;
    border-color: rgb(43, 61, 158);
    padding: 9px 20px 9px 20px;
    background: white;
    text-align: center;
    color: #003399;
    cursor: pointer;
    height: 50px;
    line-height: 34px;
}

.subOption {
    margin-top: 40px;
}

.screenDescriptionId_TOA {
    padding: 20px 0px 0px 0px;
}

.fullDescription_TOA_1 {
    font-size: 16px;
    font-weight: normal;
    padding-top: 5px;

    padding-left: 5px;

    margin: auto;
    color: rgb(43, 61, 158);
}

.h1_font {
    font-size: 16px;
    display: inline-flex;
    /* font-weight: bold; */
    color: #0000FF;
    text-decoration: underline;
    cursor: pointer
}

.descriptionText_TOA_1 {
    padding-left: 5px;
    font-size: 12px;
    /* width: 250px; */
    margin: auto;
    color: rgb(43, 61, 158);
}

.fontCss {
    color: rgb(43, 61, 158);
    font-size: 14px;
    /* text-decoration: underline overline; */
}

.hr_hr01 {
    border-style: solid;
    border-color: #333;
    position: relative;
    padding: 0px 5px 0px 5px;
    margin-top:0;
}

.description_title {
    font-weight: bold;
    padding: 20px 5px 20px 5px;
    font-size: 16px;
    text-align: center;
}

.description_main {
    padding-bottom: 20px;
}

.buttonTop_TOA {
    /* display: inline-flex; */
    margin: 5px 5px 2px 5px;
    /* cursor: pointer; */
    border-radius: 0px;
    border: solid 1px;
    border-color: rgb(43, 61, 158);
    padding: 10px 10px 0px 20px;

    /* background: white; */
    text-align: center;
    font-size: 18px;
    background-color: rgb(217, 239, 252);
}

.buttonTop_TOA_press {
    /* display: inline-flex; */
    margin: 5px 5px 2px 5px;
    /* cursor: pointer; */
    border-radius: 5px;
    border: solid 2px;
    border-color: rgb(43, 61, 158);
    padding: 9px 20px 9px 20px;
    /* background: white; */
    text-align: center;
    background-color: rgb(217, 239, 252);
    font-weight: bold;
}

.list_Number {
	padding-inline-start: 20px;
}

.list_Number2 {
	padding-right: 5px;
}

/* Customize the label (the container) */

.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 50%;
    left: 0%;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: solid 2px;
    border-color: rgb(43, 61, 158);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* On mouse-over, add a grey background color */

.container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.container input:checked~.checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

.container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.requestInquiryTable {
    /* border: solid 1px rgb(148, 217, 235); */
    border: solid 1px rgb(217, 239, 252);
    ;
    /* background-color: rgb(217, 239, 252); */
    width: 100%;
    margin-top: 30px;
}

.requestInquiryTable tr {
    height: 50px;
}

.requestInquiryTable td:first-child {
    /* border: solid 1px rgb(132, 198, 214); */
    border: solid 1px rgb(185 222 230);
    /* background:rgb(184, 238, 252); */
    background-color: rgb(217, 239, 252);
    /* color: rgb(25, 28, 185); */
    color: rgb(43, 61, 158);
    text-align: center;
    width: 20%;
}

.requestInquiryTable td:last-child {
    /* border: solid 1px rgb(132, 198, 214); */
    border: solid 1px rgb(185 222 230);
    text-align: center;
    width: 80%;
}

.textInput_1 {
    border: 1px solid white;
    border-bottom-right-radius: 1px solid #DDDBDA;
    width: 95%;
    height: 32px;
    padding: 10px;
    color: #4C433D;
    box-shadow: 2px 2px 2px #DDDBDA;
}



.button_Authentication {
    cursor: pointer;
    border-radius: 4px;
    padding: 4px 20px 4px 20px;
    background: #003399;
    color: white;
    width: 25%;
    margin: auto;
}

.contentbox {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
    background: rgb(243, 243, 243);
}

.contentpanel-1 {
    padding: 15px;
    font-weight: 800;
}

.contentpanel-2 {
    padding-left: 15px;
    /* color:blue; */
    font-size: 25px;
    font-weight: 800;
    color: rgb(43, 61, 158);
}

.contentpanel-3 {
    padding-left: 15px;
    font-size: 10px;
}

.contentpanel-4 {
    padding-left: 15px;
    font-size: 6px;
    font-weight: 200;
}

.descriptionText_CI_1 {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
    font-size: 16px;
    font-weight: normal;
    /* width: 250px; */
    margin: auto;
    color: rgb(43, 61, 158);
}

.customPopup {
    background-color: white;
    border-style: solid;
    /* border-width: 1px; */
    /* left: 10%; */
    /* padding: 10px; */
    position: absolute;
    z-index: 9999;
    width: 100%;
    /* height: 30%; */
    top: 23%;
    padding: 0px 20px 5px 20px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: rgb(43, 61, 158);
    border-radius: 7px;
    /* overflow-y: auto; */
}

.description_title_pop {
    font-weight: bold;
    padding: 5px 5px 0px 5px;
    font-size: 16px;
    text-align: center;
}
        
        
/* WCL_AskDateofAdmissionAndDischarge.page */
.calendarIcon {
    position: absolute;
    top: 8px;
    right: 10px;
}

.stopButton {
    color: white;
    background: #003399;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.disableButton {
    color: white;
    background: #D5CEB5;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.calendar-button-page1 {
    text-align: right;
    color: white;
    background: #003399;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.calendar-button-page4 {
    text-align: right;
    color: white;
    background: #003399;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}      


/* WCL_AskAboutTheDrug.page */
.div_left {
    text-align: left;
    display: inline-block;
}

.div_right {
    /* position: relative; */
    top: 0px;
    /* left: 200px; */
    /* margin: right; */
    text-align: right;
    margin: 0px auto 0px auto;
    display: inline-block;
}

.glyphicon_1 {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.dateInputParent {
    padding-top: 2px
}

.calendar-button_AATD_4 {
    color: white;
    background: #003399;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.myDescription {
    font-size: 14px;
    padding: 20px;

    text-align: left;
}
.displayTextCss {
    color: rgb(43, 61, 158);
}


/* WCL_CancellationOfRequestPage.page */
.descriptionText_CI_1 {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
    font-size: 16px;
    font-weight: normal;
    /* width: 250px; */
    margin: auto;
    color: rgb(43, 61, 158);
}

.contentbox {
    width: 100%;
    height: 200px;
    margin-bottom: 15px;
    background: rgb(243, 243, 243);
}

.contentpanel-1 {
    padding: 15px;
    font-weight: 800;
}

.contentpanel-2 {
    padding-left: 15px;
    /* color:blue; */
    font-size: 25px;
    font-weight: 800;
    color: rgb(43, 61, 158);
}

.contentpanel-3 {
    padding-left: 15px;
    font-size: 10px;
}

.contentpanel-4 {
    padding-left: 15px;
    font-size: 6px;
    font-weight: 200;
}

/* WCL_DocumentsUpload.page */
.content_title{
    font-size: 1em;
    font-weight: 600;
    margin: 16px 0 8px;
    padding: 10px 0px 10px 10px;
    line-height: 1.2;
    background-color: #42bff5;
}
.contents_title_attention{
    font-size:1em;
    font-weight:600;
    margin:16px 0 8px;
    margin-left:-8px;
    padding: 10px 0px 10px 10px;
    border-left:8px solid red;
    line-height:1.2;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
}
.del_btn {
    display: inline-block;
    width: 50px;
    height: 20px;
    background-color: #003399;
    border-radius: 4px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

#app-info {
    width: 100%;
}
.row-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.column-header, .column-data {
    display: inline-flex;
    align-items: center;
    min-height: 50px;
    padding: 5px;
}
.column-header {
    width: 25%;
    max-width: 150px;
    border-right: 1px solid #449;
    background-color: #F1FBFF;
}
.column-border{
    border: 1px solid #449;
    border-bottom: none;
}
.column-border-bottom{
    border: 1px solid #449;
}
.column-data {
    width: 75%;
}
.add-document {
    display: inline-block;
    width: 50px;
    height: 20px;
    margin-left: 10px;
    border-radius: 4px;
    background-color: #003399;
    color: #FFF!important;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}
.indent {
    display: inline-block;
    text-indent:1em;
}
.indent_msg {
    text-indent:0.6em;
}
.doc-name, .doc-status, .doc-text {
    padding: 3px 0;
}
.doc-name {
    width: 20%;
    min-width: 120px;
    padding-right: 10px;
}
.doc-status {
    width: 72px;
}
.doc-text {
    width: auto;
    padding-left: 10px;
    font-size: 0.8em;
}
.doc-header{
    background-color: #F1FBFF;
    font-weight: bold;
}
.doc-header-text{
    width: auto;
    padding-left: 10px;
}
.submitted, .not-submitted, .confirm-submitted {
    display: inline-block;
    width: 100%;
    height: 20px;
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
    line-height: 20px;
}
.submitted {
    background-color: #226;
}
.not-submitted {
    background-color: #FB5;
}
.confirm-submitted {
    background-color: #ff8c00;
}
.blue_color {
    color: #195FAB;
}
.white_color{
    color: white !important;
}
.black-underline_b {
    text-decoration: underline;
    font-weight: bold;
}
.red-underline_b {
    color: red;
    text-decoration: underline;
    font-weight: bold;
}
.red-underline {
    color: red;
    text-decoration: underline;
}
.red-button {
    color: red;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}
.sign-modal-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 100;
}
.table-owner-insured {
    border: 2px solid #c2cfe0;
    border-collapse: collapse;
    width: 600px;
    margin: 0px auto 30px;
    text-align: center;
}
.electronicSignInfo {
    height: 18px;
    background-color: #E8E8E8 !important;
    text-align: left;
    color: #333333 !important;
    font-weight: normal !important;
    font-size: 16px;
    font-size: 1em;
    padding: 8px;
}
.btn_dialog{
    display: block;
    width: 24%;
    max-width: 200px;
    height: 40px;
    background-color:#003399;
    border-radius:4px;
    color:#fff;
    text-align:center;
    line-height:40px;
}
.btn_dialog_disable{
    display: block;
    width: 24%;
    max-width: 200px;
    height: 40px;
    border-radius:4px;
    color:#fff;
    text-align:center;
    line-height:40px;
}
.file_button_left{
    margin-left: 10px;
    float: left;
}
.file_button_right{
    margin-right: 10px;
    float: right;
}
.sigh_notice{
    color: #003399;
    text-decoration: underline;
}
.sign_text{
    font-size: 14px;
    display:inline-block;
}
.canvas_box{
    width: 100%;
    height: 100%;
    border: 1px solid #c2cfe0;
}
/*Sign style*/
.sigh_box_1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background-color: white;
    padding:10px;
}
.modal-dialog {
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
input[type=checkbox].expandReceipts + label {
    color: red;
    cursor: pointer;
    vertical-align: middle;
}
input[type=checkbox].expandReceipts + label::before {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    content: "\2713";
    color: transparent;
    margin: 5px;
    border-radius: 3px;
    border: 2px solid #dddddd;
    background: #f0f0f0;
    transition: .1s;
    box-sizing: border-box;
}
input[type=checkbox].expandReceipts:checked + label::before {
    color: red;
    border-color: red;
    background: #fff
}
input[type=checkbox].expandReceipts + label + div.expandContent {
    display: none;
}
input[type=checkbox].expandReceipts:checked + label + div.expandContent {
    display: block;
}
@media only screen and (max-width: 896px) and (orientation: landscape){
    .vertical-align-center{
        width: 90%;
    }
}

#file_select {
    display: none;
}
.file_button {
    display: block;
    width: 50%;
    max-width: 300px;
    height: 40px;
    margin: 1em auto; 
    background-color: #003399;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 40px;
}
.disabled {
    background-color: #7f7f7f;
}
#img_list {
}
.imgList {
    border-top: 1px solid #000;
}
.imgList {
    padding: 5px 10px;
}
.list-header {
    background-color: #EEE;
    text-align: center;
}
.del_btn {
    display: inline-block;
    width: 50px;
    height: 20px;
    background-color: #003399;
    border-radius: 4px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}
.white_color{
    color: white !important;
}

#z-modal-container {
    width: 100%;
}
.ui-loader .ui-icon-loading {
    margin-left: -23px;
    margin-top: -92px;
}
.mod-box {
    width: 95%;
    margin: 0 auto;
    padding: 0.5em;
    border: 3px solid #26287e;
    background-color: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
    overflow-x: hidden;
    overflow-y: auto;
}
.inr {
    width: 100%;
    padding: 5px 5px;
    background-color: #fff;
    text-align: center;
}
.alert-modal {
    margin: -1em -1em 0;
    padding: 1em 1em 1em 38px;
    background-color: #f2f2f2;
    background-image:url("{!URLFOR($Resource.mMPZ_StaticResourcesCommon, 'images/icon_exclamation_orange.png')}");
    background-repeat:no-repeat;
    background-position:8px center;
    background-size:24px 23px;
    color:#26287e;
    font-size:1em;
    text-align: left;
    font-weight: 900;
}
#warning-text, #error-text, #confirm-text {
    margin: 10px 0;
    padding: 10px;
    text-align: left;
}
.modal_btn {
    display: inline-block;
    width: 125px;
    height: 30px;
    margin: 10px;
    border-radius: 4px;
    color: #fff;
    background-color: #003399;
    text-align: center;
}
.modal_btn a{
    display: inline-block;
    width: 100%;
    line-height: 30px;
    cursor: pointer;
}
.indent {
    text-indent: 0.6em;
}
.no-select {
    user-select: none;
}
.confirm-text-warning {
    color: red;
    font-weight: bold;
}
.disabled {
    background-color: #7f7f7f;
}


/* WCL_judgmentResultAndProcedureSelection.page */
.calendarIcon {
    position: absolute;
    top: 8px;
    right: 10px;
}

.stopButton {
    color: white;
    background: #003399;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.disableButton {
    color: white;
    background: #D5CEB5;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.calendar-button-page1 {
    text-align: right;
    color: white;
    background: #003399;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.calendar-button-page4 {
    text-align: right;
    color: white;
    background: #003399;
    border: 1px solid #DDDBDA;
    border-radius: 4px;
}

.fullDescription_JRAPS_1 {
    font-size: 14px;
    /* padding: 5px; */
    padding-left: 5px;
    /* display: inline-flex; */
    margin: auto;
    color: rgb(43, 61, 158);
}

.descriptionText_JRAPS_1 {
    padding-left: 5px;
    font-size: 12px;
    /* width: 250px; */
    margin: auto;
    color: rgb(43, 61, 158);
}

.descriptionText_JRAPS_2 {
    padding: 15px 20px 15px 20px;
}

.buttonTop_JRAPS_1 {
    /* display: inline-flex; */
    margin: 5px 5px 2px 5px;
    /* cursor: pointer; */
    border-radius: 5px;
    border: solid 1px;
    border-color: rgb(43, 61, 158);
    padding: 9px 20px 9px 20px;
    background: white;
    text-align: center;
}

.buttonTop_JRAPS_1_press {
    /* display: inline-flex; */
    margin: 5px 5px 2px 5px;
    /* cursor: pointer; */
    border-radius: 5px;
    border: solid 2px;
    border-color: rgb(43, 61, 158);
    padding: 9px 20px 9px 20px;
    /* background: white; */
    text-align: center;
    background-color: rgb(217, 239, 252);
    font-weight: bold;
}


.buttonTop_JRAPS_4 {
    /* display: inline-flex; */
    margin: 5px 5px 2px 5px;
    /* cursor: pointer; */
    border-radius: 5px;
    border: solid 1px;
    padding: 9px 20px 9px 20px;
    background: white;
    text-align: center;
}

.buttonTop_JRAPS_4 .box-title {
    position: relative;
    display: inline-block;
    top: -16px;
    left: -10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 12px;
    background: #FFF;
    /* color: #000000; */
    color: rgb(43, 61, 158);
    font-weight: bold;
}

.button_JRAPS_1 {
    /* display: inline-flex; */
    margin: 5px 5px 2px 5px;
    /* cursor: pointer; */
    border-radius: 5px;
    border: solid 1px;
    padding: 9px 20px 9px 20px;
    background: white;
    display: inline-flex;

}

.content_JRAPS_1 {
    padding: 9px 15px 9px 15px;
}

.screenDescriptionId_JRAPS {
    padding: 20px 0px 20px 0px;
}


/* WCL_RequestDetailConfirm.page */
.cp_hr01 {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgb(43, 61, 158);
    margin: 0 0 0 0;
}

.requestDetailTable {
    border: solid 1px #FFFFFF;
    border-collapse: separate;
    border-spacing: 8px 5px;
    width: 100%;
    margin-top:10px;
}

.requestDetailTable th {
    border: solid 1px rgb(43, 61, 158);
    background: rgb(43, 61, 158);
    color: white;
    text-align: center;
}

.requestDetailTable td:not(:last-child) {
    border: solid 1px rgb(43, 61, 158);
    background: rgb(43, 61, 158);
    color: white;
    text-align: center;
}

.requestDetailTable td:last-child {
    border: solid 1px #FF6600;
    background: #FFF7DD;
    text-align: center;
}


.info_link {
    color:blue;
    text-decoration:underline;
    text-decoration-color:blue;
}

.td_title {
    background: rgb(43, 61, 158);
    color: white;
}


/* WCL_Wizardpage.page */
.wizardHeaderw {
	padding: 0px 15px 0px 15px;
	min-height: 33px;
	background: #003399;
}
.titleTextw {
	text-align: left;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding-top: 8px;
	display: inline-block;
}
.screenNamew {
	color: #FFFFFF;
	float: right;
	padding-top: 6px;
}

/* 2024/06/19 DEVRQ-1528 MyPageからのWeb請求SSO化 Add Start */
/* ローディングオーバーレイ */
#z-modal-overlay,
.z-modal-overlay {
	background: #fff url("../images/loading.gif") no-repeat center center;
	filter: alpha(opacity=70);
	height: 100%;
	left: 0px;
	opacity: 0.7;
	-moz-opacity: 0.7;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 100;
}
/* 2024/06/19 DEVRQ-1528 MyPageからのWeb請求SSO化 Add End */

/* 2021/11/17 Claim Phase2 Add Start */
/*
 * .box-save-a
** ------------------------------------------------------ */
.box-save-a {
    padding: 22px 32px;
    border: 2px solid #f69c00;
}

.box-save-a > .ttl {
    position: relative;
    padding-left: 27px;
    font-size: 2rem;
    color: #f69c00;
}

.box-save-a > .ttl::before {
    top: 7px;
    left: 0;
    width: 19px;
    height: 19px;
    background-position: -625px -72px;
}

@media only screen and (max-width: 768px) {
    .box-save-a {
        padding: 14px 18px;
    }
    .box-save-a > .ttl {
        font-size: 1.6rem;
    }
    .box-save-a > .ttl::before {
        top: 3px;
    }
}
/* 2021/11/17 Claim Phase2 Add End */
/* 2023/06/21 Claim-Phase2エンハンス（医療簡易拡大）Add Start */
/* WCL_DocumentsUploadAccountInput.page */
.radio01 {
    font-size: 14px !important;
    margin: 0 0 1rem 0;
    width: 100%;
}
.radio01 {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 8px 35px;
    text-align: left;
}
.check01_button {
    border: 2px solid #3eb2e7;
    background-color: #fff;
    border-radius: 5px;
}
.radio01::before {
    background: #fff;
    border: 1px solid #3eb2e7;
    border-radius: 50%;
    content: '';
    display: block;
    height: 24px;
    left: 10px;
    margin-top: -9px;
    position: absolute;
    top: 40%;
    width: 24px;
}
.radio01::after {
    background: #3eb2e7;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 14px;
    margin-top: -2px;
    opacity: 0;
    position: absolute;
    top: 30%;
    width: 16px;
}
input[type=radio]:checked + .radio01::after {
    opacity: 1;
}
input[type=radio]:checked + span + .radio01::after {
    opacity: 1;
}
.Form-Item-Input01 {
    height: 36px;
    border: #3eb2e7 2px solid;
    border-radius: 5px;
    padding: 0px 5px;
    margin: 0;
    font-size: 16px;
}
.background-disabled {
    color: #999 !important;
    background: #eee !important;
    border-color: #999 !important;
}
.background-disabled::before {
    color: #999 !important;
    background: #eee !important;
    border-color: #999 !important;
}
.form-err-msg-a .error {
    font-size: 12px !important;
    color: red;
    font-weight: bold;
}
.form-input-a.error {
    background: #fbe0de;
    border-color: red!important;
}
.button_area button:disabled {
    border-bottom: 5px solid #999;
    color: #fff;
    background: #999;
    box-shadow: 2px 2px rgba(153, 153, 153, .5);
}
.search_input_text {
    width: 80%;
}
.search_button {
    font-size: 14px !important;
    width: 20% !important;
    margin: 0 0 0 5px !important;
    height: auto !important;
}
.search_text_area {
    border-bottom: 1px solid #007cb0;
    height: 40px;
    vertical-align: bottom;
}
.search_text_area_error {
    color: red;
    font-weight: bold;
}
/* 2023/06/21 Claim-Phase2エンハンス（医療簡易拡大）Add End */
/* 2025/06/18 DEVRQ-1955 保険金WEB請求アンケート画面表示位置変更 Add Start */
/* PC用 */
@media screen and (min-width: 769px){
	.hdg-type01-blue {
		width: 800px;
	}
}
/* SP用 */
@media screen and (max-width: 768px){
	.hdg-type01-blue {
		width: 100%;
	}
}
/* 2025/06/18 DEVRQ-1955 保険金WEB請求アンケート画面表示位置変更 Add End */