#footer{
    width: 100%;
    clear: both;
    background: #ccddee; 
    margin: 0 auto;
    position: relative;
    bottom: -65px;
}

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

.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 #002060;
    border-collapse: collapse;
}

.main-table .m-tr-a .m-td-a{
    background-color: #C6D9F1;
    width: 30%;
    color: #002060;
    padding: 10px;
    border-width: 1px;
}

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

.register-plan-table{
    margin: 0 auto;
    border: 2px solid #002060;
    border-radius: 4px;
    margin-bottom:25px;
    border-collapse: separate;

}

.register-plan-table .m-tr-a {
    width: 30%;
    color: #002060;
    padding: 10px;
}
.register-plan-table .m-td-a {
    width: 30%;
    color: #002060;
    padding: 10px;
}
.register-td-b {
    background-color: #FFFFFF;
    padding-left: 10px;
    border-top: 2px solid #002060;
}
.need{
    background-image: url(../images/icon/need.PNG);
    background-repeat: no-repeat;
    background-position: right;
}

.special label{
    padding: 10px;
}

.m-td-b{
    background-color: #FFFFFF;
    padding-left: 10px;
    border: 1px solid #002060;
}

.m-td-c{
    background-color: #FFFFFF;
    padding: 10px;
}



.teiki-desc {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0px;
}
.tayori-desc {
    font-size: 12px;
    margin-bottom: 10px;

}
.syusin-desc {
    font-size: 12px;
    margin-bottom: 10px;
}


.teiki-sum-insured {
    padding: 25px 10px 10px 10px;
}

.tayori-policy-type {
    padding: 25px 10px 10px 0px;
}

.tayori-insurance-amount {
    padding: 25px 10px 10px 0px;
}

.syusin-hospitalization-term {
    padding: 25px 10px 10px 0px;
}

.syusin-payment-period {
    padding: 25px 10px 10px 0px;
}


.planProductDetail{
    text-align: center;
    width: 100%;
    height: 28%;
    max-height: 28%;
    font-size: 14px;
    font-weight: bold;
    color: #0b2296;
    position: relative;
    cursor: pointer;
}

.planProductDetail:hover{
    text-decoration: underline;
}

.planProductDetail:before{
    content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../images/icon/exclamation.png);
  background-size: contain;
  position: relative;
    left: 3px;
    top: 3px;
}


.planProductDetailTayori{
    text-align: center;
    width: 100%;
    height: 28%;
    max-height: 28%;
    font-size: 14px;
    font-weight: bold;
    color: #0b2296;
    position: relative;
    cursor: pointer;
}

.spacer15 {
  padding-bottom: 15px;
}

.spacer65 {
  padding-bottom: 65px;
}

.planProductDetailTayori:hover{
    text-decoration: underline;
}

.planProductDetailTayori:before{
    content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../images/icon/exclamation.png);
  background-size: contain;
  position: relative;
    left: 3px;
    top: 3px;
}



#backBtn{
    width: 100px;
    cursor: pointer;
    display: block;
    height: 45px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/backBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    background-color: #ffffff;
}

#backBtn:hover{
    background-image: url(../images/btn/backBtn2.png);
}

#nextBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/nextBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#nextBtn:hover{
    background-image: url(../images/btn/nextBtn2.png);
}

#sendMailBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/sendMailBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#sendMailBtn:hover{
    background-image: url(../images/btn/sendMailBtn2.png);
}

#nextBtn[disabled]{
    background-image: url(../images/btn/nextBtn2.png);
}

#resetBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/reseBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#resetBtn:hover{
    background-image: url(../images/btn/reseBtn2.png);
}

#registerBtn{
    width: 333px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/toMakePlanBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#registerBtn:hover{
    background-image: url(../images/btn/toMakePlanBtn2.png);
}

#nextApplyBtn{
    width: 245px;
    cursor: pointer;
    display: block;
    height: 65px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/pc_btn_flash.gif);
    background-repeat: no-repeat;
    float: right;
    background-color: #EFF9FF;
}

#nextApplyBtn:hover{
    background-image: url(../images/btn/pc_btn_flash.gif);
}

#continueBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/continueBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ccddee;
}

#continueBtn:hover{
    background-image: url(../images/btn/continueBtn2.png);
}

#toLoginBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/toLoginBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgba(0, 0, 0, 0);
}

#toLoginBtn:hover{
    background-image: url(../images/btn/toLoginBtn2.png);
}

#modifyBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/modifyBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#modifyBtn:hover{
    background-image: url(../images/btn/modifyBtn2.png);
}

#toMypageTopBtn{
    margin: 0 auto;
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/toMypageTopBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#toMypageTopBtn:hover{
    background-image: url(../images/btn/toMypageTopBtn2.png);
}

#accountConfirmBtn{
    margin: 0 auto;
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/accountConfirmBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#accountConfirmBtn:hover{
    background-image: url(../images/btn/accountConfirmBtn2.png);
}

#accountEditBtn{
    margin-left: 10px;
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/accountEditBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#accountEditBtn:hover{
    background-image: url(../images/btn/accountEditBtn2.png);
}

#toStartApplyBtn{
    margin-left: 10px;
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/toStartApplyBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#toStartApplyBtn:hover{
    background-image: url(../images/btn/toStartApplyBtn2.png);
}

#applyBtn{
    width: 250px;
    cursor: pointer;
    display: block;
    height: 80px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/completeApplyBtn1_2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

#applyBtn:hover{
    background-image: url(../images/btn/completeApplyBtn2_2.png);
}

#addSecondRecipient, #addThirdRecipient{
    width: 150px;
    cursor: pointer;
    display: block;
    height: 48px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/addRecipientBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ccddee;
    float: right;
}

#addSecondRecipient:hover, #addThirdRecipient:hover{
    background-image: url(../images/btn/addRecipientBtn2.png);
}

#deleteSecondRecipent, #deleteThirdRecipent{
    width: 150px;
    cursor: pointer;
    display: block;
    height: 48px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/delRecipientBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ccddee;
}

