
.menu1-container-item-title h3 { font-size: 18px; color: #fff; line-height: 30px; margin: 0; padding: 10px 0; position: relative;}

.menu1-container-item-sub h4 { font-size: 16.0px; color: #fff; line-height: 30px; padding:50px 0;}

.menu1-container-item-title-new h3 { font-size: 19.2px; color: #fff; line-height: 30px; margin: 0; padding: 10px 0; position: relative;}

.menu1-container-item-sub-new h4 { font-size: 16.0px; color: #fff; line-height: 30px; padding:50px 0;}


.r_kamakura_menu1-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.r_kamakura_menu2-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: -55px;
}

.responsive-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media (min-width: 600px) { /* 600pxをブレークポイントとして設定していますが、必要に応じて変更できます */
  .r_kamakura_menu1-container {
    padding-top: 40%; /* 高さを画像の幅の40%に設定 */
  }
  .r_kamakura_menu2-container {
    padding-top: 40%; /* 高さを画像の幅の40%に設定 */
  }
  .responsive-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
/* .menu1-container-item-header h2::before,
.menu1-container-item-header h2::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 150px;
    background-color: #1a1a1a;
    top: 50%;
    transform: translateY(-50%);
}

.menu1-container-item-header h2::before {
    left: calc(50% - 150px - 100px);
}

.menu1-container-item-header h2::after {
    right: calc(50% - 150px - 100px);
} */

.menu1-container-item-title,
.menu1-container-item-sub {
    text-align: center;
}
.menu1-container-item-title-text,
.menu1-container-item-sub-text {
    margin: 0;
    padding: 0;
}
.menu1-container-item-title-new,
.menu1-container-item-sub-new {
    text-align: center;
}
.menu1-container-item-title-text-new,
.menu1-container-item-sub-text-new {
    margin: 0;
    padding: 0;
}
.menu1-container-item-sub {
    max-width: 800px;
    margin: 0 auto 40px auto;
    padding-left:50px; padding-right:50px;
}
.menu1-container-item-sub-new {
    max-width: 800px;
    margin: 0 auto 40px auto;
    padding-left:50px; padding-right:50px;
}

@media (max-width: 579px) {
    .menu1-container-item-sub-text {
        padding: 0;
    }
    .menu1-container-item-sub-text {
        padding: 50px;
    }
    .menu1-container-item-sub {margin: 0 auto 30px auto; padding:0;}

    .menu1-container-item-title h3 { font-size: 17px; color: #fff; line-height: 30px; margin: 0; padding: 10px 0; position: relative;}

    .menu1-container-item-sub h4 { font-size: 15px; color: #fff; line-height: 30px; padding:50px 0;}

    .menu1-container-item-title-new h3 { font-size: 18.5px; color: #fff; line-height: 35px; margin: 0; padding: 10px 0; position: relative;}

    .menu1-container-item-sub-new h4 { font-size: 15px; color: #fff; line-height: 30px; padding:50px 0;}


}
