body{
    font-size: 12px;
    line-height: 150%;
    color: #2E2E2E;
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    min-width: 970px;
}

select {
    background-color: #FFF;
}

div[id^=medicalDetail] select{
    padding: 0px;
}

#footer{
    width: 100%;
    clear: both;
    background: #F8F8E9;
    margin: 0 auto;
}

#footer .fInnr{
    color: #999999;
    padding: 10px 0px;
    width: 1000px;
    margin: 0 auto;
    background: white;
}

.planfInnr{
    color: #999999;
    padding-top: 10px;
    width: 100%;
    margin: 0 auto;
}
address {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 10px;
}

#go-to-holdings{
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.main-table{
    margin: 0 auto;
    border: 1px solid #64910B;
    border-collapse: collapse;
}

.main-table .m-tr-a .m-td-a{
    background-color: #E2EFBD;
    width: 30%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.diff-table{
    margin: 0 auto;
    border: none;
}

.diff-table .m-tr-a .m-td-a{
    border-collapse: collapse;
    width: 30%;
    opacity: 0;
}

.diff-table .m-tr-a .m-td-b{
    background-color: #E2EFBD;
    border: 1px solid #64910B;
    width: 25%;
    color: rgb(0, 0, 0);
    padding: 13px 10px 10px 9px;
}

.diff-table .m-tr-a .m-td-c{
    background-color: #E2EFBD;
    border: 1px solid #64910B;
    color: rgb(0, 0, 0);
    padding: 13px 10px 10px 9px;
}

.diff-table .m-tr-b .m-td-a{
    background-color: #E2EFBD;
    border: 1px solid #64910B;
    width: 30%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.diff-table .m-tr-b .m-td-b{
    background-color: #FFFFFF;
    border: 1px solid #64910B;
    width: 25%;
    padding-left: 10px;
    word-break: break-all;
}

.diff-table .m-tr-b .m-td-c{
    border: 1px solid #64910B;
    padding-left: 10px;
    word-break: break-all;
}

#notification-input .main-table .m-tr-a .m-td-d {
    /* 必須マークを含む場合、幅が足りなくなるため調整 */
    width: 16%;
}

.need:after{
    background-color: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-color: #191970;
    border-width: 2px;
    color: red;
    display: inline-block;
    float: right;
    padding: 3px 5px;
    font-size: 11px;
    font-weight: bold;
    margin-top: -3px;
    content: "必須";
}

/* ↓複数行向けの必須アイコン↓ */
.multiLineNeed {
    position: relative;
    background-clip: padding-box;
}

.multiLineNeed div.multiLineNeedTarget {
    width: calc(100% - 35px);
}

.multiLineNeed div.multiLineNeedIcon:after {
    background-color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-style: solid;
    border-color: #191970;
    border-width: 2px;
    color: red;
    font-weight: bold;
    font-size: 11px;
    padding: 3px 5px;
    content: "必須";
    position: absolute;
    right: 10px;
    top: calc(50% - 10px);
}
/* ↑複数行向けの必須アイコン↑ */

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .multiLineNeed.medicalExpression .multiLineNeedIcon {
    transform: translateX(8%);
    margin-top: -20px;
}
/* Edge */
_:-ms-lang(x)::backdrop, .multiLineNeed.medicalExpression .multiLineNeedIcon {
    transform:translateX(8%);
    margin-top: -20px;
}

.main-table .m-tr-a label{
    padding: 10px;
}

.m-td-b{
    background-color: #FFFFFF;
    padding-left: 10px;
    word-break: break-all;
}

.m-td-c{
    background-color: #FFFFFF;
    padding: 10px;
}
button.backButton {
    background-image: none !important;
    text-indent: 0px !important;
    width: 100px;
    height: 45px;
    background-color: rgb(125, 125, 125);
    padding-right: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid rgb(125, 125, 125);
    border-radius: 9px;
}

button.backButton.dialogBtnSize {
    width: 100px;
    height: 35px;
    padding: 0px 30px 0px 0px;
}

button.backButton:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(125, 125, 125);
    border: 1px solid rgb(125, 125, 125);
}

button.backButton:disabled{
    background-color: #dddddd !important;
    color: #ffffff !important;
    border: 1px solid #dddddd;
}

button.backButton span.arrow {
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    font-size: 14px;
    float: left;
    padding-left: 3px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
button.backButton.dialogBtnSize span.arrow {
    height: 18px;
}
#toTopPageBtn{
    width: 300px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    margin: 0px calc( 50% - 91px ) 0px 0px;
    background: #64910B;
    padding: 10px 0px;
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-radius: 7px;
}

#toTopPageBtn span.arrow {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    margin-top: 4px;
    margin-right: 10px;
    color: #64910B;
    font-size: 14px;
    float: right;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#toTopPageBtn:hover{
    background-color: #fac090;
}

#toTopPageBtn:hover span.arrow {
    color: #fac090;
}

.downloadBtn{
    width: 150px;
    cursor: pointer;
    display: block;
    height: 45px;
    background-color: #64910B;
    text-align: center;
    border: 1px solid #487007;
    border-radius: 9px;
    font-size: 20px;
    font-weight: bold;
    color: white;
}

.downloadBtn:hover{
    background-color: white;
    color: #64910B;
}

.downloadBtn:disabled{
    background-color: #dddddd !important;
    color: white !important;
    border: solid #dddddd;
    border-width: 5px;

}

.downloadBtn.busy{
    background-color: #dddddd !important;
    color: white;
    border: solid #dddddd;
}

.disease-add-button{
    width: 125px;
    cursor: pointer;
    height: 47px;
    line-height: 24px;
    vertical-align: middle;
    background-color: #64910B;
    text-align: center;
    border: none;
    border-radius: 9px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding: 4px 0px;
}

.disease-add-button:hover{
    background-color: #fac090;
}

.disease-add-button.busy{
    background-color: #64910B;
    color: #fac090;
}

.disease-add-button.disabled {
    cursor: default;
    background-color: #dddddd;
    color: #ffffff;
}

.file-select-button{
    width: 170px;
    cursor: pointer;
    height: 56px;
    line-height: 24px;
    vertical-align: middle;
    background-color: #64910B;
    text-align: center;
    border: 1px solid #487007;
    border-radius: 9px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding: 4px 0px;
}

