/* BLEアプリ紹介：読み取り → アプリ連携 */
.w-ble-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;/*16px*/
  margin-bottom: 20px;/*16px*/
}

/* アイコンの囲み枠 */
.w-ble-flow__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;/*44px*/
  height: 50px;/*44px*/
  border: none ;/*1px solid #d5dfe5;*/
  border-radius: 10px;
  background: #f8fafb;
  color: #788f9d;
}

/* アイコンサイズ */
.w-ble-flow__icon .material-symbols-outlined {
  font-size: 48px;/*44px*/
  line-height: 1;
}

/* 矢印 */
.w-ble-flow__arrow {
  font-size: 21px;
  color: #9aabb5;
}

/* 連携先のアイコン */
.w-ble-flow__icon--result {
  background:  #f8fafb;/*#f3faf8*/
  border-color: #788f9d;/*#bcd7cf*/
  color: #788f9d; /*#358678*/
}

/* BLE無線通信の波形 */
.w-ble-flow__signal {
  position: relative;
  display: block;
  flex: 0 0 32px;
  width: 32px;
  height: 42px;
  box-sizing: border-box;
  border-right: 2px solid currentColor;
  border-radius: 50%;
  color: #8ca4b2;
}

/* 内側の2本の波形 */
.w-ble-flow__signal::before,
.w-ble-flow__signal::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  border-right: 2px solid currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* 1本目 */
.w-ble-flow__signal::before {
  width: 11px;
  height: 18px;
}

/* 2本目 */
.w-ble-flow__signal::after {
  width: 22px;
  height: 30px;
}


/* BLEアプリ：アイコンと見出し */
.w-ble-app-heading {
  display: flex;
  align-items: center;
  margin: 0 0 1rem;
}

.w-ble-app-heading__icon {
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  margin-right: 12px;
  object-fit: contain;
}

.w-ble-app-heading__text {
  min-width: 0;
}

.w-ble-app-heading__text h3 {
  margin: 0;
}