@-webkit-keyframes swing {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
25% {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg)
}
50% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
75% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg)
}
100% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
}

@keyframes swing {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
25% {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg)
}
50% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
75% {
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg)
}
100% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
}

.aform-header {
  position: relative;
  margin-bottom: 20px;/*[gc-handa]*/
  padding-bottom: 18px;
  font-size: 2.0rem;
  font-weight: bold
}

.aform-header::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cee7e1;
  content: ''
}

.aform-header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #26d151;
  content: ''
}

.aform-header:nth-child(n+2) {
  margin-top: 40px
}
.aform-header {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 18px;
  font-size: 2.0rem;
  font-weight: bold
}

.aform-header::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #cee7e1;
  content: ''
}

.aform-header::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #26d151;
  content: ''
}

.aform-header:nth-child(n+2) {
  margin-top: 40px
}
  .aform-hdln {
    margin-top: 15px;/*[gc-handa]*/
    padding: 10px 20px;/*[gc-handa]*/
    background-color: #cceee6;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.3
  }
  
  .aform-hdln.f-policy-tit {
    background-color: #f9dae3
  }
  
  .aform-required, .p-label {
    margin-left: 5px;/*[gc-handa]*/
    padding: 2px 6px;
    background-color: #00ae77;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2
  }
  
  .aform-note {
    padding: 15px 20px;
    background-color: #eaf9f6
  }
  
  .aform-note.f-policy-txt {
    background-color: #ffebf1
  }
  
  .aform-content dl, .dl_form_list-first {
    display: block;
    background-color: #eaf9f6
  }
  
  .aform-content dl>dt, .dl_form_list-first>dt {
    padding: 10px 20px 2px;
    border-top: dotted 1px #c9c9c9;
    font-weight: bold
  }
  
  .aform-content dl>dd, .dl_form_list-first>dd {
    padding: 0 20px 10px;
  }
  
  .dl_form_list-first>dt {
    border-top: none
  }
  
  .form_note {
    margin-top: 10px;
    padding-left: 1em;
    color: #333;
    font-size: 1.4rem;
    text-indent: -1em
  }
  
  .aform-input-example {
    margin-bottom: 0px;	/*[gc-handa]*/
	font-size:1.4rem;	/*[gc-handa]*/
  }
  
  .aform-content input[type="text"],
  .aform-content input[type="email"],
  .aform-content input[type="tel"],
  .form select, .form textarea {
    max-width: 100%
  }
  
  .aform-content input[type="text"],
  .aform-content input[type="email"],
  .aform-content input[type="tel"] {
    padding: 10px;
    border: solid 1px #c9c9c9;
    background-color: #fff
  }
  
  .aform-content input[type="text"]::-webkit-input-placeholder {
    color: #999
  }
  
  .aform-content input[type="text"]::-moz-placeholder {
    color: #999
  }
  
  .aform-content input[type="text"]:-ms-input-placeholder {
    color: #999
  }
  
  .aform-content input[type="text"]::-ms-input-placeholder {
    color: #999
  }
  
  .aform-content input[type="text"]::placeholder {
    color: #999
  }
  
  .aform-content dd input.error {
    border-color: #f2233c;
    background-color: #ffebf1
  }
  
  .aform-content dd input.error::-webkit-input-placeholder {
    color: #5a5a5a
  }
  
  .aform-content dd input.error::-moz-placeholder {
    color: #5a5a5a
  }
  
  .aform-content dd input.error:-ms-input-placeholder {
    color: #5a5a5a
  }
  
  .aform-content dd input.error::-ms-input-placeholder {
    color: #5a5a5a
  }
  
  .aform-content dd input.error::placeholder {
    color: #5a5a5a
  }
  
  .aform-content textarea {
    width: 100%;
    padding: 10px;
    border: solid 1px #c9c9c9;
    background-color: #fff
  }
  
  .aform-content label {
    margin-right: 15px
  }
  
  .aform-content label.error {
    display: inline-block;
    margin-top: 10px;
    color: #f2233c
  }
  
  .aform-content dd > ul li:nth-child(n+2) {
    margin-top: 2px;/*[gc-handa]*/
  }
  
  .aform-content input[type="text"][type='radio'],
  .aform-content input[type="text"][type='checkbox'] {
    padding: 0
  }
  
  .aform-content input[type="text"]+label,
  .aform-content input[type='radio']+label {
    display: inline-block;
    position: relative;
    padding: 5px 0 5px 35px
  }
  
  .aform-content input[type='radio']+label::before {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 25px;
    height: 25px;
    border: solid 1px #c9c9c9;
    border-radius: 50%;
    background-color: #fff;
    content: ''
  }
  
  .aform-content input[type='radio']:checked+label::after {
    display: block;
    position: absolute;
    top: 10.5px;
    left: 5.5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #00ae77;
    content: ''
  }
  
  .aform-content input[type="text"],
  .aform-content input[type='checkbox'] {
    border: solid 1px #c9c9c9;
    background-color: #fff;
  }
  .aform-content input[type="text"]+label,
  .aform-content input[type='checkbox']+label {
    display: inline-block;
    position: relative;
    padding-left: 30px
  }
  
  .aform-content input[type='checkbox']+label::before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    border: solid 1px #c9c9c9;
    background-color: #fff;
    content: ''
  }
  
  .aform-content input[type='checkbox']:checked+label::after {
    display: block;
    position: absolute;
    top: 10px;
    left: 3px;
    width: 14px;
    height: 10px;
    background: url('../../img/check.svg') no-repeat center/contain;
    content: ''
  }
  
  .aform-content select {
    padding: 6px 35px 8px 10px;
    border: solid 1px #c9c9c9;
    background: #fff url('../../img/icon/icon_select.svg') no-repeat center right 10px/12px
  }
  
  .aform-content input[type="text"]+label,
  .aform-content input[type='radio']+label {
    display: inline-block;
    position: relative;
    padding: 3px 0 3px 35px; /*[gc-handa]*/
  }
  
  .aform-content input[type='radio']+label::before {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 25px;
    height: 25px;
    border: solid 1px #c9c9c9;
    border-radius: 50%;
    background-color: #fff;
    content: ''
  }
  
  .form input[type='button'] {
    padding: 0;
    -webkit-transform: skew(25deg);
    transform: skew(25deg);
    border: none;
    font-weight: bold
  }
  
  .form_btnArea {
    margin-top: 30px
  }
  
