@charset "UTF-8";
/*基本のグレー*/
/*ボタンの色1*/
/*ボタンの色2*/
/*スマホナビ*/
/*青い文字*/
/*赤い文字*/
/*フォームの色*/
/*PCのヘッダー*/
/*薄いグレー 表組のborderの色*/
/*introとmain部分の余白*/
/*最大幅*/
body {
  margin: 65px 0 70px 0;
}

@media screen and (min-width: 960px) {
  body {
    margin: 140px 0 0 0;
  }
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100vh - 65px);
}

h1 {
  font-family: fot-chiaro-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  width: 100%;
  height: 75px;
  text-align: center;
  line-height: 75px;
  background-color: #67E7E8;
  font-size: 28px;
  color: white;
  margin: 0 0 20px 0;
}

.intro {
  font-family: vdl-v7marugothic, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #707070;
  line-height: 1.8;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 35px;
  max-width: 620px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.intro span {
  display: block;
  margin: 0 0 20px 0;
  color: #EB6565;
}

.intro label {
  display: block;
}

.intro .contect-form-link {
  line-height: 2;
}

.intro .contect-form-link a {
  font-family: vdl-v7marugothic, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #4E7575;
  font-size: 18px;
  text-decoration: none;
}

.intro .contect-form-link a:hover {
  opacity: 0.5;
}

.contact1 {
  display: none;
  font-family: vdl-v7marugothic, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #707070;
  line-height: 1.8;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  background-color: #EEEEEE;
  margin: 0 0 60px 0;
  padding: 40px 0;
}

.contact1.on {
  display: block;
}

.contact1 form {
  padding: 0 34px;
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
}

.contact1 span {
  color: #EB6565;
  font-size: 10px;
}

.contact1 input {
  display: block;
  border: 1px solid #707070;
  background-color: white;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  color: gray;
  margin: 4px 0 16px 0;
}

.contact1 input[type="submit"] {
  width: 90px;
  margin: 0 auto;
}

.contact1 textarea {
  display: block;
  border: 1px solid #707070;
  background-color: white;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  color: gray;
  height: 80px;
  margin: 4px 0 16px 0;
}

.contact1 textarea::-webkit-resizer {
  display: none;
}

.contact2 {
  display: none;
  font-family: vdl-v7marugothic, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  color: #707070;
  line-height: 1.8;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  background-color: #EEEEEE;
  margin: 0 0 60px 0;
  padding: 40px 0;
}

.contact2.on {
  display: block;
}

.contact2 form {
  padding: 0 34px;
}

.contact2 span {
  color: #EB6565;
  font-size: 10px;
}

.contact2 input {
  display: block;
  border: 1px solid #707070;
  background-color: white;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  color: gray;
  margin: 4px 0 16px 0;
}

.contact2 input[type="submit"] {
  width: 90px;
  margin: 0 auto;
}

.contact2 input[type="checkbox"] {
  display: inline;
  width: auto;
}

.contact2 select {
  display: block;
  border: 1px solid #707070;
  background-color: white;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  color: gray;
  text-align: center;
  margin: 4px 0 16px 0;
}

.contact2 .check-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contact2 .check-wrap input {
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
}

.contact2 .check-wrap label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 14px;
  margin: 0 15px 8px 0;
}

.contact2 textarea {
  display: block;
  border: 1px solid #707070;
  background-color: white;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  color: gray;
  height: 80px;
  margin: 4px 0 16px 0;
}

.contact2 textarea::-webkit-resizer {
  display: none;
}

.mail_message_false {
  font-family: vdl-v7marugothic, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  color: #EB6565;
  line-height: 1.8;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  margin: 0 auto;
  width: 620px;
  max-width: 100%;
}

.mail_message_true {
  font-family: vdl-v7marugothic, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  color: #2777B8;
  line-height: 1.8;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  margin: 0 auto;
  width: 620px;
  max-width: 100%;
}

@media screen and (min-width: 960px) {
  body {
    min-height: calc(100vh - 140px);
  }
  h1 {
    font-size: 45px;
  }
  .intro {
    font-size: 20px;
    width: 632px;
    margin: 0 auto 0 auto;
    padding: 0;
    max-width: none;
  }
  .intro .contect-form-link a {
    font-size: 22px;
  }
  .contact1 {
    font-size: 20px;
  }
  .contact1 form {
    width: 632px;
    margin: 0 auto 0 auto;
  }
  .contact2 {
    font-size: 20px;
  }
  .contact2 form {
    width: 632px;
    margin: 0 auto 0 auto;
  }
}
/*# sourceMappingURL=contact.css.map */