#deleteRecipent:hover{
    background-image: url(../images/btn/delRecipientBtn2.png);
}

.downloadBtn{
    width: 150px;
    cursor: pointer;
    display: block;
    height: 48px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/downloadBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgba(0, 0, 0, 0);
}

.downloadBtn:hover{
    background-image: url(../images/btn/downloadBtn2.png);
}

.downloadBtn.busy{
    background-image: url(../images/btn/downloadBtn2.png);
}

#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 #002060;
    padding: 6px 8px;
    margin: 0 auto;
    width: 100%;
}

.checkInput + label {
    background-image: url(../images/icon/check_off_plan_pc.png);
    position: absolute;
    cursor: pointer;
    background-repeat: no-repeat;
    /*画像サイズの違いをポジションで補正*/
    top: 5px;
    left: 0px;
    min-width: 100%;
}

.checkInput:checked + label {
    background-image: url(../images/icon/check_on_plan_pc.png);
    position: absolute;
    cursor: pointer;
    /*画像サイズの違いをポジションで補正*/
    top: 0px;
    left: 9px;
}

.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: 205px;
    width: 100%;
    z-index: 99;
    border-top:1px solid #002060;
}

#whiteLayout{
    z-index: 100;
    background-color: #FFF;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}
#cleanLayout{
    z-index: 101;
    background-color: #888;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}
.registerPlanForm #whiteLayout{
    /* 保険料試算画面で無色空白が出ないようにする */
    height: 100%;
}

#basicInfo{
    z-index: 102;
    border-radius: 15px;
    background-color: #093D85;
    position: absolute;
    width: 650px;
    height: 535px;
    top: 120px;
    left: 50%;
    margin-left: -350px;
}

#basicInner{
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 10px;
    background-color: #FFF;
    text-align: center;
    width: 630px;
    height: 515px;
    display: block;
}

#caluculation_title{
    padding-top: 20px;
    font-size: 40px;
}

#caluculation_info{
    padding-top: 40px;
    font-size: 25px;
}

#caluculation_sex_info{
    padding: 30px 0;
    font-size: 25px;
}
.startCalculation{
    top: 35px;
    width: 40%;
    color: #fff;
    background-color: #093D85;
    border-color: #093D85;
    font-size: 30px;
    border-style: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.startCalculation:hover{
    background-color: #003192;
    border-color: #003192;
}

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

#planToLogin:hover {
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=40)";
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;
    opacity:0.5;
    zoom:1;
}

/* ------------------ mypageMenu.html.twig ------------------*/
div.nav {
    width: 160px;
    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: 65px;
    width: 100%;
    top: 0px;
    left: 2px;
    position: fixed;
    background-color: #ffffff;
    z-index: 10;
}

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

.header-logo{
    height: auto;
}

.body-section{
    position: relative;
    background:#ccddee ;
    top: 65px;
}

#inner_header{
    width:1100px;
    padding: 10px 20px;
    margin: 0 auto;   
    height: 63px;
}

#black_line{
    border: 1px solid;   
}

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

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

#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,
#unwork_price,
#total_price {
    font-weight: bold;
    font-size: 25px;
    color: black;
}

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

#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;
}

#accountCheck1{
    background-image: url(../images/check/accountCheck1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:450px;
    height: 80px;
    margin: 0 auto;
}

#accountCheck2{
    background-image: url(../images/check/accountCheck2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 450px;
    height: 80px;
    margin: 0 auto;
}

#accountCheck3{
    background-image: url(../images/check/accountCheck3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:450px;
    height: 80px;
    margin: 0 auto;
}

#accountCheck4{
    background-image: url(../images/check/accountCheck4.png);
    background-size: contain;
    background-repeat: no-repeat;
    width:550px;
    height: 80px;
    margin: 0 auto;
}

#accountCheckMyself {
    background-image: url(../images/check/accountCheckMyself.png);
    background-size: 100% 98%;
    background-repeat: no-repeat;
    letter-spacing: -.05em;
    width: 630px;
    height: 65px;
    padding : 5px 0px 0px 13px;
    margin: 0 auto;
}

#accountCheck5{
    background-image: url(../images/check/accountCheck5.png);
    background-size: 100% 98%;
    background-repeat: no-repeat;
    letter-spacing: -.05em;
    width: 550px;
    height: 65px;
    padding : 11px 0px 0px 0px;
    margin: 0 auto;
}
.register_sentence_normal{
    text-align : center;
    display : block;
}

.register_form_style_head{
    font-size : 20px;
    font-weight : bold;
    padding-left: 70px;
    display:inline-block;
}

.register_form_style{
    font-size : 20px;
    font-weight : bold;
    display:inline-block;
}

#cancer_dm_notice_pointer{
    font-size : 8px;
    font-weight : bold;
    display:inline-block;
}

#confirm_cancer_dm_table{
    background-color : #E6E6E6;
}

#confirm_cancer_dm{
    padding-top : 8px;
}

#text_area_cancer_notice{
    padding : 0px 0px 30px 0px;
    text-align : center;
}

#text_area_cancer_notice #center_area_cancer_notice{
    width:550px;
    text-align : center;
    display : inline-block;
}

#text_area_cancer_notice #center_area_cancer_notice .block_area_cancer_notice1{
    margin-bottom : 3px;
    font-size : 13px;
    text-align : right;
    width:550px;
    display : block;
}

#text_area_cancer_notice #center_area_cancer_notice .block_area_cancer_notice2{
    margin : 0 auto;
    padding-left : 60px;
    font-size : 13px;
    text-align : left;
    width:580px;
    display : block;
}

.checkAccountInput{
    display: none;
}
.checkAccountInput + label {
    background-image: url(../images/icon/accountCheck_off.png);
    background-position: 20px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.checkAccountInput:checked + label {
    cursor: pointer;
    background-image: url(../images/icon/accountCheck_on.png);
}

#errorArea{
    width: 80%;
    padding: 5px;
    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;
}

