@charset "utf-8";

/* ==========================================================================
   #cont7 申し込み方法について
   旧 LP (lp-webconsul-delete-merit02) を移植 + Tally フォーム埋め込み
   ========================================================================== */

#cont7 {
  padding: min(5%, 50px) 0 min(10%, 100px);
  background-color: #F4C917;
  text-align: center;
  font-family: var(--font-jp);
  color: var(--color-text);
}
#cont7 .inner {
  max-width: 1100px;
  width: 94%;
  margin: auto;
}
#cont7 .bg_white { background-color: #fff; }

/* タイトル (.tit + marker は cont4/cont5 と同形式) */
#cont7 .tit {
  display: inline-block;
  font-size: min(4.4vw, 44px);
  letter-spacing: 0.1em;
  font-weight: 900;
  position: relative;
}
#cont7 .tit .small {
  font-size: min(4vw, 40px);
}
#cont7 .marker {
  position: relative;
  z-index: 1;
}
#cont7 .marker:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.4em;
  background-color: #f8e760;
  position: absolute;
  bottom: 0.1em;
  left: 0;
  z-index: -1;
  transform: skewX(-15deg);
}

/* 白カード (info + form を 2 カラム) */
#cont7 .cont_wrapper {
  margin-top: min(5%, 50px);
  padding: 5% 5%;
  border-radius: 0.3em;
}
#cont7 .cont7_flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 32px;
  text-align: left;
}
#cont7 .cont7_info {
  flex: 1 1 320px;
  min-width: 0;
}
#cont7 .cont7_form {
  flex: 1 1 420px;
  min-width: 0;
}
#cont7 .cont7_form iframe {
  width: 100%;
  border: 0;
  display: block;
}

/* 情報リスト (実施 / 相談可能日時) */
#cont7 .cont_wrapper dl {
  margin: 0;
  text-align: left;
  font-weight: 900;
}
#cont7 .cont_wrapper dl dt {
  width: 8em;
  height: 2.3em;
  line-height: 2.2;
  font-size: min(1.4vw, 14px);
  color: #fff;
  background-color: #231815;
  border-radius: 0.3em;
  text-align: center;
  float: left;
}
#cont7 .cont_wrapper dl dd {
  line-height: 2;
  margin: 0 0 1em;
  padding-left: 8em;
}
#cont7 .cont_wrapper dl dd .small {
  display: block;
  margin-top: 0.5em;
  line-height: 1.5;
  font-size: min(1.6vw, 16px);
  font-weight: 500;
}

/* ==========================================================================
   SP (~750px以下)
   ========================================================================== */
@media screen and (max-width: 750px) {
  #cont7 {
    padding: 8% 0 15%;
  }
  #cont7 .inner {
    width: 90%;
  }
  #cont7 .tit {
    font-size: 6.4vw;
  }
  #cont7 .tit .small {
    font-size: 5.3vw;
  }
  #cont7 .marker:after {
    height: 0.3em;
    bottom: 0.15em;
  }

  #cont7 .cont_wrapper {
    margin-top: 9%;
    padding: 7% 5%;
  }
  #cont7 .cont7_flex {
    flex-direction: column;
    gap: 24px;
  }
  #cont7 .cont7_info,
  #cont7 .cont7_form {
    flex: 1 1 auto;
    width: 100%;
  }

  #cont7 .cont_wrapper dl dt {
    width: 7.5em;
    height: 1.8em;
    margin-top: 0.3em;
    line-height: 1.7;
    font-size: 3.2vw;
  }
  #cont7 .cont_wrapper dl dd {
    margin-bottom: 0.8em;
    padding-left: 8em;
    font-size: 4vw;
  }
  #cont7 .cont_wrapper dl dd .small {
    font-size: 3.2vw;
    padding-left: 0;
  }
}