.label, .badge, .form-page h2, .form-page input, textarea, .option-text, button{
	font-family: "Noto serif jp", serif;
}

.form-column-heading{
  margin-left: 2.5em;
}

.form-column-heading h2{
  position: relative;
  display: inline-block;
  padding-left: 18px;
  letter-spacing: 0.05em;
}

.form-column-heading h2::before{
  position: absolute;
  top: 8px;
  left: 0;
  width: 13px;
  height: 25px;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background-color: #004FF1;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.container#container{
  padding: 32px 32px;
}

.badge-required{
	background-color: #FF0000;
  font-weight: bold;
}

.message-block-confirmation {
    border: 2px solid #316a8b;
    padding: 20px;
    text-align: center;
}

@media screen and (max-width: 767px){
  .container#container{
    padding: 20px 20px;
  }

  .form-column-heading{
    margin-left: 0px;
  }

  .form-column-heading h2{
    padding-left: 14px;
  }

  .form-column-heading h2::before{
    top: 7px;
    width: 9px;
    height: 18px;
  }


  .form-column{
    margin: 0 0 2em;
  }

  .form-column:not(:first-of-type) h2{
    margin-top: 1rem;
  }
}