.downloadBtnNotImplemented {
    font-size: 14px;
    font-weight: bold;
    background-color: #ff8c00;
    border-radius: 4px;
    color: #ffffff;
    border: none;
    outline: none;
    width: 200px;
    padding: 6px 0px;
}

.downloadBtnSuccess{
    font-size: 14px;
    font-weight: bold;
    background-color: #6c6c6c;
    border-radius: 4px;
    border: none;
    outline: none;
    color: #ffffff;
    width: 200px;
    padding: 6px 0px;
}

.inValidCheck{
    background-image: url(../images/check/invalidCheckArea.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 80px;
    margin: 0 auto;
}

.validCheck{
    background-image: url(../images/check/checkArea.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 80px;
    margin: 0 auto;
}

.validCheck2L{ /* 2行 */
    background-image: url(../images/check/checkArea_02.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
    margin: 0 auto;
}

.inValidCheckCaution{
    padding: 8px 0;
    font-size: 13px;
    margin: 0 100px;
}

.inValidCheckCaution div{
    padding: 15px 20px;
    text-align: center;
    background-color: #FDEFEE;
    color: #FD594D;
    font-weight: bold;
}

table.downloadArea tbody tr td.table_label {
    font-size: 16px;
    font-weight: bold;
    width: 50%;
    height:45px;
}

table.downloadArea tbody tr td span.planName {
    float: left;
    padding: 15px 0 0 10px;
    font-size: 16px;
    font-weight: bold;
}

table.downloadArea tbody tr td img.planLogo {
    float: right;
    padding-right: 30px;
    width: 184px;
}

table.downloadArea tbody tr td .download_check{
    text-align: center;
}

.checkDownloadInput{
    display: none;
}

.checkDownloadInput + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 32px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.checkDownloadInput:checked + label {
    background-size: 37px;
    background-position: 32px 1px;
    cursor: pointer;
    background-image: url(../images/icon/check_on2.png);
}

#downloadCheckLabel{
    font-weight:bold;
    font-size:20px;
    padding-left: 78px
}

.separatorLine {
    border: 1px solid #d9d9d9;
    margin: 0 100px;
}

/* TODO [後日 main_ph70.css に統合予定] START */
.checkHimselfConfirmInput{
    display: none;
}

.checkHimselfConfirmInput + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 32px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 37px;
}

.checkHimselfConfirmInput:checked + label {
    background-image: url(../images/icon/check_on2.png);
    background-position: 32px 1px;
    background-size: 37px;
    cursor: pointer;
}

.checkHimselfConfirm-check {
    padding-top: 9px;
    padding-left: 70px;
}

.checkHimselfConfirm-msg {
    font-weight: bold;
    font-size: 20px;
}
/* TODO [後日 main_ph70.css に統合予定] END */

.checkRefundsInput{
    display: none;
}

.checkRefundsInput + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 32px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 37px;
}

.checkRefundsInput:checked + label {
    background-image: url(../images/icon/check_on2.png);
    background-position: 32px 1px;
    background-size: 37px;
    cursor: pointer;
}

#refundsCheckLabel{
    font-weight:bold;
    font-size:20px;
}

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

.invalidNextBtn{
    background-image: url(../images/btn/invalidBtn.png);
}

.validNextBtn{
    background-image: url(../images/btn/nextBtn1.png);
}

.validNextBtn:hover{
    background-image: url(../images/btn/nextBtn2.png);    
}

.intentionTd{
    color: #002060;
    font-weight: bold;
}

.intentionIndent{
    padding-left: 0.6em;
    text-indent: -1.6em;
}

#normalCheck1{
    background-image: url(../images/check/normalCheck1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck2{
    background-image: url(../images/check/normalCheck2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck3{
    background-image: url(../images/check/normalCheck3.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck4{
    background-image: url(../images/check/normalCheck4.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

#normalCheck5{
    background-image: url(../images/check/normalCheck5.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 285px;
    height: 65px;
    margin: 0 auto 0 0;
    padding: 8px 0px 0px 80px;
}

.normalCheckInput{
    display: none;
}

.normalCheckInput + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 32px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.normalCheckInput:checked + label {
    background-size: 37px;
    background-position: 32px 1px;
    cursor: pointer;
    background-image: url(../images/icon/check_on2.png);
}

.normalCheckInputYes{
    display: none;
}

.normalCheckInputYes + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 10px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.normalCheckInputYes:checked + label {
    background-size: 37px;
    background-position: 10px 1px;
    cursor: pointer;
    background-image: url(../images/icon/check_on2.png);
}

.normalCheckInputNo{
    display: none;
}

.normalCheckInputNo + label {
    background-image: url(../images/icon/normalCheck.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
}

.normalCheckInputNo:checked + label {
    background-size: 37px;
    background-position: 0px 1px;
    cursor: pointer;
    background-image: url(../images/icon/check_on2.png);
}

.notificationCheck{
    background-size: contain;
    background-repeat: no-repeat;
    height: 66px;
    margin: 0 auto;
    padding: 9px 0px 0px 74px;
}

#notificationCheck1{
    background-image: url(../images/check/notificationCheck1.png);
}

#notificationCheck2{
    background-image: url(../images/check/notificationCheck2.png);
}

#notificationCheck3{
    background-image: url(../images/check/notificationCheck3.png);
}

#notificationCheck4{
    background-image: url(../images/check/notificationCheck4.png);
}

#notificationCheck5{
    background-image: url(../images/check/notificationCheck5.png);
}

#notificationCheck6{
    background-image: url(../images/check/notificationCheck6.png);
}

#notificationCheck7{
    background-image: url(../images/check/notificationCheck7.png);
}

.notificationTd{
    padding-left: 100px;
    padding-top: 20px;
}

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

.notificationIndent{
    padding-left: 1em;
    text-indent: -1.5em;
}

.supportTable{
    background-color: #FDF7E7;
}

.supportTd{
    padding: 10px;
}

.main-table .m-tr-a .m-td-d {
    background-color: #C6D9F1;
    width: 15%;
    color: #002060;
    padding: 10px;
    border-width:1px;
}

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

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

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

#diseaseArea label{
    font-weight: normal;
    width: 22%;
    vertical-align:middle;
    margin-left: 5px;
}