.file-select-button:hover{
    background-color: white;
    color: #64910B;
    border: 1px solid #487007;
}

.file-select-button.busy{
    background-color: #dddddd;
    color: white;
    border: solid #dddddd;
}

.file-select-button.disabled {
    cursor: default;
    background-color: #dddddd;
    color: #ffffff;
    border: solid #dddddd;
}

.supplementary-file-select-button{
    width: 170px;
    cursor: pointer;
    height: 56px;
    line-height: 24px;
    vertical-align: middle;
    background-color: #64910B;
    text-align: center;
    border: 1px solid #487007;
    border-radius: 9px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    padding: 4px 0px;
}

.supplementary-file-select-button:hover{
    background-color: white;
    color: #64910B;
    border: 1px solid #487007;
}

.supplementary-file-select-button.busy{
    background-color: #dddddd;
    color: white;
    border: solid #dddddd;
}

.supplementary-file-select-button.disabled {
    cursor: default;
    background-color: #dddddd;
    color: #ffffff;
    border: solid #dddddd;
}

#reUpload .main-table{
    margin: 0 auto;
    border-collapse: collapse;
    width: 300px;
}

#reUpload .uploadBtn{
    width: 200px;
    cursor: pointer;
    height: 60px;
    line-height: 24px;
    vertical-align: middle;
    background-color: #64910B;
    text-align: center;
    border: 1px solid #487007;
    border-radius: 9px;
    font-size: 24px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    padding: 4px 0px;
}

#reUpload .uploadBtn:hover{
    background-color: white!important;
    color: #64910B;
    border: 1px solid #487007;
}
#reUpload .uploadBtn.busy{
    background-color: #dddddd !important;
	color: #ffffff;
}
#reUpload .uploadBtn:disabled{
    cursor: default;
	background-color: #dddddd !important;
	color: #ffffff;
    border: solid #dddddd;
}

#reUpload .margin {
    width: 50px;
    background-position: center;
}

#menuTable{
    margin: 0 auto;
    border-spacing:10px 4px;
    border-collapse:separate;
}

.inputError{
    padding: 5px 10px;
    border: 3px solid #ff6565;
    color: #ff6565;
    font-weight: bold;
}

.menuLineDoubleLightW {
    font-size: 20px;
    margin:0 0 10px 0;
    padding:2px 8px;
    border-width:5px 0;
    border-color:#029EBC;
    border-style:solid;
    background:#fff;
    color:#017589;
    line-height:140%;
    font-weight:bold;
    text-align:center;
}

.menuLineLightW {
    font-size: 20px;
    margin:0 0 10px 0;
    padding:2px 8px;
    border-width:0 0 5px 0 ;
    border-color:#029EBC;
    border-style:solid;
    color:#017589;
    line-height:140%;
    font-weight:bold;
}

div.policy {
    background-color: white;
    height: 150px;
    overflow: auto;
    line-height: 150%;
    border: 1px solid #64910B;
    padding: 6px 8px;
    margin: 0 auto;
    width: 100%;
}

div.shortPolicy {
    background-color: white;
    height: 110px;
    overflow: auto;
    line-height: 150%;
    border: 1px solid #64910B;
    padding: 6px 8px;
    margin: 0 auto;
    width: 100%;
}

.birth{
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.active{
    border: 1px solid #002060;
}

.active .m-tr-a .m-td-a{
    background-color: #002060;
    color: white;
    width: 25%;
}

.medical{
    border: 2px solid #EDAD0B;
}

.medical .m-tr-a .m-td-a{
    background-color: #FCF1D3;
    width: 25%;
}

.total-table{
    margin: 0 auto;
    border: 3px solid #029EBC;
    border-collapse: collapse;   
    background-color: #EEFFFF;
}

.total-area{
    background-color: #EFF9FF;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 173px;
    width: 100%;
    z-index: 99;
    border-top:1px solid #002060;
}

#whiteLayout{
    z-index: 100;
    background-color: #FFF;
    width: 100%;
    height: 110%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

/* ------------------ mypageMenu.html.twig ------------------*/
div.nav {
    width: 180px;
    font-size: 80%;
}

div.nav ul.nl {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    font-size: 14px;
}

div.nav ul.nl li {
    margin-bottom: 12px;
    background-color: #FDF7E7;
}

div.nav ul.nl li a {
    display: block;
    padding: 8px 10px;
    border-left: 4px #c0c0c0 solid;
    text-decoration: none;
}

div.nav ul.nl li a:hover {
    border-left-color: #000000;
}

.menuEmphasize {
    font-weight: bold;
}

/* ------------------base.html.twig ------------------*/
.header-main{
    height: 100px;
    width: 100%;
    top: 0px;
    left: 0px;
    position: relative;
}

.header-div{
    height: 46px;
    width: 131px; 
    top: 0px; 
    left: 0px;
    position: absolute;
}

.header-logo{
    height: 37px;
    width: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    margin: 0px;
    resize: none;
    zoom: 1;
    display: block;
}

.body-section{
    position: relative;
    background: #F8F8E9;
}

#inner_header{
    width:1000px;
    padding: 10px 20px;
    margin: 0 auto;   
    height: 98px;
}

#black_line{
    border: 1px solid;   
}

.call{
    height: 47px; 
    top: 11px;
    right: 40px;
    color:#000;
    float: right;
    padding-right: 10px;
    padding-top: 12px;
}

.commonheader-faqtelno{
    font-size: 20px;
}

#apply_flow{
    height:40px;
    width:130px;
    border:1px solid;
    text-align: center;
    float:right;
    vertical-align: middle;
    padding-top: 10px;
    background-color: #002060;
    color:white;
    margin-top: 2px;
}

#life_price, #medical_price, #total_price{
    font-weight: bold;
    font-size: 25px;
    color: black;
}

#item{
    width: 100px;
    transform: rotate(-16deg);
    margin-left: -80px;
    margin-top: -20px;
}

#total_price_area{
    float:right;
    border: 2px solid #002060;
    background-color: white;
    padding: 10px;
    width: 250px;
}

#changeInfo{
    border:0;
    background:none;
}

#changeInfo:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.tellForm{
    width:100px;
}

.subtext {
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#errorArea{
    width: 80%;
    padding: 5px;
    padding-right: 15px;
    margin: 0 auto;
    border: 2px solid red;
    background-color: white;
    margin-top: 12px;
}

