.section-message h2{
    margin-bottom: 20px;
}

.section-message .container {
    max-width: 1100px;
    margin: 0 auto;
    font-size: 16px;
}
.message-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
}
.container{
    max-width: 1100px;
    margin: auto;
}



.blog-section{
    display: none;
}
.blog-page .carousel-items {
    gap: 60px;
    display: flex;
    flex-wrap: wrap; /* 折り返しを許可 */
    justify-content: center;
}
.blog-page .carousel-item {
    min-width: 42%;
}

.carousel-items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  
  .carousel-item {
    width: calc(33.333% - 16px); /* gapを考慮して調整 */
    box-sizing: border-box;
  }