@charset "UTF-8";
/* Scss Document */
.greeting {
  font-size: 13px;
}
.greeting h4 {
  margin: 0 0 30px 0;
  padding: 0 0 6px 0;
  font-size: 17px;
  border-bottom: 1px solid #9E9E9F;
}
.greeting .flex {
  width: 700px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .greeting .flex {
    width: 100%;
  }
}
@media print {
  .greeting .flex {
    width: 100%;
  }
}
.greeting .flex div:first-child {
  width: 510px;
  margin: 0 20px 0 0;
}
@media (max-width: 750px) {
  .greeting .flex div:first-child {
    width: 100%;
  }
}
@media print {
  .greeting .flex div:first-child {
    width: 100%;
  }
}
.greeting .flex div:first-child p {
  margin: 0 0 20px 0;
}
.greeting .flex .gImg {
  width: 170px;
  margin: 30px auto 0 auto;
  font-size: 11px;
  text-align: right;
}
.greeting .flex .gImg img {
  margin: 0 0 4px 0;
}

.telBox {
  width: 330px;
  margin: 0 auto 50px auto;
}
@media (max-width: 750px) {
  .telBox {
    width: 100%;
  }
}
@media print {
  .telBox {
    width: 100%;
  }
}
.telBox .telLink {
  display: flex;
  font-size: 40px;
  font-weight: bold;
  align-items: flex-start;
  color: #333;
  background: url("../img/contact/icon_tel.png") no-repeat left center;
  background-size: 40px auto;
  padding: 0 0 0 46px;
}
.telBox p {
  text-align: center;
}

.mailBox {
  width: 660px;
  margin: 0 auto;
}
.mailBox p a:link {
  text-decoration: underline;
}
.mailBox p a:visited {
  text-decoration: underline;
}
.mailBox p a:hover {
  text-decoration: none;
}
.mailBox p a:active {
  text-decoration: underline;
}
@media (max-width: 750px) {
  .mailBox {
    width: 100%;
  }
}
@media print {
  .mailBox {
    width: 100%;
  }
}
.mailBox table {
  width: 100%;
  margin: 20px 0 0 0;
  border-collapse: collapse;
  border-spacing: 0;
  border-right: 1px solid #285a68;
  border-bottom: 1px solid #285a68;
}
@media (max-width: 750px) {
  .mailBox table {
    table-layout: fixed;
  }
}
@media print {
  .mailBox table {
    table-layout: fixed;
  }
}
.mailBox table tr th {
  width: 250px;
  padding: 10px;
  font-size: 15px;
  font-family: 'Noto Serif', serif;
  border-top: 1px solid #285a68;
  border-left: 1px solid #285a68;
  color: #fff;
  background: #3c6c84;
}
@media (max-width: 750px) {
  .mailBox table tr th {
    width: 100%;
    display: block;
  }
}
@media print {
  .mailBox table tr th {
    width: 100%;
    display: block;
  }
}
.mailBox table tr td {
  padding: 10px;
  border-top: 1px solid #285a68;
  border-left: 1px solid #285a68;
}
@media (max-width: 750px) {
  .mailBox table tr td {
    display: block;
  }
}
@media print {
  .mailBox table tr td {
    display: block;
  }
}
.mailBox table tr td .textarea {
  width: 100%;
}
.mailBox table tr td .textareaBox {
  margin: 10px 0 0 0;
  padding: 4px;
  height: 200px;
}
.mailBox .tableBtn {
  margin: 40px 0;
  text-align: center;
}
.mailBox .btnSend {
  width: 270px;
  margin: 20px auto 0 auto;
}
.mailBox .btnSend input {
  width: 270px;
}

input::placeholder {
  color: #ccc;
}

input:-ms-input-placeholder {
  color: #ccc;
}

input::-ms-input-placeholder {
  color: #ccc;
}

textarea::placeholder {
  color: #ccc;
}

textarea:-ms-input-placeholder {
  color: #ccc;
}

textarea::-ms-input-placeholder {
  color: #ccc;
}

input.send {
  border: 0px;
  width: 270px;
  /* 画像の幅 */
  height: 56px;
  /* 画像の高さ */
  background: url(/img/contact/btn_send.png) left center no-repeat;
  background-size: contain;
  text-indent: -9999px;
  /* value属性の値を画面の外に飛ばす */
  cursor: pointer;
  /* カーソルをボタンに乗せたら指マークにする */
}

input.send2 {
  border: 0px;
  width: 270px;
  /* 画像の幅 */
  height: 56px;
  /* 画像の高さ */
  background: url(/img/contact/btn_send2.png) left center no-repeat;
  background-size: contain;
  text-indent: -9999px;
  /* value属性の値を画面の外に飛ばす */
  cursor: pointer;
  /* カーソルをボタンに乗せたら指マークにする */
}

input.back {
  border: 0px;
  width: 270px;
  /* 画像の幅 */
  height: 56px;
  /* 画像の高さ */
  background: url(/img/contact/btn_back.png) left center no-repeat;
  background-size: contain;
  text-indent: -9999px;
  /* value属性の値を画面の外に飛ばす */
  cursor: pointer;
  /* カーソルをボタンに乗せたら指マークにする */
}

input.top {
  border: 0px;
  width: 270px;
  /* 画像の幅 */
  height: 56px;
  /* 画像の高さ */
  background: url(/img/contact/btn_top.png) left center no-repeat;
  background-size: contain;
  text-indent: -9999px;
  /* value属性の値を画面の外に飛ばす */
  cursor: pointer;
  /* カーソルをボタンに乗せたら指マークにする */
}

.p6 {
  padding: 6px 0 0 0;
}

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