#errorArea ul{
    padding-top: 10px;
}

#loginErrorArea{
    border: 2px solid red;
    background-color: white;
}

#loginErrorArea ul{
    margin: 7px 0;
}

.download_check{
    padding-left: 194px;
}

.download_success{
    background-image: url(../images/icon/validIcon.png);
    background-repeat: no-repeat;
    background-position: 2px;
}

/*
#invalidNextBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ccddee;
}*/

.invalidNextBtn{
    width: 200px;
    height: 60px;
    background-color: #6c6c6c;
    padding: 10px 20px 10px 20px;
    text-indent:0px;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
}

.notificationTextTd{
    padding-top: 20px;
    font-weight: bold;
}

.notificationText{
    padding-top: 5px;
    display: block;
}

.notificationConfirmMessage{
    font-size: 13px;
    padding:12px 15px 8px 15px;
    text-align: center;
    margin-bottom: 15px;

}

.notificationConfirmIndent{
    padding-left: 20px;
}

.notificationConfirmIndent ul{
    padding-inline-start: 15px;
}

.notificationIndent{
    padding-left: 20px;
    text-indent: 30px;
}

.supportTable{
    background-color: #FDF7E7;
    width: 80%;
}

.supportTd{
    padding: 10px;
    text-align: center;
}

.main-table .m-tr-a .m-td-d {
    background-color: #E2EFBD;
    width: 15%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.workTd{
    padding: 10px;
    width:20%;
}

.workRadio{
    margin-top:10px;
    display: block;
}

#workInput_worktype label{
    width:295px;
    font-size:13px;
}

#diseaseArea2 label{
    font-weight: normal;
    width: 31%;
    vertical-align:middle;
}

#diseaseArea3 label{
    font-weight: normal;
    width: 23%;
    vertical-align:middle;
}

input[id^="notificationInput_disease"]{
    width: 2%;
}

#diseaseArea2 {
    padding-top: 15px;
}

#diseaseArea3 {
    padding-top: 15px;
}

.diseaseType{
    font-weight: bold;
}

.main-table .m-tr-a .m-td-e{
    background-color:  #E2EFBD;
    width: 23%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.main-table .m-tr-a .m-td-f{
    background-color: #E2EFBD;
    width: 4%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.main-table .m-tr-a .m-td-g{
    background-color: #E2EFBD;
    width: 30%;
    color: rgb(0, 0, 0);
    padding: 13px 10px 10px 9px;
}

.main-table .m-tr-a .m-td-h{
    background-color: #E2EFBD;
    width: 15%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.normalDisease td{
    padding: 10px 0 5px 0;
}

.hospitalization-surgery-label td{
    padding: 10px 0 5px 0;
}

.top-aligned-table-data{
    vertical-align: top;
}

.detailModify{
    float: right;
}

#uploadArea{
    padding-top: 10px;
}

.underline, .link{
    text-decoration: underline;
}

div[id*="medicalExaminationInput_disease"] label[for*="unknown"],
div[id*="medicalActivityChoice"] label[for*="medicalActivityChoice"] {
    font-weight: normal!important;
}

#noticeInfo{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 800px;
    top: 70px;
    left: 50%;
    margin-left: -350px;
    background-color: white;
    padding: 10px;
    border: 1px solid black;
}

#accountinput_gender, #account_gender, #accountedit_gender{
    margin-bottom: -9px;
}

.step{
    padding: 10px 0px 20px 96px;
}

.talk{
    padding-left:40px;
}

.mypageTalk{
    padding-left:21px;
}

#fiveYearsConditionInput_question2{
    padding-top:8px;
    margin-bottom: -10px;
}

.save{
    text-align: center;
    text-decoration: underline;
    list-style-type: none;
}

.special{
    margin: 8px auto;
}

#planBase{
    width:1000px;
    margin: 0 auto;
    height:1250px;
}

.textarea1{
    width: 400px;
    height: 180px;
    max-height: 4260px;
}

.textarea2{
    width: 400px;
    height: 80px;
    max-height: 4260px;
}

.diseaseChoice:not(select), .presentCondition, #paymentInput_payment{
    padding-top: 8px;
    padding-bottom: 8px;
}

.workType label{
    padding: 10px 0px !important;
}

div[id*=fiveYearsExaminationInput_disease]{
    width: 100%;
}

.specialDiseaseLabels label{
    max-width: 90%;
    vertical-align: middle;
}

/* ----------------- add exam button -----------------*/
.addExamBtn{
    width: 180px;
    cursor: pointer;
    display: block;
    height: 50px;
    float: right;
    border: 1px solid #487007;
    border-radius: 9px;
    background-color: #64910B;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.addExamBtn:hover{
    color: #64910B;
    background-color: #ffffff;
}

.addExamBtn:disabled{
    border: 1px solid #dddddd;
    color:#ffffff !important;
    background-color: #dddddd !important;
}

.addHospitalizationSurgeryBtn {
width: 90px;
cursor: pointer;
display: block;
height: 25px;
float: right;
border: 1px solid #487007;
border-radius: 9px;
background-color: #64910B;
font-size: 12px;
color: #ffffff;
font-weight: bold;
margin: 5px 5px 5px 5px;
}

/* ------- delete button & detail modify button -------*/
.deleteBtn, .detailModifyBtn{
    width: 140px;
    cursor: pointer;
    display: block;
    height: 45px;
    background-color: rgb(125, 125, 125) !important;
    text-align: center;
    border: none;
    border-radius: 9px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.deleteBtn:hover, .detailModifyBtn:hover{
    background-color: #ffffff !important;
    color: rgb(125, 125, 125);
    border: 1px solid rgb(125, 125, 125);
}

.deleteBtn:disabled, .detailModifyBtn:disabled{
    background-color: #dddddd !important;
    color: #ffffff !important;
    border: 1px solid #dddddd;
}

.deleteHospitalizationSurgeryBtn {
width: 90px;
cursor: pointer;
display: block;
height: 25px;
float: left;
border: 1px solid rgb(125, 125, 125);
border-radius: 9px;
background-color: rgb(125, 125, 125);
font-size: 12px;
color: #ffffff;
font-weight: bold;
margin: 5px 5px 5px 5px;
}

.specialDiseaseArea .main-table label{
    width: 30%
}

.specialDiseaseArea{
    padding: 0 10%
}

div[id^=disease] .diseaseChoice{
    padding: 0px;
}

div[id^=disease] .diseaseChoice label{
    margin: 0px;
    vertical-align: middle;
}

#diseaseArea2 .details{
    padding-left: 40px;
}

