@charset "UTF-8";
.p-plan__compare {
  max-width: 900px;
  margin: 60px auto;
  padding: 40px;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background: #FDF2E3 url(../images/plan/plan_compare_bg_pc.png) no-repeat right top/auto auto;
}
@media screen and (max-width: 767px) {
  .p-plan__compare {
    margin-top: 30px;
    padding: 25px 0 16px;
    background-image: url(../images/plan/plan_compare_bg_sp.png);
    background-size: 100% auto;
  }
}
.p-plan__compare-ttl {
  width: fit-content;
  margin: 0 auto;
  border-left: 3px solid #59A6BA;
  border-right: 3px solid #59A6BA;
  padding: 2px 30px;
  position: relative;
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-ttl {
    padding: 6px 13px;
    font-size: 24px;
  }
}
.p-plan__compare-box {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-box {
    overflow-x: auto;
    margin-top: 21px;
    padding: 0 12px 7px;
  }
}
.p-plan__compare-table {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table {
    min-width: 653px;
    font-size: 11.2px;
  }
}
.p-plan__compare-table tr:first-child .p-plan__compare-table-ttl {
  padding: 7px 5px;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table tr:first-child .p-plan__compare-table-ttl {
    padding: 5px;
  }
}
.p-plan__compare-table tr:last-child .p-plan__compare-table-ttl {
  padding: 16px 5px;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table tr:last-child .p-plan__compare-table-ttl {
    padding: 13px 5px;
  }
}
.p-plan__compare-table-ttl, .p-plan__compare-table-txt, .p-plan__compare-table-name {
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
.p-plan__compare-table-ttl, .p-plan__compare-table-txt {
  border-bottom: 1px solid #E4E3E3;
}
.p-plan__compare-table-ttl {
  width: 126px;
  padding: 10px 5px;
  letter-spacing: 0.03em;
  background-color: #F7F7F7;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table-ttl {
    width: 100px;
    padding: 8px 5px;
  }
}
.p-plan__compare-table-ttl--small {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table-ttl--small {
    font-size: 9.6px;
  }
}
.p-plan__compare-table-name {
  table-layout: fixed;
  border-right: 1px solid #fff;
  color: #fff;
  line-height: 1.3;
  vertical-align: middle;
  background-color: #59A6BA;
}
.p-plan__compare-table-txt {
  color: #505050;
}
.p-plan__compare-table-txt:has(.p-plan__compare-table-img) {
  letter-spacing: 0.03em;
  vertical-align: initial;
}
.p-plan__compare-table-txt--mark {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table-txt--mark {
    font-size: 14.4px;
  }
}
.p-plan__compare-table-txt--price {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table-txt--price {
    font-size: 16.8px;
  }
}
.p-plan__compare-table-img {
  margin: 0 -5px 10px;
}
@media screen and (max-width: 767px) {
  .p-plan__compare-table-img {
    margin: 5px -5px;
  }
}
@keyframes hint {
  0% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.p-plan__compare .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 1;
}
.p-plan__compare .scroll-hint-icon {
  width: 68px;
  height: 68px;
  left: calc(50% - 34px);
  background: url(../images/plan/scroll.svg) no-repeat center/contain;
}
.p-plan__compare .scroll-hint-icon *, .p-plan__compare .scroll-hint-icon::before, .p-plan__compare .scroll-hint-icon::after {
  content: none;
  display: none;
}

.p-plan__bnr {
  margin: 50px auto;
  padding: 0 20px;
  text-align: center;
}