.kv__area-insertion {
  position: absolute;
  top: 8%;
  left: 12.2%;
  transform: translateX(-50%);
  width: 18%;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .kv__area-insertion {
    top: 3%;
    left: 10%;
  }
}

.kv__area-insertion--text {
  font-size: clamp(16px, 4vw, 48px);
  font-weight: bold;
  color: #fff;
  z-index: 999;
}

@media screen and (min-width: 1201px) {
  .kv__area-insertion--text {
    font-size: 48px;
  }
}

@media screen and (max-width: 991px) {
  .kv__area-insertion--text {
    font-size: clamp(16px, 5vw, 55px);
  }
}

#key-visual {
  position: relative;
}

@media screen and (min-width: 1025px) {
  #key-visual {
    background: none;
    background-color: #f1f1f1;
    position: relative;
  }
}

#first-catch {
  margin: 0 auto;
  position: relative;
  padding: 0 0 0px 0;
  display: flex;
  justify-content: center;
  margin: 0 0 0px 0;
}

@media screen and (min-width: 1025px) {
  #first-catch {
    padding: 0 0 0px 0;
    margin: 0 0 -24px 0;
  }
}

.first-catch-bg {
  margin: 0 auto;
  position: relative;
  /* position: absolute; */
  /* top: 0; */
  /* right: 0; */
  background: #eaa489;
  height: 14vw;
  width: 100%;
  min-width: 600px;
  max-width: 600px;
  /* border-radius: 24px; */ /* ここで左下を角丸に */
  clip-path: polygon(0% 0, 100% 0%, 50% 100%);
}

@media screen and (min-width: 480px) {
  .first-catch-bg {
    margin: 0 auto;
    height: 72px;
  }
}

.first-catch-txt {
  position: absolute;
  /* top: 0; */
  /* right: 0; */
  /* width: 252px; */
  font-size: 5.2vw;
  color: #ffffff;
  padding: 2vw 24px;
  font-weight: bold;
  font-style: italic;
  font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;
  z-index: 999;
  text-align: center;
  margin: 0 auto;
}

@media screen and (min-width: 480px) {
  .first-catch-txt {
    padding: 8px 24px;
    font-size: 24px;
  }
}

.ranking-box {
  overflow: hidden;
  border-radius: 16px;
  padding: 0;
}

#item_1_client {
  margin: 24px 0 0 0;
}
@media screen and (min-width: 1025px) {
  #item_1_client {
    margin: 0 0 0 0;
  }
}

.table-title-class {
  position: relative;
  background: #eaa489;
  color: #ffffff;
  font-size: 24px;
  border-radius: 12px;
  padding: 10px;
  max-width: 320px;
  margin: 24px 0 24px 2%;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;
}
.table-title-class::after {
  content: '';
  position: absolute;
  bottom: -40px; /* 矢印の位置を調整 */
  left: 20%;
  transform: translateX(-50%);
  border-width: 24px;
  border-style: solid;
  border-color: #eaa489 transparent transparent transparent; /* 上に向かって三角形を描く */
}
@media screen and (min-width: 1025px) {
  .table-title-class {
    margin: 24px 0 24px 0%;
  }
}
@media screen and (min-width: 768px) {
  .table-title-class::after {
    left: 26%;
  }
}

.fontsize__3 {
  font-size: clamp(16px, 4vw, 48px);
}
@media screen and (min-width: 1201px) {
  .fontsize__3 {
    font-size: 48px;
  }
}

@media screen and (max-width: 991px) {
  .fontsize__3 {
    font-size: clamp(16px, 5vw, 55px);
  }
}

.fontsize__4 {
  font-size: clamp(16px, 3.5vw, 40px);
  padding-top: 6%;
}
@media screen and (min-width: 1201px) {
  .fontsize__4 {
    font-size: 40px;
  }
}

@media screen and (max-width: 991px) {
  .fontsize__4 {
    padding-top: 6.5%;
    font-size: clamp(16px, 4vw, 40px);
  }
}

.fontsize__else {
  font-size: 5.6vw;
}
@media screen and (min-width: 1025px) {
  .fontsize__else {
    font-size: 60px;
  }
}

.navi_btn {
  display: none;
}