.intro{
  width: 80%;
}

.intro-img{
  width: 100%;
  max-width: 360px;
}

.intro-list{
  list-style-type: none!important;
  position: relative;
  margin-bottom: 10px;
}

.intro-list li::before{
  /* https://www.sejuku.net/blog/56177 */
  content:  "";     /* 空の要素作成 */
    width:  15px;               /* 幅指定 */
    height:  15px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: var(--sub-color);  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: 2px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.list-left-space{
  margin: 0;
}

@media (min-width: 900px){
  .intro{
    margin-top: 70px;
    position: relative;
  }

  .intro-img{
    width: 43%;
    max-width: 450px;
    position: absolute;
    left: 500px;
    top: -100px;
  }

  .intro-list{
    font-size: 20pt;
    margin-bottom: 40px;
  }

  .intro-list li{
    margin-bottom: 10px;
  }

  .intro-list li::before{
    /* https://www.sejuku.net/blog/56177 */
      width:  23px;               /* 幅指定 */
      height:  23px;              /* 高さ指定 */
  }

  .intro-text{
    font-size: 14pt;
    line-height: 30pt;
  }

  .list-left-space{
    margin-left: 27px;
  }
}