#diseaseArea{
    padding-top: 15px;
}

.diseaseType{
    font-weight: bold;
}

.main-table .m-tr-a .m-td-e{
    background-color: #C6D9F1;
    width: 23%;
    color: #002060;
    padding: 10px;
    border-width:1px;
}

.main-table .m-tr-a .m-td-f{
    background-color: #C6D9F1;
    width: 4%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-g{
    background-color: #C6D9F1;
    width: 30%;
    color: #002060;
    padding: 13px 10px 10px 9px;
}

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

.detailModify{
    float: right;
}

#uploadHelpLink {
    float: right;
    position: relative;
    top: 10px;
    margin-bottom: -18px;
    padding-right: 10px;
    text-decoration: underline;
    font-style: oblique;
    color: #337ab7;
    cursor: pointer;
}

.uploadCaution{
    padding: 0px 30px 8px 5px;
    font-size: 13px;
}

.uploadCaution div{
    padding: 15px 20px;
    background-color: #FDEFEE;
    color: #FD594D;
    font-weight: bold;
}

#uploadArea{
    padding-top: 10px;
}

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

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

#captcha {
    margin-bottom: 5px;
}

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

.step{
    padding: 21px 0px 23px 190px
}

.talk{
    padding-left:40px;
}
.fontred{
    font-weight: bold;
    color: red;
}
.underbar{
    font-weight: bold;
    border-bottom: solid 1px
}
.mypageTalk{
    padding-left:21px;
}

.toLoginTalk{
    background-image: url(../images/talk/talk02.png) ;
    background-repeat: no-repeat;
    width:600px;
    height:94px;
    margin-left: 40px;
}

.toLoginBtn{
    background-image: url(../images/btn/miniLoginBtn1.png);
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    width: 182px;
    height: 40px;
    float: right;
    margin-right: 40px;
    margin-top: 22px;
}

.toLoginBtn:hover{
    background-image: url(../images/btn/miniLoginBtn2.png);
}

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

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

.save span.triangle{
    color: #337ab7
}

.special{
    margin-bottom: -8px;
}
.register-font{
    font-size:16px;
    font-weight: bold;
    color: #002060;
}
.lifePeriodBtn{
    margin-left:5px;
    margin-top: 5px;
    display: inline-block;
}
#plan_lifePeriod label[for='plan_lifePeriod_0'],
#plan_unworkPeriod label[for='plan_unworkPeriod_0'] {
    font-weight: bold;
    color: #000000;
    background: linear-gradient(#ffffff ,#c8c8c8 );
    margin-left: -18px;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    height: 40px;
    width: 68px;
    text-align: center;
    padding-top: 9px;
}
#plan_lifePeriod label[for='plan_lifePeriod_1'],
#plan_unworkPeriod label[for='plan_unworkPeriod_1'] {
    font-weight: bold;
    color: #000000;
    background: linear-gradient(#ffffff ,#c8c8c8 );
    margin-left: -18px;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    height: 40px;
    width: 68px;
    text-align: center;
    padding-top: 9px;
}
#plan_lifePeriod label[for='plan_lifePeriod_0']:hover,
#plan_unworkPeriod label[for='plan_unworkPeriod_0']:hover {
    background-color: #c3c3c6;
}
#plan_lifePeriod label[for='plan_lifePeriod_1']:hover,
#plan_unworkPeriod label[for='plan_unworkPeriod_1']:hover {
    background-color: #c3c3c6;
}
#plan_lifePeriod input#plan_lifePeriod_0:checked + label,
#plan_unworkPeriod input#plan_unworkPeriod_0:checked + label {
    color: #ffffff;
    background: linear-gradient(#ff9619, #ee870e );
    border: 2px solid #ee870e;
}
#plan_lifePeriod input#plan_lifePeriod_1:checked + label,
#plan_unworkPeriod input#plan_unworkPeriod_1:checked + label {
    color: #ffffff;
    background: linear-gradient(#ff9619 , #ee870e);
    border: 2px solid #ee870e;
}
#plan_lifePeriod input#plan_lifePeriod_0:checked + label:hover,
#plan_unworkPeriod input#plan_unworkPeriod_0:checked + label:hover {
    color: #ffffff;
    background: linear-gradient(#fac090 ,#fbc796 );
    border: 2px solid #fbc796;
}
#plan_lifePeriod input#plan_lifePeriod_1:checked + label:hover,
#plan_unworkPeriod input#plan_unworkPeriod_1:checked + label:hover {
    color: #ffffff;
    background: linear-gradient(#fac090 ,#fbc796 );
    border: 2px solid #fbc796;
}
#plan_unworkPaymentReduction label[for='plan_unworkPaymentReduction_0'] {
    font-weight: bold;
    color: #000000;
    background: linear-gradient(#ffffff ,#c8c8c8 );
    margin-left: -18px;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    height: 60px;
    width: 110px;
    text-align: center;
    margin-top: 10px;
    padding-top: 7px;
}
#plan_unworkPaymentReduction label[for='plan_unworkPaymentReduction_1'] {
    font-weight: bold;
    color: #000000;
    background: linear-gradient(#ffffff ,#c8c8c8 );
    margin-left: -18px;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
    height: 60px;
    width: 106px;
    text-align: center;
    margin-top: 10px;
    padding-top: 7px;
}
#plan_unworkPaymentReduction label[for='plan_unworkPaymentReduction_0']:hover {
    background-color: #c3c3c6;
    margin-top: 10px;
    padding-top: 7px;
}
#plan_unworkPaymentReduction label[for='plan_unworkPaymentReduction_1']:hover {
    background-color: #c3c3c6;
    margin-top: 10px;
    padding-top: 7px;
}
#plan_unworkPaymentReduction input#plan_unworkPaymentReduction_0:checked + label {
    color: #ffffff;
    background: linear-gradient(#ff9619, #ee870e );
    border: 2px solid #ee870e;
    margin-top: 10px;
    padding-top: 7px;
}
#plan_unworkPaymentReduction input#plan_unworkPaymentReduction_1:checked + label {
    color: #ffffff;
    background: linear-gradient(#ff9619 , #ee870e);
    border: 2px solid #ee870e;
    margin-top: 10px;
    padding-top: 7px;
}
#plan_unworkPaymentReduction input#plan_unworkPaymentReduction_0:checked + label:hover {
    color: #ffffff;
    background: linear-gradient(#fac090 ,#fbc796 );
    border: 2px solid #fbc796;
    margin-top: 10px;
    padding-top: 7px;
}
#plan_unworkPaymentReduction input#plan_unworkPaymentReduction_1:checked + label:hover {
    color: #ffffff;
    background: linear-gradient(#fac090 ,#fbc796 );
    border: 2px solid #fbc796;
    margin-top: 10px;
    padding-top: 7px;
}
#unworkDisableMessage{
    color: #ff0000;
    margin-top: 10px;
    margin-left: 10%;
    font-weight:  bold;
}
#plan_lifePeriod input[type="radio"] {
    margin-left: 5px;
}
#planBase{
    width:1000px;
    margin: 0 auto;
    min-height: 100vh; /* vh(viewport height)を使用することにより、縦表示にも対応 */
    background-color: #ffffff;
}

