.wrapper {
  width: 100%;
  height: auto; }
  .wrapper .contact {
    width: 100%;
    height: auto;
    padding-top: 110px;
    max-width: 1540px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .wrapper .contact {
        padding-top: 90px; } }
    @media screen and (max-width: 768px) {
      .wrapper .contact {
        padding-top: 60px; } }
    @media screen and (max-width: 480px) {
      .wrapper .contact {
        padding-top: 70px; } }
    .wrapper .contact .contact-inner {
      width: 80%;
      height: auto;
      margin: 40px auto 100px auto; }
      @media screen and (max-width: 1024px) {
        .wrapper .contact .contact-inner {
          width: 90%;
          margin-top: 30px; } }
      @media screen and (max-width: 480px) {
        .wrapper .contact .contact-inner {
          width: 100%;
          margin-top: 15px; } }
      .wrapper .contact .contact-inner .contact-title {
        width: 90%;
        height: auto;
        border-bottom: 1px solid #333;
        padding-left: 10px;
        margin: 0 auto; }
        .wrapper .contact .contact-inner .contact-title h2 {
          font-size: 4rem; margin-top:50px;}
          @media screen and (max-width: 1024px) {
            .wrapper .contact .contact-inner .contact-title h2 {
              font-size: 3.2rem; } }
          @media screen and (max-width: 768px) {
            .wrapper .contact .contact-inner .contact-title h2 {
              font-size: 2.6rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .contact .contact-inner .contact-title h2 {
              font-size: 1.8rem; } }
      .wrapper .contact .contact-inner .contact-main {
        width: 100%;
        height: auto;
        margin-top: 50px; }
        @media screen and (max-width: 1024px) {
          .wrapper .contact .contact-inner .contact-main {
            margin-top: 30px; } }
        @media screen and (max-width: 768px) {
          .wrapper .contact .contact-inner .contact-main {
            width: 100%; } }
        .wrapper .contact .contact-inner .contact-main .contact-note {
          width: 90%;
          height: auto;
          margin: 0 auto; }
          .wrapper .contact .contact-inner .contact-main .contact-note p {
            width: 100%;
            height: auto; }
            @media screen and (max-width: 768px) {
              .wrapper .contact .contact-inner .contact-main .contact-note p {
                font-size: 1.5rem; } }
        .wrapper .contact .contact-inner .contact-main .contact-form {
          width: 100%;
          height: auto;
          margin-top: 10px; }
          .wrapper .contact .contact-inner .contact-main .contact-form ul {
            width: 90%;
            height: auto;
            margin: 0 auto; }
            @media screen and (max-width: 768px) {
              .wrapper .contact .contact-inner .contact-main .contact-form ul {
                width: 90%; } }
            .wrapper .contact .contact-inner .contact-main .contact-form ul li {
              width: 100%;
              height: auto;
              border-bottom: 1px dotted #a8a8a8;
              padding: 20px 0 20px 0;
              display: flex;
              flex-wrap: wrap; }
              .wrapper .contact .contact-inner .contact-main .contact-form ul li h3 {
                display: inline-block;
                width: 30%;
                height: auto;
                padding-right: 50px; }
                @media screen and (max-width: 1024px) {
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li h3 {
                    font-size: 1.5rem; } }
                @media screen and (max-width: 768px) {
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li h3 {
                    width: 100%; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li h3 span {
                  font-size: 1rem;
                  color: #df3e3e;
                  margin-left: 5px; }
              .wrapper .contact .contact-inner .contact-main .contact-form ul li .name-container {
                display: flex;
                width: 70%; }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .name-container input {
                  width: 50%;
                  height: 40px;
                  border: 1px solid #c4c4c4;
                  border-radius: 3px;
                  padding: 5px 0 5px 8px;
                  color: #333;
                  outline: none;
                  margin-right: 15px; }
              .wrapper .contact .contact-inner .contact-main .contact-form ul li .address {
                width: 70%;
                height: auto; }
                @media screen and (max-width: 768px) {
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li .address {
                    width: 100%; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address input {
                  display: inline-block;
                  width: 30%;
                  height: 50px;
                  border: 1px solid #c4c4c4;
                  outline: none;
                  text-align: left;
                  padding-left: 10px;
                  font-size: 2rem;
                  color: #333;
                  border-radius: 3px; }
                  @media screen and (max-width: 768px) {
                    .wrapper .contact .contact-inner .contact-main .contact-form ul li .address input {
                      width: 40%; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address input[type="number"]::-webkit-outer-spin-button,
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address input[type="number"]::-webkit-inner-spin-button {
                  -webkit-appearance: none;
                  margin: 0; }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address input[type="number"] {
                  -moz-appearance: textfield; }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address span {
                  margin-right: 15px; }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address a {
                  color: #0092c4;
                  margin-left: 20px; }
                  @media screen and (max-width: 768px) {
                    .wrapper .contact .contact-inner .contact-main .contact-form ul li .address a {
                      font-size: 1.2rem; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address .prefectures {
                  width: 100%;
                  margin-top: 20px; }
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li .address .prefectures select {
                    width: 30%;
                    height: 40px;
                    border: 1px solid #c4c4c4;
                    outline: none;
                    text-align: left;
                    padding-left: 8px;
                    font-size: 1.2rem;
                    color: #333;
                    border-radius: 3px; }
                    @media screen and (max-width: 768px) {
                      .wrapper .contact .contact-inner .contact-main .contact-form ul li .address .prefectures select {
                        width: 40%; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address .municipalities {
                  width: 100%;
                  margin-top: 20px; }
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li .address .municipalities input {
                    width: 100%;
                    height: 50px;
                    border: 1px solid #c4c4c4;
                    outline: none;
                    text-align: left;
                    padding-left: 10px;
                    font-size: 1.5rem;
                    color: #333;
                    border-radius: 3px; }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .address .housenumber {
                  width: 100%;
                  margin-top: 20px; }
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li .address .housenumber input {
                    width: 100%;
                    height: 50px;
                    border: 1px solid #c4c4c4;
                    outline: none;
                    text-align: left;
                    padding-left: 10px;
                    font-size: 1.5rem;
                    color: #333;
                    border-radius: 3px; }
              .wrapper .contact .contact-inner .contact-main .contact-form ul li .phone-number {
                width: 70%;
                height: auto; }
                @media screen and (max-width: 768px) {
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li .phone-number {
                    width: 100%; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .phone-number input {
                  width: 40%;
                  height: 40px;
                  border: 1px solid #c4c4c4;
                  outline: none;
                  text-align: left;
                  padding-left: 10px;
                  font-size: 1.5rem;
                  color: #333;
                  border-radius: 3px; }
                  @media screen and (max-width: 768px) {
                    .wrapper .contact .contact-inner .contact-main .contact-form ul li .phone-number input {
                      width: 50%; } }
              .wrapper .contact .contact-inner .contact-main .contact-form ul li .mailaddress {
                width: 70%;
                height: auto; }
                @media screen and (max-width: 768px) {
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li .mailaddress {
                    width: 100%; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .mailaddress input {
                  width: 100%;
                  border: 1px solid #c4c4c4;
                  border-radius: 3px;
                  padding: 15px 0 15px 8px;
                  color: #333;
                  outline: none; }
              .wrapper .contact .contact-inner .contact-main .contact-form ul li .content {
                width: 70%;
                height: auto; }
                @media screen and (max-width: 768px) {
                  .wrapper .contact .contact-inner .contact-main .contact-form ul li .content {
                    width: 100%; } }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .content textarea {
                  width: 100%;
                  border: 1px solid #c4c4c4;
                  border-radius: 3px;
                  color: #333;
                  outline: none; }
                .wrapper .contact .contact-inner .contact-main .contact-form ul li .content p {
                  font-size: 1.5rem; }
                  @media screen and (max-width: 768px) {
                    .wrapper .contact .contact-inner .contact-main .contact-form ul li .content p {
                      font-size: 1.2rem; } }
            .wrapper .contact .contact-inner .contact-main .contact-form ul li:nth-child(1) {
              border-top: 1px dotted #a8a8a8;
              padding-top: 20px; }
        .wrapper .contact .contact-inner .contact-main .contact-btn {
          width: 100%;
          height: auto;
          margin-top: 50px; }
          .wrapper .contact .contact-inner .contact-main .contact-btn button {
            width: 50%;
            background-color: #333;
            color: #fff;
            font-size: 1.7rem;
            font-weight: 600;
            padding: 20px 0;
            transition: 0.3s;
            outline: none;
            cursor: pointer;
            border: none;
            margin: 0 auto;
            display: block; }
            @media screen and (max-width: 480px) {
              .wrapper .contact .contact-inner .contact-main .contact-btn button {
                width: 70%; } }

/*# sourceMappingURL=contact.css.map */