.show-guide {
  border: 1px solid #85d0cb; }

@media (min-width: 768px) {
  .container {
    max-width: 9999px; } }
[class*="cut"] .ani-wrapper > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute; }

.cut1 .bell {
  width: 97px;
  height: 115px;
  left: 659px;
  top: 134px;
  background-image: url(../images/intro/bell.png);
  /*background-color: #172aad */ }
.cut1 .pen_happy {
  width: 153px;
  height: 230px;
  left: 257px;
  top: 342px;
  background-image: url(../images/intro/pen_happy.png);
  /*background-color: #54602a */ }
.cut1 .dann_01 {
  width: 52px;
  height: 44px;
  left: 652px;
  top: 316px;
  background-image: url(../images/intro/dann_01.png);
  /*background-color: #df4791 */ }
.cut1 .dann_02 {
  width: 76px;
  height: 55px;
  left: 467px;
  top: 214px;
  background-image: url(../images/intro/dann_02.png);
  /*background-color: #a0130a */ }
.cut1 .dann_00 {
  width: 366px;
  height: 44px;
  left: 205px;
  top: 113px;
  background-image: url(../images/intro/dann_00.png); }
.cut1 .btn-intro-next {
  left: 505px;
  top: 313px; }

.cut2 .pen_02 {
  width: 101px;
  height: 175px;
  left: 125px;
  top: 224px;
  background-image: url(../images/intro/intro_01_pen02.png); }
.cut2 .pen_01 {
  width: 71px;
  height: 176px;
  left: 53px;
  top: 225px;
  background-image: url(../images/intro/intro_01_pen01.png); }
.cut2 .talk {
  width: 472px;
  height: 155px;
  left: 328px;
  top: 215px;
  background-image: url(../images/intro/intro_01_talk.png); }

.cut3 .pen {
  width: 106px;
  height: 175px;
  left: 53px;
  top: 225px;
  background-image: url(../images/intro/intro_02_pen01.png); }
.cut3 .stone {
  width: 132px;
  height: 169px;
  left: 520px;
  top: -42px;
  background-image: url(../images/intro/intro_02_pen02.png); }
.cut3 .talk {
  width: 480px;
  height: 174px;
  left: 328px;
  top: 198px;
  background-image: url(../images/intro/intro_02_talk.png); }

.cut4 .pen {
  width: 152px;
  height: 168px;
  left: 52px;
  top: 225px;
  background-image: url(../images/intro/intro_03_pen.png); }
.cut4 .talk {
  width: 477px;
  height: 211px;
  left: 328px;
  top: 176px;
  background-image: url(../images/intro/intro_03_talk.png); }

.cut5 .pen_02 {
  width: 115px;
  height: 67px;
  left: 220px;
  top: 154px;
  background-image: url(../images/intro/intro_04_pen01.png); }
.cut5 .pen_01 {
  width: 123px;
  height: 195px;
  left: 229px;
  top: 190px;
  background-image: url(../images/intro/intro_04_pen02.png); }
.cut5 .talk {
  width: 477px;
  height: 209px;
  left: 328px;
  top: 176px;
  background-image: url(../images/intro/intro_04_talk.png); }

.cut6 .pen_02 {
  width: 110px;
  height: 102px;
  left: 171px;
  top: 148px;
  background-image: url(../images/intro/intro_05_pen02.png); }
.cut6 .pen_01 {
  width: 102px;
  height: 174px;
  left: 215px;
  top: 206px;
  background-image: url(../images/intro/intro_05_pen01.png); }
.cut6 .talk {
  width: 463px;
  height: 181px;
  left: 298px;
  top: 176px;
  background-image: url(../images/intro/intro_05_talk.png); }

.cut7 .btn {
  left: 0;
  top: 0; }
.cut7 .pen {
  width: 102px;
  height: 144px;
  left: 202px;
  top: 194px;
  background-image: url(../images/intro/intro_06_pen01.png); }
.cut7 .boy {
  width: 86px;
  height: 141px;
  left: 598px;
  top: 185px;
  background-image: url(../images/intro/intro_06_boy.png); }
.cut7 .girl {
  width: 90px;
  height: 143px;
  left: 710px;
  top: 185px;
  background-image: url(../images/intro/intro_06_girl.png); }
.cut7 .c {
  width: 722px;
  height: 60px;
  left: 110px;
  top: 247px;
  background-image: url(../images/intro/intro_06_tt.png);
  background-position: 0 -117px; }
.cut7 .b {
  width: 722px;
  height: 62px;
  left: 110px;
  top: 200px;
  background-image: url(../images/intro/intro_06_tt.png);
  background-position: 0 -55px; }
.cut7 .a {
  width: 722px;
  height: 55px;
  left: 110px;
  top: 162px;
  background-image: url(../images/intro/intro_06_tt.png);
  background-position: 0 0; }