#diseaseArea3 .details{
    padding-left: 40px;
}

div[id^=medicalExaminationDetailInput_specialDisease]{
    display: none;
}

#presentConditionArea{
    display:none;
    padding-bottom: 10px;
}

.workInputHeightWeightText{
    width: 25%;
}

.detailModify{
    margin-top: -6px;
}

.confirm .m-td-b, .pad10px{
    padding: 10px;
}

.main-table .m-tr-a .m-td-h{
    padding: 10px;
    border-bottom: 1px solid #64910B;
}

.main-table .m-tr-a .m-td-i{
    padding: 10px;
    border-right: 1px solid;
    width: 30%;
}

.main-table .m-tr-a .m-td-j{
    background-color: #E2EFBD;
    width: 37%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

/* notififcationQuestionExamination */
.notification-examination-table {
    margin-top: 1rem;
}
.notification-examination-table .ne-td-a,
.notification-examination-table .ne-td-b {
    border: 1px solid #64910B;
    padding: 10px;
}
.notification-examination-table .ne-td-a {
    background-color: #E2EFBD;
    width: 25%;
}
.notification-examination-table .ne-td-b {
    width: 75%;
}

.common-table100per{
    width: 100%;
    margin: 0 auto;
}

.common-tableWidth95per{
    width: 95%;
    margin: 0 auto;
}

.common-tableWidth90per{
    width: 90%;
    margin: 0 auto;
}

.common-tableWidth80per{
    width: 80%;
    margin: 0 auto;
}

.common-divwidth1000px{
    width:1000px;
    margin: 0 auto;
    background-color: white;
}

.preloginconfirm-check,
.notificationconfirm-check{
    padding-top: 9px;
}

.notificationconfirm-msg{
    font-weight: bold;
    font-size: 20px;
    padding-left: 70px;
}

.intentionConfirmNeeds-check{
    padding-top: 9px;
}
.intentionConfirmNeeds-yes{
    font-weight: bold;
    font-size: 20px;
    padding-left: 50px;
}
.intentionConfirmNeeds-no{
    font-weight: bold;
    font-size: 20px;
    padding-left: 37px;
}

.btnBack-td{
    width: 13%;
    vertical-align: top;
}

.btnNext-td{
    width: 20%;
}

.notificationConfirmBtnBack-td{
    width: 28%;
    vertical-align: top;
}

.notificationConfirmBtnNext-td{
    width: 72%;
}

.globalmenu-td{
    width: 20%;
    vertical-align: top;
}

.ssliconimg-width{
    width: 250px;
}

.padding10px-td{
    padding: 10px;
}

.m-td-b > input[readonly="readonly"] {
    border: none;
    width: 500px;
}

.main-table .m-tr-a .m-td-k{
    background-color: #FFFFFF;
    width: 37%;
    color: rgb(0, 0, 0);
}

.main-table .m-tr-a .m-td-l{
    border: 1px solid #64910B;
    background-color: #FFFFFF;
    padding: 10px;
}

.main-table .m-tr-a .m-td-m{
    background-color: #FFFFFF;
    width: 25%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.main-table .m-tr-a .m-td-n{
    background-color: #E2EFBD;
    width: 35%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.main-table .m-tr-a .m-td-o{
    background-color: #E2EFBD;
    width: 7%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.main-table .m-tr-a .m-td-p{
    background-color: #E2EFBD;
    width: 12%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.main-table .m-tr-a .m-td-q{
    background-color: #E2EFBD;
    width: 25%;
    color: rgb(0, 0, 0);
    padding: 10px;
}

.textalign_right_Td{
    text-align: right;
}

.noticeList{
    height: 35px;
}

#planInfo{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 800px;
    top: 70px;
    left: 50%;
    margin-left: -350px;
    background-color: white;
    padding: 10px;
    border: 1px solid black;
}

#planConfirm{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 630px;
    top: 70px;
    left: 50%;
    margin-left: -350px;
    background-color: white;
    padding: 10px;
    border: none;
}

#planConfirm td.confirmTitle {
    text-align: center;
    font-size : large;
}

#planConfirm span.planName {
    color: #c63535;
    text-decoration : underline;
    font-weight : bold;
}

#planConfirm span.notHavingTurned {
    color: #c63535;
}

.login_heading {
    font-size: 16px;
    border-left: 3px solid #64910B;
    padding: .5em .9em .5em .9em;
    font-weight: bold;
}

/* ------------------ big radio button ------------------*/
.big_radio input[type="radio"] {
    display: none;
}
.big_radio label {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    padding-left: 42px;
    border-radius: 8px;
    vertical-align: middle;
    cursor: pointer;
}
.big_radio label:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 40%;
    left: 10px;
    display: block;
    margin-top: -8px;
    width: 20px;
    height: 20px;
    border: 2px solid #bbb;
    border-radius: 50%;
    content: '';
}

.big_radio label:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    margin-top: -5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    content: '';
    opacity: 0;
}
.big_radio input[type="radio"]:checked + label:before {
    opacity: 1;
    margin-top: -7.5px;
    margin-left: -6px;
    background:black;
    color:white;
}

#paymentInput_securityCode{
    width: 90px;
}

.faqLink{
    padding-left: 15px;
    font-size: 20px;
}

.under-validator-unit{
    padding-left: 40px;
}

.cardNumber{
    width: 60px;
}

.imeModeOn {
    ime-mode: active;
}

/* --------------- for notificationInput --------------- */
#notification-input .question {
    margin: 0 10%;
    background-color: white;
    border: 1px solid black;
    padding: 10px;
}

#notification-input .diseaseAreaEtc .diseaseChoice label {
    width: 50%;
}

.toGuide {
    font-weight: bold;
    text-decoration: underline;
}

.disabled-link {
    display: inline-block;
    pointer-events:none;
    color: gray;
}

/* --------------- for examinationDetailInput and recentDetailInput --------------- */
.specialDiseaseSelect label {
    width: 47% !important;
}

.reseted {
    background-color: rgb(235, 235, 228);
    background: rgb(235, 235, 228);
}