.textarea1{
    width: 700px;
    height: 80px;
}

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

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

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

.addBtn{
    width: 170px;
    cursor: pointer;
    display: block;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/addBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
    float: right;
}

.addBtn:hover{
    background-image: url(../images/btn/addBtn2.png);
}
.addExamBtn{
    width: 210px;
    cursor: pointer;
    display: block;
    height: 50px;
    float: right;
    border: 5px solid #ff8c00;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    color:#ff8c00;
}

.addExamBtn:hover{
    border-color: #fac090;
    color: #fac090;
}

.addHandicapBtn{
    width: 230px;
    cursor: pointer;
    display: block;
    height: 50px;
    float: right;
    border: 5px solid #ff8c00;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    color:#ff8c00;
}

.addHandicapBtn:hover{
    border-color: #fac090;
    color: #fac090;
}

.deleteBtn{
    width: 170px;
    cursor: pointer;
    display: block;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/deleteBtn1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #ffffff;
}

.deleteBtn:hover{
    background-image: url(../images/btn/deleteBtn2.png);
}

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

.specialDiseaseArea{
    padding: 0 10%
}

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

div[id^=disease] .diseaseChoice label{
    margin: 0px;
    margin-left: 5px;
}

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

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

div[id^=presentConditionArea]{
    display:none;
    padding-bottom: 10px;
}

.workInputHeightWeightText{
    width: 25%;
}

#fileUploadArea{
    padding: 9px 5px;
}

#fileUploadArea div#fileUpload_fileUpload{
    width: 360px;
    padding-right: 50px;
}

#fileUploadArea div#fileUpload_fileUpload label{
    width: 93%;
    padding-right: 50px;
}

div.imgInputArea {
    overflow:hidden;
    width:315px;
    height:31px;
}

div.imgInputArea input.uploadFile {
    position: absolute;
    z-index: 99;
    width: 120px;
    height:30px;
    opacity: 0;
    cursor: pointer;
}

div.imgInputArea input.uploadFileIE {
    font-size: 52px;
}

div.imgInputArea .uploadFilebtn {
    float:left;
    width: 120px;
    height:30px;
    line-height: 30px;
    background-color: #0099FF;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    z-index: 100;
}

.menuSubmit{
    background-color: #FDF7E7;
    width: 160px;
    height: 35px;
    border-style: none;
    border-left: 4px #c0c0c0 solid;
    color:  #337ab7
}

.backBuleLinkSubmit{
    background-color: rgba(0, 0, 0, 0);
    color: #337ab7;
    border-style: none;
    text-decoration:underline;
}

.backBuleBtn{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: block;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/alterBtn1.png);
    background-repeat: no-repeat;
    background-color: #ccddee;
}

.alterCompleteBtn{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: block;
    border: none;
    text-indent: -9999px;
    background-image: url(../images/btn/alterBtn3.png);
    background-repeat: no-repeat;
    background-color: #ccddee;
}

.backBuleBtn:hover,
.alterCompleteBtn:hover{
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=40)";
    -moz-opacity:0.5;  
    -khtml-opacity: 0.5;
    opacity:0.5;
    zoom:1;
}

.backBuleLinkSubmit:hover, .menuSubmit:hover{
    color: #23527c;
}

.backWhiteLinkSubmit{
    background-color: #FFFFFF;
    border-style: none;
    text-decoration:underline;
}

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

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

.workDetailInput{
    padding: 5px 0px 0px 40px;
}

#plan_gender_1{
    margin-left: 20px;
}

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

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

.main-table .m-tr-a .m-td-j{
    background-color: #C6D9F1;
    width: 37%;
    color: #002060;
    padding: 10px;
}

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

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

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

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

.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: 35%;
    vertical-align: top;
}

.btnNext-td{
    width: 65%;
}

.preInputBtnBack-td{
    width: 30%;
    padding-bottom: 35px;
}

.preInputBtnNext-td{
    width: 65%;
    padding-bottom: 9px;
    text-align: center;
}

.globalmenu-td{
    width: 18%;
    padding-left: 2%;
    vertical-align: top;
}

.ssliconimg-width{
    width: 250px;
}

.padding10px-td{
    padding: 10px;
}

.imgView{
    display: none;
    max-width: 500px;
}

.workInput_workdetail2{
    min-width: 195px;
}

