.marker {
    background: linear-gradient(transparent 50%, rgba(224, 117, 148, 0.5) 50%);
    display: inline;

    /* 背景の繰り返しを停止 */
    background-repeat: no-repeat;

    /* マーカーの横方向を0にして縮める */
    background-size: 0% 100%;

    /* マーカーが引かれる速度を指定 */
    transition: background-size 1.5s;
    /* font-weight: 600; */

    font-size: 16.5px;
    
}


.theme2 p{
    background-image: linear-gradient(
		70deg,
		#2f2f2f  45%, 
		#fff 50%,
		#2f2f2f 55% 
	  );
	  background-size: 500% 100%;
    background-clip: text;
  	-webkit-background-clip: text;
	  color: transparent;
    animation: shine 5s infinite;
}
/* 13sから5sに変えた */

/* マーカーが引かれる際に付与するクラス */
.marker.on {
    /* 横方向を100%にして、マーカーを引く */
    background-size: 200% 100%;
}
/* 100%から200%に変えた */

@media screen and (min-width: 550px) {
    .marker{
        font-size: 21.5px;
    }
}