/* LINE公式アカウント(@476kpbpc)への相談導線。問い合わせ窓口はLINEとフォームの2つだけ（電話窓口は置かない）
   置き場所: /contact・/company・各製品ページの問い合わせ欄（フォームの直前）。文言を変えるときは各ページの .ct-line をまとめて直す */
.ct-line {
  --line-green: #06C755;
  --line-green-dark: #05A847;
  display: flex;
  align-items: center;
  gap: 28px;
  max-width: 760px;
  margin: 32px auto 40px;
  padding: 24px 28px;
  background: #fff;
  border: 2px solid var(--line-green);
  border-radius: 12px;
  text-align: left;
  color: #1A1A1A;
  box-sizing: border-box;
}
.ct-line *, .ct-line *::before, .ct-line *::after { box-sizing: border-box; }
.ct-line__body { flex: 1 1 auto; min-width: 0; }
.ct-line__lead {
  margin: 0 0 8px;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1A1A1A;
}
.ct-line .ct-line__text {
  margin: 0 0 16px;
  font-size: 0.9rem;
  line-height: 1.8;
  color: #4A4A4A;
  word-break: normal;
  line-break: strict;
  overflow-wrap: anywhere;
}
.ct-line__btn {
  display: inline-block;
  padding: 13px 28px;
  background: var(--line-green);
  color: #fff !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none !important;
  border-radius: 999px;
  transition: background-color .15s ease;
}
.ct-line__btn:hover, .ct-line__btn:focus-visible { background: var(--line-green-dark); }
.ct-line__btn:focus-visible { outline: 3px solid #1A1A1A; outline-offset: 3px; }
.ct-line__qr {
  flex: 0 0 132px;
  margin: 0;
  text-align: center;
}
.ct-line__qr img { display: block; width: 132px; height: 132px; background: #fff; }
.ct-line__qr figcaption {
  margin-top: 6px;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #6A6A6A;
}
/* スマホはQRを読めないのでボタンだけにする */
@media (max-width: 640px) {
  .ct-line { display: block; padding: 20px 18px; margin: 24px 0 32px; }
  .ct-line__qr { display: none; }
  .ct-line__btn { display: block; text-align: center; }
}