#wrapper.introduce #contents {
  background: url("../images/introduce/bg.jpg") no-repeat center top;
  min-height: 2880px;
}
#wrapper.introduce .container .head {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 2px;
  left: calc(50% - 264px / 2 - 78px);
  width: 264px;
  height: 96px;
}
#wrapper.introduce .container .topic {
  position: absolute;
  top: 90px;
  left: calc(50% - 1038px / 2);
  width: 1038px;
  height: 672px;
}
#wrapper.introduce .container .topicbg {
  position: absolute;
  top: 205px;
  left: 10px;
  width: 1047px;
  height: 373px;
}
#wrapper.introduce .container .topic1 {
  position: absolute;
  top: 191px;
  left: 50px;
  width: 327px;
  height: 107px;
}
#wrapper.introduce .container .topic2 {
  position: absolute;
  top: 309px;
  left: 50px;
  width: 326px;
  height: 124px;
}
#wrapper.introduce .container .topic3 {
  position: absolute;
  top: 451px;
  left: 50px;
  width: 343px;
  height: 118px;
}
#wrapper.introduce .container .topic4 {
  position: absolute;
  top: 200px;
  left: 720px;
  width: 307px;
  height: 147px;
}
#wrapper.introduce .container .topic5 {
  position: absolute;
  top: 342px;
  left: 727px;
  width: 274px;
  height: 119px;
}
#wrapper.introduce .container .catch1 {
  position: absolute;
  top: 580px;
  left: 40px;
  width: 984px;
  height: 103px;
}
#wrapper.introduce .container .detail1 {
  position: absolute;
  top: 677px;
  left: 38px;
  width: 878px;
  height: 93px;
}
#wrapper.introduce .container .ekisyou {
  position: absolute;
  top: 673px;
  left: 38px;
  width: 988px;
  height: 417px;
}
#wrapper.introduce .container .story {
  position: absolute;
  top: 781px;
  left: calc(50% - 970px / 2 - 55px);
  width: 970px;
  height: 208px;
}
#wrapper.introduce .container .head2 {
  position: absolute;
  top: 1093px;
  left: 376px;
  width: 243px;
  height: 71px;
}
#wrapper.introduce .container .chr1 {
  position: absolute;
  top: 1160px;
  left: 10px;
  width: 668px;
  height: 441px;
}
#wrapper.introduce .container .chr2 {
  position: absolute;
  top: 1227px;
  left: 706px;
  width: 292px;
  height: 365px;
}
#wrapper.introduce .container .chr3 {
  position: absolute;
  top: 1605px;
  left: calc(50% - 294px / 2 - 376px);
  width: 294px;
  height: 362px;
}
#wrapper.introduce .container .chr4 {
  position: absolute;
  top: 1605px;
  left: calc(50% - 294px / 2 - 34px);
  width: 292px;
  height: 362px;
}
#wrapper.introduce .container .chr5 {
  position: absolute;
  top: 1605px;
  left: calc(50% - 294px / 2 + 304px);
  width: 292px;
  height: 362px;
}
#wrapper.introduce .container .chr6 {
  position: absolute;
  top: 1914px;
  left: calc(50% - 473px / 2 - 338px);
  width: 473px;
  height: 505px;
}
#wrapper.introduce .container .chr7 {
  position: absolute;
  top: 1987px;
  left: calc(50% - 292px / 2 - 34px);
  width: 292px;
  height: 377px;
}
#wrapper.introduce .container .chr8 {
  position: absolute;
  top: 1987px;
  left: calc(50% - 294px / 2 + 304px);
  width: 292px;
  height: 377px;
}
#wrapper.introduce .container .chr9 {
  position: absolute;
  top: 2362px;
  left: calc(50% - 292px / 2 - 378px);
  width: 292px;
  height: 367px;
}
#wrapper.introduce .container .chr10 {
  position: absolute;
  top: 2362px;
  left: calc(50% - 292px / 2 - 34px);
  width: 292px;
  height: 362px;
}
#wrapper.introduce .container .chr11 {
  position: absolute;
  top: 2362px;
  left: calc(50% - 292px / 2 + 304px);
  width: 292px;
  height: 362px;
}

/*# sourceMappingURL=introduce.css.map */