#sec01 .main .im01 {
  background: #fff;
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .main .im01 {
    width: 7.8125vw;
  }
}
html.PC #sec01 .main .im01 {
  width: 7.8125vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    width: 150px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    width: 150px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    width: 7.8125vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    width: 7.8125vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .main .im01 {
    width: 77.34375px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-top: 1.1979166667vw;
  }
}
html.PC #sec01 .main .im01 {
  padding-top: 1.1979166667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-top: 23px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-top: 23px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-top: 1.1979166667vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-top: 1.1979166667vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-top: 11.859375px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-bottom: 1.1979166667vw;
  }
}
html.PC #sec01 .main .im01 {
  padding-bottom: 1.1979166667vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-bottom: 23px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-bottom: 23px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-bottom: 1.1979166667vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-bottom: 1.1979166667vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-bottom: 11.859375px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-left: 1.3020833333vw;
  }
}
html.PC #sec01 .main .im01 {
  padding-left: 1.3020833333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-left: 25px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-left: 25px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-left: 1.3020833333vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-left: 1.3020833333vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-left: 12.890625px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-right: 1.3020833333vw;
  }
}
html.PC #sec01 .main .im01 {
  padding-right: 1.3020833333vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-right: 25px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-right: 25px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-right: 1.3020833333vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    padding-right: 1.3020833333vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .main .im01 {
    padding-right: 12.890625px;
  }
}
@media screen and (min-width: 651px) {
  html:not(.SP) #sec01 .main .im01 {
    margin-right: 1.5625vw;
  }
}
html.PC #sec01 .main .im01 {
  margin-right: 1.5625vw;
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    margin-right: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    margin-right: 30px;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html:not(.SP) #sec01 .main .im01 {
    margin-right: 1.5625vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 1920px) {
  html.PC #sec01 .main .im01 {
    margin-right: 1.5625vw;
  }
}
@media screen and (min-width: 651px) and (max-width: 990px) {
  html:not(.SP) #sec01 .main .im01 {
    margin-right: 15.46875px;
  }
}
@media screen and (max-width: 650px) {
  html:not(.PC) #sec01 .main .im01 {
    padding: 7.6923076923vw 20.5128205128vw;
  }
}
html.SP #sec01 .main .im01 {
  padding: 7.6923076923vw 20.5128205128vw;
}
/*# sourceMappingURL=index.css.map */