@charset "UTF-8";

#mainheader .logo a {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)
}

.main {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.55
}

.main .bold {
  font-weight: 700;
  font-style: normal
}

.main .normal {
  font-weight: normal
}

.main .fc_red {
  color: #C1272D
}

.main img {
  max-width: 100%;
  height: auto
}

.for_pc {
  display: block
}

.for_sp {
  display: none
}

@media screen and (max-width:1000px) {
  .for_pc {
    display: none
  }

  .for_sp {
    display: block
  }
}

.mv {
  background: url(../images/hero@2x.jpg) no-repeat 50% 50%/cover;
  aspect-ratio: 1440/481;
  width: 100%
}

.mv .mv__inr {
  position: relative;
  width: 100%;
  max-width: 1140px;
  height: 100%;
  margin: 0 auto
}

.mv .mv__text {
  position: absolute;
  top: calc(50% + 17px);
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 23.9473684211%;
  max-width: 273px
}

@media screen and (max-width:1000px) {
  .mv {
    background-image: url(../images/sp_hero@2x.jpg);
    aspect-ratio: 750/500;
    width: 100%
  }

  .mv .mv__text {
    top: 30.9333333333vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 41.3333333333%;
    max-width: none
  }
}

.main .mainw {
  padding: 0 20px;
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

.main .common__ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: 41px;
  font-weight: 500;
  text-align: center;
  line-height: 1.4146341463
}

.main .text {
  font-size: 20px;
  line-height: 2.3
}

@media screen and (max-width:1000px) {
  .main .mainw {
    padding: 0;
    max-width: 100%;
    width: 91.6vw
  }

  .main .common__ttl {
    font-size: max(10px, 6vw);
    line-height: 1.2888888889
  }

  .main .text {
    font-size: max(10px, 3.8666666667vw);
    line-height: 2.1034482759
  }
}

#pankuzu {
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif
}

.about {
  padding: 127px 0 112px
}

.about .about__ttl {
  margin-bottom: 72px;
  font-size: 41px;
  font-weight: 500;
  text-align: center;
  line-height: 1.4146341463
}

.about .about__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1065px;
  margin: 0 auto
}

.about .about__img {
  width: 23.3802816901%;
  max-width: 249px;
  margin: 0;
  padding: 0
}

.about .about__contents {
  width: 62.3474178404%;
  max-width: 664px;
  margin: 30px 0 0 46px
}

@media screen and (max-width:1000px) {
  .about {
    padding: 9.8666666667vw 0 10.6666666667vw
  }

  .about .about__ttl {
    margin-bottom: 4.2666666667vw;
    font-size: max(10px, 5.4666666667vw)
  }

  .about .about__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    width: 85.3333333333vw
  }

  .about .about__img {
    width: 54.9333333333vw;
    max-width: none;
    margin: 4.5333333333vw 0 0 8.5333333333vw
  }

  .about .about__contents {
    width: 100%;
    max-width: none;
    margin: 0
  }
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.slick-slide {
  height: auto !important
}

.slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.thankyou__gift {
  margin-top: 86px;
  padding: 90px 0 182px;
  background-color: #FFF8C5
}

.thankyou__gift .common__ttl {
  margin-bottom: 130px
}

.thankyou__gift .thankyou__gift__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 36px;
  max-width: 1032px;
  margin: 0 auto
}

.thankyou__gift .thankyou__gift__gift {
  width: calc((100% - 72px) / 3);
  max-width: 320px;
  background-color: #fff
}

.thankyou__gift .thankyou__gift__item {
  width: 81.4432989691%;
  max-width: 395px;
  margin: 0 auto;
  padding: 55px 0 40px;
  border-bottom: 1px solid #000;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3
}

.thankyou__gift .thankyou__gift__donations {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 395px;
  margin: 0 auto;
  padding: 30px 0 82px
}

.thankyou__gift .thankyou__gift__donations .thankyou__gift__text {
  margin: 0 0 10px -45px;
  font-size: 26px;
  line-height: 1.5
}

