/*--------------------------------------------------------------
# ページビジュアル
--------------------------------------------------------------*/
.page_visual {
  background: url(/assets/img/features/page_visual.jpg) no-repeat center / cover;
}
/*--------------------------------------------------------------
# サイド
--------------------------------------------------------------*/
@media (min-width: 1200px) {
  .page_features .page_content_wrap {
    background-image: url(/assets/img/common/side_flower_left.png),url(/assets/img/common/side_flower_right.png);
    background-position: top left, top right;
    background-repeat: repeat-Y;
    background-size: 6%, 7%;
  }
}
/*--------------------------------------------------------------
# マツガネ台幼稚園の特色
--------------------------------------------------------------*/
#features_content {
  counter-reset: count 0;
  padding-bottom: 8rem;
  @media (min-width:768px) {
    padding-bottom: 13.4rem;
  }
}
#features_content .item {
  .block_title {
    display: flex;
    color: var(--key-color);
    align-items: center;
    line-height: 1;

    &::before {
      display: inline-block;
      content: counter(count,decimal-leading-zero);
      counter-increment: count 1;
      color: #FFF;
      aspect-ratio: 1 / 1;
      margin-right: 0.5em;
      padding: 0.3em;
      border-radius: 50%;
      background-color: var(--accent-pink);
    }
  }
  .btn {
    color: var(--key-color);
    width: 100%;
    background: #FFF;

    &:hover {
      color: #FFF;
      background: var(--key-color);
    }
  }
}
#features_content .img_wrap img {
  border-radius: 0;
}
#features_content .item.azukari img {
  aspect-ratio: 480 / 280;
  mask: url(/assets/img/features/mask.svg) no-repeat center / 100%;
  -webkit-mask: url(/assets/img/features/mask.svg) no-repeat center / 100%;
}