#fiveYearsExaminationInput_etcDiseaseChoice label{
    width: 40%;
}

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

.specialMsgTd{
    padding: 6px 0px;
    line-height: 1.6;
    width:46%;
}

.main-table .m-tr-a .m-td-k{
    background-color: #FFFFFF;
    width: 37%;
    color: #002060;
}

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

.main-table .m-tr-a .m-td-m{
    background-color: #FFFFFF;
    width: 25%;
    color: #002060;
    padding: 10px;
    border-width: 1px;
}

.main-table .m-tr-a .m-td-n{
    background-color: #C6D9F1;
    width: 35%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-o{
    background-color: #C6D9F1;
    width: 7%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-p{
    background-color: #C6D9F1;
    width: 12%;
    color: #002060;
    padding: 10px;
}

.main-table .m-tr-a .m-td-q{
    background-color: #C6D9F1;
    width: 25%;
    color: #002060;
    padding: 10px;
    border-width: 1px;
}

.textalign_right_Td{
    text-align: right;
}

.fontbold_for_insurancedetail{
    font-weight: bold;
}

.currentstatus_for_insurancedetail{
    font-weight: bold;
    text-align: right;
}

.creditDeclaration{
    font-size: 21px;
    padding-bottom: 15px;
    text-align: center;
}

.noticeList{
    height: 35px;
}

.recipientInput_productType {
    font-weight: bold;
    font-size: 20px;
}

#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{
    border: none;
}

#planConfirm .planName {
    font-weight : bold;
}

#planConfirm table {
    font-size: 12px;
    padding-right: 10px;
}

.innerConfirm {
    margin: auto;
    width: 80%;
}

.messageBeforeConfirm, .confirmWord {
    display: block;
    font-size: 14px !important;
    padding-left:1em;
}

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

.uploadInfoMain{
    padding: 10px 5px;
}

.uploadInfoMain tr.head{
    background-color: #C6D9F1;
    color: #002060;
    border: 1px solid black;
}

.uploadInfoMain tr.body{
    border: 1px solid black;
}

.uploadInfoMain td{
    border: 1px solid black;
    padding: 5px;
}

.uploadInfoMain td.head_doc{
    width: 460px;
}

.uploadInfoMain td.head_must{
    width: 375px;
}

.uploadInfoMain td.head_expire{
    width: 120px;
}