.thankyou__gift .thankyou__gift__donations .thankyou__gift__amount {
  font-size: 40px;
  line-height: 1;
  text-align: center
}

@media screen and (max-width:1000px) {
  .thankyou__gift {
    margin-top: 16.5333333333vw;
    padding: 10.4vw 0 16vw
  }

  .thankyou__gift .common__ttl {
    margin-bottom: 9.3333333333vw
  }

  .thankyou__gift .thankyou__gift__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8.5333333333vw 0;
    width: 82.8vw
  }

  .thankyou__gift .thankyou__gift__gift {
    width: 100%;
    max-width: none
  }

  .thankyou__gift .thankyou__gift__item {
    width: 67.3333333333vw;
    max-width: none;
    padding: 9.6vw 0 6.6666666667vw;
    font-size: max(10px, 5.1162533333vw);
    line-height: 1.2999981757
  }

  .thankyou__gift .thankyou__gift__donations {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: none;
    margin: 0 auto;
    padding: 5.3333333333vw 0 13.8666666667vw
  }

  .thankyou__gift .thankyou__gift__donations .thankyou__gift__text {
    margin: 0 0 1.6vw -7.7333333333vw;
    font-size: max(10px, 4.43408vw);
    line-height: 1.5
  }

  .thankyou__gift .thankyou__gift__donations .thankyou__gift__amount {
    font-size: max(10px, 6.8216666667vw)
  }
}

.website {
  padding: 47px 0 70px;
  background-color: #F2F2F2
}

.website .website__ttl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 23px;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3
}

.website .website__ttl:before {
  content: "▼";
  display: inline-block;
  margin-right: 0.25em
}

.website .website__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 55px;
  width: 100%;
  max-width: 814px;
  margin: 0 auto
}

.website .website__list li {
  width: calc((100% - 110px) / 3)
}

@media screen and (max-width:1000px) {
  .website {
    padding: 11.4666666667vw 0 12.8vw
  }

  .website .website__ttl {
    margin-bottom: 7.2vw;
    font-size: max(10px, 4.6666666667vw);
    line-height: 1.1142857143
  }

  .website .website__list {
    gap: 8.2666666667vw;
    width: 50.6666666667vw
  }

  .website .website__list li {
    width: 100%
  }
}

.used {
  padding: 110px 0 110px
}

.used .used__inr {
  padding: 0 20px;
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

.used .common__ttl {
  margin-bottom: 83px
}


.used .used__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1066px;
  margin: 0 auto
}

.used .used__wrap+.used__wrap {
  margin-top: 132px
}

.used .used__img {
  width: 40.4315196998%;
  max-width: 431px;
  margin-top: 5px
}

.used .used__contents {
  width: 59.5684803002%;
  max-width: 635px
}

.used .used__contents .used__lead {
  padding: 0 35px 18px 38px;
  border-bottom: 0.5px solid #231815;
  font-size: 26px;
  line-height: 1.6153846154;
  color: #754C24
}

.used .used__contents .used__text {
  padding: 36px 10px 0 38px;
  font-size: 20px;
  line-height: 2.05
}

@media screen and (max-width:1000px) {
  .used {
    padding: 11.2vw 0 7.7333333333vw
  }

  .used .used__inr {
    padding: 0;
    max-width: 100%;
    width: 94vw;
    margin-left: 0
  }

  .used .common__ttl {
    margin-bottom: 8.2666666667vw
  }

  .used .used__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
  }

  .used .used__wrap+.used__wrap {
    margin-top: 8.8vw
  }

  .used .used__img {
    width: 80.1333333333vw;
    max-width: none;
    margin-top: 0
  }

  .used .used__contents {
    width: 100%;
    max-width: none
  }

  .used .used__contents .used__lead {
    padding: 4.2666666667vw 0 2.4vw 5.3333333333vw;
    font-size: max(10px, 4.1333333333vw);
    line-height: 1.4482758621
  }

  .used .used__contents .used__text {
    padding: 4.2666666667vw 4vw 4.2666666667vw 8vw;
    font-size: max(10px, 3.7333333333vw);
    line-height: 1.7857142857
  }
}

