.mp校訓4 {
  font-size : 1rem;
  font-weight : 900;
  line-height : 3em;

}
.mp校訓4 .blockContent
{
  width: 100%;
  overflow: hidden;
}
.mp校訓4 .bounce
{
  display: inline-block; /* or flex */
  white-space: nowrap; /* for text */
  animation: faRun 25s linear infinite; /* Adjust duration as needed */
}
.sep
{
   margin : 0 5em; 
}

@keyframes faRun {
  0% 
    {
       transform: translateX(0%);
    }
  100% 
    {
       transform: translateX(-50%); /* Adjust based on content duplication */
    }
}

@media (max-width: 480px) {
  .mp校訓4 .blockContent
  {
    width: 100%;
  }
  
}
@media (min-width: 481px) and (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (min-width: 980px) and (max-width:1199px) {
  .mp校訓4 {
    font-size : 1.5rem;
  }

}
@media (min-width: 1200px) {
  .mp校訓4 {
    font-size : 2rem;
  }
}