/* ------------------ 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;
}

.loginInfoCaution{
    padding: 8px 30px 8px 40px;
    font-size: 13px;
}

.loginInfoCaution div{
    padding: 10px 17px;
    background-color: #FDEFEE;
    color: #FD594D;
    font-weight: bold;
}

.induceWord{
    color: #333;
    padding-left: 100px;
    font-size: 16px;
    line-height: 2.2;
}

.induceWordYakkan{
    color: #333;
    padding: 0px 0px 0px 100px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
}

.mypageInduceWord{
    color: #333;
    padding-left: 20px;
    font-size: 16px;
    line-height: 2.2;
}

.induceWord .induceRed,
.induceWordYakkan .induceRed,
.mypageInduceWord .induceRed,
.notificationQuestion .induceRed,
.validator-item .induceRed {
    color: #e60000;
}

.induceWord .induceCaution,
.mypageInduceWord .induceCaution{
    padding-top: 8px;
    font-size: 14px;
    line-height: 1.6;
}

.induceWord .induceRecipient{
    padding-top: 8px;
    font-size: 13px;
    line-height: 1.6;
}

.induceWord .induceRecipient .infolink{
    text-decoration: underline;
}

.induceWord .induceRecipient .induceRed{
    color: #e60000;
    text-decoration: underline;
    padding-top: 8px;
    font-size: 13px;
    line-height: 1.6;
}

.recipientTitle {
    color: #002060;
    font-weight: bold;
    font-size: 20px;
}

.cradNumErea, .cardExp{
    padding: 10px;
}

.securityCode{
    padding-left: 30px;
    font-style: oblique;
}

.cardHolderNameCaution{
    font-size: 12px;
    font-weight: bold;
    color: red;
}

#securityNoInfo{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 950px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 6px solid #093D85;
}

.secNoTitle{
    text-align: center;
    color: #093D85;
    font-size: 28px;
}

.secNoWord{
    padding: 30px 70px 0px 70px;
    font-size: 16px;
    line-height: 2.0;
}

.secNoPng{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.titleName{
    color: #333;
    padding: 5px 12px;
    font-size: 20px;
    background-color: #ffffff;
    height: 35px;
    border-style: none;
    border-left: 4px #002060 solid;
    margin: 0px 0px 10px 100px;
}

.mypageTitleName{
    color: #333;
    padding: 5px 12px;
    font-size: 20px;
    background-color: #ffffff;
    height: 35px;
    border-style: none;
    border-left: 4px #002060 solid;
    margin: 0px 0px 10px 20px;
}

.preinputMargin {
    margin-left: 30px;
    margin-right: 30px;
}

.preinputText {
    font-size: 16px;
    padding: 0 30px;
    word-break: break-all;
}

.preinputText .textUnderline {
    text-decoration: underline;
}

.preinputProcessImage {
    padding: 0 30px;
    margin: 30px 0px;
}
.stepdisplay{
    display:grid; 
    grid-template-columns: 300px 520px;
    display:-ms-grid; 
    -ms-grid-columns:300px 520px;
    -ms-grid-rows:auto auto;
}
.preInputStepmargin{
    padding: 0 30px;
    margin-top:10px;
}
.steptitlefont {
    color: #333333;
    font-weight: bold;
    font-size: 20px;
}
.stepmessage{
    grid-column: 2/3;
    grid-row: 1/2;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}
.stepnumberfont {
    display: block;
    color: #002060;
    font-weight: bold;
    font-size: 20px;

}
.stepexplain{
    font-size: 16px;
}
.arrowImg {
    margin-left: 116px;    
}

.preinputProcessImage .annotation {
    margin-top: 3px;
    font-size: 13px;
    margin-left: 582px;
    width: 148px;
    text-indent: -1em;
}

.preInputPreparation {
    font-size: 20px;
    border-top: #000000 dotted 1px;
    border-bottom: #000000 dotted 1px;
    padding: 10px 0;
}

.preInputPreparationImageArea {
    text-align: center;
}

.preInputPreparationImageArea .mailAddressAndPayment {
    border: 1px solid #ccddee;
    border-radius: 15px;
    background-color: #ffffff;
    display: inline-block;
}

.preInputPreparationImageArea .mailAddressAndPayment div.infoArea table {
    margin-top: 55px;
}

.preInputPreparationImageArea .mailAddressAndPayment div.infoArea table tbody tr td {
    padding: 3px;
}

.preInputPreparationImageArea .identification {
    border: 1px solid #ccddee;
    border-radius: 15px;
    background-color: #ffffff;
    float: right;
}

.preInputPreparationImageArea .identification div.infoArea div {
    font-size: 16px;
    word-break: break-all;
    color: #333;
    margin-bottom:8px;
}

.preInputPreparationImageArea .identification div.infoArea table {
    font-size: 13px;
}

.preInputPreparationImageArea .identification div.infoArea table tbody tr td {
    padding: 3px;
}

.preInputPreparationImageArea .mailAddressAndPayment div.infoArea,
.preInputPreparationImageArea .identification div.infoArea {
    width: 450px;
    height: 370px;
    padding: 20px 14px;
}

.preInputPreparationImageArea .plus {
    font-size: 36px;
    font-weight: bold;
    color: #06348B;
    float: left;
}

.preInputPreparationImageArea .plus div {
    height: 350px;
    padding-top: 150px;
}
button.preInputToAccountInputBtn {
    width: 370px;
    height: 80px;
    background-color: #ff8c00;
    padding: 10px 0px 10px 10px;
    text-indent:0px;
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
}

button.preInputToAccountInputBtn span.arrow {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    margin-top: 3px;
    margin-right: 20px;
    color: #ff8c00;
    font-size: 14px;
    float: right;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 10px;
    zoom: 1.25;
}

button.preInputToAccountInputBtn:hover {
    background-color: #fac090;
    color: #ffffff;
}

button.preInputToAccountInputBtn:hover span.arrow {
    color: #fac090;
}


#uploadHowtoCloseButton {
    z-index: 102;
    position: absolute;
    width: 1050px;
    top: 25px;
    left: 50%;
    padding: 0px 10px;
    border: 0px;
    margin: 0 auto;
}

#uploadHowtoCloseButton div {
    background-image: url(../images/btn/close.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: -3px;
    padding-right: 10px;
    width: 50px;
    height: 50px;
}

#uploadHowto{
    z-index: 101;
    border-radius: 15px;
    position: absolute;
    width: 1050px;
    top: 70px;
    left: 50%;
    background-color: white;
    padding: 30px 10px;
    border: 4px solid #093D85;
    margin: 0 auto;
}

.uploadHowtoTable {
    margin-left: 100px;
    margin-right: 100px;
    border: 1px solid #ccddee;
    width: 820px;
}

.uploadHowtoTable tbody tr {
    border-bottom: 1px solid #ccddee;
}

.uploadHowtoTable tbody tr td {
    padding: 15px 30px;
}

.uploadHowtoTable tbody tr.stepTitle td span.stepTitle {
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    padding-left:15px;
}

.uploadHowtoTable tbody tr.stepTitle td span.stepSubTitle {
    padding-left: 50px;
    vertical-align: middle;
}

.uploadHowtoTable tbody tr.stepGuide td {
    padding-top: 30px;
    padding-bottom: 40px;
    line-height: 2.25;
}

.iddentificationList {
    float: left;
}

.iddentificationList span.identification {
    padding-right: 30px;
}

.iddentificationImage {
    float: right;
    padding-right: 20px;
}

.iddentificationNg {
    float: left;
    padding: 0 10px;
    text-align: center;
    color: #e60000;
}

.uploadHowtoTable .redText {
    color: #e60000;
}

.uploadHowtoTable .subStep {
    font-size: 18px;
    font-weight: bold;
}

.uploadHowtoTable table.step3SupportDesk tbody tr {
    border: 1px solid #002060;
}

.uploadHowtoTable table.step3SupportDesk tbody tr.header td {
    background-color: #002060;
    color: #ffffff;
    font-size: 19px;
    text-align: center;
    padding: 0px 30px
}

.uploadHowtoTable table.step3SupportDesk tbody tr.content td {
    font-size: 18px;
    padding: 20px 0;
}

.uploadHowtoTable table.step3SupportDesk span.step3SupportDeskTel {
    color: #002060;
    font-size: 28px;
}

.uploadHowtoTable table.step3SupportDesk span.step3SupportReceptionTime {
    font-size: 14px;
}

.optOut-check {
    vertical-align: 0.5em
}

.optOut-message {
    width: 350px;
    font-weight: normal !important;
    margin-bottom: initial;
    padding: 3px !important;
}

.notificationQuestion {
    padding: 10px;
}

.notificationComment{
    padding-left: 40px;
}

.notificationSpacer {
    margin: 30px;
}

#notificationInput_medicalCondition {
    width: 90%;
}

#medicalExaminationInput_medicalExamination {
    width: 92%;
}

#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;
}

#notificationInput_etcDiseaseChoice label{
    width: 40%;
}

#notification-input .titleName {
    font-size: 16px;
    height: 28px;
    margin: 0px 0px 6px 100px;
}

button.nextButton {
    width: 240px;
    height: 75px;
    background-color: #ff8c00;
    padding: 10px 0px 10px 30px;
    text-indent:0px;
    text-align: center;
    color: white;
    font-size: 28px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
}

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

button.invalidNextButton span.arrow {
    width: 24px;
    height: 24px;
    background-color: #6c6c6c;
    margin-top: 8px;
    margin-right: 10px;
    color: #6c6c6c;
    font-size: 18px;
    float: right;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 14px;
}

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

button.nextButton span.arrow {
    width: 24px;
    height: 24px;
    background-color: #ffffff;
    margin-top: 8px;
    margin-right: 10px;
    color: #ff8c00;
    font-size: 18px;
    float: right;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 14px;
}

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

/* 就業不能ロゴ */
img.unworkLogo-w150px {
	width: 150px;
}
img.unworkLogo-w200px {
	width: 200px;
}