.procedure {
  padding: 87px 0 180px
}

.procedure .common__ttl {
  margin-bottom: 47px
}

.procedure .procedure__flow {
  max-width: 1095px
}

.procedure .procedure__flow>li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.procedure .procedure__flow>li:not(:last-of-type) {
  padding-bottom: 50px
}

.procedure .procedure__flow>li:before {
  content: "";
  position: absolute;
  bottom: 50px;
  left: 137px;
  width: 17px;
  height: 100%;
  background-color: #000
}

.procedure .procedure__flow>li:first-of-type:before {
  height: calc(100% - 76px)
}

.procedure .procedure__flow>li .procedure__flow__step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 5px;
  width: 182px;
  margin-top: 20px;
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 500;
  text-transform: uppercase
}

.procedure .procedure__flow>li .procedure__flow__step .procedure__flow__text {
  padding-top: 4px;
  font-size: 35px;
  line-height: 1.2
}

.procedure .procedure__flow>li .procedure__flow__step .procedure__flow__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  padding: 17px 0 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #000;
  font-size: 51px;
  line-height: 1;
  color: #fff
}

.procedure .procedure__flow>li .procedure__flow__finish {
  position: absolute;
  bottom: 0;
  left: 74px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 15px 14px;
  background-color: #000;
  border-radius: 50px;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  text-align: center
}

