body{font-family: "Nunito Sans", sans-serif; margin: 0; background: #e7f9e9;}
.boarding-agreement{width: 768px; margin: 30px auto; padding: 30px;border: 2px solid #026a8e; background: #fff;    box-sizing: border-box;}
.boarding-head{}
.boarding-head img{width: 100%;}
.boarding-agreement h2{text-align: center;font-size: 30px; background: #b9edbe; color: #026a8e; padding: 10px 0px; font-weight: 800;}
.boarding-agreement p{font-size: 14px; margin-bottom: 0; margin-top: 20px; font-weight: 500;}
.form-content-list li{font-size: 14px; font-weight: 700;}

.pet-step h5{margin: 0; font-size: 19px;color: #343434;}
.pet-step .petstep{padding-top: 25px;}
.pet-step .petstep h6{margin: 0; font-size: 16px;padding-bottom: 10px;border-bottom: 1px solid #026a8e;margin-bottom: 10px;}
.petstep .form-panel{display: flex;column-gap: 10px; margin: 20px 0px; align-items: flex-start;}
.petstep label{font-size: 13px; display: block; font-weight: 700;margin-top: 5px;    flex: 0 0 200px;}
.petstep input,.petstep select,.petstep textarea{width: 100%; padding: 10px; border: 1px solid #b9b9b9; font-size: 14px;box-sizing: border-box;}
.petstep input:focus,.petstep select:focus,.petstep textarea:focus{ outline: none; box-shadow: none;}
.petstep li{font-size: 13px;}

.form-bottom-01{font-size: 14px; display: flex; align-items: center;column-gap: 4px;    margin-top: 20px;}

input[type=submit]{background: #b9edbe; border: 0; padding: 10px;  width: 100%;  font-size: 22px;  color: #026a8e;  font-weight: 700; margin-top: 30px;  cursor: pointer;}

.radiopanel{display: flex; align-items: center; justify-content: flex-start;}
.radiopanel label{flex: 0 0 8%;}
.radiopanel input{width: auto;}

@media only screen and (max-width:900px){
.boarding-agreement {width: 578px;}
.boarding-agreement h2{font-size: 24px;}
}
@media only screen and (max-width:576px){
.boarding-agreement {width: 418px;}
.boarding-agreement h2{font-size: 24px;}
.petstep label{flex: 0 0 130px;}
}
@media only screen and (max-width:575px){
/* body{ padding: 0px 15px;box-sizing: border-box;} */
.boarding-agreement {width: 100%; padding: 15px;  margin: 0px;}
.boarding-agreement h2{font-size: 18px; padding: 6px 0px;}
.petstep label{flex: 0 0 130px;margin-bottom: 6px;}
.pet-step h5{font-size: 16px;}
.pet-step .petstep h6{font-size: 14px;margin-bottom: 6px;padding-bottom: 6px;}
.petstep .form-panel{display: block;    margin: 10px 0px;}
}