@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);
}
/*==============================================================
  ■ comon
==============================================================*/
.p_red {
  color: #EB5252 !important;
}
/*==============================================================
  ■ (PC)
==============================================================*/
.kv {
  width: 97.77778vw;
  height: 67.08333vw;
  margin: 0 auto;
}
.kv .frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 97.77778vw;
  height: 67.08333vw;
  background-image: url("../img/kv_frame.svg");
  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: 0;
  top: 0;
  width: 97.77778vw;
  height: 67.08333vw;
  background-image: url("../img/kv_frame.svg");
  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.webp) center / cover no-repeat;
  transform: scale(1.15);
}
.kv .main__heri {
  width: 7.63889vw;
  height: 4.65278vw;
  background-image: url("../img/kv_heri.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 51.38889vw;
  top: 8.33333vw;
}
.kv .main__heri a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__people {
  width: 44.72222vw;
  height: 62.22222vw;
  background-image: url("../img/kv_people.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 23.61111vw;
  bottom: -9.72222vw;
}
.kv .main__people a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__title {
  width: 42.43056vw;
  height: 21.38889vw;
  background-image: url("../img/kv_logo.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 25.69444vw;
  bottom: 4.51389vw;
}
.kv .main__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__catch {
  width: 5.27778vw;
  height: 30vw;
  background-image: url("../img/kv_catch.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 2.77778vw;
  top: 3.05556vw;
}
.kv .main__catch a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kv .main__wave__left {
  width: 98.68056vw;
  height: 131.31944vw;
  background-image: url("../img/kv_wave_left.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: -6.94444vw;
  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: 126.45833vw;
  height: 86.31944vw;
  background-image: url("../img/kv_wave_right.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.88889vw;
}
.kv .main__wave__right a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.intro {
  width: 97.77778vw;
  height: 52.5vw;
  margin: 0.69444vw auto 0;
}
.intro .main {
  position: absolute;
  left: 0;
  top: 0;
  width: 97.77778vw;
  height: 52.5vw;
  background-image: url("../img/intro_bg.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: 11.80556vw;
}
.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: 2.08333vw;
  line-height: 210%;
  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: 1.38889vw;
  top: 2.77778vw;
}
.intro .acc__1 .img {
  width: 17.53472vw;
  height: 12.15278vw;
  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: 72.91667vw;
  bottom: -4.16667vw;
}
.intro .acc__2 .img {
  width: 15.86806vw;
  height: 12.01389vw;
  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.88889vw;
  bottom: -10.97222vw;
}
.intro .acc__3 .img {
  width: 21.18056vw;
  height: 30vw;
  background-image: url("../img/intro_pic1.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: 1.38889vw;
}
.fourstep__main {
  padding-top: 6.66667vw;
  padding-bottom: 9.72222vw;
}
.fourstep__main__title {
  width: 76.18056vw;
  height: 18.68056vw;
  background-image: url("../img/fourstep_title.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: 1.52778vw;
  line-height: 180%;
  text-align: center;
  margin-top: 1.38889vw;
}
.fourstep__list {
  position: relative;
}
.fourstep__list__item1 {
  position: relative;
  width: 100%;
  height: 56.94444vw;
}
.fourstep__list__item1 .container1 {
  position: absolute;
  left: 1.11111vw;
  top: 2.77778vw;
}
.fourstep__list__item1 .container1__bg {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 57.63889vw;
  height: 53.81944vw;
  background-image: url("../img/fourstep1_bg1.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: 5.83333vw;
  height: 29.72222vw;
  background-image: url("../img/fourstep1_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 4.16667vw;
  top: -3.47222vw;
}
.fourstep__list__item1 .container1__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .container1__read {
  width: 31.25vw;
  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: 1.52778vw;
  line-height: 180%;
  position: absolute;
  left: 13.88889vw;
  top: 6.25vw;
}
.fourstep__list__item1 .container1__chuter {
  position: absolute;
  left: 14.30556vw;
  top: 29.16667vw;
}
.fourstep__list__item1 .container1__chuter__tag {
  width: 12.5vw;
  height: 2.36111vw;
  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: 1.11111vw;
  text-align: center;
  line-height: 2.22222vw;
  border: 1px solid white;
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item1 .container1__chuter__title {
  width: 29.82639vw;
  height: 2.74306vw;
  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: 4.86111vw;
}
.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: 31.11111vw;
  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: 1.25vw;
  line-height: 164%;
  position: absolute;
  left: 0vw;
  top: 9.375vw;
}
.fourstep__list__item1 .container2 {
  width: 48.19444vw;
  height: 52.5vw;
  background-image: url("../img/fourstep1_bg2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 49.79167vw;
  top: -1.38889vw;
}
.fourstep__list__item1 .container2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item1 .container3 {
  width: 48.19444vw;
  height: 52.5vw;
  background-image: url("../img/fourstep1_bg3.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 49.72222vw;
  top: 0.69444vw;
}
.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: -17.36111vw;
}
.fourstep__list__item1 .overitem1 .img {
  width: 32.29167vw;
  height: 28.47222vw;
  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;
  right: 17.36111vw;
  top: 38.54167vw;
}
.fourstep__list__item1 .overitem2 .img {
  width: 28.75vw;
  height: 16.70139vw;
  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: -13.88889vw;
  top: 0vw;
}
.fourstep__list__item1 .leaf1 {
  width: 16.21528vw;
  height: 12.43056vw;
  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: 7.1875vw;
  height: 10.9375vw;
  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: 19.6875vw;
  height: 22.8125vw;
  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: 3.68056vw;
  height: 4.6875vw;
  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: 4.20139vw;
  height: 4.72222vw;
  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: 6.48611vw;
  height: 4.97222vw;
  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: 2.875vw;
  height: 4.375vw;
  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: 7.875vw;
  height: 9.125vw;
  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: 1.47222vw;
  height: 1.875vw;
  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: 1.68056vw;
  height: 1.88889vw;
  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: 16.21528vw;
  height: 12.43056vw;
  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: 7.1875vw;
  height: 10.9375vw;
  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: 19.6875vw;
  height: 22.8125vw;
  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: 3.68056vw;
  height: 4.6875vw;
  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: 4.20139vw;
  height: 4.72222vw;
  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: 6.48611vw;
  height: 4.97222vw;
  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: 5.75vw;
  height: 8.75vw;
  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: 7.875vw;
  height: 9.125vw;
  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: 2.94444vw;
  height: 3.75vw;
  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: 1.68056vw;
  height: 1.88889vw;
  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: 16.21528vw;
  height: 12.43056vw;
  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: 7.1875vw;
  height: 10.9375vw;
  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: 19.6875vw;
  height: 22.8125vw;
  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: 3.68056vw;
  height: 4.6875vw;
  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: 4.20139vw;
  height: 4.72222vw;
  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: 6.48611vw;
  height: 4.97222vw;
  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: 5.75vw;
  height: 8.75vw;
  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: 23.625vw;
  height: 27.375vw;
  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: 4.41667vw;
  height: 5.625vw;
  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: 6.72222vw;
  height: 7.55556vw;
  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: 48.61111vw;
}
.fourstep__list__item2 .container1 {
  width: 55vw;
  height: 48.75vw;
  background-image: url("../img/fourstep2_bg1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 1.11111vw;
  top: 0vw;
}
.fourstep__list__item2 .container1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .container2 {
  position: absolute;
  left: 48.88889vw;
  top: 5.69444vw;
}
.fourstep__list__item2 .container2__bg {
  width: 49.44444vw;
  height: 42.84722vw;
  background-image: url("../img/fourstep2_bg2.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: 5.83333vw;
  height: 29.72222vw;
  background-image: url("../img/fourstep2_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 38.88889vw;
  top: -3.47222vw;
}
.fourstep__list__item2 .container2__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item2 .container2__read {
  width: 26.25vw;
  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: 1.52778vw;
  line-height: 180%;
  position: absolute;
  left: 9.02778vw;
  top: 14.23611vw;
}
.fourstep__list__item2 .overitem1 {
  position: absolute;
  right: 8.33333vw;
  top: -6.25vw;
}
.fourstep__list__item2 .overitem1 .img {
  width: 47.32639vw;
  height: 36.97917vw;
  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: 1.38889vw;
  top: 9.72222vw;
}
.fourstep__list__item2 .overitem2 .img {
  width: 19.23611vw;
  height: 42.1875vw;
  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: 1.38889vw;
  height: 1.38889vw;
  position: absolute;
  left: 27.77778vw;
  top: 34.72222vw;
}
.fourstep__list__item2 .animecontainer .p1 {
  transform: scale(0.3);
  position: absolute;
  left: 0vw;
  top: 0vw;
}
.fourstep__list__item2 .animecontainer .p1::after {
  content: '';
  display: block;
  width: 64.93056vw;
  height: 54.51389vw;
  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: 84.75694vw;
  height: 83.95833vw;
  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: 64.93056vw;
  height: 54.51389vw;
  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: 84.75694vw;
  height: 83.95833vw;
  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: 64.93056vw;
  height: 54.51389vw;
  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: 14.63889vw;
  height: 20.47222vw;
  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: 7.91667vw;
  top: -2.08333vw;
}
.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: 58.33333vw;
}
.fourstep__list__item3 .container1 {
  position: absolute;
  left: 1.11111vw;
  top: 4.16667vw;
}
.fourstep__list__item3 .container1__bg {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 66.275vw;
  height: 53.28125vw;
  background-image: url("../img/fourstep3_bg1.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: 5.83333vw;
  height: 43.40278vw;
  background-image: url("../img/fourstep3_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 4.16667vw;
  top: -3.19444vw;
}
.fourstep__list__item3 .container1__title a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .container1__read1 {
  width: 31.25vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  font-size: 1.52778vw;
  line-height: 180%;
  position: absolute;
  left: 16.66667vw;
  top: 5.13889vw;
}
.fourstep__list__item3 .container1__list {
  position: absolute;
  left: 14.44444vw;
  top: 15.27778vw;
  width: 35.75vw;
  height: 17.325vw;
  background-image: url("../img/fourstep3_list.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.fourstep__list__item3 .container1__list a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .container1__read2 {
  width: 34.72222vw;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  font-size: 1.52778vw;
  line-height: 180%;
  position: absolute;
  left: 15vw;
  top: 36.11111vw;
}
.fourstep__list__item3 .container1__linkcontainer {
  position: absolute;
  left: 14.30556vw;
  top: 43.75vw;
  width: 34.72222vw;
}
.fourstep__list__item3 .container1__linkcontainer__title {
  font-size: 1.38889vw;
  color: #FFFFFF;
  text-align: center;
}
.fourstep__list__item3 .container1__linkcontainer__linklist {
  margin-top: 0.83333vw;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item {
  position: relative;
  height: 3.88889vw;
  background-color: #EB5252;
  border: 1px solid #000000;
  padding-right: 2.08333vw;
}
.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: 1.25vw;
  color: #231815;
  text-align: center;
  line-height: 3.75vw;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item .arrow {
  width: 1.94444vw;
  height: 1.94444vw;
  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;
  position: absolute;
  right: 0.69444vw;
  top: 1.04167vw;
}
.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: 9.44444vw;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item.item2 {
  width: 11.94444vw;
}
.fourstep__list__item3 .container1__linkcontainer__linklist__item.item3 {
  width: 11.94444vw;
}
.fourstep__list__item3 .container2 {
  width: 47.7125vw;
  height: 52.00937vw;
  background-image: url("../img/fourstep3_bg2.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 1.11111vw;
  top: 0.69444vw;
}
.fourstep__list__item3 .container2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .overitem1 {
  position: absolute;
  right: 14.86111vw;
  top: 31.25vw;
  z-index: 2;
  pointer-events: none;
}
.fourstep__list__item3 .overitem1 .img {
  width: 41.37778vw;
  height: 35.89931vw;
  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: 0vw;
  top: -5.55556vw;
  pointer-events: none;
}
.fourstep__list__item3 .overitem2 .img {
  width: 28.81944vw;
  height: 22.8125vw;
  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: 48.05556vw;
  height: 45.34722vw;
  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: 0vw;
  top: 0vw;
}
.fourstep__list__item3 .smokecontainer .smoke1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer .smoke2 {
  width: 28.83333vw;
  height: 27.20833vw;
  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: 76.38889vw;
  top: 27.77778vw;
}
.fourstep__list__item3 .smokecontainer .smoke2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer .smoke3 {
  width: 57.66667vw;
  height: 54.41667vw;
  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: 41.66667vw;
  top: -6.94444vw;
}
.fourstep__list__item3 .smokecontainer .smoke3 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer .smoke4 {
  width: 38.44444vw;
  height: 36.27778vw;
  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: 0vw;
  top: 27.77778vw;
}
.fourstep__list__item3 .smokecontainer .smoke4 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item3 .smokecontainer .smoke5 {
  width: 48.05556vw;
  height: 45.34722vw;
  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: 34.72222vw;
  top: 20.83333vw;
}
.fourstep__list__item3 .smokecontainer .smoke5 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item4 {
  position: relative;
  width: 100%;
  height: 56.94444vw;
}
.fourstep__list__item4 .container1 {
  width: 100%;
  padding-top: 6.66667vw;
  position: absolute;
  left: 0vw;
  top: -0.27778vw;
}
.fourstep__list__item4 .container1__bg {
  position: absolute;
  left: 1.11111vw;
  top: 0vw;
  width: 96.8vw;
  height: 62.5625vw;
  background-image: url("../img/fourstep4_bg1.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: 5.83333vw;
  height: 46.80556vw;
  background-image: url("../img/fourstep4_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 5.55556vw;
  top: -3.19444vw;
}
.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;
  font-family: "Noto Sans JP", "游ゴシック体", 'Yu Gothic', "YuGothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", "Meiryo", "Osaka", 'ＭＳ Ｐゴシック', 'MS PGothic', "sans-serif";
  font-weight: 500;
  text-align: center;
  font-weight: 700;
  font-size: 1.52778vw;
  line-height: 180%;
  color: #FFFFFF;
}
.fourstep__list__item4 .container1__list {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 2.5vw auto 0;
  width: 64.44444vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 0.97222vw 0.55556vw;
}
.fourstep__list__item4 .container1__list__item {
  width: 31.94444vw;
  border: 1px dotted white;
  padding: 1.11111vw 1.11111vw 0.69444vw;
  padding-right: 2.08333vw;
}
.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: 1.52778vw;
  color: #FFFFFF;
}
.fourstep__list__item4 .container1__list__item__content {
  margin-top: 0.97222vw;
}
.fourstep__list__item4 .container1__list__item__content dl {
  margin-bottom: 0.69444vw;
}
.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: 1.25vw;
  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: 1.25vw;
  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: 1.25vw;
  color: white;
  line-height: 164%;
}
.fourstep__list__item4 .container1__list__item.item4 {
  height: 12.5vw;
}
.fourstep__list__item5 {
  position: relative;
  width: 100%;
  height: 50vw;
}
.fourstep__list__item5 .container1 {
  width: 97.77778vw;
  height: 51.11111vw;
  background-image: url("../img/fourstep5_bg1.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  white-space: nowrap;
  width: 96.87778vw;
  background: none;
  overflow: hidden;
  height: 50.01111vw;
  position: absolute;
  left: 1.11111vw;
  top: -1.25vw;
}
.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: 96.8vw;
  height: 50.6vw;
  background-image: url("../img/fourstep5_bg1.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: 1.11111vw;
  top: 15.27778vw;
  z-index: 2;
}
.fourstep__list__item5 .container1__img1 .img {
  width: 19.28438vw;
  height: 19.00938vw;
  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: 9.72222vw;
  top: 15.69444vw;
  z-index: 2;
}
.fourstep__list__item5 .container1__img2 .img {
  width: 14.47188vw;
  height: 14.47188vw;
  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: 2.91667vw;
  top: 30.27778vw;
  z-index: 2;
}
.fourstep__list__item5 .container1__img3 .img {
  width: 17.56562vw;
  height: 17.53125vw;
  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: -9.16667vw;
  top: 45.55556vw;
}
.fourstep__list__item5 .container1__smoke1 .img {
  width: 60.84375vw;
  height: 28.11875vw;
  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: 45.27778vw;
  top: 45.55556vw;
}
.fourstep__list__item5 .container1__smoke2 .img {
  width: 60.9125vw;
  height: 23.7875vw;
  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: 17.5vw;
  top: 45.55556vw;
}
.fourstep__list__item5 .container1__smoke3 .img {
  width: 60.9125vw;
  height: 23.7875vw;
  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: 17.5vw;
  top: 45.55556vw;
}
.fourstep__list__item5 .container1__smoke4 .img {
  width: 60.84375vw;
  height: 28.11875vw;
  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__smoke4 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__smoke5 {
  position: absolute;
  left: -13.33333vw;
  top: 45.55556vw;
}
.fourstep__list__item5 .container1__smoke5 .img {
  width: 73.21806vw;
  height: 28.59306vw;
  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__smoke5 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__smoke6 {
  position: absolute;
  left: 39.72222vw;
  top: 45.55556vw;
}
.fourstep__list__item5 .container1__smoke6 .img {
  width: 73.21806vw;
  height: 28.59306vw;
  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__smoke6 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fourstep__list__item5 .container1__frame {
  position: absolute;
  left: 0vw;
  top: 1.94444vw;
  width: 96.83437vw;
  height: 47.95312vw;
  background-image: url("../img/fourstep5_frame.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  z-index: 3;
}
.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: 2.77778vw;
  top: 3.125vw;
}
.fourstep__list__item5 .overitem1 .img {
  width: 17.15vw;
  height: 11.90972vw;
  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: 0vw;
  top: -10.27778vw;
  z-index: 5;
}
.fourstep__list__item5 .overitem2 .img {
  width: 24.23611vw;
  height: 23.54167vw;
  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: 39.86111vw;
  z-index: 4;
  transform: translateX(120%);
}
.fourstep__list__item5 .overticker .img {
  width: 99.03437vw;
  height: 12.20312vw;
  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: 6.94444vw;
}
.tradition .anchor {
  position: absolute;
  left: 0vw;
  top: 1.94444vw;
}
.tradition__title {
  width: 55.825vw;
  height: 12.85625vw;
  background-image: url("../img/trad_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
}
.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: 1.52778vw;
  line-height: 180%;
  text-align: center;
  margin-top: 2.22222vw;
}
.tradition__list {
  width: 77.77778vw;
  margin: 6.80556vw auto 0;
}
.tradition__list__item {
  position: relative;
}
.tradition__list__item__txt {
  width: 34.72222vw;
  position: absolute;
  left: 39.58333vw;
  top: 4.44444vw;
}
.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: 2.22222vw;
  line-height: 148%;
}
.tradition__list__item__txt__list {
  margin-top: 1.38889vw;
}
.tradition__list__item__txt__list__item {
  margin-bottom: 1.38889vw;
}
.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: 1.52778vw;
  line-height: 180%;
}
.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: 1.25vw;
  line-height: 164%;
}
.tradition__list__item__txt__link {
  display: block;
  position: relative;
  width: 17.70833vw;
  height: 4.44444vw;
  background-color: #EB5252;
  border: 2px solid #000000;
  padding-right: 2.08333vw;
  margin-top: 1.80556vw;
}
.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: 1.25vw;
  color: #231815;
  line-height: 4.30556vw;
  padding-left: 1.38889vw;
}
.tradition__list__item__txt__link .arrow {
  width: 1.94444vw;
  height: 1.94444vw;
  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;
  position: absolute;
  right: 1.25vw;
  top: 1.25vw;
}
.tradition__list__item__txt__link .arrow a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.tradition__list__item__txt__link:hover {
  opacity: 0.8;
}
.tradition__list__item__intro {
  width: 71.38889vw;
  height: 13.88889vw;
  border: 1px dotted black;
  padding: 1.38889vw 1.38889vw 0;
  position: absolute;
  left: 2.77778vw;
  top: 45.83333vw;
}
.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: 1.52778vw;
  line-height: 180%;
}
.tradition__list__item__intro__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #000000;
  margin-top: 0.41667vw;
}
.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;
  width: 15.27778vw;
}
.tradition__list__item__intro__list__item__title {
  font-weight: 700;
  font-size: 1.25vw;
}
.tradition__list__item__intro__list__item__read {
  font-weight: 400;
  font-size: 1.11111vw;
  line-height: 164%;
  margin-top: 0.41667vw;
}
.tradition__list .item1 .frame {
  width: 76.93125vw;
  height: 40.90625vw;
  background-image: url("../img/trad1_frame.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: 21.175vw;
  height: 4.675vw;
  background-image: url("../img/trad1_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 2.77778vw;
  top: -2.22222vw;
}
.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: 34.47812vw;
  height: 22.55vw;
  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;
  position: absolute;
  left: 2.77778vw;
  top: 4.44444vw;
}
.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: -3.19444vw;
  top: 15.55556vw;
}
.tradition__list .item1 .acc .img {
  width: 10.93125vw;
  height: 23.20312vw;
  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: 4.44444vw;
}
.tradition__list .item2 .frame {
  width: 76.93125vw;
  height: 66.20625vw;
  background-image: url("../img/trad2_frame.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: 27.43125vw;
  height: 4.675vw;
  background-image: url("../img/trad2_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 2.77778vw;
  top: -2.22222vw;
}
.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: 33.92812vw;
  height: 22.48125vw;
  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;
  position: absolute;
  left: 2.77778vw;
  top: 4.44444vw;
}
.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: -5.55556vw;
  top: 29.58333vw;
}
.tradition__list .item2 .acc .img {
  width: 13.2vw;
  height: 20.45312vw;
  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: 4.44444vw;
}
.tradition__list .item3 .frame {
  width: 76.93125vw;
  height: 44.825vw;
  background-image: url("../img/trad3_frame.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: 23.7875vw;
  height: 4.675vw;
  background-image: url("../img/trad3_title.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 2.77778vw;
  top: -2.22222vw;
}
.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: 33.9625vw;
  height: 22.48125vw;
  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;
  position: absolute;
  left: 2.77778vw;
  top: 4.44444vw;
}
.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: -6.25vw;
  top: 33.05556vw;
}
.tradition__list .item3 .acc .img {
  width: 24.40625vw;
  height: 9.2125vw;
  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: 99vw;
  height: 0.61875vw;
  background-image: url("../img/hr.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: repeat-x;
  margin-top: 8.19444vw;
}
.hr1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record {
  width: 100%;
  padding-top: 6.94444vw;
}
.record .anchor {
  position: absolute;
  left: 0vw;
  top: 1.25vw;
}
.record__title {
  width: 47.64375vw;
  height: 8.6625vw;
  background-image: url("../img/record_title.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: 1.52778vw;
  line-height: 180%;
  text-align: center;
  margin-top: 1.52778vw;
}
.record__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 77.77778vw;
  margin: 4.30556vw auto 0;
}
.record__list__item {
  position: relative;
  width: 24.44444vw;
  transition: all 300ms 0s ease;
  cursor: pointer;
}
.record__list__item:hover {
  opacity: 0.8;
}
.record__list__item__img {
  position: relative;
}
.record__list__item__img:after {
  content: '';
  width: 3.3vw;
  height: 3.3vw;
  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.55556vw;
  bottom: 0.27778vw;
}
.record__list__item__img:after a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__list__item__txt {
  padding-top: 1.52778vw;
}
.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: 2.08333vw;
  line-height: 133%;
  letter-spacing: -0.01em;
  color: #000000;
}
.record__list__item__txt__title span {
  opacity: 0;
}
.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: 1.11111vw;
  line-height: 194%;
  margin-top: 1.38889vw;
}
.record__list__item__txt__name {
  font-weight: 700;
  font-size: 1.52778vw;
  line-height: 180%;
  margin-top: -0.27778vw;
}
.record__list__item.item1 .img {
  width: 24.2vw;
  height: 33vw;
  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 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__list__item.item2 .img {
  width: 24.2vw;
  height: 33vw;
  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 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__list__item.item3 .img {
  width: 24.2vw;
  height: 33vw;
  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 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.record__acc1 {
  pointer-events: none;
  position: absolute;
  right: 0.06944vw;
  top: 18.75vw;
}
.record__acc1 .img {
  width: 20.28125vw;
  height: 23.2375vw;
  background-image: url("../img/record_acc.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.record__acc1 .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hr2 {
  width: 99vw;
  height: 0.61875vw;
  background-image: url("../img/hr.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  background-repeat: repeat-x;
  margin-top: 8.19444vw;
}
.hr2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.secret {
  width: 100%;
  padding-top: 6.94444vw;
  padding-bottom: 5.69444vw;
}
.secret .anchor {
  position: absolute;
  left: 0vw;
  top: 1.25vw;
}
.secret__title {
  width: 70.95vw;
  height: 7.2875vw;
  background-image: url("../img/secret_title.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: 1.52778vw;
  line-height: 180%;
  text-align: center;
  margin-top: 1.94444vw;
}
.secret__list {
  width: 77.77778vw;
  margin: 4.58333vw auto 0;
}
.secret__list__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 4.30556vw;
}
.secret__list__item__img {
  width: 24.44444vw;
  min-width: 24.44444vw;
}
.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-left: 2.08333vw;
  padding-top: 0.83333vw;
}
.secret__list__item__txt__title {
  font-weight: 700;
  font-size: 2.22222vw;
  line-height: 148%;
}
.secret__list__item__txt__position {
  font-weight: 400;
  font-size: 1.11111vw;
  line-height: 194%;
  margin-top: 1.66667vw;
}
.secret__list__item__txt__name {
  font-weight: 700;
  font-size: 1.52778vw;
  line-height: 180%;
}
.secret__list__item__txt__read {
  font-weight: 400;
  font-size: 1.11111vw;
  line-height: 194%;
  margin-top: 0.69444vw;
}
.secret__list__item.item1 .secret__list__item__img .img {
  width: 24.2vw;
  height: 33vw;
  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: 24.2vw;
  height: 33vw;
  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: 24.2vw;
  height: 33vw;
  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: -9.72222vw;
  top: -9.72222vw;
}
.secret__list__item.item1 .acc .img {
  width: 20.625vw;
  height: 19.21563vw;
  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.item2 .acc {
  position: absolute;
  right: -7.63889vw;
  top: 0.69444vw;
}
.secret__list__item.item2 .acc .img {
  width: 15.43438vw;
  height: 15.4vw;
  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.item2 .acc .img a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main {
  position: relative;
  width: 100%;
  padding-top: 10.06944vw;
  padding-bottom: 1.73611vw;
}
.ability__main__bg {
  width: 96.83437vw;
  height: 52.14687vw;
  background-image: url("../img/ability_bg.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0.69444vw;
  top: 0vw;
}
.ability__main__bg a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__title {
  position: relative;
  width: 43.10625vw;
  height: 4.43438vw;
  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: 1.66667vw;
  line-height: 175%;
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: 2.08333vw;
}
.ability__main__read p {
  margin-bottom: 2.77778vw;
}
.ability__main__p1 {
  width: 42.075vw;
  height: 58.85vw;
  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: 4.16667vw;
  top: 29.16667vw;
}
.ability__main__p1 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__p2 {
  width: 42.14375vw;
  height: 58.91875vw;
  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: 6.25vw;
  top: 19.44444vw;
}
.ability__main__p2 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__main__acc1 {
  position: absolute;
  left: 0vw;
  top: -15.27778vw;
}
.ability__main__acc1 .img {
  width: 98.96563vw;
  height: 23.44375vw;
  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: 2.77778vw;
  top: 5.55556vw;
}
.ability__main__acc2 .img {
  width: 17.35937vw;
  height: 12.03125vw;
  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: 9.02778vw;
  padding-bottom: 5.55556vw;
}
.ability__sub__title {
  position: relative;
  width: 40.0125vw;
  height: 4.4vw;
  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: 1.52778vw;
  line-height: 180%;
  text-align: center;
  margin-top: 3.33333vw;
}
.ability__sub__linkcontainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 77.77778vw;
  margin: 3.47222vw auto 0;
}
.ability__sub__linkcontainer__link {
  position: relative;
  display: block;
  width: 37.63889vw;
  height: 11.28472vw;
  background-image: url("../img/btn_bg.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
}
.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: 2.77778vw;
  top: 3.47222vw;
  transition: all 300ms 0s ease;
}
.ability__sub__linkcontainer__link .arrow {
  width: 3.33333vw;
  height: 3.33333vw;
  background-image: url("../img/btn_arrow_b_large.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 2.63889vw;
  top: 4.02778vw;
}
.ability__sub__linkcontainer__link .arrow a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ability__sub__linkcontainer__link:hover .title {
  transform: scale(1.05);
}
.ability__sub__linkcontainer .link1 .title {
  width: 18.125vw;
  height: 5.55556vw;
  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: 24.58333vw;
  height: 5.55556vw;
  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: 77.77778vw;
  height: 87vh;
  background-color: white;
  padding: 5.55556vw 4.86111vw;
}
.modal__content__main__close {
  cursor: pointer;
  width: 3.3vw;
  height: 3.3vw;
  background-image: url("../img/modal_close.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 1.38889vw;
  top: 1.38889vw;
}
.modal__content__main__close a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.modal__content__main__container {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.modal__content__main__container__img {
  position: relative;
  width: 24.44444vw;
  min-width: 24.44444vw;
}
.modal__content__main__container__txt {
  overflow-y: auto;
  height: 100%;
  padding-left: 4.16667vw;
  padding-bottom: 4.16667vw;
}
.modal__content__main__container__txt__title {
  font-weight: 400;
  font-size: 2.08333vw;
  line-height: 133%;
  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: 1.11111vw;
  line-height: 194%;
  margin-top: 1.38889vw;
}
.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: 1.52778vw;
  line-height: 180%;
  margin-top: -0.27778vw;
}
.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: 1.52778vw;
  line-height: 180%;
  margin-top: 1.66667vw;
}
.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: 1.11111vw;
  line-height: 194%;
  margin-top: 0.97222vw;
}
.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: 1.11111vw;
  text-align: right;
  margin-top: 0.69444vw;
}
.modal1 .img {
  width: 24.2vw;
  height: 33vw;
  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: 24.2vw;
  height: 33vw;
  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: 24.2vw;
  height: 33vw;
  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;
}