@charset "utf-8";
/* CSS Document */

/* ===== Contact Form (scoped) ===== */
.cform { line-height: 1.7;
padding: 60px 0;}

.cform .cf-title { margin: 0 0 12px; font-weight: 700; font-size: 1.4rem;
text-align: center;
}

.form_wra {
    max-width: 700px;
    margin: 0 auto;
} 

.cform .cf-row { margin: 12px 0; }
.cform .cf-label { display: block; font-weight: 700; margin-bottom: 4px; }

.cform .cf-input,
.cform textarea,
.cform select {
  width: 100%;
  max-width: 700px;
  padding: .6em;
  border: 1px solid #ccc;
  border-radius: 6px;
  font: inherit;
  box-sizing: border-box;
}

.cf-list::before {
    content: '■';
    color: #7ebd28;
	padding-right: .5em;
}

.cform textarea { min-height: 140px; }

.cform .cf-error { color: #c00; font-size: .9em; margin-top: 4px; }
.cform .cf-req { color: #f15a24; font-weight: 900; margin-left: .5em;
font-size: .7rem;}
.cform .cf-note { font-size: .9em; color: #666; }

/* ハニーポット（bot対策） */
.cform .cf-hp { position: absolute; left: -9999px; top: -9999px; }

/* ボタン（既存 .cv_btn と衝突しないように別クラス） */
.cform .cf-btn{
  display: inline-block;
  background: #222;
  color: #fff;
  padding: .8em 4em;
  border-radius: 10px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  font-weight: 700;
}
.cform .cf-last{
text-align: center;
}
.cform .cf-btn:hover{ opacity: .9; }

.cf-left{
 padding-left: 2rem;
 }

/* 入力系の微調整（iOSズーム抑止など任意） */
@supports (-webkit-touch-callout: none) {
  .cform .cf-input,
  .cform textarea,
  .cform select { font-size: 16px; } /* iOSのフォーカス時ズームを回避 */
}