@charset "UTF-8";
/* 2026.10 ご来場特典ブロック追加（統一LP kansei-kengakukai の benefits を移植） */

/* メリットを3項目→2項目に集約（2カラム。枠の間隔は元の3カラムと同じ約21px） */
.merit ol li:nth-child(1),
.merit ol li:nth-child(2) {
  width: calc(50% - 16.5px);
}
@media screen and (max-width : 768px) {
  .merit ol li:nth-child(1),
  .merit ol li:nth-child(2) {
    width: 100%;
  }
}
/* PCでは見出しを帯の上下中央に */
@media screen and (min-width : 769px) {
  .merit ol li dt {
    display: flex;
    align-items: center;
    padding-top: 0;
  }
}
.merit ol li dd .merit_point {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

/* ご来場特典 */
.benefits {
  margin: 0 0 64px;
  background-color: #fff;
}
.benefits_title {
  width: 240px;
  margin: 0 auto 24px;
}
.benefits_title img {
  display: block;
  width: 100%;
  height: auto;
}
.benefits_br_sp {
  display: none;
}
.benefits_annotation {
  margin: 0 0 10px;
  font-size: 14px;
  text-align: center;
}
.benefits_present {
  position: relative;
  width: 953px;
  max-width: 100%;
  margin: 0 auto;
}
.benefits_present figure {
  margin: 0;
}
.benefits_present img {
  display: block;
  width: 100%;
  height: auto;
}
.benefits_btn {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 824px;
  max-width: 87%;
  transform: translateX(-50%);
}
.benefits_btn a {
  display: block;
}
.benefits_info {
  display: flex;
  justify-content: space-between;
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 36px;
}
.benefits_info dl {
  width: 427px;
  margin: 0;
}
.benefits_info dt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  margin-bottom: 10px;
  background-color: #10438A;
  border-radius: 12px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.benefits_info dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .01em;
}
.benefits_info ul {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}
.benefits_info li {
  list-style: disc;
}
@media screen and (max-width : 768px) {
  .benefits {
    margin-bottom: 48px;
  }
  .benefits_title {
    width: 42vw;
    margin-bottom: 16px;
  }
  .benefits_br_sp {
    display: inline;
  }
  .benefits_annotation {
    font-size: 2.6666666667vw;
    text-align: left;
  }
  .benefits_present {
    width: 100vw;
    max-width: none;
    margin-left: -18px;
  }
  .benefits_btn {
    bottom: 6.6666666667vw;
    width: 70.8vw;
    max-width: none;
  }
  .benefits_info {
    flex-direction: column;
    gap: 20px;
    padding-top: 24px;
  }
  .benefits_info dl {
    width: 100%;
  }
  .benefits_info dt {
    height: 40px;
    font-size: 16px;
  }
  .benefits_info dd {
    font-size: 12px;
    line-height: 1.6;
  }
}