@charset "UTF-8";

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansCJKjp-Regular.woff2) format("woff2"), url(../fonts/NotoSansCJKjp-Regular.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoSansCJKjp-Bold.woff2) format("woff2"), url(../fonts/NotoSansCJKjp-Bold.woff) format("woff");
  font-display: swap
}

body {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.6
}

figure {
  margin: 0
}

ol li::marker,
ul li::marker {
  color: var(--color_link);
  font-weight: 700
}

.hp_pt_xxxs {
    padding-top: 2px!important
}

.hp_pt_xxs {
    padding-top: 4px!important
}

.hp_pt_xs {
    padding-top: 8px!important
}

.hp_pt_sm {
    padding-top: 16px!important
}

.hp_pt_md {
    padding-top: 24px!important
}

.hp_pt_lg {
    padding-top: 32px!important
}

.hp_pt_xl {
    padding-top: 40px!important
}

.hp_pt_xxl {
    padding-top: 48px!important
}

.hp_pt_xxxl {
    padding-top: 60px!important
}

.hp_pt_xxxxl {
    padding-top: 72px!important
}

.hp_pt_xxxxxl {
    padding-top: 96px!important
}

.hp_pb_0 {
    padding-bottom: 0!important
}

.hp_pb_xxxs {
    padding-bottom: 2px!important
}

.hp_pb_xxs {
    padding-bottom: 4px!important
}

.hp_pb_xs {
    padding-bottom: 8px!important
}

.hp_pb_sm {
    padding-bottom: 16px!important
}

.hp_pb_md {
    padding-bottom: 24px!important
}

.hp_pb_lg {
    padding-bottom: 32px!important
}

.hp_pb_xl {
    padding-bottom: 40px!important
}

.hp_pb_xxl {
    padding-bottom: 48px!important
}

.hp_pb_xxxl {
    padding-bottom: 60px!important
}

.hp_pb_xxxxl {
    padding-bottom: 72px!important
}