/* --------------- for medicalExaminationDetailInput --------------- */
.specialDiseaseExpressionCheck {
    display:inline-block;
    width: 48%;
    vertical-align: top;
}
.specialDiseaseExpressionCheck div.visibleCheck {
    margin-top: -10px;
}

.medicalDetail .main-table .m-tr-a .m-td-e {
    width: 20%;
}

.diabetesComplications label {
    padding: 0 10px !important;
}

.examinationAfterAdviceTextArea {
	width: 270px;
	height: 40px;
    resize: vertical;
    max-height: 1000px;
}

.medicalDetailTextArea {
	width: 270px;
	height: 40px;
    resize: vertical;
    max-height: 1000px;
}

/* --------------- for notificationResult --------------- */
button.closeBtn {
    width: 200px;
    height: 60px;
    background-color: #6C6C6C;
    padding: 10px 0px 10px 0px;
    text-indent:0px;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
}
button.closeBtn span.arrow {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    margin-top: 6px;
    margin-right: 10px;
    color: #64910B;
    font-size: 14px;
    float: right;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

button.closeBtn:disabled {
	background-color: #dddddd;
}

/* ---------- Next and Back Button ---------- */

button.preLoginBtn{
    width: 300px;
    height: 75px;
    padding: 0px;
}

button.nextButton {
    width: 200px;
    height: 60px;
    background-color: #64910B;
    padding: 10px 0px 10px 30px;
    text-indent:0px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    border: 1px solid #487007;
    border-radius: 9px;
}

button.nextButton_color {
    width: 200px;
    height: 60px;
    background-color: #64910B;
    padding: 10px 0px 10px 30px;
    text-indent:0px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
}

button.nextButton:hover {
    background-color: white;
    color: #64910B;
}

button.nextButton:disabled{
    background-color: #dddddd !important;
    color: #ffffff !important;
    border: solid #dddddd;
}

button.invalidNextButton {
    width: 200px;
    height: 60px;
    background-color: #6c6c6c;
    padding: 10px 0px 10px 30px;
    text-indent:0px;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
}

button.invalidNextButton:disabled{
    background-color: #dddddd !important;
    color: #ffffff;
    border: solid #dddddd;
    border-width: 5px;

}

button.invalidNextButton span.arrow {
    width: 20px;
    height: 20px;
    background-color: #6c6c6c;
    margin-top: 6px;
    margin-right: 10px;
    color: #6c6c6c;
    font-size: 14px;
    float: right;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

button.invalidNextButton:disabled span.arrow{
    width: 20px;
    height: 20px;
    background-color: #dddddd;
    margin-top: 6px;
    margin-right: 10px;
    color: #ffffff;
    font-size: 14px;
    float: right;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

button.nextButton.twoLineBtnSize,
button.invalidNextButton.twoLineBtnSize {
    width: 400px;
    height: 75px;
}

button.nextButton.oneLineLongBtnSize,
button.invalidNextButton.oneLineLongBtnSize {
    width: 380px;
    height: 60px;
}

button.nextButton.oneLineShortBtnSize,
button.invalidNextButton.oneLineShortBtnSize {
    width: 200px;
    height: 60px;
}

button.nextButton.dialogBtnSize {
    width: 100px;
    height: 35px;
    font-size: 14px;
    padding: 0px 0px 0px 30px;
}

button.nextButton span.arrow {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-right: 10px;
    font-size: 14px;
    float: right;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

button.nextButton_color span.arrow {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-right: 10px;
    color: #64910B;
    font-size: 14px;
    float: right;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

button.nextButton.twoLineBtnSize span.arrow,
button.invalidNextButton.twoLineBtnSize span.arrow {
    position: absolute;
    right: calc(50% - 200px); /* button.nextButton.twoLineBtnSizeのwidthが400px */
}

button.nextButton.dialogBtnSize span.arrow {
	margin: 0px 5px;
	padding-right: 3px;
}

button.nextButton span.arrow.multipleLine {
    background-repeat: no-repeat;
    background-position: right;
}

button.invalidNextButton span.arrow.multipleLine {
    background-repeat: no-repeat;
    background-position: right;
}

button.nextButton:hover span.arrow {
    color: #64910B;
}

button.nextButton:disabled span.arrow {
    color: #ffffff;
    background-color: #dddddd !important;
}

button.nextButton_color:hover span.arrow {
    color: #ffffff;
    background-color: #64910B;
}

table.button-area {
    width: 90%;
    border: none;
}

table.button-area td.btnBack-td {
    padding-top: 9px !important;
}

table.button-area td.btnNext-td {
    padding-right: 3px;
}

table.button-area button.nextButton {
    float: right !important;
}

table.button-area tbody tr td {
    padding: 5px 0px 5px 3px;
}

div.sslMessage {
    font-size: 13px;
    padding:12px 15px 8px 15px;
    text-align: center;
}

.induceWord{
    font-size: 16px;
    font-weight: bold;
}
.induceWord.red{
    font-size: 16px;
    font-weight: bold;
    color: red;
}

.induceIntention{
    font-size: 14px;
}
.induceIntention.red {
    color: red;
}

.induceEmphasis{
    color: red;
}

div.notificationSpacer {
    padding-top: 24px;
    clear: both;
}

.appendix{
    text-decoration: underline;
}

.completeNoticeInfo {
    z-index: 101;
    border-radius: 15px;
    position: fixed;
    width: 30%;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    padding: 1px 1px 1px 1px !important;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid black;
}

.completeSupplementaryInfo {
    z-index: 101;
    border-radius: 15px;
    position: fixed;
    width: 40%;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    padding: 1px 1px 1px 1px !important;
    transform: translate(-50%, -50%);
    background-color: white;
    border: 1px solid black;
}

.completeNoticeInfo.validation-error{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.specificDiseaseInfo {
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 950px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 1px solid black;
}

.notificationButtonArea {
    padding-top: 20px;
}

.notificationConfirmText {
    padding-top: 20px;
}

.qatitle {
    padding: 5px 12px 10px 20px;
    font-size: 24px;
    font-weight: bold;
}

.guideTitle {
    padding: 5px 12px 10px 20px;
    font-size: 24px;
    font-weight: bold;
}
.qaCategory {
    color: #333;
    padding: 5px 12px;
    font-size: 20px;
    background-color: #ffffff;
    height: 35px;
    border-style: none;
    border-left: 4px #64910B solid;
    margin: 0px 0px 10px 20px;
}

.qAndA {
    margin: 0px 0px 10px 40px;
    line-height: 1.2;
}

.qAndA .qamark {
    padding-right: 13px;
    margin-left: -30px;
}

.qAndA .question {
    background-color: #ebf1de;
    padding: 5px 15px 5px 45px;
    cursor: pointer;
}

.qAndA .answer {
    background-color: #f2dcdb;
    padding: 5px 15px 5px 45px;
    display: none;
}

form#toQAPageForm a {
    cursor: pointer;
}

.notifGuide {
    margin: 0px 0px 10px 40px;
    line-height: 1.2;
}

.notifGuide .word {
    font-weight: bold;
}

.notifGuide .mean {
    padding-left: 25px;
}

.notifGuide .notif2weekImg {
    width: 75%;
    height:auto;
}

.notifGuide ul {
	padding-left: 20px;
}

table.diseaseNameSample {
    width: 100%;
    margin-top: 10px;
    padding: 7px;
    border: solid 1px #64910B;
    border-collapse: separate;
}

div.notifGuideSpacer {
    margin: 16px 0;
}

table.diseaseNameSample tbody tr td.arrow {
    width: 25px;
    text-align: center;
}

table.examinationSample{
     width: 100%;
     margin-top: 10px;
     padding: 7px;
     border: solid 1px;
}

table.examinationSample td{
	padding: 2px;
}

table.specificSample{
     width: 100%;
     margin-top: 10px;
     padding: 7px;
     border: solid 1px;
     border-collapse: separate;
     word-break: keep-all;
}

td.specificSampleCol1{
     width: 25%;
}

td.specificSampleCol2{
     width: 35%;
}

td.specificSampleCol3{
     width: 40%;
}

/* radio button */
.radio-navi input[type='radio'] {
    -webkit-appearance: none;
    /* IE、Edgeで-webkit-appearanceが動かないため下記で非表示にする */
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}
.radio-navi input[type='radio'] + label {
    background: url("../images/icon/icon_radio1.png") no-repeat 10px, linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
    background-size: 20px, 100%;
    padding: 13px 0px 9px 20px;
    margin-bottom: 0;
    border-radius: 4px;
    border: 1px solid rgb(166, 166, 166);
    border-image: none;
    text-align: center;
    font-size: 1.2rem;
    display: inline-block;
    cursor: pointer;
    min-width: 120px;
    box-sizing: border-box;
}
.radio-navi input[type='radio']:enabled:not(:checked)+ label:hover {
    background: url("../images/icon/icon_radio1.png") no-repeat 10px, #f4f4f4;
    background-size: 20px, 100%;
}
.radio-navi input[type='radio']:checked + label {
    background: url("../images/icon/icon_radio2.png") no-repeat 10px, #64910B;
    background-size: 20px, 100%;
    color: #ffffff;
    border: 1px solid #64910B;
    border-image: none;
}
.radio-navi input[type='radio']:disabled + label {
    cursor: default;
}
.radio-navi input[type='radio']:not(:nth-child(1)) + label {
    margin-left: 15px;
}

.disease-title {
    text-align: center;
    color: white;
    background-color: #64910B;
    height: auto;
    font-size: 18px;
    padding: 5px;
    margin-top: 10px;
    width: 80%;
    margin: 0 auto;
}

/* notification detail radio-navi */
#normaldisease-input .radio-navi {
    margin: 8px auto;
}
#normaldisease-input .diabetes .radio-navi {
    margin-left: 8px;
}

/* notification detail textarea */
#normaldisease-input .textarea1 {
    resize: vertical;
}

/* medical detail textarea */
.textarea2 {
    resize: vertical;
}

/* readonly input and disabled selectbox */
input[readonly="readonly"],
select[disabled="disabled"] {
	background-color: #ebebe4;
}

/* for demo image */
.prelogin-intention-text {
	display: block;
}

/* step図 */
.table_step {
    width:50%; 
    border-right: none;
}
.table_step_joint {
    width:70%;
    border-right: none;
}
.table_title {
    width:60%; 
    border-right: none;
}
.circle{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    font-size: 18px; 
    background: #CCCCCC; /*背景色 ステップ前の色*/
    color : #FFFFFF; /*フォント色*/
}
.circle.stepped {
    background: #487007; /*背景色 ステップ後*/
}
.triangle{
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 2px;
    display: inline-block;
    _display: inline;
    border-left: 5px solid #CCCCCC; /*背景色 ステップ前の色*/
    color : #64910B;
}
.triangle.stepped {
    border-left: 5px solid #64910B; /*背景色 ステップ後*/
}
/* ステップ図のタイトル周りのフォント定義 */
.step_title {
    color: #CCCCCC;
    font-weight: bold;
}
.step_title.stepped {
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.td_circle {
    width:10%;
}
.td_triangle {
    width:5%;
}
.td_title {
    width:20%
}
/* step図 ここまで */

#notification-input .radio-navi label {
    width: 140px;
}

.notifConfTable {
	width: 100%; 
	border: 1px solid #002060;
	margin-top: 8px;
}
.notifConfTable tbody tr td {
	width: 10%; 
}

.baseInfoAddress {
	min-width: 250px;
	max-width: 430px;
}

.image-preview {
    max-width: 300px;
    max-height: 420px;
    border: 2px solid #333;
}

.pdf-canvas {
    width: 768px;
    display: none;
}

/* アップロード帳票のファイル名表示 */
#file-name {
    font-size: 16px;
    text-align: center;
}

/* 診断書ダウンロードエリア */
.medical-download-area {
    margin: 0 auto;
    width: 80%;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
}

.medi-certificate-download-area:hover {
    color: #337ab7;
}

.upload-error-area {
    padding: 5px 10px;
    background-color: white;
    border: 2px solid red;
	width: 95%;
	margin: 0 auto;
	text-align: left;
	border-radius: 4px;
    white-space: pre-line;
    display: none;
}

/* PDFアイコン */
.pdf-icon {
    font-size: 24px;
    margin-right: 8px;
}

.pdf-download-text {
    border-bottom: 2px solid #333;
    font-weight: normal;
}

.pdf-download-text:hover {
    color: #337ab7;
    border-bottom: 2px solid #337ab7;
}

.pdf-delete-text {
    display: inline-block;
    margin-top: 48px;
    cursor: pointer;
    color: #337ab7;
    border-bottom: 1px solid #337ab7;
}

.pdf-delete-text:hover {
    color: cornflowerblue;
    border-bottom: 1px solid cornflowerblue;
}

.supplementary-pdf-delete-text {
    display: inline-block;
    margin-top: 48px;
    cursor: pointer;
    color: #337ab7;
    border-bottom: 1px solid #337ab7;
}

.supplementary-pdf-delete-text:hover {
    color: cornflowerblue;
    border-bottom: 1px solid cornflowerblue;
}

/* radio button */
.upload-radio-navi{
    text-align: center;
}

.upload-radio-navi input[type='radio'] {
    -webkit-appearance: none;
    /* IE、Edgeで-webkit-appearanceが動かないため下記で非表示にする */
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}
.upload-radio-navi input[type='radio'] + label {
    background: url("../images/icon/icon_radio1.png") no-repeat 10px, linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
    background-size: 20px, 100%;
    padding: 11px 0px 11px 20px;
    white-space: pre-wrap;
    margin: 10px;
    border-radius: 4px;
    border: 1px solid rgb(166, 166, 166);
    border-image: none;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    min-width: 330px;
    box-sizing: border-box;
    height: auto;
}
.upload-radio-navi input[type='radio'] + label:hover {
    background: url("../images/icon/icon_radio1.png") no-repeat 10px, #f4f4f4;
    background-size: 20px, 100%;
}
.upload-radio-navi input[type='radio']:checked + label {
    background: url("../images/icon/icon_radio2.png") no-repeat 10px, #64910B;
    background-size: 20px, 100%;
    border: 1px solid #64910B;
    border-image: none;
    color: #ffffff;
}
.upload-radio-navi input[type='radio']:disabled + label {
    cursor: default;
}
.upload-radio-navi input[type='radio']:not(:nth-child(1)) + label {
    margin-left: 10px;
}
.joint-upload-radio-navi{
    text-align: center;
}

.joint-upload-radio-navi input[type='radio'] {
    -webkit-appearance: none;
    /* IE、Edgeで-webkit-appearanceが動かないため下記で非表示にする */
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}
.joint-upload-radio-navi input[type='radio'] + label {
    background: url("../images/icon/icon_radio1.png") no-repeat 10px, linear-gradient(to bottom, #ffffff 0%,#cccccc 100%);
    background-size: 20px, 100%;
    border-radius: 4px;
    border: 1px solid rgb(166, 166, 166);
    border-image: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: auto;
    margin: 10px;
    min-width: 330px;
    padding: 11px 0px 11px 20px;
    text-align: center;
    white-space: pre-wrap;
}
.joint-upload-radio-navi input[type='radio'] + label:hover {
    background: url("../images/icon/icon_radio1.png") no-repeat 10px, #f4f4f4;
    background-size: 20px, 100%;
}
.joint-upload-radio-navi input[type='radio']:checked + label {
    background: url("../images/icon/icon_radio2.png") no-repeat 10px, #64910B;
    background-size: 20px, 100%;
    border: 1px solid #64910B;
    border-image: none;
    color: #ffffff;
}
.joint-upload-radio-navi input[type='radio']:disabled + label {
    cursor: default;
}
.joint-upload-radio-navi input[type='radio']:not(:nth-child(1)) + label {
    margin-left: 10px;
}
.joint-upload-remark {
    display: inline-grid;
    font-size: 1.2rem;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 18px;
    padding: 11px 0px 11px 20px;
    width: 350px;
}
/* テーブル内にエラー表示するため独自にエラーエリアを定義 */
#upload-error-area{
    width: 95%;
    padding: 5px;
    padding-right: 5px;
    margin: 0 auto;
    border: 2px solid red;
    background-color: white;
    margin-top: 12px;
    text-align: center;
}
.indivDetailTableTitle {
    width: 80%;
    margin: 0 auto;
    font-weight: bold;
    padding: 0.5%;
}

.indivDetailTitle{
    width: 80%;
    margin: 0 auto;
    font-weight: bold;
    padding: 0.5%;
    font-size: 18px;
    border-bottom: solid gray 0.5px;
    margin-bottom: 1%;
}

.changeWarn:after {
    visibility: visible;
    background-color: #ffffff;
    border-radius: 1px;
    border-style: solid;
    border-color: red;
    border-width: 1px;
    color: red;
    float: right;
    font-weight: 550;
    font-size: 11px;
    padding: 1px 5px;
    margin-left: 10px;
    content: "変更されています";
}

.indivDiseaseNameLabel{
    display: block;
    height: 100%;  
    padding-left: 40px;
    padding-top: 3px;
    padding-bottom: 3px;
}


button.contactInfoButton {
    width: 175px;
    height: 45px;
    font-size: 20px;
    padding: 10px 0px 10px 10px;
    border: 1px solid #487007;
    color: rgb(255, 255, 255);
    background-color: #64910B;
    text-indent:0px;
    text-align: center;
    font-weight: bold;
    border-radius: 9px;
}

button.contactInfoButton:hover{
    color: #64910B;
    background: #ffffff;
}

.contactInfo {
    width: 500px;
    height: auto;
    border-radius: 15px !important;
    padding: 10px 10px 10px 10px;
    font-size: 16px;
}

.modalClose {
    width:150px;
    height:39px;
    font-size: 20px;
}

button.supplementaryUploadButton {
    width: 90%;
    height: 90px;
    font-size: 22px;
    padding: 10px 0px 10px 10px;
    border: 1px solid #487007;
    color: rgb(255, 255, 255);
    background-color: #64910B;
    text-indent:0px;
    text-align: center;
    font-weight: bold;
    border-radius: 9px;
    display: block;
    margin: auto;
}

button.supplementaryUploadButton:hover{
    color: #64910B;
    background: #ffffff;
}

button.supplementaryBackButton {
    width:100px;
    height:39px;
    font-size: 20px;
    margin-top: auto;
    margin-left: 5%;
}

.diseasename-input {
    width: 75%;
}


.eyesight-input {
    width: 80px;
}

.hospitalization-days {
    width: 60px;
    margin-top: 10px;
}

.hospitalization-days-label {
    margin-top: 10px;
}

.modal-bgcolor-white .modal-backdrop {
    background-color: #FFF;
    opacity: 0.8;
}

.modal-dialog {
    top: 50%;
    left: 50%;
    /* モーダルサイズ / 2 */
    margin-top: -145px !important;
    margin-left: -250px !important;
}

.modal-dialog-send {
    top: 50%;
    left: auto;
    right: auto;
    width: 800px;
    height: 240px;
    margin-top: -145px !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    position: relative;
    background-color: white;
    padding: 10px 10px;
    border: 1px solid black;
}

.flex-box-send {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    padding-left: 5%;
    padding-right: 21%;
}

div[id*="medicalExaminationInput_disease18treatment"] label[for$="_0"] {
    width: 142px;
    height: 41px;
    padding-left: 34px;
    padding-top: 3px;
    padding-right: 8px;
    vertical-align: bottom;
}

div[id*="medicalExaminationInput_disease18treatment"] label[for$="_1"] {
    width: 142px;
    height: 41px;
    padding-left: 40px;
    padding-top: 3px;
    padding-right: 35px;
    vertical-align: bottom;
}

div[id*="medicalExaminationInput_disease15status"] label[for$="_1"] {
    width: 120px;
    height: 41px;
    padding-left: 36px;
    padding-top: 3px;
    padding-right: 10px;
    vertical-align: bottom;
}
div[id*="medicalExaminationInput_disease14status"] label[for$="_1"] {
    width: 120px;
    height: 41px;
    padding-left: 36px;
    padding-top: 3px;
    padding-right: 10px;
    vertical-align: bottom;
}
div[id*="medicalExaminationInput_disease13flag"] label[for$="_1"] {
    height: 41px;
    padding-left: 36px;
    padding-top: 13px;
}
div[id*="medicalExaminationInput_disease3flag"] label[for$="_1"] {
    height: 41px;
    padding-left: 36px;
    padding-top: 13px;
}
div[id*="medicalExaminationInput_disease19complication"] label[for$="_1"] {
    height: 41px;
    padding-left: 36px;
    padding-top: 13px;
}
div[id*="medicalExaminationInput_disease10result"] label[for$="_1"] {
    width: 120px;
    height: 41px;
    padding-left: 36px;
    padding-top: 3px;
    padding-right: 10px;
    vertical-align: bottom;
}
.vertival-checkbox label{
    font-weight: normal;
    width: 96%;
}
.vertival-checkbox{
    margin-top: 10px;
}

button.qaButton {
    width: 204px;
    height: 45px;   
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding: 10px 0px 10px 10px;
    border: 1px solid #487007;
    background-color: #64910B;
    text-indent:0px;
    text-align: center;
    font-weight: bold;
}

button.qaButton:disabled{
    background-color: #dddddd !important;
    color: #ffffff !important;
    border: solid #dddddd;
    text-indent:0px;
    text-align: center;
}

button.qaButton:hover{
    color: #64910B;
    background: #ffffff;
}

.bullet-color{
    color: #487007;
}

#maxNotificationWarningArea{
    width: 80%;
    padding: 5px;
    padding-right: 15px;
    margin: 0 auto;
    border: 2px solid red;
    background-color: white;
    margin-top: 12px;
}

