/* Cute Motion home values — solid geometric marks v3
   Circle / rounded square / diamond. No illustration inside. */
.page-home .home-values .value-icon{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  background:transparent;
  color:var(--hibiscus);
  font-size:0;
  line-height:0;
}

.page-home .home-values .value-icon::before{
  content:"";
  display:block;
  flex:none;
  background:currentColor;
}

/* 1. ユーザー体験を大切に — circle */
.page-home .home-values .value-item:nth-child(1) .value-icon::before{
  width:34px;
  height:34px;
  border-radius:50%;
}

/* 2. アイデアを形に — rounded square */
.page-home .home-values .value-item:nth-child(2) .value-icon::before{
  width:34px;
  height:34px;
  border-radius:9px;
}

/* 3. データで未来を創る — diamond */
.page-home .home-values .value-item:nth-child(3) .value-icon::before{
  width:30px;
  height:30px;
  border-radius:3px;
  transform:rotate(45deg);
}

/* Hide any old icon glyphs or helper spans if an older home file is cached. */
.page-home .home-values .value-icon > *{
  display:none !important;
}

@media(max-width:360px){
  .page-home .home-values .value-item:nth-child(1) .value-icon::before,
  .page-home .home-values .value-item:nth-child(2) .value-icon::before{
    width:32px;
    height:32px;
  }
  .page-home .home-values .value-item:nth-child(3) .value-icon::before{
    width:28px;
    height:28px;
  }
}