.colorinsure{color: #0d8c7b !important; }
.colorinsure-dark{color: #015f51 !important; }	
.col-round{ border-radius: 25px; overflow: hidden; }
.br-box{ border:1px solid #d1d1d1; }
.bg-white{ background-color: #ffffff; }
.bg-gray{ background-color: #f6f6f6; }
.condition-tab{ margin-top: 40px; }
.blk-tab{ display: table; }
.blk-cell{ display: table-cell; padding: 5px; }
.v-med{ vertical-align: middle;}
.v-med img{ vertical-align: middle;}
.v-top{ vertical-align: top; }
.ic-box{ padding: 25px 10px;}
.reg-txt{ font-family: 'db_heavent_cond'; color: #000000; font-size: 17px; line-height: 1.3; font-weight: normal; }
.reg-txt span{ font-family: 'db_heaventmed_cond'; color: #000000; font-size: 27px; line-height: 1.3; }
.med-txt{ font-family: 'db_heaventmed_cond'; color: #000000; font-size: 19px; line-height: 1.3; }
.call-txt{ font-family: 'db_heaventmed_cond'; color: #000000; font-size: 33px; line-height: 1.3; }
.w-100{ width: 100%;}

.pad-t25{ padding-top: 25px;}
.pad-b25{ padding-bottom: 25px;}
.pad-t10{ padding-top: 10px;}
.pad-b10{ padding-bottom: 10px;}
.f-right{ float: right; }

.listdot {
  counter-reset: listdot;
  padding-inline-start: 0px;
}
.listdot li {
  list-style-type: none;
}
.listdot li::before {
  counter-increment: listdot;
  content: "1." counter(listdot) " ";
}
.btn-go{ width: 200px; min-height: 47px; line-height: 47px; background-color: #000000; color: #ffffff; text-align: center; font-family: 'db_heaventmed_cond'; font-size: 21px; display: block; border-radius: 50px; cursor: pointer;
}
.btn-go:hover{ width: 200px; min-height: 47px; line-height: 47px; background-color: #b2d233; color: #000000; text-align: center; font-family: 'db_heaventmed_cond'; font-size: 21px; display: block; border-radius: 50px; 
}


#protect-condition{ width: 100%; padding: 30px 10px 50px 10px;}

.min-h65{ min-height: 65px; }
.min-h180{ min-height: 180px; }
.cond-note{ min-height: 180px; }

#condition-sec{ background-color: #ffffff;}
.condition-list{list-style: none; padding-left: 20px;}
.condition-list li{ padding-bottom: 5px; font-size: 17px; line-height: 1.3; }
.condition-box{ padding: 40px 20px 40px 40px; display: block; }
.btn-condition{width: 145px; height: 50px; border-bottom-left-radius: 25px;border-bottom-right-radius: 25px; background-color: #b2d233; text-align: center; line-height: 50px; cursor: pointer; }
.btn-condition span { margin-left: 10px; display: inline-block; position: relative; top: -2px; transform-origin: center center;}

.btn-condition:hover{width: 145px; height: 50px; border-bottom-left-radius: 25px;border-bottom-right-radius: 25px; background-color: #000000; color: #ffffff; text-align: center; line-height: 50px;  }

.btn-condition:hover span { margin-left: 10px; display: inline-block; position: relative; top: 0px; transform-origin: center center; transform: rotate(180deg); }


.btn-condition.action{width: 145px; height: 50px; border-bottom-left-radius: 25px;border-bottom-right-radius: 25px; background-color: #000000; color: #ffffff; text-align: center; line-height: 50px;  }

.btn-condition.action span { margin-left: 10px; display: inline-block; position: relative; top: 0px; transform-origin: center center; transform: rotate(180deg); }

.condition-list li::before {
  content: "\2022";
  color: #b2d233;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}





.insure_condi_detail{position: relative; padding:0px 40px; min-height:250px;}
.insure_condi_detail.qa{ padding-top: 60px;}
.insure_condi_detail.qa .qabox{ border-radius: 15px; overflow: hidden; margin-bottom: 20px; 
background-color: rgb(232,232,232);
background-color: linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(247,247,247,1) 35%, rgba(250,250,250,1) 100%);	
-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);	
}


.insure_condi_detail ol{ padding:0; margin:0;}
.insure_condi_detail ol li{ margin-left:20px;}
.insure_condi_detail ul li{ margin-left:20px; list-style:disc;}
.insure_condi_detail .ques{position: relative; font-family: 'db_heaventmed_cond'; font-size:17px; padding:10px 40px 8px 85px; 
/*
background:url(images/insurance/bg_qa.jpg) repeat-x left 25px center,	
background:url(images/insurance/ico_plus.png) no-repeat right 25px center;  min-height: 60px; line-height: 60px;
background-color: rgb(232,232,232);
background-color: linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(247,247,247,1) 35%, rgba(250,250,250,1) 100%);	
*/

 min-height: 60px; line-height: 60px;
 
 background:url(../images/insurance/ico_plus.png) no-repeat right 25px center, url(../images/insurance/bg_qa.jpg) repeat-x left center;
 background-size:auto, auto 100%;  
/*
 background-image: url(images/insurance/bg_qa.jpg),
      url(images/insurance/ico_plus.png),
      linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(247,247,247,1) 35%, rgba(250,250,250,1) 100%);
  background-repeat: repeat-x,
      no-repeat,
      no-repeat;
  background-position: left center,
      right center,
      center;
  background-size: auto 100%, auto, auto;    
*/
	
}
.insure_condi_detail .ques:hover{background-color:#17b29c; cursor:pointer;}
.insure_condi_detail .ques.active{ background-image:url(../images/insurance/ico_minus.png); background-color:#17b29c; color: #ffffff;}
.insure_condi_detail .ques span{position:absolute; z-index:1; height:15px; left:38px; top:9px; font-family: 'db_heaventmed_cond'; color:#A2C126; font-size: 24px; width: 40px; text-align: right;}
.insure_condi_detail .ques.active span{ color:#FFFFFF;}

.insure_condi_detail .answ{position: relative; padding:25px 40px 23px 80px; background-color:#F2F2F2; display:none;}
.insure_condi_detail .answ span{position:absolute; z-index:1; width:22px; height:15px; left:58px; top:9px; font-family: 'db_heaventmed_cond'; font-size:17px; color:#A2C126;}

.cardbox{ width: 150px; height: 190px; background-color: rgba(255,255,0,0.8); margin: 0 auto; display: none;}

.cond-note .bt_regis{display:inline-block; padding:12px 70px 10px 60px; margin-top:15px; border-radius:100px; font-family: 'db_heaventmed_cond'; line-height:1; font-size:20px; color:#fff; background:url(../images/arrow_w.png) no-repeat center right 30px #333; box-shadow: inset -5px -15px 10px #0F0F0F; border:solid 1px #0F0F0F;}
.cond-note .bt_regis:hover{ background-position:center right 15px; cursor:pointer;}




.accordion {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin: auto;
    padding: 30px 60px;
}

.accordion .item {
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 20px;
   -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
   box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);	
}

.accordion .item .heading {
    font-size: 19px;
    cursor: pointer;
    color: #000;
    padding: 20px 0;
    padding-left: 60px;
    padding-right: 45px;
    background:url(../images/insurance/ico_plus.png) no-repeat right 25px center, url(../images/insurance/bg_qa.jpg) repeat-x left center;
    background-size:auto, auto 100%;  
    box-sizing: border-box;
    position: relative;
    font-family:db_heaventmed_cond, sans-serif;
}

.accordion .item.open .heading {
    font-size: 19px;
    cursor: pointer;
    color: #ffffff;
    padding: 20px 0;
    padding-left: 60px;
    padding-right: 45px;
    background:#17b29c url(../images/insurance/ico_minus.png) no-repeat;
    background-size:auto;
    background-position:right 20px center; 
    box-sizing: border-box;
    position: relative;
    font-family:db_heaventmed_cond, sans-serif
}

.accordion .item .heading span {
    color: #c4e316;
    position: absolute;
    left:20px;
    font-size: 22px;
    display: block;
    width: 30px;
    text-align: right;
    top: 17px;
    
}

.accordion .item .content:before {
    content: '';
    color: #c4e316;
    position: absolute;
    left:20px
}

.accordion .item:last-child .heading {
    border:0
}


.accordion .item .content {
    display: none;
    padding: 15px;
    padding-left: 60px;
    padding-top: 15px;
    background: #fff;
    font-size: 16px;
    position:relative;
    list-style: inherit;
    
}

.bg-line{ background: url(../images/insurance/line_ver.png) center center no-repeat; }



@media screen and (max-width: 768px) {
.med-txt { font-size: 17px;}

.reg-txt {
    font-size: 15px;
    line-height: 1.3;
}

}

@media screen and (max-width: 640px) {
.accordion .item .heading {
    font-size: 17px;
    cursor: pointer;
    color: #000;
    padding: 20px 0;
    padding-left: 60px;
    padding-right: 45px;
    background: url(../images/insurance/ico_plus.png) no-repeat right 13px center, url(../images/insurance/bg_qa.jpg) repeat-x left center;
    background-size: 20px auto, auto 100%;

}

.accordion .item.open .heading {
    font-size: 19px;
    cursor: pointer;
    color: #ffffff;
    padding: 20px 0;
    padding-left: 60px;
    padding-right: 45px;
    background: #17b29c url(../images/insurance/ico_minus.png) no-repeat;
    background-size: 20px auto;
    background-position: right 20px center;
    box-sizing: border-box;
    position: relative;
    font-family: db_heaventmed_cond, sans-serif;
}

.protect-b.bg-gray{ background-color: #ffffff; }

.protect-t{ padding: 0 5%;}
.bg-line{ background: url(../images/insurance/line_hor.png) center center no-repeat; }

.condition-tab,.cond-note{ width: 90%; max-width: 480px;}
.cond-note{ min-height: unset; height: auto; padding: 10px 0; float: none; margin: 0 auto;}

.cond-note:nth-child(1){ text-align: center !important; }
.cond-note .t_right {  text-align: center; }
.cond-note .call-t-1,.cond-note .call-t-2{padding-left: 10%; padding-right: 10%; }
.cond-note .call-t-3{ padding: 10px 10%; }
.accordion .item .content { padding-left: 40px;  }
}




@media screen and (max-width: 480px) {
.accordion {
    padding: 30px 15px;
}
.condition-box {
    padding: 30px 0px 40px 10px;
    display: block;
}
.condition-list li {
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 1.3;
}
.condition-tab{ width: 90%;}
.cond-note{ min-height: unset; height: auto; padding: 10px 0;}
.cond-note:nth-child(1){ text-align: center !important; }
.cond-note .t_right {  text-align: center; }
.cond-note .call-t-1,.cond-note .call-t-2{padding-left: 5%; padding-right: 5%; }
.cond-note .call-t-3{ padding: 10px 5%; }
.accordion .item .content { padding-left: 40px;  }
.blk-tab {
    padding-bottom: 20px;
}
.cond-note:nth-child(3) {
    width: 100%; 
}

}