.treatment-by-symptom__block {
  .webgene-blog {
    display : grid;
    grid-template-columns : 1fr;
    gap : 2rem;
  }
  .webgene-item {
    border : 1px solid #AEAEAE;
    padding : 3rem 2rem;
  }
  .treatment-by-symptom__item__link-btn a {
    background : #efece5;
    color : #AEAEAE;
    font-size : 1.5rem;
    line-height : 1;
    width : 52px;
    height : 32px;
    border-radius : 20px;
    display : flex;
    align-items : center;
    justify-content : center;
    padding-bottom : 3px;
  }
}


  #scrollXSlide {
    overflow: hidden;
    width: 100%;
  }

#root {
  .slide-track {
    display: flex;
    animation: scroll 60s linear infinite;
    will-change: transform;
  }
}

  .slide {
    flex: 0 0 65%;
    padding-inline : 1rem;
      img {
      aspect-ratio : 4/3;
      object-fit : cover;
      max-width : 100%;
      height :auto;
    }
  }

  @media (min-width: 768px) {
    .slide {
      flex: 0 0 33%;
    }
  }

@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--scroll-width))); }
}




@media(min-width:768px){
  .treatment-by-symptom__block {
		.webgene-blog {
  			grid-template-columns : repeat(2,1fr);
		}
  }
  .treatment-by-symptom__item {
    display : flex;
    flex-direction : column;
    gap:1.5rem;
    height : 100%;
  }
  .treatment-by-symptom__item__name {
    min-height : 68px;
    display: flex;
    align-items: center;
    }
  .treatment-by-symptom__item__discription {
    min-height : 130px;
    margin-bottom : auto !important;
  	}
}
@media(min-width:992px){
  .treatment-by-symptom__block {
		.webgene-blog {
  			grid-template-columns : repeat(3,1fr);
		}
  }
}
@media(min-width:1200px){
  .treatment-by-symptom__block {
		.webgene-blog {
  			grid-template-columns : repeat(4,1fr);
		}
  }
}

/* 詳細ページ　*/
[data-topics-cat]::before {
  content : "";
  white-space : pre;
  display : block; 
}
[data-topics-cat="症状・腰痛"]::before,
[data-topics-cat="症状・その他"]::before {
  content : "SYMPTOM-BASED\A ASSESSMENT ";
}
[data-topics-cat="施術方法"]::before {
  content : "TREATMENT\AMETHODS";
}
[data-topics-cat="症状・難治性"]::before {
  content : "PERSISTENT\ASYMPTOMS";
}

@media (max-width: 767px) {
  [data-topics-cat="症状・腰痛"]::before,
  [data-topics-cat="症状・その他"]::before {
    content : "SYMPTOM-\A BASED\A ASSESSMENT ";
  }
}