@charset "UTF-8";
/* CSS Document */

@media screen and ( max-width:767px) {

.contents {
  overflow: hidden;
}

/*-----------
top
-----------*/

#main_visual {
  position: relative;
  background: url(../img/mv_bg_purple_sp.jpg) center 0 repeat-y;
  background-size: 100%;
}

#main_visual_inner {
  position: relative;
  padding-bottom: 183.1%;
}

#main_visual_inner .logo_dirtgrade {
  position: absolute;
  top: 0;
  left: 8.1%;
  padding-top: 2.8%;
  width: 13.2%;
  z-index: 1;
}

#main_visual .js-screenFit {
  width: auto !important;
  height: auto !important;
}

/* #main_visual_inner h1 {
  display: block;
}

#main_visual_inner h1 img {
  width: 100%;
} */

#main_visual .bg_marche {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transform: none;
}

#main_visual .bg_obi {
  height: 27.29%;
  background: url(../img/mv_bg_gold_sp.jpg) center 0 no-repeat;
  background-size: auto 100%;
}

#main_visual .bg_obi img {
  width: 100%;
  height: auto;
}

#main_visual .title {
  position: absolute;
  top: 0%;
  left: 1%;
  margin-top: 15.64%;
  width: 97.44%;
}

#main_visual .title .t_01 {
  left: 0;
  margin-top: 0%;
  width: 31.15%;
}
#main_visual .title .t_02 {
  left: 27.89%;
  width: 27.63%;
}
#main_visual .title .t_03 {
  left: 53.95%;
  margin-top: 17.24%;
  width: 8.16%;
}
#main_visual .title .t_04 {
  left: 61.32%;
  margin-top: 16.97%;
  width: 20.39%;
}
#main_visual .title .t_05 {
  left: 79.6%;
  margin-top: 27.24%;
  width: 6.71%;
}
#main_visual .title .t_06 {
  left: 86.84%;
  margin-top: 27.24%;
  width: 4.21%;
}
#main_visual .title .t_07 {
  left: 91.45%;
  margin-top: 26.97%;
  width: 8.42%;
}

#main_visual .txt_win {
  top: 0;
  left: 14.49%;
  margin-top: 47.05%;
  width: 32.82%;
}

#main_visual .txt_small {
  top: 0;
  left: 57.05%;
  margin-top: 18.08%;
  width: 40.13%;
}

#main_visual .txt_01 {
  top: 0;
  left: 4.62%;
  margin-top: 62.82%;
  width: 90.77%;
}

#main_visual .marche {
  top: 0;
  left: -28%;
  margin-top: 79.74%;
  width: 128%;
}

#main_visual .obi {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}

#main_visual .obi .obi_txt_01 {
  top: 0;
  left: 4.62%;
  margin-top: 5.38%;
  width: 62.3%;
  z-index: 1;
}

#main_visual .obi .obi_marche_en {
  position: absolute;
  display: block;
  top: 0;
  left: 1.77%;
  margin-top: 1.67%;
  width: 96.15%;
}

#main_visual .obi .obi_marche_jp {
  top: 0;
  left: 6.53%;
  margin-top: 15.64%;
  width: 85.64%;
}

#main_visual .icon_scroll {
  position: fixed;
  bottom: 0;
  right: 45.13%;
  margin-bottom: 1.15%;
  width: 9.74%;
}


}