@charset "UTF-8";

.agreeArea {width: 100%;height: 175px; border: 1px solid #e6e6e6;background: #fbfafa;}
.agree {width: 90%;font-size: 13px;padding:10px 10px 10px 10px;overflow:auto;height: 110px; border: 1px solid #e6e6e6;background: #fff;float: left;margin-left:5%;margin-right: 5%;margin-top: 20px;margin-bottom:7px;}
.td1 { width:23%;}
.td2 {width:100%;float:left;}
.label1 {color:#8f8f91;font-weight:bold;display:inline-block !important;float:left;text-align:left;}
.label2 {margin-top:5px;}
.explain2 {display:inline;}
.birthzone1 {width: 100px !important;float:left;height:35px;}
.birthzone2 {width: 100px !important;float:left;height:35px;}
.birthzone3 {width: 100px !important;float:left;height:35px;}
.yymmddzone {width: 20px;float:left;line-height:40px;text-align: center;line-height:35px;}

.inputsize1 {float:left;width: 247px;}
.fontsize1 {font-size:12px !important;}
.fontsize2 {font-size:25px;}

.divsty1 {width: 100%;float:left;}


.agree_service input[type=text], input[type=password] {
  height: 35px;
}

.agree_service input[type=checkbox] {
  display: none;
}


.agree_service input[type=checkbox] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
}

.agree_service input[type=checkbox]+ label:before {

    content: "";
    display: inline-block;

    width: 20px;
    height: 20px;

    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.agree_service input[type=checkbox]:checked + label:before {

    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 18px;
    font-weight:800;
    color: #fff;
    background:#2f87c1;
    text-align: center;
    line-height: 18px;

}

.idzone { float:left;width:194px; }
.idcheck_zone {padding-left: 5px;margin-top:2px;font-size: 12px;line-height: 20px;float:left;width:160px;}

@media (max-width: 991px){
  .explain1 {display:none;}
  .explain2 {display:none;}
  .birthzone1 {width: 29% !important;}
  .birthzone2 {width: 28% !important;}
  .birthzone3 {width: 28% !important;}
  .yymmddzone {width: 5%; }

}


@media (max-width: 575px){
  .idzone { width: 64%;}
  .idcheck_zone { width: 36%; }
  .inputsize1 {width: 100%;}
}

@media (max-width: 414px){
  .fontsize2 {font-size:20px;}
}