.FigButton {
  display: block;
  width: 416px;
  height: 96px;
  position: relative;
}
.FigButton * {
  display: block;
}
@container (max-width: 416px) {
  .FigButton {
    color: #f00 !important;
  }
}
@media (max-width: 767px) {
  .FigButton {
    width: 327px;
    height: 96px;
    margin-right: auto;
    margin-left: auto;
  }
}
@container (max-width: 416px) {
  .FigButton {
    width: 327px;
    height: 96px;
    margin-right: auto;
    margin-left: auto;
  }
}
.FigButton.-narrow {
  width: 327px;
  height: 96px;
}

.FigButton__inner,
.FigButton__bg {
  position: absolute;
  left: 0;
  top: 0;
}

.FigButton__bg {
  z-index: 45;
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  opacity: 0;
}

.FigButton__inner {
  z-index: 50;
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.FigButton__inner svg path {
  transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.FigButton__inner .FigButton__base svg path {
  fill: #efe1d4;
}
.FigButton__inner > * {
  position: absolute;
  top: 0;
  left: 0;
}
.FigButton__inner .FigButton__figure {
  width: 100px;
  height: 100px;
  left: unset;
  right: -1px;
  top: unset;
  bottom: -0.5px;
}
.FigButton__inner .FigButton__icon {
  width: 32px;
  height: 32px;
  top: unset;
  bottom: 12px;
  left: 14px;
}
.FigButton__inner .FigButton__icon svg {
  width: 100%;
  height: auto;
}
.FigButton:hover .FigButton__inner .FigButton__icon svg path, .FigButton:focus .FigButton__inner .FigButton__icon svg path {
  stroke: #000 !important;
}
@media (max-width: 767px) {
  .FigButton__inner .FigButton__icon {
    left: 14px;
    bottom: 13px;
  }
}
.FigButton.-narrow .FigButton__inner .FigButton__icon {
  left: 14px;
  bottom: 13px;
}

@container (max-width: 416px) {
  .FigButton__inner .FigButton__icon {
    left: 14px;
    bottom: 13px;
  }
}
.FigButton__inner .FigButton__text {
  position: absolute;
  top: 58px;
  color: #000;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.02em;
  left: 52px;
}
@media (max-width: 767px) {
  .FigButton__inner .FigButton__text {
    left: 54px;
    bottom: 16px;
    top: unset;
    letter-spacing: 0;
  }
}
.FigButton.-narrow .FigButton__inner .FigButton__text {
  left: 54px;
  bottom: 16px;
  top: unset;
  letter-spacing: 0;
}

@container (max-width: 416px) {
  .FigButton__inner .FigButton__text {
    left: 54px;
    bottom: 16px;
    top: unset;
    letter-spacing: 0;
  }
}

.FigButton:hover .FigButton__bg,
.FigButton:focus .FigButton__bg {
  transform: translate(8px, 8px);
  opacity: 1;
}
.FigButton:hover .FigButton__bg svg path,
.FigButton:focus .FigButton__bg svg path {
  fill: #000 !important;
  stroke: none !important;
}
.FigButton:hover .FigButton__base svg path,
.FigButton:focus .FigButton__base svg path {
  fill: #cfb500;
  stroke: none !important;
}
.FigButton:hover .FigButton__icon svg path,
.FigButton:focus .FigButton__icon svg path {
  stroke: #000;
}
.FigButton:hover .FigButton__icon svg path.fill-bg,
.FigButton:focus .FigButton__icon svg path.fill-bg {
  fill: #cfb500;
}

.FigButton__bg svg:first-of-type,
.FigButton__base svg:first-of-type {
  display: block;
}
.FigButton__bg svg:nth-of-type(2),
.FigButton__base svg:nth-of-type(2) {
  display: none;
}
@media (max-width: 767px) {
  .FigButton__bg svg:first-of-type,
  .FigButton__base svg:first-of-type {
    display: none;
  }
  .FigButton__bg svg:nth-of-type(2),
  .FigButton__base svg:nth-of-type(2) {
    display: block;
  }
}
.FigButton.-narrow .FigButton__bg svg:first-of-type,
.FigButton.-narrow .FigButton__base svg:first-of-type {
  display: none;
}
.FigButton.-narrow .FigButton__bg svg:nth-of-type(2),
.FigButton.-narrow .FigButton__base svg:nth-of-type(2) {
  display: block;
}

@container (max-width: 416px) {
  .FigButton__bg svg:first-of-type,
  .FigButton__base svg:first-of-type {
    display: none;
  }
  .FigButton__bg svg:nth-of-type(2),
  .FigButton__base svg:nth-of-type(2) {
    display: block;
  }
}

.Color__p4 .FigButton:hover .FigButton__inner .FigButton__base svg path {
  fill: #ff585d;
}
.Color__p4 .FigButton:hover .FigButton__inner .FigButton__icon svg path.fill-bg {
  fill: #ff585d;
}

.Color__p5 .FigButton:hover .FigButton__inner .FigButton__base svg path {
  fill: #cfb500;
}

.FigButton__yojocheck .FigButton__icon {
  width: 42px;
  height: 42px;
  bottom: 5px;
}
.FigButton__yojocheck .FigButton__text {
  left: 61.59px;
}
@media (max-width: 767px) {
  .FigButton__yojocheck .FigButton__icon {
    width: 42px;
    height: 42px;
    left: 18px;
    bottom: 7px;
  }
  .FigButton__yojocheck .FigButton__text {
    left: 61px;
    bottom: 18px;
    top: unset;
  }
}
.FigButton.-narrow .FigButton__yojocheck .FigButton__icon {
  width: 42px;
  height: 42px;
  left: 18px;
  bottom: 7px;
}
.FigButton.-narrow .FigButton__yojocheck .FigButton__text {
  left: 61px;
  bottom: 18px;
  top: unset;
}

@container (max-width: 416px) {
  .FigButton__yojocheck .FigButton__icon {
    width: 42px;
    height: 42px;
    left: 18px;
    bottom: 7px;
  }
  .FigButton__yojocheck .FigButton__text {
    left: 61px;
    bottom: 18px;
    top: unset;
  }
}

.FigButton.FigButton__twentyfour .FigButton__inner .FigButton__text {
  left: 45px;
}
@media (max-width: 767px) {
  .FigButton.FigButton__twentyfour .FigButton__inner .FigButton__text {
    left: 49px;
    bottom: 16px;
    top: unset;
  }
}
.FigButton.-narrow .FigButton.FigButton__twentyfour .FigButton__inner .FigButton__text {
  left: 49px;
  bottom: 16px;
  top: unset;
}

@container (max-width: 416px) {
  .FigButton.FigButton__twentyfour .FigButton__inner .FigButton__text {
    left: 49px;
    bottom: 16px;
    top: unset;
  }
}

@media (max-width: 960px) {
  .Footer .FigButton, .Chapter__yojocheck .FigButton {
    width: 326px;
  }
  .Footer .FigButton .FigButton__bg svg:first-of-type, .Footer .FigButton .FigButton__base svg:first-of-type, .Chapter__yojocheck .FigButton .FigButton__bg svg:first-of-type, .Chapter__yojocheck .FigButton .FigButton__base svg:first-of-type {
    display: none;
  }
  .Footer .FigButton .FigButton__bg svg:nth-of-type(2), .Footer .FigButton .FigButton__base svg:nth-of-type(2), .Chapter__yojocheck .FigButton .FigButton__bg svg:nth-of-type(2), .Chapter__yojocheck .FigButton .FigButton__base svg:nth-of-type(2) {
    display: block;
  }
}

.FigButton.FigButton__types .FigButton__figure {
  bottom: -1.2px;
}.SnsList {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 48px;
}
@media (max-width: 767px) {
  .SnsList {
    gap: 44px;
  }
}
.SnsList li {
  flex: 0 0 42px;
}