.procedure .procedure__flow>li .procedure__flow__contents {
  width: calc(100% - 194px);
  padding: 23px 40px 35px 78px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #E6E6E6;
  clip-path: polygon(4.5% 0, 100% 0%, 100% 100%, 4.5% 100%, 4.5% 72px, 0 55px, 4.5% 35px)
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__proceed {
  margin: 0 18px 27px;
  font-size: 35px;
  line-height: 1.6571428571
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__box {
  padding: 21px 22px 20px;
  background-color: #fff;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  line-height: 1.35
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__box p {
  font-size: 20px;
  line-height: 1.35
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__box+.procedure__flow__box {
  margin-top: 17px
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__way {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 26px;
  margin: -21px -22px 9px;
  padding: 6px 7px 6px;
  font-size: 20px;
  line-height: 1.35
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__way .procedure__flow__way_icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1px 20px 2px;
  background-color: #3B4B72;
  font-size: 22px;
  line-height: 1.2272727273;
  color: #fff
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__way .procedure__flow__way_do {
  padding: 1px 0 2px;
  font-weight: bold
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal {
  counter-reset: listnum
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal>li {
  position: relative;
  padding-left: 37px
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal>li:not(:last-of-type) {
  margin-bottom: 28px
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal>li:before {
  content: counter(listnum) ".";
  counter-increment: listnum;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal01 {
  counter-reset: listnum
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal01>li:not(:last-of-type) {
  margin-bottom: 25px
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal01>li .list__decimal__num {
  position: relative;
  margin-bottom: 17px;
  padding-left: 37px
}

.procedure .procedure__flow>li .procedure__flow__contents .list__decimal01>li .list__decimal__num:before {
  content: counter(listnum) ".";
  counter-increment: listnum;
  position: absolute;
  top: 0;
  left: 0
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__btn__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 22px 22px
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__btn {
  width: 348px;
  font-size: 19px;
  line-height: 1.4210526316
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 65px;
  background-color: #C6A620;
  color: #fff
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__necessary_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px 25px;
  margin: 26px 0 20px
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__necessary_item>dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 233px;
  min-height: 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #808080;
  font-size: 15px;
  color: #fff;
  text-align: center
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__necessary_item>dd {
  width: calc(100% - 233px - 25px)
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__dlbox {
  margin: 0 0 10px 12px
}

.procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__dlbox .procedure__btn {
  margin-top: 7px
}

@media screen and (max-width:1000px) {
  .procedure {
    padding: 4.8vw 0 22.6666666667vw
  }

  .procedure .common__ttl {
    margin-bottom: 10.4vw
  }

  .procedure .procedure__flow {
    width: 100%
  }

  .procedure .procedure__flow>li {
    display: block;
    padding: 5.8666666667vw 3.7333333333vw 5.6vw;
    background-color: #E6E6E6
  }

  .procedure .procedure__flow>li:not(:last-of-type) {
    margin-bottom: 6.1333333333vw;
    padding-bottom: 5.6vw
  }

  .procedure .procedure__flow>li:before {
    content: "";
    position: absolute;
    display: none
  }

  .procedure .procedure__flow>li .procedure__flow__step {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    color: #C6A620
  }

  .procedure .procedure__flow>li .procedure__flow__step .procedure__flow__text {
    padding-top: 0;
    font-size: max(10px, 4.6666666667vw)
  }

  .procedure .procedure__flow>li .procedure__flow__step .procedure__flow__num {
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: inherit;
    background-color: transparent;
    font-size: max(10px, 6.8vw);
    color: #C6A620
  }

  .procedure .procedure__flow>li .procedure__flow__finish {
    display: none
  }

  .procedure .procedure__flow>li .procedure__flow__contents {
    width: 100%;
    padding: 0 0 0;
    background-color: transparent;
    clip-path: none
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__proceed {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 5.0666666667vw;
    font-size: max(10px, 5.6vw);
    line-height: 1.380952381
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__box {
    padding: 2.4vw 2.9333333333vw 3.4666666667vw;
    font-size: max(10px, 3.4666666667vw);
    line-height: 1.5
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__box p {
    font-size: max(10px, 3.4666666667vw);
    line-height: 1.5
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__box+.procedure__flow__box {
    margin-top: 3.6vw
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__way {
    gap: 0 3.2vw;
    margin: 0 0 2.6666666667vw;
    padding: 0;
    font-size: max(10px, 3.4666666667vw);
    line-height: 1.3436038462
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__way .procedure__flow__way_icon {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.2666666667vw 3.3333333333vw;
    font-size: max(10px, 3.7952666667vw);
    line-height: 1.2272725676
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__way .procedure__flow__way_do {
    padding: 0 0 0;
    font-weight: bold
  }

  .procedure .procedure__flow>li .procedure__flow__contents .list__decimal>li {
    padding-left: 7.3333333333vw
  }

  .procedure .procedure__flow>li .procedure__flow__contents .list__decimal>li:not(:last-of-type) {
    margin-bottom: 5.3333333333vw
  }

  .procedure .procedure__flow>li .procedure__flow__contents .list__decimal01>li:not(:last-of-type) {
    margin-bottom: 3.7333333333vw
  }

  .procedure .procedure__flow>li .procedure__flow__contents .list__decimal01>li .list__decimal__num {
    margin-bottom: 3.2vw;
    padding-left: 7.3333333333vw
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__btn__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.3333333333vw 0
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__btn {
    width: 100%;
    font-size: max(10px, 3.2777333333vw);
    line-height: 1.4210511329
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__btn a {
    min-height: 11.4666666667vw
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__necessary_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 0;
    margin: 0
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__necessary_item>dt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    min-height: 8vw;
    padding: 0.2666666667vw 2.9333333333vw;
    font-size: max(10px, 2.58768vw)
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__necessary_item>dd {
    width: 100%;
    padding: 3.4666666667vw 3.2vw 2.9333333333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: max(10px, 3.6vw);
    line-height: 1.2938407407
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__dlbox {
    margin: 0 0 2.6666666667vw
  }

  .procedure .procedure__flow>li .procedure__flow__contents .procedure__flow__dlbox .procedure__btn {
    margin-top: 1.6vw
  }
}

.list__reference>li {
  padding-left: 1em;
  text-indent: -1em
}

.list__reference>li:before {
  content: "※"
}