#maxNotificationWarningArea ul{
    padding-top: 10px;
}

.input-instruction{
    padding-left: 40px;
    font-weight: bold;
    font-size: 12px;
}

.row-title{
    background-color: #E2EFBD;
    width: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

.riders-space{
    margin-top: 5px;
    margin-bottom: 5px;
}

.confirmation{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    resize: none;
}

.response-entry-wrapper .validator-unit{
    background-position: 9px 60px;
}

.response-entry{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 95%;
    height: 120px;
    resize: vertical;
}

button.normalButton {
    width: 150px;
    height: 45px;
    background-color: #64910B;
    padding: 0 30px 0 30px;
    text-indent:0;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: bold;
    border: 1px solid #487007;
    border-radius: 9px;
}

button.normalButton:hover {
    background-color: white;
    color: #64910B;
}

button.normalButton:disabled{
    background-color: #dddddd !important;
    color: #ffffff;
    border: 5px solid #dddddd;
}

.cancer-caution-area {
    padding-left: 40px;
    padding-right: 5px;
}

.withdesk-link {
    text-decoration: underline;
    text-align: right;
}

.detail-textarea{
    width: 300px;
}

.pair-loan-attention-box {
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #548235;
    padding: 1em;
}

:is(#proceed-to-link-partner,#modal-joint-class-confirmation) > .modal-dialog {
	  width: 520px !important;
}

.loginDialog {
    position: absolute;
    width: 950px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    display: block;
    top: 100px;
    margin: 0px 0px 0px -475px;
    border-radius: 0px;
    border: 12px ridge  #f5f5f5;
    z-index: 9999;
}

.grayLayout{
    z-index: 1040;
    background-color: #c1c1c1;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.importantCheckbox {
    margin: -4px 0px 0px !important;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* --------------- 認証コード入力欄 --------------- */
.authenticateCode {
    font-family: Arial, sans-serif;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    margin: 0;
}

.code-input {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    border: 1px solid black;
    background-color: white;
    padding: 10px;
    border-radius: 5px;
}

.digit-onetimePasscode {
    width: 30px; /* 幅は任意のサイズに調整 */
    height: 40px; /* 高さは任意のサイズに調整 */
    text-align: center;
    font-size: 24px;
    border: none;
    outline: none;
    background-color: white;
    border-bottom: 2px solid black; /* 下線のスタイル */
    margin: 8px; /* 数字間の間隔 (0.3倍を考慮) */
}

.digit-onetimePasscode:focus {
    border-bottom: 2px solid blue; /* フォーカス時の下線の色 */
    background-color: white !important; /* フォーカス時も背景色を白に */
}

.border-bottom-ForMail{
    border-bottom: 3px solid rgb(175, 175, 175);
    width: 90%;
    margin: 0 auto
}

#successMessageArea {
    width: 80%;
    padding: 5px;
    padding-right: 15px;
    margin: 0 auto;
    margin-top: 12px;
    border: 2px solid #3c763d;
}

#successMessageArea ul {
    padding-top: 10px;
}

.disabledFixStyle:disabled {
    border:  #dddddd !important;
}