.btn-start {
  width: 80vw;
  display: inline-block;
  background-color: #316DAE;
  border: 2px solid #ffffff;
  border-radius: 3rem;
  height: 4rem;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 3.75rem;
  letter-spacing: 1px;
  color: #ffffff;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.btn-start.press-response-active {
  background-color: #18487b;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.btn-start.highlight {
  background-color: #FFA800;
}
.btn-start.highlight.press-response-active {
  background-color: #ae6505;
}
.btn-start.no-border {
  border: 0;
}

.header {
  background-image: url(../images/form-header-bg.png);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 10.5rem;
}
@media (max-width: 576px) {
  .header {
    padding-top: 45vw;
  }
}
.header .bg {
  background-color: #ffffff;
  border-radius: 2rem;
  padding: 2rem 1.5rem;
}
.header .bg .content {
  text-align: center;
}
.header .bg .content .highlight {
  color: #FFA800;
  font-weight: 700;
}
.header .bg .content img {
  width: 100%;
}
.header .bg .content img.title {
  margin-bottom: 0.25rem;
}
.header .bg .content img.bowl-set {
  width: 86%;
  margin-left: 7%;
}
.header .bg .content img.juice {
  margin: 1.5rem 0;
}
.header .bg .content img.coupon {
  margin: 0.5rem 0 1.5rem 0;
}
.header .bg .actions {
  text-align: center;
  padding-bottom: 3rem;
}
.header .bg .actions a, .header .bg .actions a:link, .header .bg .actions a:visited, .header .bg .actions a:hover {
  color: #ffffff;
  text-decoration: none !important;
}
.header .bg .actions .remark {
  margin-top: 1rem;
}

form .field-row .field {
  border: 1px solid #859091;
  padding: 0.5rem 1rem 0.25rem 1rem;
  margin-bottom: 0.75rem;
}
form .field-row .field .error-icon {
  width: 1rem;
  height: 1rem;
  display: none;
}
form .field-row .field .field-title {
  font-size: 0.75rem;
  color: #859091;
  margin-bottom: 0.25rem;
}
form .field-row .field input[type=text], form .field-row .field input[type=email] {
  width: 100%;
  border: 0;
  padding: 0.1rem 0 0rem 0;
  font-size: 1rem;
  color: #000000;
  box-shadow: none;
  text-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
form .field-row .error-placeholder {
  color: #ff0000;
  font-size: 0.75rem;
}
form .field-row .form-check a:link, form .field-row .form-check a:visited {
  color: #000000;
  font-weight: 500;
  text-decoration: underline;
}
form .field-row .form-check a:hover {
  color: #ae6505;
}
form .field-row .form-check .form-check-label {
  font-size: 0.9rem;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
form .field-row .form-check .form-check-input:checked {
  background-color: #316DAE;
  border-color: #18487b;
}
form .actions {
  margin-top: 1rem;
}

#terms {
  display: none;
  padding: 3rem 1.5rem 3rem 1.25rem;
  border-radius: 1.5rem;
}
#terms .fancybox-close-small {
  background-image: url("../images/fancybox-btn-close.svg");
  background-position: center center;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  top: 10px;
  right: 10px;
}
#terms .fancybox-close-small svg {
  display: none;
}
#terms h2 {
  font-family: source-han-sans-traditional, sans-serif;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #316DAE;
}
#terms li {
  margin-bottom: 0.75rem;
}
#terms b {
  display: inline-block;
  margin-bottom: 0.75rem;
}
#terms .action {
  padding-top: 1rem;
  text-align: center;
}
#terms .action .btn-exit {
  background: #316DAE;
  border-radius: 100px;
  color: #ffffff;
  padding: 0.5rem 3rem;
  font-size: 1.25rem;
  letter-spacing: 1px;
}/*# sourceMappingURL=application.css.map */