@charset "utf-8";
.button {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.abswh100 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.wh100 {
  width: 100%;
  height: 100%;
}
.center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.abscenter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.hv_center {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.h_center {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
.v_center {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.hover_scale {
  transition: all 200ms 0s ease;
}
.hover_scale:hover {
  transform: scale(1.03);
}
/*==============================================================
  ■ (SP)
==============================================================*/
.kv {
  width: 95.897vw;
  height: 161.538vw;
  margin: 0 auto;
}
.kv .frame {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 95.897vw;
  height: 161.538vw;
  background-image: url("../img/kv_frame_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 2;
}
.kv .frame a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 95.897vw;
  height: 161.538vw;
  background-image: url("../img/kv_frame_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  white-space: nowrap;
  background: none;
  overflow: hidden;
}
.kv .main a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__bg {
  width: 100%;
  height: 100%;
  background: url(../img/kv_bg_sp.webp) center / cover no-repeat;
}
.kv .main__heri {
  width: 16.026vw;
  height: 9.744vw;
  background-image: url("../img/kv_heri_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 56.41026vw;
  top: 30.76923vw;
}
.kv .main__heri a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__people {
  width: 92.051vw;
  height: 129.231vw;
  background-image: url("../img/kv_people_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0vw;
  bottom: -11.53846vw;
}
.kv .main__people a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__title {
  width: 85.513vw;
  height: 43.205vw;
  background-image: url("../img/kv_logo_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 4.35897vw;
  bottom: 8.33333vw;
}
.kv .main__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__catch {
  width: 10.513vw;
  height: 58.462vw;
  background-image: url("../img/kv_catch_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 3.58974vw;
  top: 3.84615vw;
}
.kv .main__catch a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__wave__left {
  width: 251.795vw;
  height: 335.128vw;
  background-image: url("../img/kv_wave_left_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0vw;
  top: -12.82051vw;
  z-index: 2;
}
.kv .main__wave__left a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__wave__right {
  width: 322.564vw;
  height: 220.256vw;
  background-image: url("../img/kv_wave_right_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0vw;
  top: -25.64103vw;
}
.kv .main__wave__right a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro {
  width: 95.897vw;
  height: 161.538vw;
  margin: 1.79487vw auto 0;
}
.intro .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 95.897vw;
  height: 161.538vw;
  background-image: url("../img/intro_bg_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  background: none;
  text-indent: 0;
  padding-top: 41.02564vw;
}
.intro .main a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro .main__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/intro_bg.webp) center / cover no-repeat;
}
.intro .main__read {
  position: relative;
  font-size: 4.48718vw;
  line-height: 200%;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: -0.01em;
}
.intro .acc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro .acc__1 {
  position: absolute;
  right: 0vw;
  top: 12.05128vw;
}
.intro .acc__1 .img {
  width: 38.846vw;
  height: 26.923vw;
  background-image: url("../img/intro_acc_hukidashi.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.intro .acc__1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro .acc__2 {
  position: absolute;
  left: 57.69231vw;
  bottom: -7.69231vw;
}
.intro .acc__2 .img {
  width: 29.295vw;
  height: 22.179vw;
  background-image: url("../img/intro_acc_eftxt.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.intro .acc__2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro .acc__3 {
  position: absolute;
  left: 3.84615vw;
  bottom: -17.69231vw;
}
.intro .acc__3 .img {
  width: 37.949vw;
  height: 54.103vw;
  background-image: url("../img/intro_pic1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.intro .acc__3 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep .anchor {
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__main {
  padding-top: 29.48718vw;
  padding-bottom: 17.94872vw;
}
.fourstep__main__title {
  width: 85.128vw;
  height: 35.128vw;
  background-image: url("../img/fourstep_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.fourstep__main__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__main__read {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 700;
  font-size: 4.10256vw;
  line-height: 164%;
  text-align: center;
  margin-top: 3.33333vw;
}
.fourstep__list {
  position: relative;
}
.fourstep__list__item1 {
  position: relative;
  width: 100%;
  height: 317.4359vw;
}
.fourstep__list__item1 .container1 {
  position: absolute;
  left: 0vw;
  top: 2.05128vw;
}
.fourstep__list__item1 .container1__bg {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 100vw;
  height: 188.974vw;
  background-image: url("../img/fourstep1_bg1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .container1__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .container1__title {
  width: 15.385vw;
  height: 75.641vw;
  background-image: url("../img/fourstep1_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 1.79487vw;
  top: -10.25641vw;
}
.fourstep__list__item1 .container1__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .container1__read {
  width: 70.76923vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #FFF;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
  position: absolute;
  left: 23.07692vw;
  top: 14.35897vw;
}
.fourstep__list__item1 .container1__chuter {
  position: absolute;
  left: 23.07692vw;
  top: 97.4359vw;
}
.fourstep__list__item1 .container1__chuter__tag {
  width: 30.76923vw;
  height: 8.20513vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #FFF;
  font-size: 3.33333vw;
  text-align: center;
  line-height: 7.94872vw;
  border: 1px solid white;
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item1 .container1__chuter__title {
  width: 69.381vw;
  height: 6.381vw;
  background-image: url("../img/fourstep1_subtitle.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0vw;
  top: 13.84615vw;
}
.fourstep__list__item1 .container1__chuter__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .container1__chuter__read {
  width: 70.76923vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #FFF;
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 164%;
  position: absolute;
  left: 0vw;
  top: 26.28205vw;
}
.fourstep__list__item1 .container2 {
  width: 94.872vw;
  height: 115.769vw;
  background-image: url("../img/fourstep1_bg2_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 2.05128vw;
  top: 182.05128vw;
}
.fourstep__list__item1 .container2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .container3 {
  width: 97.949vw;
  height: 115.385vw;
  background-image: url("../img/fourstep1_bg3_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0vw;
  top: 193.58974vw;
}
.fourstep__list__item1 .container3 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .overitem1 {
  position: absolute;
  right: 0vw;
  top: 152.5641vw;
}
.fourstep__list__item1 .overitem1 .img {
  width: 66.769vw;
  height: 58.872vw;
  background-image: url("../img/fourstep1_acc1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .overitem1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .overitem2 {
  position: absolute;
  left: 1.28205vw;
  top: 273.71795vw;
}
.fourstep__list__item1 .overitem2 .img {
  width: 63.692vw;
  height: 37vw;
  background-image: url("../img/fourstep1_acc2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .overitem2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leafcontainer {
  position: absolute;
  left: -25.64103vw;
  top: 179.48718vw;
}
.fourstep__list__item1 .leaf1 {
  width: 29.936vw;
  height: 22.949vw;
  background-image: url("../img/fourstep1_leaf1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf2 {
  width: 13.269vw;
  height: 20.192vw;
  background-image: url("../img/fourstep1_leaf2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf3 {
  width: 36.346vw;
  height: 42.115vw;
  background-image: url("../img/fourstep1_leaf3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf3 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf4 {
  width: 6.795vw;
  height: 8.654vw;
  background-image: url("../img/fourstep1_leaf4.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf4 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf5 {
  width: 7.756vw;
  height: 8.718vw;
  background-image: url("../img/fourstep1_leaf5.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf5 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf6 {
  width: 11.974vw;
  height: 9.179vw;
  background-image: url("../img/fourstep1_leaf1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf6 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf7 {
  width: 5.308vw;
  height: 8.077vw;
  background-image: url("../img/fourstep1_leaf2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf7 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf8 {
  width: 14.538vw;
  height: 16.846vw;
  background-image: url("../img/fourstep1_leaf3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf8 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf9 {
  width: 2.718vw;
  height: 3.462vw;
  background-image: url("../img/fourstep1_leaf4.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf9 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf10 {
  width: 3.103vw;
  height: 3.487vw;
  background-image: url("../img/fourstep1_leaf5.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf10 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf11 {
  width: 29.936vw;
  height: 22.949vw;
  background-image: url("../img/fourstep1_leaf1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf11 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf12 {
  width: 13.269vw;
  height: 20.192vw;
  background-image: url("../img/fourstep1_leaf2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf12 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf13 {
  width: 36.346vw;
  height: 42.115vw;
  background-image: url("../img/fourstep1_leaf3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf13 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf14 {
  width: 6.795vw;
  height: 8.654vw;
  background-image: url("../img/fourstep1_leaf4.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf14 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf15 {
  width: 7.756vw;
  height: 8.718vw;
  background-image: url("../img/fourstep1_leaf5.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf15 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf16 {
  width: 11.974vw;
  height: 9.179vw;
  background-image: url("../img/fourstep1_leaf1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf16 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf17 {
  width: 10.615vw;
  height: 16.154vw;
  background-image: url("../img/fourstep1_leaf2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf17 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf18 {
  width: 14.538vw;
  height: 16.846vw;
  background-image: url("../img/fourstep1_leaf3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf18 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf19 {
  width: 5.436vw;
  height: 6.923vw;
  background-image: url("../img/fourstep1_leaf4.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf19 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf20 {
  width: 3.103vw;
  height: 3.487vw;
  background-image: url("../img/fourstep1_leaf5.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf20 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf21 {
  width: 29.936vw;
  height: 22.949vw;
  background-image: url("../img/fourstep1_leaf1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf21 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf22 {
  width: 13.269vw;
  height: 20.192vw;
  background-image: url("../img/fourstep1_leaf2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf22 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf23 {
  width: 36.346vw;
  height: 42.115vw;
  background-image: url("../img/fourstep1_leaf3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf23 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf24 {
  width: 6.795vw;
  height: 8.654vw;
  background-image: url("../img/fourstep1_leaf4.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf24 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf25 {
  width: 7.756vw;
  height: 8.718vw;
  background-image: url("../img/fourstep1_leaf5.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf25 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf26 {
  width: 11.974vw;
  height: 9.179vw;
  background-image: url("../img/fourstep1_leaf1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf26 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf27 {
  width: 10.615vw;
  height: 16.154vw;
  background-image: url("../img/fourstep1_leaf2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf27 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf28 {
  width: 43.615vw;
  height: 50.538vw;
  background-image: url("../img/fourstep1_leaf3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf28 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf29 {
  width: 8.154vw;
  height: 10.385vw;
  background-image: url("../img/fourstep1_leaf4.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf29 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf30 {
  width: 12.41vw;
  height: 13.949vw;
  background-image: url("../img/fourstep1_leaf5.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item1 .leaf30 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .leaf {
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 {
  position: relative;
  width: 100%;
  height: 211.53846vw;
}
.fourstep__list__item2 .container1 {
  width: 95.897vw;
  height: 113.077vw;
  background-image: url("../img/fourstep2_bg1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 2.05128vw;
  top: 84.61538vw;
}
.fourstep__list__item2 .container1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .container2 {
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .container2__bg {
  width: 100vw;
  height: 110.128vw;
  background-image: url("../img/fourstep2_bg2_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .container2__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .container2__title {
  width: 15.385vw;
  height: 75.641vw;
  background-image: url("../img/fourstep2_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 1.79487vw;
  top: -8.97436vw;
}
.fourstep__list__item2 .container2__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .container2__read {
  width: 70.76923vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #FFF;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
  position: absolute;
  left: 23.07692vw;
  top: 14.35897vw;
}
.fourstep__list__item2 .overitem1 {
  position: absolute;
  right: -24.35897vw;
  top: 153.84615vw;
  pointer-events: none;
}
.fourstep__list__item2 .overitem1 .img {
  width: 87.372vw;
  height: 68.269vw;
  background-image: url("../img/fourstep2_acc1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item2 .overitem1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .overitem2 {
  position: absolute;
  left: -2.05128vw;
  top: 121.79487vw;
  pointer-events: none;
}
.fourstep__list__item2 .overitem2 .img {
  width: 39.064vw;
  height: 85.673vw;
  background-image: url("../img/fourstep2_acc2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item2 .overitem2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .animecontainer {
  width: 2.5641vw;
  height: 2.5641vw;
  position: absolute;
  left: 51.28205vw;
  top: 179.48718vw;
}
.fourstep__list__item2 .animecontainer .p1 {
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .animecontainer .p1::after {
  content: '';
  display: block;
  width: 59.936vw;
  height: 50.321vw;
  background-image: url("../img/fourstep2_acc_p1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -32vw;
  top: -27vw;
}
.fourstep__list__item2 .animecontainer .p1::after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .animecontainer .p2 {
  transform: scale(0.3);
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .animecontainer .p2::after {
  content: '';
  display: block;
  width: 78.237vw;
  height: 77.5vw;
  background-image: url("../img/fourstep2_acc_p2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -32vw;
  top: -27vw;
}
.fourstep__list__item2 .animecontainer .p2::after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .animecontainer .p3 {
  transform: scale(0.3);
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .animecontainer .p3::after {
  content: '';
  display: block;
  width: 59.936vw;
  height: 50.321vw;
  background-image: url("../img/fourstep2_acc_p1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -32vw;
  top: -27vw;
  transform: rotate(180deg);
}
.fourstep__list__item2 .animecontainer .p3::after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .animecontainer .p4 {
  transform: scale(0.3);
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .animecontainer .p4::after {
  content: '';
  display: block;
  width: 78.237vw;
  height: 77.5vw;
  background-image: url("../img/fourstep2_acc_p2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -32vw;
  top: -27vw;
  transform: rotate(180deg);
}
.fourstep__list__item2 .animecontainer .p4::after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .animecontainer .p5 {
  transform: scale(0.3);
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .animecontainer .p5::after {
  content: '';
  display: block;
  width: 59.936vw;
  height: 50.321vw;
  background-image: url("../img/fourstep2_acc_p1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -32vw;
  top: -27vw;
  transform: rotate(-90deg);
}
.fourstep__list__item2 .animecontainer .p5::after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .animecontainer .pen {
  width: 27.026vw;
  height: 37.795vw;
  background-image: url("../img/fourstep2_acc_pen.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 14.61538vw;
  top: -3.84615vw;
}
.fourstep__list__item2 .animecontainer .pen a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 {
  position: relative;
  width: 100%;
  height: 372.82051vw;
}
.fourstep__list__item3 .container1 {
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item3 .container1__bg {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 100vw;
  height: 291.282vw;
  background-image: url("../img/fourstep3_bg1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item3 .container1__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .container1__title {
  width: 15.385vw;
  height: 103.333vw;
  background-image: url("../img/fourstep3_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 1.79487vw;
  top: -8.97436vw;
}
.fourstep__list__item3 .container1__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .container1__read1 {
  width: 70.76923vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #FFF;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
  position: absolute;
  left: 22.82051vw;
  top: 14.61538vw;
}
.fourstep__list__item3 .container1__list {
  width: 70.769vw;
  height: 112.308vw;
  background-image: url("../img/fourstep3_list_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 22.82051vw;
  top: 48.71795vw;
}
.fourstep__list__item3 .container1__list a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .container1__read2 {
  width: 70.76923vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #FFF;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
  position: absolute;
  left: 22.82051vw;
  top: 167.94872vw;
}
.fourstep__list__item3 .container1__linkcontainer {
  position: absolute;
  left: 4.10256vw;
  top: 192.30769vw;
  width: 91.79487vw;
}
.fourstep__list__item3 .container1__linkcontainer__title {
  font-weight: 400;
  font-size: 4.61538vw;
  color: #FFFFFF;
  text-align: center;
}
.fourstep__list__item3 .container1__linkcontainer__linklist {
  margin-top: 5.38462vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item {
  position: relative;
  width: 29.23077vw;
  height: 20.51282vw;
  min-width: 29.23077vw;
  background-color: #EB5252;
  border: 1px solid #000000;
  padding-top: 3.33333vw;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item p {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-weight: 700;
  font-size: 4.10256vw;
  color: #231815;
  text-align: center;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item .arrow {
  display: block;
  width: 5.744vw;
  height: 5.744vw;
  background-image: url("../img/btn_arrow_b.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 1.28205vw auto 0;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item .arrow a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item.item1 {
  width: 17.4359vw;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item.item2 {
  width: 22.05128vw;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item.item3 {
  width: 22.05128vw;
}
.fourstep__list__item3 .container2 {
  width: 95.897vw;
  height: 125.641vw;
  background-image: url("../img/fourstep3_bg2_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 2.05128vw;
  top: 230.76923vw;
}
.fourstep__list__item3 .container2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .overitem1 {
  position: absolute;
  right: -26.92308vw;
  top: 314.10256vw;
  z-index: 2;
  pointer-events: none;
}
.fourstep__list__item3 .overitem1 .img {
  width: 93.538vw;
  height: 81.154vw;
  background-image: url("../img/fourstep3_acc1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item3 .overitem1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .overitem2 {
  position: absolute;
  right: -2.5641vw;
  top: 223.07692vw;
  pointer-events: none;
}
.fourstep__list__item3 .overitem2 .img {
  width: 63.846vw;
  height: 50.538vw;
  background-image: url("../img/fourstep3_acc2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item3 .overitem2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer {
  position: absolute;
  pointer-events: none;
  z-index: 3;
}
.fourstep__list__item3 .smokecontainer .smoke1 {
  width: 124.205vw;
  height: 117.205vw;
  background-image: url("../img/fourstep3_acc_sand1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -6.41026vw;
  top: 153.84615vw;
}
.fourstep__list__item3 .smokecontainer .smoke1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer .smoke2 {
  width: 106.462vw;
  height: 100.462vw;
  background-image: url("../img/fourstep3_acc_sand1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 12.82051vw;
  top: 64.10256vw;
}
.fourstep__list__item3 .smokecontainer .smoke2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer .smoke3 {
  width: 106.462vw;
  height: 100.462vw;
  background-image: url("../img/fourstep3_acc_sand1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -12.82051vw;
  top: -12.82051vw;
}
.fourstep__list__item3 .smokecontainer .smoke3 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer .smoke4 {
  width: 141.949vw;
  height: 133.949vw;
  background-image: url("../img/fourstep3_acc_sand1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: -19.23077vw;
  top: 243.58974vw;
}
.fourstep__list__item3 .smokecontainer .smoke4 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item4 {
  position: relative;
  width: 100%;
  height: 341.79487vw;
}
.fourstep__list__item4 .container1 {
  width: 100%;
  padding-top: 14.35897vw;
  padding-left: 22.5641vw;
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item4 .container1__bg {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 100vw;
  height: 366.923vw;
  background-image: url("../img/fourstep4_bg1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item4 .container1__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item4 .container1__title {
  width: 15.385vw;
  height: 112.308vw;
  background-image: url("../img/fourstep4_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 1.79487vw;
  top: -8.97436vw;
}
.fourstep__list__item4 .container1__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item4 .container1__read {
  position: relative;
  width: 70.76923vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #FFF;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
}
.fourstep__list__item4 .container1__list {
  position: relative;
  margin-top: 4.61538vw;
  margin-left: 0vw;
  width: 70.76923vw;
}
.fourstep__list__item4 .container1__list__item {
  width: 100%;
  border: 1px dotted white;
  padding: 3.84615vw 3.84615vw 3.33333vw;
  padding-right: 3.84615vw;
  margin-bottom: 3.07692vw;
}
.fourstep__list__item4 .container1__list__item__title {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-weight: 700;
  font-size: 4.61538vw;
  color: #FFFFFF;
}
.fourstep__list__item4 .container1__list__item__content {
  margin-top: 2.82051vw;
}
.fourstep__list__item4 .container1__list__item__content dl {
  margin-bottom: 0.76923vw;
}
.fourstep__list__item4 .container1__list__item__content dl:last-of-type {
  margin-bottom: 0;
}
.fourstep__list__item4 .container1__list__item__content dl dt {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #EB5252;
  font-weight: 700;
  font-size: 4.10256vw;
  line-height: 164%;
}
.fourstep__list__item4 .container1__list__item__content dl dd {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: white;
  font-size: 4.10256vw;
  line-height: 164%;
}
.fourstep__list__item4 .container1__list__item__content p {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-size: 4.10256vw;
  color: white;
  line-height: 164%;
}
.fourstep__list__item5 {
  position: relative;
  width: 100%;
  height: 156.41026vw;
}
.fourstep__list__item5 .container1 {
  width: 95.897vw;
  height: 146.923vw;
  background-image: url("../img/fourstep5_bg1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  background: none;
  position: absolute;
  left: 1.79487vw;
  top: 0vw;
}
.fourstep__list__item5 .container1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__bg {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 95.897vw;
  height: 146.923vw;
  background-image: url("../img/fourstep5_bg1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__img1 {
  position: absolute;
  left: 0vw;
  top: 10.25641vw;
  z-index: 3;
}
.fourstep__list__item5 .container1__img1 .img {
  width: 39.558vw;
  height: 38.994vw;
  background-image: url("../img/fourstep5_img1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__img1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__img2 {
  position: absolute;
  right: 25.64103vw;
  top: 26.41026vw;
}
.fourstep__list__item5 .container1__img2 .img {
  width: 29.686vw;
  height: 29.686vw;
  background-image: url("../img/fourstep5_img2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__img2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__img3 {
  position: absolute;
  right: 1.53846vw;
  top: 3.33333vw;
  z-index: 3;
}
.fourstep__list__item5 .container1__img3 .img {
  width: 36.032vw;
  height: 35.962vw;
  background-image: url("../img/fourstep5_img3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__img3 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__smoke1 {
  position: absolute;
  left: -31.02564vw;
  top: 141.02564vw;
}
.fourstep__list__item5 .container1__smoke1 .img {
  width: 113.462vw;
  height: 52.436vw;
  background-image: url("../img/fourstep5_bub1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__smoke1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__smoke2 {
  position: absolute;
  left: 32.30769vw;
  top: 141.02564vw;
}
.fourstep__list__item5 .container1__smoke2 .img {
  width: 90.872vw;
  height: 35.487vw;
  background-image: url("../img/fourstep5_bub2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__smoke2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__smoke3 {
  position: absolute;
  left: -19.48718vw;
  top: 148.20513vw;
}
.fourstep__list__item5 .container1__smoke3 .img {
  width: 135.172vw;
  height: 52.787vw;
  background-image: url("../img/fourstep5_bub2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__smoke3 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__smoke4 {
  position: absolute;
  left: 19.48718vw;
  top: 148.20513vw;
}
.fourstep__list__item5 .container1__smoke4 .img {
  width: 112.454vw;
  height: 43.915vw;
  background-image: url("../img/fourstep5_bub2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__smoke4 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__smoke5 {
  position: absolute;
  left: -32.30769vw;
  top: 148.20513vw;
}
.fourstep__list__item5 .container1__smoke5 .img {
  width: 112.327vw;
  height: 51.912vw;
  background-image: url("../img/fourstep5_bub1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__smoke5 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__frame {
  position: absolute;
  left: 0vw;
  top: 11.79487vw;
  width: 95.897vw;
  height: 134.872vw;
  background-image: url("../img/fourstep5_frame_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .container1__frame a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .overitem1 {
  position: absolute;
  right: -3.84615vw;
  top: 108.33333vw;
}
.fourstep__list__item5 .overitem1 .img {
  width: 38.769vw;
  height: 26.923vw;
  background-image: url("../img/fourstep5_acc1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .overitem1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .overitem2 {
  position: absolute;
  left: -2.5641vw;
  top: 84.35897vw;
  z-index: 5;
}
.fourstep__list__item5 .overitem2 .img {
  width: 58.167vw;
  height: 56.5vw;
  background-image: url("../img/fourstep5_acc2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .overitem2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .overticker {
  background-repeat: repeat-x;
  position: absolute;
  left: 0vw;
  top: 132.5641vw;
  z-index: 4;
  transform: translateX(120%);
}
.fourstep__list__item5 .overticker .img {
  width: 182.833vw;
  height: 22.529vw;
  background-image: url("../img/fourstep5_acc_ticker.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item5 .overticker .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition {
  width: 100%;
  padding-top: 18.71795vw;
}
.tradition .anchor {
  position: absolute;
  left: 0vw;
  top: 3.58974vw;
}
.tradition__title {
  width: 85.641vw;
  height: 42.821vw;
  background-image: url("../img/trad_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 5.64103vw;
}
.tradition__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__read {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 700;
  font-size: 4.10256vw;
  line-height: 164%;
  text-align: center;
  margin-top: 7.94872vw;
}
.tradition__list {
  width: 95.89744vw;
  margin: 20.76923vw auto 0;
}
.tradition__list__item {
  position: relative;
  padding-top: 12.82051vw;
  margin-bottom: 22.82051vw;
}
.tradition__list__item__frame {
  position: absolute;
  left: 0;
  top: 0;
}
.tradition__list__item__img {
  margin: 0 auto;
}
.tradition__list__item__txt {
  width: 79.48718vw;
  margin: 3.84615vw auto 0;
}
.tradition__list__item__txt__title {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 700;
  font-size: 5.64103vw;
  line-height: 180%;
}
.tradition__list__item__txt__list {
  margin-top: 2.5641vw;
}
.tradition__list__item__txt__list__item {
  margin-bottom: 2.5641vw;
}
.tradition__list__item__txt__list__item:last-of-type {
  margin-bottom: 0;
}
.tradition__list__item__txt__list__item__title {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
}
.tradition__list__item__txt__list__item__read {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 164%;
  margin-top: 1.28205vw;
}
.tradition__list__item__txt__link {
  display: block;
  position: relative;
  width: 79.48718vw;
  height: 16.41026vw;
  background-color: #EB5252;
  border: 0.25641vw solid #000000;
  padding-right: 3.84615vw;
  margin-top: 8.97436vw;
}
.tradition__list__item__txt__link p {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-weight: 700;
  font-size: 4.61538vw;
  color: #231815;
  line-height: 15.89744vw;
  padding-left: 4.35897vw;
}
.tradition__list__item__txt__link .arrow {
  width: 7.949vw;
  height: 8.077vw;
  background-image: url("../img/btn_arrow_b_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 5.12821vw;
  top: 3.84615vw;
}
.tradition__list__item__txt__link .arrow a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list__item__intro {
  width: 79.48718vw;
  border: 1px dotted black;
  padding: 5.64103vw 5.12821vw 5.64103vw;
  margin: 7.69231vw auto 0;
}
.tradition__list__item__intro__title {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 180%;
}
.tradition__list__item__intro__list {
  color: #000000;
  margin-top: 2.5641vw;
}
.tradition__list__item__intro__list__item {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  margin-bottom: 4.35897vw;
}
.tradition__list__item__intro__list__item:last-of-type {
  margin-bottom: 0;
}
.tradition__list__item__intro__list__item__title {
  font-weight: 700;
  font-size: 4.10256vw;
}
.tradition__list__item__intro__list__item__read {
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 164%;
  margin-top: 0.76923vw;
}
.tradition__list .item1 .frame {
  width: 95.897vw;
  height: 192.308vw;
  background-image: url("../img/trad1_frame_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item1 .frame a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item1 .index {
  width: 58.718vw;
  height: 13.333vw;
  background-image: url("../img/trad1_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 7.17949vw;
  top: -5.89744vw;
}
.tradition__list .item1 .index a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item1 .tradition__list__item__img {
  width: 79.726vw;
  height: 52.144vw;
  background-image: url("../img/trad1_img.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item1 .tradition__list__item__img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item1 .acc {
  position: absolute;
  left: 0vw;
  top: 3.07692vw;
}
.tradition__list .item1 .acc .img {
  width: 24.462vw;
  height: 51.923vw;
  background-image: url("../img/trad1_acc.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item1 .acc .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item2 {
  margin-top: 8.20513vw;
}
.tradition__list .item2 .frame {
  width: 95.897vw;
  height: 348.205vw;
  background-image: url("../img/trad2_frame_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item2 .frame a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item2 .index {
  width: 80.513vw;
  height: 13.333vw;
  background-image: url("../img/trad2_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 7.17949vw;
  top: -5.89744vw;
}
.tradition__list .item2 .index a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item2 .tradition__list__item__img {
  width: 78.454vw;
  height: 51.985vw;
  background-image: url("../img/trad2_img.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item2 .tradition__list__item__img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item2 .acc {
  position: absolute;
  right: -2.5641vw;
  top: 22.30769vw;
}
.tradition__list .item2 .acc .img {
  width: 30.523vw;
  height: 47.295vw;
  background-image: url("../img/trad2_acc.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item2 .acc .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item3 {
  margin-top: 8.20513vw;
}
.tradition__list .item3 .frame {
  width: 95.897vw;
  height: 205.897vw;
  background-image: url("../img/trad3_frame_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item3 .frame a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item3 .index {
  width: 64.103vw;
  height: 13.333vw;
  background-image: url("../img/trad3_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 7.17949vw;
  top: -5.89744vw;
}
.tradition__list .item3 .index a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item3 .tradition__list__item__img {
  width: 78.533vw;
  height: 51.985vw;
  background-image: url("../img/trad3_img.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item3 .tradition__list__item__img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list .item3 .acc {
  position: absolute;
  left: -1.28205vw;
  top: 54.61538vw;
}
.tradition__list .item3 .acc .img {
  width: 47.333vw;
  height: 17.867vw;
  background-image: url("../img/trad3_acc.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.tradition__list .item3 .acc .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hr1 {
  width: 100vw;
  height: 2.564vw;
  background-image: url("../img/hr_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 28.71795vw;
}
.hr1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record {
  width: 100%;
  padding-top: 17.94872vw;
}
.record .anchor {
  position: absolute;
  left: 0vw;
  top: 2.30769vw;
}
.record__title {
  width: 93.077vw;
  height: 17.051vw;
  background-image: url("../img/record_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.record__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__read {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 700;
  font-size: 4.10256vw;
  line-height: 164%;
  text-align: center;
  margin-top: 3.33333vw;
}
.record__list {
  width: 95.64103vw;
  margin: 12.30769vw auto 0;
}
.record__list__item {
  position: relative;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  transition: all 300ms 0s ease;
  cursor: pointer;
  margin-bottom: 10.25641vw;
}
.record__list__item:hover {
  opacity: 0.8;
}
.record__list__item__img {
  position: relative;
}
.record__list__item__img:after {
  content: '';
  width: 6.092vw;
  height: 6.092vw;
  background-image: url("../img/btn_modalopen.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 0.38462vw;
  bottom: 0.51282vw;
}
.record__list__item__img:after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__list__item__txt {
  padding-left: 5.64103vw;
  padding-top: 0.51282vw;
}
.record__list__item__txt__title {
  font-family: "Shippori Antique B1", "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 200%;
  letter-spacing: -0.01em;
  color: #000000;
}
.record__list__item__txt__title span {
  display: none;
}
.record__list__item__txt__position {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 194%;
  margin-top: 3.84615vw;
}
.record__list__item__txt__name {
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
  margin-top: 0vw;
}
.record__list__item.item1 .record__list__item__img__main {
  width: 44.677vw;
  height: 60.923vw;
  background-image: url("../img/record_img1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.record__list__item.item1 .record__list__item__img__main a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__list__item.item2 .record__list__item__img__main {
  width: 44.677vw;
  height: 60.923vw;
  background-image: url("../img/record_img2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.record__list__item.item2 .record__list__item__img__main a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__list__item.item3 .record__list__item__img__main {
  width: 44.677vw;
  height: 60.923vw;
  background-image: url("../img/record_img3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.record__list__item.item3 .record__list__item__img__main a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__acc1 {
  pointer-events: none;
  width: 41.923vw;
  height: 41.795vw;
  background-image: url("../img/record_acc1_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 16.66667vw;
  top: 65.38462vw;
}
.record__acc1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__acc2 {
  pointer-events: none;
  width: 37.949vw;
  height: 38.718vw;
  background-image: url("../img/record_acc2_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0vw;
  top: 265.38462vw;
}
.record__acc2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hr2 {
  width: 100vw;
  height: 2.564vw;
  background-image: url("../img/hr_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 19.23077vw;
}
.hr2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.secret {
  width: 100%;
  padding-top: 12.82051vw;
  padding-bottom: 28.46154vw;
}
.secret .anchor {
  position: absolute;
  left: 0vw;
  top: 2.30769vw;
}
.secret__title {
  width: 74.504vw;
  height: 22.465vw;
  background-image: url("../img/secret_title_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.secret__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.secret__read {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 700;
  font-size: 4.10256vw;
  line-height: 164%;
  text-align: center;
  margin-top: 3.58974vw;
}
.secret__list {
  width: 95.64103vw;
  margin: 12.05128vw auto 0;
}
.secret__list__item {
  position: relative;
  width: 100%;
  margin-bottom: 9.23077vw;
}
.secret__list__item:last-of-type {
  margin-bottom: 0;
}
.secret__list__item__img {
  width: 45.12821vw;
  min-width: 45.12821vw;
}
.secret__list__item__txt {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  padding-top: 1.53846vw;
}
.secret__list__item__txt__subcontainer {
  position: absolute;
  left: 51.28205vw;
  top: 0.51282vw;
}
.secret__list__item__txt__title {
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
}
.secret__list__item__txt__position {
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 194%;
  margin-top: 5.64103vw;
}
.secret__list__item__txt__name {
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 180%;
}
.secret__list__item__txt__read {
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 164%;
  margin-top: 4.35897vw;
}
.secret__list__item.item1 .secret__list__item__img .img {
  width: 44.677vw;
  height: 60.923vw;
  background-image: url("../img/secret_img1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.secret__list__item.item1 .secret__list__item__img .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.secret__list__item.item2 .secret__list__item__img .img {
  width: 44.677vw;
  height: 60.923vw;
  background-image: url("../img/secret_img2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.secret__list__item.item2 .secret__list__item__img .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.secret__list__item.item3 .secret__list__item__img .img {
  width: 44.677vw;
  height: 60.923vw;
  background-image: url("../img/secret_img3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.secret__list__item.item3 .secret__list__item__img .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.secret__list__item.item1 .acc {
  position: absolute;
  left: -10.25641vw;
  top: 24.35897vw;
}
.secret__list__item.item1 .acc .img {
  width: 46.154vw;
  height: 43vw;
  background-image: url("../img/secret_acc1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.secret__list__item.item1 .acc .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.secret__list__item.item3 .acc {
  position: absolute;
  left: 15.38462vw;
  top: 39.74359vw;
}
.secret__list__item.item3 .acc .img {
  width: 34.538vw;
  height: 34.462vw;
  background-image: url("../img/secret_acc2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.secret__list__item.item3 .acc .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main {
  position: relative;
  padding-top: 44.87179vw;
  padding-bottom: 54.48718vw;
}
.ability__main__bg {
  width: 95.897vw;
  height: 202.179vw;
  background-image: url("../img/ability_bg_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 1.79487vw;
  top: 0vw;
}
.ability__main__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__title {
  position: relative;
  width: 85.208vw;
  height: 8.765vw;
  background-image: url("../img/ability_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.ability__main__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__read {
  position: relative;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 4.35897vw;
  line-height: 210%;
  text-align: center;
  letter-spacing: -0.08em;
  margin-top: 8.97436vw;
}
.ability__main__read p {
  margin-bottom: 9.74359vw;
}
.ability__main__p1 {
  width: 83.169vw;
  height: 116.328vw;
  background-image: url("../img/ability_people1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 2.5641vw;
  top: 182.05128vw;
}
.ability__main__p1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__p2 {
  width: 83.305vw;
  height: 116.464vw;
  background-image: url("../img/ability_people2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 2.5641vw;
  top: 164.10256vw;
}
.ability__main__p2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__acc1 {
  position: absolute;
  left: 0vw;
  top: -33.33333vw;
}
.ability__main__acc1 .img {
  width: 203.006vw;
  height: 48.09vw;
  background-image: url("../img/ability_acc1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.ability__main__acc1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__acc2 {
  position: absolute;
  right: 1.28205vw;
  top: 12.82051vw;
}
.ability__main__acc2 .img {
  width: 38.846vw;
  height: 26.923vw;
  background-image: url("../img/ability_acc2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.ability__main__acc2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__sub {
  padding-top: 52.05128vw;
  padding-bottom: 17.69231vw;
}
.ability__sub__title {
  position: relative;
  width: 88.046vw;
  height: 9.682vw;
  background-image: url("../img/ability_subtitle.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.ability__sub__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__sub__read {
  position: relative;
  color: #000000;
  font-weight: 700;
  font-size: 4.10256vw;
  line-height: 215%;
  text-align: center;
  margin-top: 5.12821vw;
}
.ability__sub__linkcontainer {
  width: 95.89744vw;
  margin: 6.66667vw auto 0;
}
.ability__sub__linkcontainer__link {
  position: relative;
  display: block;
  width: 95.897vw;
  height: 26.41vw;
  background-image: url("../img/btn_bg_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 2.5641vw;
}
.ability__sub__linkcontainer__link a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__sub__linkcontainer__link .title {
  position: absolute;
  left: 6.41026vw;
  top: 6.41026vw;
}
.ability__sub__linkcontainer__link .arrow {
  width: 10.256vw;
  height: 10.256vw;
  background-image: url("../img/btn_arrow_b_large_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 6.15385vw;
  top: 8.20513vw;
}
.ability__sub__linkcontainer__link .arrow a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__sub__linkcontainer .link1 .title {
  width: 46.846vw;
  height: 14.359vw;
  background-image: url("../img/ability_linktxt1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.ability__sub__linkcontainer .link1 .title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__sub__linkcontainer .link2 .title {
  width: 63.538vw;
  height: 14.359vw;
  background-image: url("../img/ability_linktxt2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.ability__sub__linkcontainer .link2 .title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/*==============================================================

 ■ modal

===============================================================*/
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  display: none;
}
.modal__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.modal__content__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  cursor: pointer;
}
.modal__content__main {
  position: relative;
  width: 95.89744vw;
  height: 94vh;
  height: 94dvh;
  background-color: white;
  padding: 24.35897vw 7.69231vw;
  overflow-y: auto;
}
.modal__content__main__close {
  cursor: pointer;
  width: 12.308vw;
  height: 12.308vw;
  background-image: url("../img/modal_close_sp.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 4.48718vw;
  top: 4.48718vw;
}
.modal__content__main__close a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal__content__main__container__img {
  position: relative;
}
.modal__content__main__container__img .img {
  margin: 0 auto;
}
.modal__content__main__container__txt {
  height: 100%;
  padding-top: 10.25641vw;
}
.modal__content__main__container__txt__title {
  font-family: "Shippori Antique B1", "游ゴシック体", 'Yu Gothic', "YuGothic", "Noto Sans JP", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 400;
  font-size: 5.38462vw;
  line-height: 190%;
  letter-spacing: -0.01em;
  color: #000000;
}
.modal__content__main__container__txt__title span {
  opacity: 0;
}
.modal__content__main__container__txt__position {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  color: #000000;
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 194%;
  margin-top: 6.41026vw;
}
.modal__content__main__container__txt__name {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 180%;
  margin-top: -0.51282vw;
}
.modal__content__main__container__txt__subtitle {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-weight: 700;
  font-size: 4.61538vw;
  line-height: 164%;
  margin-top: 5.89744vw;
}
.modal__content__main__container__txt__read {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-weight: 400;
  font-size: 4.10256vw;
  line-height: 194%;
  margin-top: 1.79487vw;
}
.modal__content__main__container__txt__school {
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  font-weight: 400;
  font-size: 4.10256vw;
  text-align: right;
  margin-top: 1.28205vw;
}
.modal1 .img {
  width: 72.205vw;
  height: 98.462vw;
  background-image: url("../img/record_img1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.modal1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal2 .img {
  width: 72.205vw;
  height: 98.462vw;
  background-image: url("../img/record_img2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.modal2 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal3 .img {
  width: 72.205vw;
  height: 98.462vw;
  background-image: url("../img/record_img3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.modal3 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.initAnime {
  opacity: 0;
}