/* CSS Document */
.header {
  min-width: 1200px;
  width: 100%;
  height: 500px;
  background-image: url("../image/contact/head_img.png");
  background-size: 165px auto;
  background-position: center center; }
  @media (max-width: 768px) {
    .header {
      min-width: unset;
      background-size: 186px auto; } }

main {
  width: 700px;
  margin: 0px auto;
  padding-bottom: 80px;
  font-family: "Noto Sans JP", sans-serif;
  font-family: 'EB Garamond', 'Noto Serif JP',serif;
  font-size: 18px; }
  @media (max-width: 768px) {
    main {
      width: 600px;
      font-size: 24px; }
      main input[type="button"] {
        font-size: 34px; } }
  main fieldset {
    border: none;
    margin-bottom: 24px; }
    main fieldset label {
      display: block;
      margin-bottom: 5px; }
    main fieldset input[type="text"], main fieldset select {
      width: 500px;
      height: 40px;
      background: #FFF;
      color: #000;
      padding: 5px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        main fieldset input[type="text"], main fieldset select {
          min-width: unset;
          width: 100%; } }
    main fieldset option {
      padding: 5px;
      color: #000; }
    main fieldset textarea {
      width: 100%;
      height: 364px;
      background: #FFF;
      color: #000;
      padding: 5px;
      box-sizing: border-box; }
  main input[type="button"] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 388px;
    height: 70px;
    border: #FFF solid 1px;
    color: #FFF;
    text-align: center;
    font-size: 27px; }
    main input[type="button"]:hover {
      background: #FFF;
      color: #000; }
  main .complete_mes {
    text-align: center;
    font-family: "Noto Sans JP", sans-serif; }