* {
  padding: 0;
  margin: 0;
}

.container {
  font-family: sans-serif;
  width: 80%;
  margin: 18px auto;
  padding: 18px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

.container.page_inquiry {
  border-top: 8px solid #ba000d;
}

.container.page_register_company {
  border-top: 8px solid #0069c0;
}

.container.page_add_event {
  border-top: 8px solid #ffa726;
}

@media screen and (max-width: 750px) {
  .container {
    width: 90%;
  }
}

header h1 {
  font-size: 21px;
  letter-spacing: 0.05em;
}

header p {
  font-size: 14px;
}

main .text_require, main .icon_require {
  color: #f44336;
  font-size: 14px;
}

main .icon_require {
  font-size: 20px;
  display: inline-block;
}

main fieldset {
  border: none;
  margin-top: 18px;
}

main legend {
  font-size: 18px;
  margin-bottom: 5px;
}

main label {
  display: block;
}

main p {
  font-size: 14px;
}

main input[type='text'],
main input[type='email'] {
  font-size: 14px;
  padding: 5px 0;
  width: 50%;
  border: none;
  appearance: none;
  border-bottom: 1px solid #ccc;
}

main input[type='text'].time,
main input[type='email'].time {
  width: 2em;
}

main input[type='text'].datepicker,
main input[type='email'].datepicker {
  width: 10em;
}

main input[type='radio'] {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 5px;
}

main textarea {
  border: 1px solid #ccc;
  appearance: none;
}

main button[type='submit'] {
  background: #2196f3;
  color: #fff;
  padding: 8px 20px;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  appearance: none;
  margin-top: 14px;
}

main button#clear {
  background: #ff3860;
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  border-radius: 5px;
  border: none;
  appearance: none;
  margin-top: 14px;
  margin-left: 20px;
}