@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);

.entry {
  background: #E4F0F0;
  padding: 70px 0 160px;
}
.entry .entryCont{
  margin: 0 auto;
  max-width: 1070px;
  padding: 70px 80px;
  width: 90%;
  background: #fff;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 16%)
}
.entry .entryCont h2 {
  color: #3EB878;
  font-size: 36px;
  text-align: center;
  margin-bottom: 60px;
}
.entry .entryCont h2 span {
  background: url(/common/img/top/bg_dotted02.png) repeat-x left bottom;
  background-size: 7px 3px;
  padding: 0 4px 4px;
}
.entry .entryCont h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 45px;
}
.entry .entryCont p {
  font-size: 16px;
  margin-bottom: 30px;
}
.entry .entryCont p.lead {
  position: relative;
  padding-left: 2em;
}
.entry .entryCont p.lead:before {
  background: #3EB878;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  position: absolute;
  top: 7px;
}
.entry .entryCont form {
  border-top: 1px solid #4AA4A2;
}
.entry .entryCont dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.entry .entryCont dl dt {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #4AA4A2;
  width: 30%;
  padding: 25px 0;
}
.entry .entryCont dl dd {
  font-size: 16px;
  border-bottom: 1px solid #4AA4A2;
  width: 70%;
  padding: 25px 0;
}
.entry .entryCont .must {
  font-size: 16px;
  color: #F54291;
}
.entry .entryCont .complement {
  font-size: 15px;
  color: #F54291;
  display: inline-block;
  margin-left: 1em;
}
.entry .entryCont .subject {
  width: 70%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 7px 7px 7px 35px;
  border: 1px solid #C7C7C7;
  background-image: url(/common/img/share/ico_arrow05.png);
  background-repeat: no-repeat;
  background-size: 15px 9px;
  background-position: left 10px center;
}
.entry .entryCont .product {
  width: 50%;
  padding: 7px;
  border: 1px solid #C7C7C7;
}
.entry .entryCont .contact_about {
  width: 90%;
  padding: 7px;
  border: 1px solid #C7C7C7;
}
.entry .entryCont .sex {
  overflow: hidden;
}
.entry .entryCont .sex li {
  float: left;
  padding-left: 30px;
  font-size: 16px;
}
.entry .entryCont .name_kanji input,
.entry .entryCont .name_kana input{
  margin-right: 30px;
  border: 1px solid #C7C7C7;
  padding: 7px 0;
}

