@charset "utf-8";

/* for index.html kdf-company.html (S) CSS
---------------------------------------------------------------------------*/
/* ガラスパネル風：自動おしぼり機ボタン（高さ小さめ版） */
.btn.btn-oshibori a {
  position: relative;

  background: rgba(10, 107, 58, 0.12) !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;

  color: #0A6B3A !important;
  display: inline-flex !important;

  /* ▼ 高さを小さくするポイント */
  padding: 18px 22px;      /* ← 14px → 10px に縮小 */
  line-height: 1;          /* ← 余計な縦余白を消す */
  border-radius: 12px;     /* ← 少しだけ角丸を調整 */

  align-items: center;
  gap: 8px;

  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 6px 18px rgba(10, 107, 58, 0.28) !important;

  transition: background 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;
}

/* ガラス上部の光 */
.btn.btn-oshibori a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  border-radius: inherit;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.55),
    rgba(255,255,255,0)
  );
  pointer-events: none;
}

/* ガラス内側の陰影 */
.btn.btn-oshibori a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 12px rgba(255,255,255,0.30);
  pointer-events: none;
}

/* ホバー */
.btn.btn-oshibori a:hover {
  background: rgba(10, 107, 58, 0.18) !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(12, 180, 90, 0.32) !important;
}

/* SVG矢印の色 */
.btn.btn-oshibori a .arrow line,
.btn.btn-oshibori a .arrow polyline {
  stroke: #0A6B3A !important;
}

/* SVG矢印の縦位置を中央に揃える（高さズレ防止） */
.btn.btn-oshibori a .arrow {
  display: block;
  align-self: center;
}

/* for index.html kdf-company.html (E) CSS
---------------------------------------------------------------------------*/