@font-face {
  font-family: "NotoSansJp";
  src: url("static/font/noto-sans-jp/NotoSansJP-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "NotoSansJp";
  src: url("static/font/noto-sans-jp/NotoSansJP-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("static/font/montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Montserrat";
  src: url("static/font/montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
}
:root {
  --red: #d90000;
  --red-variant: #f95353;
  --green: rgb(8, 211, 37);
  --gray: #f8f8fd;
  --gray-2: rgba(65, 65, 164, 0.1);
  --gray-30: rgba(44, 39, 72, 0.3);
  --gray-35: rgba(0, 0, 0, 0.35);
  --shadow-gray: rgba(215, 217, 233, 0.4);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-20: rgba(0, 0, 0, 0.2);
  --white: #fff;
  --white-50: rgba(255, 255, 255, 0.5);
  --white-75: rgba(255, 255, 255, 0.75);
  --white-90: rgba(255, 255, 255, 0.9);
  --black: #110e14;
  --black-3: rgba(0, 0, 0, 0.03);
  --black-5: rgba(0, 0, 0, 0.05);
  --black-50: rgba(0, 0, 0, 0.5);
  --purple: #2c2748;
  --wide-tablet-width: 1023px;
  --mini-tablet-width: 767px;
  --top-background-color: #f2f3fc;
  color: var(--black);
  font-size: 17px;
  line-height: 200%;
  font-family: "NotoSansJp";
  font-weight: normal;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background-color: var(--gray);
}

h1,
h2,
h3 {
  margin-block-start: 0;
  margin-block-end: 0;
}

[class^="link-right-arrow-"] {
  padding: 8px;
  border-radius: 32px;
  width: 16px;
  height: 16px;
}

.link-right-arrow-gray {
  box-sizing: content-box;
  background-color: var(--gray);
}

.link-right-arrow-white {
  background-color: var(--white);
}

.common-redbackground-circle {
  background-color: var(--red);
  border-radius: 50%;
  padding: 5px;
}

.common-graybackground-circle {
  background-color: var(--gray);
  border-radius: 50%;
  padding: 5px;
}

.common-whitebackground-circle {
  background-color: var(--white);
  border-radius: 50%;
  padding: 5px;
}

.common-pagination {
  display: flex;
  align-items: center;
  height: 40px;
}
.common-pagination .page-numbers {
  color: var(--gray-30);
  font-weight: bold;
  display: flex;
  align-items: center;
  height: 100%;
}
.common-pagination .page-numbers.current {
  color: var(--red);
  font-weight: bold;
}
.common-pagination .page-numbers:not(:last-child) {
  margin-right: 16px;
}
.common-pagination .page-numbers.prev {
  margin-right: 40px;
}
.common-pagination .page-numbers.next {
  margin-left: 24px;
}

a {
  color: inherit;
  text-decoration: none;
}

/*# sourceMappingURL=style.css.map */