@charset "utf-8";
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
COMMONMauticフォーム
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
/*装飾*/
/*グラデーション*/
#M-form .bg_grad {
  background-image: -moz-linear-gradient(180deg, rgb(43, 167, 241) 0%, rgb(116, 235, 213) 100%);
  background-image: -webkit-linear-gradient(180deg, rgb(43, 167, 241) 0%, rgb(116, 235, 213) 100%);
  background-image: -ms-linear-gradient(180deg, rgb(43, 167, 241) 0%, rgb(116, 235, 213) 100%);
}

/*本体*/
#M-form {
}

#M-form .mauticform_wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

/*行
===============================*/
#M-form .mauticform-row {
  margin-bottom: 7.5vw;
}
/*セレクト*/
#M-form .mauticform-select {
  position: relative;
}
/*ラベル
===============================*/
#M-form .mauticform-label {
  position: relative;
  width: 100%;
  font-size: max(1.2rem, 16px);
  font-weight: normal;
  margin-bottom: 2.5vw;
  cursor: auto;
}

/*記入欄
===============================*/
#M-form .mauticform-input,
#M-form .mauticform-textarea,
#M-form .mauticform-selectbox {
  width: 100%;
  padding: 1.25vw 2.5vw;
  font-size: max(1.2rem, 16px);
}
/*input select*/
#M-form .mauticform-input,
#M-form .mauticform-selectbox {
  height: 8.25vw;
}
/*textarea*/
#M-form .mauticform-textarea {
  height: 25vw;
}
/*ラジオボタン*/
#M-form .mauticform-radiogrp-row {
  display: inline-block;
  margin: 0 3.75vw 0 0;
  font-size: max(1.2rem, 16px);
}

/*送信ボタン
===============================*/
#M-form .mauticform-button-wrapper {
  position: relative;
}
#M-form .mauticform-button-wrapper::after {
  content: "";
  position: absolute;
  top: 6.25vw;
  right: 7.03125vw;
  display: block;
  width: 5.625vw;
  height: 1.5625vw;
  background: url(../img/cross_area/sp/ya1.png) no-repeat;
  background-size: 100% auto;
}
#M-form .mauticform-button {
  position: relative;
  display: block;
  width: 100%;
  height: 15vw;
  margin: 0px auto;
  cursor: pointer;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 2px;
  border: none;
  box-shadow: 1px 1px 10px #ddd;
}

@media only screen and (min-width: 1000px) {
  /*ここから====================*/
  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
    COMMONMauticフォーム
  ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  #M-form {
  }
  #M-form .mauticform_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  /*行
  ===============================*/
  #M-form .mauticform-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  /*ラベル*/
  #M-form .mauticform-label {
    width: 35%;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 0;
  }
  /*記入欄
  ===============================*/
  #M-form .mauticform-input,
  #M-form .mauticform-textarea,
  #M-form .mauticform-selectbox {
    width: 65%;
    padding: 2px 8px;
    font-size: 16px;
  }
  /*input select*/
  #M-form .mauticform-input,
  #M-form .mauticform-selectbox {
    height: 32px;
  }
  /*textarea*/
  #M-form .mauticform-textarea {
    height: 128px;
    padding: 8px 8px;
  }

  /*ラジオボタン*/
  #M-form .mauticform-radiogrp-row {
    display: inline-block;
    margin: 0 24px 0 0;
    font-size: 16px;
  }
  /*送信ボタン
===============================*/
  #M-form .mauticform-button-wrapper {
    position: relative;
  }
  #M-form .mauticform-button-wrapper::after {
    content: "";
    position: absolute;
    top: 41px;
    right: 40px;
    display: block;
    width: 32px;
    height: 10px;
    background: url(../img/cross_area/pc/ya1.png) no-repeat;
  }
  #M-form .mauticform-button {
    position: relative;
    display: block;
    width: 650px;
    height: 96px;
    font-size: 24px;
  }
  /*ここまで====================*/
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
その他の共通
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#M-form .bg_img1 {
  background: url(../img/cross_area/bg5.png);
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
各ページごと
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
WooComeerseの広告用LP
https://jetb.co.jp/woocommerce
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.form-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 7.5vw 6.25vw 0;
  margin: 10vw 0 50vw;
}
/*注意事項*/
.form-wrap .tyuui {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 5vw;
  font-size: 1.2rem;
}
.form-wrap .tyuui:before {
  content: "";
  display: block;
  width: 1.875vw;
  height: 0.3125vw;
  margin-right: 16px;
  background: #e7152d;
}
/*必須*/
.form-wrap .mauticform-required .mauticform-label::before {
  content: "";
  position: absolute;
  top: 49%;
  left: -2.8125vw;
  display: block;
  width: 1.875vw;
  height: 0.3125vw;
  background: #e7152d;
}
/*Mauticの必須を削除*/
.form-wrap .mauticform-row.mauticform-required .mauticform-label::after {
  display: none;
}
/*ラジオボタン*/
.form-wrap input[type="radio"] {
  position: relative;
  width: 3.75vw;
  height: 3.75vw;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #009a9a;
}
.form-wrap input[type="radio"]:checked:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  background: #ffffff;
}
/*送信ボタン*/
.form-wrap #mauticform_kyanpenwebjikeshizhanshudaijesutobandl_submit {
  position: absolute;
  bottom: -30vw;
  width: calc(100% - 12.5vw);
}
.form-wrap .mauticform-select:before {
  content: "+";
  position: absolute;
  top: 8.6vw;
  right: 2vw;
  color: #41bac5;
  font-size: 1.2rem;
  z-index: 10;
}
@media only screen and (min-width: 1000px) {
  /*ここから====================*/
  /*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
WooComeerseの広告用LP
https://jetb.co.jp/woocommerce
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
  .form-wrap {
    width: 900px;
    padding: 46px 125px 16px;
    margin: 16px auto 320px;
  }
  /*注意事項*/
  .form-wrap .tyuui {
    margin-bottom: 40px;
    font-size: 1.6rem;
  }
  .form-wrap .tyuui:before {
    width: 8px;
    height: 2px;
    margin-right: 16px;
  }
  /*必須*/
  .form-wrap .mauticform-required .mauticform-label::before {
    top: 17px;
    left: -26px;
    width: 8px;
    height: 2px;
  }
  /*ラジオボタン*/
  .form-wrap input[type="radio"] {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
  }
  .form-wrap input[type="radio"]:checked:before {
    width: 8px;
    height: 8px;
  }
  /*送信ボタン*/
  .form-wrap #mauticform_kyanpenwebjikeshizhanshudaijesutobandl_submit {
    bottom: -200px;
    width: 650px;
  }
  .form-wrap .mauticform-select:before {
    top: 10px;
    right: 16px;
    font-size: 14px;
  }

  /*ここまで====================*/
}