/*
 お問い合わせ
*/

/* 大枠 */
.contact {
  padding: 0 0 60px;
}

.pageHeader {
  height: 600px;
  background-image: url('../img/contact/contactHeader.png');
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 600px) {
  .pageHeader {
    height: calc((600 / 600) * 100vw);
    background-image: url('../img/contact/contactHeader-sp.png');
    padding: 0 2vw;
  }
}

.pageHeader span {
  font-family: 'Kozuka Gothic Pro', "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: bold;
  font-size: 90px;
  text-align: center;
  color: #ff7a08;
  display: inline-block;
  padding: 15px 70px;
  background-color: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 600px) {
  .pageHeader span {
    font-size: calc((86 / 600) * 100vw);
    padding: calc((15 / 600) * 100vw) calc((10 / 600) * 100vw);
  }
}

/* 飾り */
.contact .decoRightYeBar {
  top: 488px;
}

.contact .decoRightYeBar2 {
  top: 30px;
}

/* contactArea */
.contactArea {
  position:relative;
  padding: 60px 0 0 0;
}
@media screen and (max-width: 600px) {
  .contactArea {
    z-index:102;
  }
}

.contactAreaInner {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 600px) {
  .contactAreaInner {
    width: 100%;
    padding: 0 calc((50 / 600) * 100vw);
  }
}

.contactAreaInner table {
  margin: 60px 0 0 0;
}

.contactAreaInner table tr th {
  font-size: 20px;
}

@media screen and (max-width: 600px) {
  .contactAreaInner table tr th {
    font-size: calc((20 / 600) * 100vw);
    width: calc((190 / 600) * 100vw);
  }
}

.contactAreaInner table tr td {
  padding: 0 0 50px;
}

.text-address {
  width: 100%;
}

.textarea-textarea {
  width: 100%;
}

@media screen and (max-width: 600px) {

  .text-name,
  .text-address,
  .tel-tel,
  .tel-fax,
  .email-email {
    width: 100%;
  }
}

.sendBtn {
  text-align: center;
}

.sendBtn .soushin {
  width: 300px;
  height: 50px;
  border-radius: 25px;
  background: #ff7a08;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (max-width: 600px) {
  .sendBtn .soushin {
    width: calc((300 / 600) * 100vw);
    height: calc((50 / 600) * 100vw);
    border-radius: calc((25 / 600) * 100vw);
    font-size: calc((20 / 600) * 100vw);
  }
}

.cnp {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 600px) {
  .cnp {
    font-size: calc((16 / 600) * 100vw);
  }
}

.cFF320D {
  color: #ff320d;
}