@charset "UTF-8";
/* =========================================================
   USTOOL.jp  -  about（/about/ と /contact/）
   base.css → page.css のあとに読む。
   ページ見出し / 本文 / つくった理由 / フォーム枠。
   ========================================================= */

.about{ padding-block:clamp(34px,5vw,64px); }

.about__head{ text-align:center; margin-bottom:clamp(34px,5vw,60px); }
.about__h1{
  font-family:var(--font-round); font-weight:900;
  font-size:clamp(28px,4.4vw,42px); color:var(--teal); letter-spacing:.06em;
}
.about__h1en{
  font-size:clamp(12px,1.5vw,14px); color:var(--orange);
  letter-spacing:.18em; margin-top:4px;
}
.about__lead{
  margin-top:clamp(18px,2.6vw,26px);
  font-size:clamp(15px,1.7vw,17px); line-height:2.1;
}
.about__lead-en{
  margin-top:10px; color:var(--teal);
  font-size:clamp(12.5px,1.4vw,14px); line-height:1.9;
}

.about__text{ margin-top:14px; line-height:2.05; font-size:clamp(14px,1.6vw,16px); }
.about__text-en{
  margin-top:8px; line-height:1.9; color:var(--teal);
  font-size:clamp(12.5px,1.4vw,13.5px);
}

/* つくった理由 */
.reason{
  margin-top:clamp(20px,2.6vw,28px);
  padding-left:16px; border-left:3px dotted var(--line-soft);
}
.reason__title{
  font-family:var(--font-round); font-weight:700;
  font-size:clamp(15px,1.8vw,18px); line-height:1.6; color:var(--teal);
}

.panel--about{ padding:clamp(20px,2.6vw,28px) clamp(18px,2.4vw,28px); margin-top:clamp(16px,2vw,22px); }
.panel--about .about__text:first-child{ margin-top:0; }

/* Googleフォームの埋め込み枠 */
.formbox{
  margin-top:clamp(18px,2.4vw,26px);
  border:2px solid var(--line); border-radius:var(--radius);
  background:var(--white); overflow:hidden;
}
.formbox iframe{
  display:block; width:100%; height:min(1400px, 160vh); border:0;
}
.btn__en{
  display:block; font-family:var(--font-body); font-weight:400;
  font-size:11.5px; letter-spacing:.04em; opacity:.75; margin-top:1px;
}

.pc-only{ display:inline; }
@media (max-width:600px){
  .pc-only{ display:none; }
  .reason{ padding-left:12px; }
}