@charset "UTF-8";
/* CSS Document */
main {
  margin-top: 100px;
  margin-left: 140px;
  position: relative;
  z-index: 1;
}
.header_top-contact {
  border-left: solid #333 1px;
}
/*ページトップ写真とリード文*/
.product_top-pic {
  background-image: url("../images/pc/inquiry-top_pic.jpg");
  background-size: cover;
  background-position: 50% 120%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 280px;
  margin-top: 90px;
  margin-left: 70px;
  position: relative;
}
.product_top-pic h2 {
  font-size: 4.2rem;
  line-height: 4.2rem;
  letter-spacing: 2px;
  color: #fff;
  padding-top: 120px;
  font-weight: 600;
  text-align: center;
  position: fixed;
  width: 100%;
}
@media(max-width: 768px) {
  main {
    margin-left: 0;
    margin-top: 60px;
  }
  /*ページトップ写真とリード文*/
  .product_top-pic {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 130px;
    margin-top: 60px;
    margin-left: 0;
  }
  .product_top-pic h2 {
    font-size: 2.4rem;
    color: #fff;
    padding-top: 50px;
    font-weight: 600;
  }
}
.inquiry_telspace {
  max-width: 820px;
  border: solid 3px #336190;
  background-color: #fff;
  margin: 0 auto 70px;
  padding: 60px 0 40px 0;
}
.inquiry_telspace p {
  font-size: 2.4rem;
  margin-bottom: 20px;
}
.inquiry_telspace-text {
  display: inline-block;
  align-items: center;
  margin: 0 0 30px;
}
.inquiry_telspace img {
  width: 33px;
  height: 33px;
  margin-right: 15px;
}
.inquiry_telspace a {
  text-decoration: none;
  font-size: 5.0rem;
  line-height: 5.0rem;
  font-weight: 600;
  color: #336190;
}
.inquiry_telspace span {
  font-size: 2.2rem;
}
.background_text {
  margin-right: 100px;
}
.section_inquiry h3 {
  font-size: 4.0rem;
  font-weight: 600;
  position: relative;
  margin-top: -60px;
  margin-bottom: 130px;
}
@media(max-width: 1075px) {
  .inquiry_telspace {
  max-width: 820px;
  border: solid 3px #336190;
  background-color: #fff;
  margin: 0 auto 70px;
  padding: 60px 0 40px 0;
}
.inquiry_telspace p {
  font-size: 2.4rem;
  margin-bottom: 20px;
}
.inquiry_telspace-text {
  display: inline-flex;
  align-items: center;
  margin: 0 0 30px;
}
.inquiry_telspace img {
  width: 33px;
  height: 33px;
  margin-right: 15px;
}
.inquiry_telspace a {
  text-decoration: none;
  font-size: 5.0rem;
  line-height: 5.0rem;
  font-weight: 600;
  color: #336190;
}
.inquiry_telspace span {
  font-size: 2.2rem;
}
.background_text {
  margin-right: 100px;
}
.section_inquiry h3 {
  font-size: 4.0rem;
  font-weight: 600;
  position: relative;
  margin-top: -60px;
  margin-bottom: 130px;
}
  
}
@media(max-width: 768px) {
  .inquiry_telspace {
    width: 280px;
    border: solid 2px #336190;
    background-color: #fff;
    margin: 0 auto 70px;
    padding: 22px 0 13px 0;
  }
  .inquiry_telspace p {
    font-size: 1.4rem;
    line-height: 1.4rem;
    margin-bottom: 10px;
  }
  .inquiry_telspace-text {
    display: inline-flex;
    align-items: center;
    margin: 0 0 15px;
  }
  .inquiry_telspace img {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
  .inquiry_telspace a {
    text-decoration: none;
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: #336190;
  }
  .inquiry_telspace span {
    font-size: 1.2rem;
  }
  .background_text {
    margin-right: 40px;
  }
  .background_text img {
    height: 68px;
  }
  .section_inquiry h3 {
    font-size: 1.6rem;
    font-weight: 600;
    position: relative;
    bottom: 0;
    margin-top: -40px;
    margin-bottom: 70px;
  }
}
/*フォーム*/
label {
  display: block;
}
.form-area {
  min-width: 740px;
  width: 740px;
  margin: 0 auto;
  font-size: 2.0rem;
}
/*それぞれの入力スペースの大きさ*/
.form-area input[type="text"], .form-area select {
  width: 500px;
  height: 40px;
}
.form-others input[type="text"] {
  width: 420px;
  height: 40px;
}
.form-area textarea {
  width: 740px;
}
.must-btn {
  height: 34px;
  width: 68px;
  padding: 8px 16px;
  background-color: #336190;
  color: #fff;
  border-radius: 5px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  position: relative;
  left: -30px;
}
/*お名前*/
.form-name {
  margin-bottom: 50px;
  margin-left: -68px;
}
.form-name p {
  margin-right: 174px;
  display: inline-block;
}
/*会社名*/
.form-company {
  margin-bottom: 50px;
}
.form-company p {
  margin-right: 174px;
  display: inline-block;
}
/*メール*/
.form-mail {
  margin-bottom: 50px;
  margin-left: -68px;
}
.form-mail p {
  margin-right: 94px;
  display: inline-block;
}
.error-message {
  margin-left: 205px;
  color: crimson;
}
/*電話番号*/
.form-tel {
  margin-bottom: 95px;
  margin-left: -68px;
}
.form-tel p {
  margin-right: 154px;
  display: inline-block;
}
/*選択ボタン*/
.form-radio {
  margin-bottom: 98px;
}
.form-radio p {
  text-align: left;
  padding-bottom: 30px;
}
.radio_btn {
  display: flex;
  justify-content: center;
}
.radio_btn span {
  display: inline-block;
}
.radio_btn input {
  margin: auto 26px auto 0;
}
.radio1, .radio2 {
  margin-right: 120px;
  display: inline;
}
.radio3 {
  margin-right: 0;
  display: inline;
}
/*ロープ選択*/
.form-kinds {
  margin-bottom: 20px;
}
.form-kinds p {
  margin-right: 114px;
  display: inline-block;
}
/*その他*/
.form-others {
  margin-bottom: 70px;
}
.form-others p {
  margin-left: 45px;
  margin-right: 50px;
  display: inline-block;
}
/*加工選択*/
.form-processing {
  margin-bottom: 20px;
}
.form-processing p {
  margin-right: 154px;
  display: inline-block;
}
/*ワイヤロープ径選択*/
.form-diameter {
  margin-bottom: 20px;
}
.form-diameter p {
  margin-right: 94px;
  display: inline-block;
}
/*長さ*/
.form-length {
  margin-bottom: 50px;
}
.form-length p {
  margin-right: 137px;
  display: inline-block;
}
/*本数*/
.form-number {
  margin-bottom: 100px;
}
.form-number p {
  margin-right: 194px;
  display: inline-block;
}
/*お問合せ記入欄*/
.form-textarea p {
  margin-bottom: 20px;
  text-align: left;
}
.form-textarea {
  margin: 0 auto 90px;
  max-width: 740px;
}
/*プライバシーポリシー*/
.form-policy {
  margin: 0 auto 60px;
  display: inline-flex;
  align-items: center;
}
.policy-check {
  width: 30px;
  height: 30px;
  margin-right: 24px;
}
.form-policy a {
  color: #336190;
}
.form-policy br {
  display: none;
}
/*送信ボタン*/
.form-submit {
  display: block;
  height: 55px;
  max-width: 223px;
  width: 100%;
  background-color: #336190;
  color: #fff;
  font-size: 2.0rem;
  border: none;
  border-radius: 10px;
  margin-bottom: 150px;
}
  .btn-area {
      width: 223px;
    margin: 0px auto;
  }
@media(max-width:1075px) {
 label {
  display: block;
}
.form-area {
  min-width: 710px;
  width: 710px;
     margin: 0 auto 0 40px;
  font-size: 2.0rem;
  padding-left: 50px;
}
/*それぞれの入力スペースの大きさ*/
.form-area input[type="text"], .form-area select {
  width: 400px;
  height: 40px;
}
.form-others input[type="text"] {
  width: 360px;
  height: 40px;
}
.form-area textarea {
  width: 610px;
}
.must-btn {
  height: 34px;
  width: 68px;
  padding: 8px 16px;
  background-color: #336190;
  color: #fff;
  border-radius: 5px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  position: relative;
  left: -30px;
}
/*お名前*/
.form-name {
  margin-bottom: 50px;
  margin-left: -68px;
}
.form-name p {
  margin-right: 134px;
  display: inline-block;
}
/*会社名*/
.form-company {
  margin-bottom: 50px;
}
.form-company p {
  margin-right: 134px;
  display: inline-block;
}
/*メール*/
.form-mail {
  margin-bottom: 50px;
  margin-left: -68px;
}
.form-mail p {
  margin-right: 54px;
  display: inline-block;
}
  .error-message {
    margin-left: 225px;
    font-size: 1.8rem;
}
/*電話番号*/
.form-tel {
  margin-bottom: 95px;
  margin-left: -68px;
}
.form-tel p {
  margin-right: 114px;
  display: inline-block;
}
/*選択ボタン*/
.form-radio {
  margin-bottom: 98px;
}
.form-radio p {
  text-align: left;
  padding-bottom: 30px;
}
.radio_btn {
  display: flex;
  justify-content: center;
}
.radio_btn span {
  display: inline-block;
}
.radio_btn input {
  margin: auto 26px auto 0;
}
.radio1, .radio2 {
  margin-right: 120px;
  display: inline;
}
.radio3 {
  margin-right: 0;
  display: inline;
}
/*ロープ選択*/
.form-kinds {
  margin-bottom: 20px;
}
.form-kinds p {
  margin-right: 74px;
  display: inline-block;
}
/*その他*/
.form-others {
  margin-bottom: 70px;
}
.form-others p {
  margin-left: 45px;
  margin-right: 50px;
  display: inline-block;
}
/*加工選択*/
.form-processing {
  margin-bottom: 20px;
}
.form-processing p {
  margin-right: 114px;
  display: inline-block;
}
/*ワイヤロープ径選択*/
.form-diameter {
  margin-bottom: 20px;
}
.form-diameter p {
  margin-right: 54px;
  display: inline-block;
}
/*長さ*/
.form-length {
  margin-bottom: 50px;
}
.form-length p {
  margin-right: 97px;
  display: inline-block;
}
/*本数*/
.form-number {
  margin-bottom: 100px;
}
.form-number p {
  margin-right: 154px;
  display: inline-block;
}
/*お問合せ記入欄*/
.form-textarea p {
  margin-bottom: 20px;
  text-align: left;
  margin-left: 67px;
}
.form-textarea {
  margin: 0 auto 90px;
  max-width: 740px;
}
/*プライバシーポリシー*/
.form-policy {
  margin: 0 auto 60px;
  display: inline-flex;
  align-items: center;
}
.policy-check {
  width: 30px;
  height: 30px;
  margin-right: 24px;
}
.form-policy a {
  color: #336190;
}
.form-policy br {
  display: none;
}
/*送信ボタン*/
.form-submit {
  display: block;
  height: 55px;
  max-width: 223px;
  width: 100%;
  background-color: #336190;
  color: #fff;
  font-size: 2.0rem;
  border: none;
  border-radius: 10px;
  margin-bottom: 150px;
}
    .btn-area {
      width: 223px;
    margin: 0px auto;
  }
}
@media(max-width:910px) {
  /*フォーム*/
  label {
    display: block;
  }
  .form-area {
    min-width: 310px;
    width: 310px;
    margin: 0 auto;
    font-size: 1.8rem;
    padding: 0;
  }
  /*それぞれの入力スペースの大きさ*/
  .form-area input[type="text"], .form-area select {
    width: 300px;
    height: 30px;
  }
  .form-others input[type="text"] {
    width: 270px;
    height: 30px;
  }
  .form-area textarea {
    width: 300px;
  }
  .must-btn {
    height: 20px;
    width: 42px;
    padding: 4px 9px;
    background-color: #336190;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    position: relative;
    left: -15px;
  }
  /*お名前*/
  .form-name {
    margin-bottom: 35px;
    margin-left: -14px;
  }
  .form-name p {
    margin-right: 199px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*会社名*/
  .form-company {
    text-align: left;
    margin-bottom: 35px;
  }
  .form-company p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*メール*/
  .form-mail {
    margin-bottom: 35px;
    margin-left: -14px;
  }
  .form-mail p {
    margin-right: 128px;
    margin-bottom: 15px;
    display: inline-block;
  }
    .error-message {
  margin-left: 0px;
    font-size: 1.5rem;
}
  /*電話番号*/
  .form-tel {
    margin-bottom: 40px;
    margin-left: -14px;
  }
  .form-tel p {
    margin-right: 182px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*選択ボタン*/
  .form-radio {
    margin-bottom: 50px;
  }
  .form-radio p {
    text-align: left;
    padding-bottom: 15px;
    margin-left: -14px;
  }
  .radio_btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .radio_btn span {
    display: inline-block;
    margin-left: 30px;
  }
  .radio_btn input {
    margin: auto 20px auto 0;
  }
  .radio_btn label {
    margin-right: 0;
    display: inline-block;
  }
  .radio_btn label:last-child {
    margin-right: 0;
    display: inline-block;
  }
  /*ロープ選択*/
  .form-kinds {
    text-align: left;
    margin-bottom: 20px;
  }
  .form-kinds p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*その他*/
  .form-others {
    text-align: left;
    margin-bottom: 40px;
  }
  .form-others p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*加工選択*/
  .form-processing {
    text-align: left;
    margin-bottom: 20px;
  }
  .form-processing p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*ワイヤロープ径選択*/
  .form-diameter {
    text-align: left;
    margin-bottom: 20px;
  }
  .form-diameter p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*長さ*/
  .form-length {
    text-align: left;
    margin-bottom: 40px;
  }
  .form-length p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*本数*/
  .form-number {
    text-align: left;
    margin-bottom: 40px;
  }
  .form-number p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*お問合せ記入欄*/
  .form-textarea {
    text-align: left;
    margin: 0 auto 40px;
    max-width: 740px;
  }
  .form-textarea p {
    margin-left: -14px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*プライバシーポリシー*/
  .form-policy {
    margin: 0 auto 50px;
    display: inline-flex;
    align-items: center;
    align-items: flex-start;
  }
  .policy-check {
    width: 20px;
    height: 20px;
    margin-right: 16px;
  }
  .form-policy a {
    color: #336190;
  }
  .form-policy br {
    display: block;
  }
  .btn-area {
      width: 171px;
    margin: 0px auto;
  }
  /*送信ボタン*/
  .form-submit {
    display: block;
    height: 38px;
    max-width: 171px;
    width: 100%;
    background-color: #336190;
    color: #fff;
    font-size: 1.5rem;
    border: none;
    border-radius: 10px;
    margin-bottom: 80px;
  }
}
@media(max-width:374px) {
  /*フォーム*/
  label {
    display: block;
  }
  .form-area {
    min-width: 310px;
    width: 310px;
    margin: 0 auto 0 7px;
    font-size: 1.6rem;
    padding: 0;
  }
  /*それぞれの入力スペースの大きさ*/
  .form-area input[type="text"], .form-area select {
    width: 300px;
    height: 30px;
  }
  .form-others input[type="text"] {
    width: 270px;
    height: 30px;
  }
  .form-area textarea {
    width: 300px;
  }
  .must-btn {
    height: 20px;
    width: 42px;
    padding: 4px 9px;
    background-color: #336190;
    color: #fff;
    border-radius: 5px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    position: relative;
    left: -15px;
  }
  /*お名前*/
  .form-name {
    margin-bottom: 35px;
    margin-left: 0px;
  }
  .form-name p {
    margin-right: 173px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*会社名*/
  .form-company {
    text-align: left;
    margin-bottom: 35px;
    margin-left: 5px;
  }
  .form-company p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*メール*/
  .form-mail {
    margin-bottom: 35px;
    margin-left: 0px;
  }
  .form-mail p {
    margin-right: 102px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*電話番号*/
  .form-tel {
    margin-bottom: 40px;
    margin-left: 0px;
  }
  .form-tel p {
    margin-right: 156px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*選択ボタン*/
  .form-radio {
    margin-bottom: 50px;
  }
  .form-radio p {
    text-align: left;
    padding-bottom: 15px;
    margin-left: 0px;
  }
  .radio_btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .radio_btn span {
    display: inline-block;
    margin-left: 30px;
  }
  .radio_btn input {
    margin: auto 20px auto 0;
  }
  .radio_btn label {
    margin-right: 0;
    display: inline-block;
  }
  .radio_btn label:last-child {
    margin-right: 0;
    display: inline-block;
  }
  /*ロープ選択*/
  .form-kinds {
    text-align: left;
    margin-bottom: 20px;
  }
  .form-kinds p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*その他*/
  .form-others {
    text-align: left;
    margin-bottom: 40px;
  }
  .form-others p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*加工選択*/
  .form-processing {
    text-align: left;
    margin-bottom: 20px;
  }
  .form-processing p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*ワイヤロープ径選択*/
  .form-diameter {
    text-align: left;
    margin-bottom: 20px;
  }
  .form-diameter p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*長さ*/
  .form-length {
    text-align: left;
    margin-bottom: 40px;
  }
  .form-length p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*本数*/
  .form-number {
    text-align: left;
    margin-bottom: 40px;
  }
  .form-number p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*お問合せ記入欄*/
  .form-textarea {
    text-align: left;
    margin: 0 auto 40px;
    max-width: 740px;
  }
  .form-textarea p {
    margin-left: 0px;
    margin-bottom: 15px;
    display: inline-block;
  }
  /*プライバシーポリシー*/
  .form-policy {
    margin: 0 auto 50px;
    display: inline-flex;
    align-items: center;
    align-items: flex-start;
  }
  .policy-check {
    width: 20px;
    height: 20px;
    margin-right: 16px;
  }
  .form-policy a {
    color: #336190;
  }
  .form-policy br {
    display: block;
  }
    .btn-area {
      width: 141px;
    margin: 0px auto;
  }
  /*送信ボタン*/
  .form-submit {
    display: block;
    height: 38px;
    max-width: 141px;
    width: 100%;
    background-color: #336190;
    color: #fff;
    font-size: 1.2rem;
    border: none;
    border-radius: 10px;
    margin-bottom: 80px;
  }
}