@charset "UTF-8";
/* CSS Document */
main {
  background: linear-gradient(90deg, #fff 15%, #fff 50%, #fff 85%);
  max-width: 780px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  position: relative;
  left: 50%;
  margin-left: -390px;
}
.section-top {
  margin: 60px auto 0;
  width: 100%;
  max-width: 780px;
}
.section-top img {
  width: 100%;
	vertical-align:top;
}

.section-dis1, .section-dis2, .section-dis3, .section-dis4 {
  margin: 0 auto 0;
  width: 100%;
  max-width: 780px;
}
.section-dis1 img, .section-dis2 img, .section-dis3 img, .section-dis4 img {
  width: 100%;
	vertical-align:top;
}
.section-dism1 {
  margin: 0 auto 0;
  width: 100%;
  max-width: 780px;
  position: relative;
}
.section-dism1_main {
  width: 100%;
	vertical-align:top;
  position: relative;
  z-index: 1;
}
.section-dism1_button {
  width: 82.05128205%;
  position: absolute;
  right: 8.974358975%;
  bottom: 10.8%;
  height: auto;
  z-index: 10;
}
.section-dism1_button img {
  width: 100%;
	vertical-align:top;
}
.section-dism2, .section-dism3 {
  margin: 0 auto 0;
  width: 100%;
  max-width: 780px;
  position: relative;
}
.section-dism2_main, .section-dism3_main {
  width: 100%;
	vertical-align:top;
  position: relative;
  z-index: 1;
}
.section-dism2_button {
  width: 47.4%;
    position: absolute;
    right: 6.2%;
    bottom: 38%;
    height: auto;
  z-index: 10;
}
.section-dism3_button {
  width: 47.4%;
    position: absolute;
    right: 6.2%;
    bottom: 34%;
    height: auto;
  z-index: 10;
}
.section-dism2_button img, .section-dism3_button img {
  width: 100%;
	vertical-align:top;
}
@media(max-width: 780px){
  main {
  left: 0%;
  margin-left: auto;
  }
}