.form_backBtn {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding: 15px;
  -webkit-transform: skew(-25deg);
  transform: skew(-25deg);
  border: solid 1px #009678;
  background-color: #fff;
  color: #009678;
  line-height: 1.25
}

.form_backBtn::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 24px;
  height: 5px;
  -webkit-transform: translateY(-50%) skew(-45deg);
  transform: translateY(-50%) skew(-45deg);
  border-bottom: solid 1px #009678;
  border-left: solid 2px #009678;
  content: '';
  transition: .4s
}

  .p-label {
    margin: 0 10px 0 0
  }
  
.ui-datepicker-trigger {
  	display: block;
	max-width: none!important;
	margin: 10px 0 0 0!important;
}
.ui-datepicker {
	width: 300px;
	padding: 20px;
	background-color: #fff;
}
.ui-datepicker-next {
	display: block;
	float: right;
}
  
  @media only screen and (min-width: 768px) {
    .aform-header {
    margin-bottom: 20px; /*[gc-handa]*/
    font-size: 2.4rem
  }
  .aform-header:nth-child(n+2) {
    margin-top: 60px
  }
  .aform-header::after {
    width: 100px
  }
    .aform-hdln {
      margin-top: 18px;/*[gc-handa]*/
      padding: 15px 50px;/*[gc-handa]*/
      font-size: 2.4rem
    }
    .aform-note {
      padding: 24px 50px
    }
    .aform-content dl, .dl_form_list-first {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 0 50px
    }
    .aform-content dl>dt, .dl_form_list-first>dt {
      width: 30%;
      padding: 8px 0;/*[gc-handa]*/
    }
    .aform-content dl>dd, .dl_form_list-first>dd {
      width: 70%;
      padding: 8px 0;/*[gc-handa]*/
      border-top: dotted 1px #c9c9c9
    }
    .dl_form_list-first>dt {
      border-top: none
    }
    .dl_form_list-first>dd {
      border-top: none
    }
    .form_btnArea {
      margin-top: 45px
    }
    .form_btn {
      max-width: 600px
    }
    .form_backBtn {
      max-width: 400px;
      padding: 20px
    }
    .form_backBtn::before {
      left: 20px
    }
  }
  
  @media only screen and (min-width: 1024px) {
  
    .aform-header {
      font-size: 2.6rem
    }
    .aform-hdln {
      margin-top: 20px;/*[gc-handa]*/
      padding: 14px 70px;/*[gc-handa]*/
      font-size: 2.6rem
    }
    .aform-note {
      padding: 24px 70px
    }
    .aform-content dl, .dl_form_list-first {
      padding: 0 70px
    }
    .aform-content dl>dt, .dl_form_list-first>dt {
      width: 35%
    }
    .aform-content dl>dd, .dl_form_list-first>dd {
      width: 65%
    }
    .form_btnArea {
      margin-top: 58px
    }
    .form_btn {
      max-width: 750px
    }
    .form_backBtn {
      max-width: 450px;
      transition: .4s
    }
    .form_backBtn:hover::before {
      left: 10px;
      width: 34px
    }
  }
  
  
 /*[gc-handa]*/
body#body-form .footerInfo{
	display:none;
}
  /*# sourceMappingURL=form.css.map */