/* 就業不能プラン、試算の説明ポップアップ用 */
#info_specialmsg9 .unwork-upper-limit-1 {
	vertical-align: top;
}
#info_specialmsg9 .unwork-upper-limit-2 {
	text-align: center;
}

.unworkInfoMessageTitle {
    color: #002060;
    font-weight: bold;
    font-size: 20px;
}

.unworkInfoMessageTextBelowTitle {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 16px;
}

.unworkInfoMessageTitleBesideImage {
    color: #002060;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin-top: 6px;
    margin-left: 6px;
}

.modalInfoMessageTitle {
    color: #002060;
    font-weight: bold;
    font-size: 20px;
}

.modalInfoMessageTextBelowTitle {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.modalInfoMessageAnnnotaion {
    padding-top: 10px;
    font-size: 12px;
}

#info_specialmsg9 ul.cautionList {
    list-style-type: none;
    margin-top: 20px; 
    margin-left: -30px;
}

#info_specialmsg9 ul.conditionList {
    list-style-type: none;
    padding-left: 12px;
}

#info_specialmsg9 li.cautionItem {
    padding-left: 14px;
    text-indent: -28px;
}

#sameRecipient {
    padding-left: 100px;
}

p#passcheck-parent{
    height: 30px;
    margin-bottom: 5px;
}

p#rePasscheck-parent{
    height: 30px;
    margin-bottom: 5px;
}

#examinationClassification {
    padding-top: 10px;
    padding-left: 15px;
}


.examinationClassification_link{
    text-decoration: underline;
}

#modalBackLayout{
    z-index: 100;
    background-color: #000;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

#modalBackLayoutNotice,
#modalBackLayoutBeforeRegister{
    z-index: 100;
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

#modalBackLayoutFooter{
    z-index: 100;
    background-color: #000;
    width: 100%;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

#modalBackLayoutHiddenFooter{
    z-index: 100;
    background-color: #000;
    width: 100%;
    height: 592.5px;
    top: 0;
    left: 0;
    opacity: 0.7;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}

#modalClose {
    z-index: 110;
    position: absolute;
    width: 95%;
    font-size: 16px;
    text-align: right;
}

.newWindowLink {
    text-decoration: underline;
}

.plan-yakkan-link {
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 5px;
  text-decoration: underline;
}


.restartMsg {
  color: #333;
  padding-left: 20px;
  font-size: 16px;
  line-height: 2.2;
}


.restartMsg:last-child {
  padding-left: 20px;
  font-size: 13px;
  margin-top: 15px;
}


#restartBtn {
  width: 78%;
  height: 57px;
  margin: 0 auto;
  padding: 0;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.149), 0 2px 1px rgba(0,0,0,0.078);
          box-shadow: inset 0 1px 0 rgba(255,255,255,0.149), 0 2px 1px rgba(0,0,0,0.078);
  font-weight: bold;
  font-size: 19px !important;
  line-height: 56px;
}

/* 2月内製開発追加 start */
.kaizen_fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: auto;
  padding: 10px;
  background: rgba(0,0,0,0.8);
  text-align: center;
}


.kaizen_fixed--sleep_end {
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}


.kaizen_fixed--hidden {
  bottom: -120px;
}


.kaizen_fixed .kaizen_btn {
  /*display: block;*/
  position: relative;
  /*margin: 0;*/
  margin: auto;
  padding: 0.56em 1em;
  border-radius: 9px;
  background-color: #ff8c00;
  color: #fff;
  font-weight: bold;
  font-size: 27px;
  cursor: pointer;
  
  width: 30%;
}

.kaizen_fixed .kaizen_btn:after {
  display: block;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
  color: #ff8c00;
  font-size: 14px;
  content: '▲';
  pointer-events: none;
}


.voice_box{
  width: 300px;
  right: 5%;
  top: 15%;
  position: fixed;
  z-index: 102;
}
.voice_ttl{
  margin-left: 90px;
  margin-bottom: 0px;
  padding: 1rem 0;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1rem;
}
.close_box{
  position: absolute;
  right: 0;
  top: 0.5rem;
}
.close_btn {
  display: block;
  position: relative;
  width: 27px;
  height: 27px;
  border: 2px solid #979797; /* 枠の調整 */
  border-radius: 3px;
  text-indent: -9999px;    
  right: 0;
  cursor: pointer;
}

.close_btn::before, .close_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 22px; /* 棒の高さ */
  background: #979797; /* バツ印の色 */
}

.close_btn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.close_btn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
.voice_lst {
  list-style: none;
  text-align: center;
}

.voice_lst li {
  margin-bottom: 15px;
  display: inline-block;
}

.openvoice {
  color: #FFFFFF;
  font-size: 16px;
  background: #5c8be1;
  border: solid 2px #fff;
  border-radius: 10px 0 0 10px;
  padding:25px 15px 20px;
  position: fixed;
  top: 20vh;
  right: 0;
  filter: drop-shadow(5px 5px 2px rgba(0,0,0,0.2));
  cursor: pointer;
}
    
.btn_txt{
  writing-mode: vertical-lr;
  position: relative;
}
.btn_txt:before{
  content: url(../images/etc/iko_fukidasi.svg);
  display: inline-block;
  height: 3rem;
  width: 3rem;
  position: absolute;
  top: -56px;
  left: calc(50% + -2rem);
}
/* 2月内製開発追加 end */

.personalInfoUnderline:hover {
    text-decoration: underline;
}