.entry .entryCont .name_kana input:nth-child(3){
  margin-right: 0;
}
.entry .entryCont .name_kanji span{
  margin-right: 1em;
}
.entry .entryCont .mail {
  width: 56%;
  padding: 7px;
  border: 1px solid #C7C7C7;
}
.entry .entryCont .postal_code {
  width: 30%;
  padding: 7px;
  border: 1px solid #C7C7C7;
}
.entry .entryCont .prefectures {
  width: 38%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 7px 7px 7px 35px;
  border: 1px solid #C7C7C7;
  background-image: url(/common/img/share/ico_arrow05.png);
  background-repeat: no-repeat;
  background-size: 15px 9px;
  background-position: left 10px center;
  margin-left: 1.5em;
  margin-bottom: 1em;
}
.entry .entryCont .address_detail {
  width: 90%;
  padding: 7px;
  border: 1px solid #C7C7C7;
}
.entry .entryCont .tel {
  width: 30%;
  padding: 7px;
  border: 1px solid #C7C7C7;
}
.entry .entryCont .belong {
  width: 90%;
  padding: 7px;
  border: 1px solid #C7C7C7;
}
.entry .entryCont .btns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 65px;
}
.entry .entryCont .reset_btn {
  background: #fff url(/common/img/share/ico_arrow03.png) no-repeat left 26px center;
  background-size: 8px 14px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  padding-left: 18px;
  width: 270px;
  height: 48px;
  cursor : pointer;
  border:1px solid #A8A8A8;
  margin-right: 45px;
}
.entry .entryCont .submit_btn {
  background: -webkit-gradient(linear, left top, right top, from(#02A7A3), to(#6AD17D));
  background: linear-gradient(90deg, #02A7A3 0%, #6AD17D 100%);
  border-radius: 24px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  padding-left: 18px;
  position: relative;
  width: 270px;
  height: 48px;
  border:none;
  cursor : pointer;
}
.entry .entryCont .submit_btn::before {
  background: url(/common/img/share/ico_arrow04.png) no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  left: 26px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 14px;
}
.entry .entryCont .submit_btn:hover,
.entry .entryCont .reset_btn:hover{
  opacity: 0.5;
}
/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .entry {
    padding: 35px 0 80px;
  }
  .entry .entryCont{
    padding: 45px 15px;
  }
  .entry .entryCont h2 {
    font-size: 28px;
    margin-top: 24px;
  }
  .entry .entryCont h3 {
    font-size: 20px;
    margin-top: 24px;
  }
  .entry .entryCont p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .entry .entryCont p.lead {
    padding-left: 1.5em;
  }
  .entry .entryCont p.lead:before {
    height: 14px;
    width: 14px;
  }
.entry .entryCont dl {
  width: 100%;
  display: block;
}
.entry .entryCont dl dt {
  font-size: 14px;
  width: 100%;
  padding: 12px 0 0;
  border-bottom: none;
}
  .entry .entryCont dl dd {
    font-size: 14px;
    width: 100%;
    padding: 12px 0 16px;
  }
  .entry .entryCont .must {
    font-size: 14px;
  }
  .entry .entryCont .complement {
    font-size: 13px;
    display: block;
    margin-left: 0;
  }
  .entry .entryCont .subject {
    width: 100%;
    padding: 5px 5px 5px 35px;
  }
  .entry .entryCont .product,
  .entry .entryCont .postal_code,
  .entry .entryCont .address_detail,
  .entry .entryCont .mail,
  .entry .entryCont .tel,
  .entry .entryCont .belong{
    width: 100%;
    padding: 5px;
  }
  .entry .entryCont .contact_about {
    width: 97%;
    padding: 5px;
  }
  .entry .entryCont .sex li {
    font-size: 14px;
  }
  .entry .entryCont .sex li:first-child {
    padding-left: 0;
  }
  .entry .entryCont .name_kanji input,
  .entry .entryCont .name_kana input{
    padding: 5px 0;
  }
  .entry .entryCont .prefectures {
    width: 78%;
    padding: 5px 5px 5px 35px;
  }
  .entry .entryCont .reset_btn,
  .entry .entryCont .submit_btn{
    width: 144px;
  }
}
#mfp_phase_confirm_inner h4 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 45px;
}
#mfp_phase_confirm_inner table {
  font-size: 16px;
}
#mfp_phase_confirm_inner table th{
  font-weight: 500;
  width: 30%;
  padding: 10px 0;
  border-bottom: 1px solid #4AA4A2;
}
#mfp_phase_confirm_inner table td{
  width: 70%;
  padding: 10px 0;
  border-bottom: 1px solid #4AA4A2;
}
.mfp_buttons {
  margin-top: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mfp_buttons #mfp_button_cancel {
  background: #fff url(/common/img/share/ico_arrow03.png) no-repeat left 26px center;
  background-size: 8px 14px;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  padding-left: 18px;
  width: 270px;
  height: 48px;
  cursor : pointer;
  border:1px solid #A8A8A8;
  margin-right: 45px;
}
.mfp_buttons #mfp_button_send {
  background: -webkit-gradient(linear, left top, right top, from(#02A7A3), to(#6AD17D));
  background: linear-gradient(90deg, #02A7A3 0%, #6AD17D 100%);
  border-radius: 24px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  padding-left: 18px;
  position: relative;
  width: 270px;
  height: 48px;
  border:none;
  cursor : pointer;
}
.mfp_buttons #mfp_button_send::before {
  background: url(/common/img/share/ico_arrow04.png) no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  left: 26px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 14px;
}
.mfp_buttons #mfp_button_cancel:hover,
.mfp_buttons #mfp_button_send:hover{
  opacity: 0.5;
}
/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #mfp_phase_confirm_inner h4 {
    font-size: 20px;
    margin-top: 24px;
  }
  #mfp_phase_confirm_inner table {
  font-size: 14px;
  }
  #mfp_phase_confirm_inner table th{
    display: block;
    width: 100%;
    padding: 7px 0;
    border-bottom: none;
  }
  #mfp_phase_confirm_inner table td{
    display: block;
    width: 100%;
    padding: 7px 0;
  }
  .mfp_buttons {
    margin-top: 45px;
  }
  .mfp_buttons #mfp_button_cancel,
  .mfp_buttons #mfp_button_send{
    width: 144px;
  }
}
.for_sp{
    display: none;
}
@media screen and (max-width: 768px) {
  .for_sp{
    display: block;
  }
}