.fukei-benefits{
  --fukei-benefits-circle-color:#3668B7;
  --fukei-benefits-icon-color:#FFFFFF;
  --fukei-benefits-text-color:#31527F;
  --fukei-benefits-desktop-circle-size:46px;
  --fukei-benefits-desktop-icon-size:23px;
  --fukei-benefits-desktop-text-size:15px;
  --fukei-benefits-desktop-item-gap:12px;
  --fukei-benefits-desktop-column-gap:28px;
  --fukei-benefits-desktop-row-gap:18px;
  --fukei-benefits-desktop-columns:3;
  --fukei-benefits-mobile-circle-size:44px;
  --fukei-benefits-mobile-icon-size:22px;
  --fukei-benefits-mobile-text-size:14px;
  --fukei-benefits-mobile-item-gap:10px;
  --fukei-benefits-mobile-column-gap:18px;
  --fukei-benefits-mobile-row-gap:16px;
  --fukei-benefits-mobile-columns:2;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  color:var(--fukei-benefits-text-color);
  font-family:inherit;
}

.fukei-benefits *,
.fukei-benefits *::before,
.fukei-benefits *::after{
  box-sizing:border-box;
}

.fukei-benefits__grid{
  display:grid;
  grid-template-columns:repeat(var(--fukei-benefits-desktop-columns), minmax(0, 1fr));
  column-gap:var(--fukei-benefits-desktop-column-gap);
  row-gap:var(--fukei-benefits-desktop-row-gap);
  align-items:center;
  width:100%;
}

.fukei-benefits__item{
  display:flex;
  align-items:center;
  min-width:0;
  gap:var(--fukei-benefits-desktop-item-gap);
}

.fukei-benefits__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 var(--fukei-benefits-desktop-circle-size);
  width:var(--fukei-benefits-desktop-circle-size);
  height:var(--fukei-benefits-desktop-circle-size);
  aspect-ratio:1;
  border-radius:999px;
  background:var(--fukei-benefits-circle-color);
  color:var(--fukei-benefits-icon-color);
  line-height:0;
  overflow:hidden;
}

.fukei-benefits__icon svg{
  display:block;
  flex:0 0 auto;
  width:var(--fukei-benefits-desktop-icon-size);
  height:var(--fukei-benefits-desktop-icon-size);
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.fukei-benefits__icon-image{
  display:block;
  flex:0 0 auto;
  width:var(--fukei-benefits-desktop-icon-size) !important;
  height:var(--fukei-benefits-desktop-icon-size) !important;
  max-width:var(--fukei-benefits-desktop-icon-size);
  max-height:var(--fukei-benefits-desktop-icon-size);
  object-fit:contain;
  object-position:center center;
  vertical-align:middle;
}

.fukei-benefits__text{
  display:block;
  min-width:0;
  color:var(--fukei-benefits-text-color);
  font-family:inherit;
  font-size:var(--fukei-benefits-desktop-text-size);
  font-weight:600;
  line-height:1.22;
  letter-spacing:0;
  overflow-wrap:break-word;
}

.fukei-benefits-empty{
  margin:0;
  color:#6f6862;
  font-size:14px;
}

@media (max-width: 767px){
  .fukei-benefits__grid{
    grid-template-columns:repeat(var(--fukei-benefits-mobile-columns), minmax(0, 1fr));
    column-gap:var(--fukei-benefits-mobile-column-gap);
    row-gap:var(--fukei-benefits-mobile-row-gap);
  }

  .fukei-benefits__item{
    gap:var(--fukei-benefits-mobile-item-gap);
  }

  .fukei-benefits__icon{
    flex-basis:var(--fukei-benefits-mobile-circle-size);
    width:var(--fukei-benefits-mobile-circle-size);
    height:var(--fukei-benefits-mobile-circle-size);
  }

  .fukei-benefits__icon svg,
  .fukei-benefits__icon-image{
    width:var(--fukei-benefits-mobile-icon-size) !important;
    height:var(--fukei-benefits-mobile-icon-size) !important;
    max-width:var(--fukei-benefits-mobile-icon-size);
    max-height:var(--fukei-benefits-mobile-icon-size);
  }

  .fukei-benefits__text{
    font-size:var(--fukei-benefits-mobile-text-size);
    line-height:1.18;
  }
}

@media (max-width: 360px){
  .fukei-benefits__grid{
    column-gap:12px;
  }

  .fukei-benefits__item{
    gap:8px;
  }
}
