#appointment-form{min-height:435px;position:relative;width:100%}#appointment-form .no-radio{display:none}#appointment-form .form-radio,#appointment-form .no-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}#appointment-form .form-radio{background-color:#9edff6;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;height:30px;margin-left:7px;outline:none;position:relative;top:10px;width:30px}#appointment-form .form-radio:checked:before{background-color:#97b9c5;border-radius:100%;content:"";display:block;height:15px;left:7px;margin:auto;position:absolute;top:7px;width:15px}#appointment-form .form-radio:hover{background-color:#97b9c5}#appointment-form .consulting-box-desc{color:#7d8ba1;font-weight:700;line-height:30px;margin:10px auto;text-align:center}#appointment-form #consulting-box1{float:right;margin:30px 50px 30px 0;width:250px}@media screen and (max-width:767px){#appointment-form #consulting-box1{float:none;margin:0;width:100%}}#appointment-form #consulting-box1 label{background-color:#fff;border:1px solid #000;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;float:right;height:40px;line-height:40px;margin-bottom:5px;position:relative;text-align:center;width:100%}#appointment-form #consulting-box1 label:hover{background-color:#a1cae5}#appointment-form #consulting-box1 label span{padding-left:30px}#appointment-form #consulting-box1 label img{float:right;height:30px;margin-right:30px;margin-top:5px;width:auto}#appointment-form #consulting-box2{filter:blur(2px);float:right;margin:50px;position:relative;width:calc(100% - 700px)}@media screen and (max-width:767px){#appointment-form #consulting-box2{display:none;float:none;margin:20px 0;width:100%}}#appointment-form #consulting-box2 .bluredscreen{bottom:0;cursor:no-drop;height:222px;left:0;opacity:.5;position:absolute;right:0;top:0;width:100%;z-index:10}#appointment-form #consulting-box2 label{background-color:#7d8ba1;color:#fff;cursor:pointer;display:block;width:100%}#appointment-form #consulting-box2 label:hover{background-color:#fff;color:#000}#appointment-form #consulting-box2 .eachday{border:1px solid #fff;box-sizing:border-box;float:right;font-size:16px;margin:0;width:16.6666666667%}@media screen and (max-width:767px){#appointment-form #consulting-box2 .eachday{width:33.3333333333%}}#appointment-form #consulting-box2 .eachday div{box-shadow:0 0 1px 1px #d3d3d3;box-sizing:border-box;text-align:center}#appointment-form #consulting-box2 .eachday div:first-child{background-color:#fff;color:#717c89;font-size:13px;font-weight:700;height:60px;line-height:30px;text-align:center}#appointment-form #consulting-box2 .eachday div label{display:block;line-height:40px;margin:auto}@media screen and (max-width:767px){#appointment-form #consulting-box2 .eachday:nth-child(3):after{clear:both;content:"";display:block;margin:20px}}#appointment-form #consulting-box3{filter:blur(2px);float:right;padding:30px 0;position:relative;width:300px}@media screen and (max-width:767px){#appointment-form #consulting-box3{display:none;float:none;margin:20px 0;padding:0;width:100%}}#appointment-form #consulting-box3 .bluredscreen{bottom:0;cursor:no-drop;height:315px;left:0;opacity:.5;position:absolute;right:0;top:0;width:100%;z-index:10}#appointment-form #progress{box-shadow:0 0 1px 1px #000;margin:20px 0;position:relative}#appointment-form #progress .progressbar{background-color:#f7c600;height:5px;transition:width 1s;width:0}@media screen and (max-width:767px){#appointment-form #progress .progressbar{width:15%}}#appointment-form #progress .pgbarcircle{background-color:#f7c600;border:1px solid #000;border-radius:100%;box-sizing:border-box;content:"";height:20px;position:absolute;right:0;top:-7.5px;transition:1s;width:20px}@media screen and (max-width:767px){#appointment-form #progress .pgbarcircle{right:15%}}#appointment-form #progress .progressbar-desc{font-size:14px;margin-top:8px;width:100%}#appointment-form #progress .progressbar-desc span{color:#000;float:right;text-align:center;width:33.3333333333%}#appointment-form button{background-color:#9edff6;border:0;border-radius:0;color:#000;display:block;font-size:16px;margin:20px auto 10px;padding:5px 30px}#appointment-form input[type=text]{background-color:#fff;border:0;box-shadow:0 0 1px 1px #9edff6;color:#000;display:block;font-size:16px;height:30px;margin:10px auto;padding:0 5px;width:100%}@media screen and (max-width:767px){#appointment-form input[type=text]{padding:5px;width:calc(100% - 10px)}}#appointment-form textarea{background-color:#fff;border:0;box-shadow:0 0 1px 1px #9edff6;color:#000;display:block;font-size:16px;height:100px;margin:10px auto;padding:0 5px;width:100%}@media screen and (max-width:767px){#appointment-form textarea{width:calc(100% - 10px)}}#appointment-result{color:red;font-size:16px;line-height:30px;text-align:center}
