@charset "utf-8";

:root {
  --c-red: #bb0000;
  --c-orange: #f78131;
  --c-blue: #0068c3;
}

/* uwagaki */

@media screen and (min-width: 769px) {
  .el-btn__container.hc-el-btn__container {
    width: clamp(0px, 100%, 442px);
    max-width: 100%;
    min-width: unset;
  }
}

.el-accordion-block .el-accordion-block__item[data-active="true"]>.el-accordion-block__head button {
  color: inherit !important;
}

/* contents */

.hc-txt--plus,
.hc-txt--plus__txt {
  display: inline-block !important;
}
.hc-txt--plus__txt:has(+ .hc-txt--plus__txt)::after {
  display: inline-block;
  content: "\ff0b";
  color: var(--c-orange);
  font-weight: bold;
  margin-left: 0.4em;
}

.hc-anchor {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 0.6rem;
  padding: 2.4rem 2.4rem 5.2rem;
  height: 100%;
  width: 100%;
}
.hc-anchor::after {
  position: absolute;
  z-index: 5;
  vertical-align: top;
  content: "";
  border-right: .2rem solid #FFF;
  border-top: .2rem solid #FFF;
  transform: translateX(-50%) rotate(135deg);
  left: 50%;
  bottom: 2.6rem;
  width: .8rem;
  height: .8rem;
}
.hc-anchor::before {
  content: "";
  display: block;
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  background-color: var(--c-blue);
  border-radius: 999px;
  overflow: hidden;
  aspect-ratio: 1/1;
  transform: translateX(-50%);
  left: 50%;
  bottom: 1.8rem;
}

.hc-img--inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  height: 1.4em;
}
.hc-img--inline[data-pos="left"]{
  margin-right: 0.4em;
}