/* ---------------------------------------------------------
 * story
 * ---------------------------------------------------------*/
/* ------ PC ------*/
/* line 9, ../sass/story.scss */
body#story section#main {
  background-color: #EFEDE7;
}
/* line 12, ../sass/story.scss */
body#story section#main h2 img {
  max-width: 238px;
}
/* line 16, ../sass/story.scss */
body#story section#main #intr-area {
  width: 80%;
  margin: 0 auto;
}
/* line 19, ../sass/story.scss */
body#story section#main #intr-area div.s-area {
  height: auto;
}
/* line 22, ../sass/story.scss */
body#story section#main #intr-area div.s-area div {
  *zoom: 1;
  padding-bottom: 10px;
}
/* line 56, ../sass/_mixin.scss */
body#story section#main #intr-area div.s-area div:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}
/* line 25, ../sass/story.scss */
body#story section#main #intr-area div.s-area div#scene01 {
  padding-top: 0;
}
/* line 26, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-l {
  padding-top: 105px;
}
/* line 28, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-l div.img-area {
  float: left;
  width: 60%;
}
/* line 31, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-l div.img-area .flex-control-nav {
  margin-top: 10px;
}
/* line 35, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-l div.txt-area {
  float: right;
  width: 35%;
}
/* line 40, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-r {
  padding-top: 105px;
}
/* line 42, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-r div.img-area {
  float: right;
  width: 60%;
}
/* line 45, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-r div.img-area .flex-control-nav {
  margin-top: 10px;
}
/* line 49, ../sass/story.scss */
body#story section#main #intr-area div.s-area div.flt-r div.txt-area {
  float: left;
  width: 35%;
}

/* ------ SP ------*/
@media screen and (max-width: 768px) {
  /* line 68, ../sass/story.scss */
  body#story section#main #intr-area {
    width: 90%;
  }
  /* line 72, ../sass/story.scss */
  body#story section#main #intr-area div.s-area div.flt-l {
    padding-top: 105px;
    margin-bottom: 100px;
  }
  /* line 76, ../sass/story.scss */
  body#story section#main #intr-area div.s-area div.flt-l div.img-area {
    float: none;
    width: 100%;
  }
  /* line 80, ../sass/story.scss */
  body#story section#main #intr-area div.s-area div.flt-l div.txt-area {
    float: none;
    width: 100%;
  }
  /* line 85, ../sass/story.scss */
  body#story section#main #intr-area div.s-area div.flt-r {
    padding-top: 105px;
    margin-bottom: 100px;
  }
  /* line 89, ../sass/story.scss */
  body#story section#main #intr-area div.s-area div.flt-r div.img-area {
    float: none;
    width: 100%;
  }
  /* line 93, ../sass/story.scss */
  body#story section#main #intr-area div.s-area div.flt-r div.txt-area {
    float: none;
    width: 100%;
  }
}