/* line 8, ../_sass/whats.scss */
.l-main {
  margin-bottom: 0;
}

/* line 12, ../_sass/whats.scss */
section#whats {
  width: 100%;
  padding: 20px 0;
}
/* line 15, ../_sass/whats.scss */
section#whats h2 {
  margin-bottom: 30px;
}
/* line 17, ../_sass/whats.scss */
section#whats h2 img {
  width: 100%;
}
/* line 21, ../_sass/whats.scss */
section#whats br {
  display: none;
}
/* line 25, ../_sass/whats.scss */
section#whats img.visual {
  margin-bottom: 20px;
  border-radius: 5px;
}
/* line 29, ../_sass/whats.scss */
section#whats .backstretch {
  display: none;
}
@media screen and (min-width: 768px) {
  /* line 12, ../_sass/whats.scss */
  section#whats {
    padding: 90px 0;
    color: #fff;
  }
  /* line 35, ../_sass/whats.scss */
  section#whats h2 {
    font-size: 3.4rem;
    margin-bottom: 90px;
  }
  /* line 39, ../_sass/whats.scss */
  section#whats h3 {
    font-size: 2.2rem;
  }
  /* line 42, ../_sass/whats.scss */
  section#whats p {
    margin-bottom: 40px;
  }
  /* line 46, ../_sass/whats.scss */
  section#whats br {
    display: inline;
  }
  /* line 49, ../_sass/whats.scss */
  section#whats img.visual {
    display: none;
  }
  /* line 52, ../_sass/whats.scss */
  section#whats .backstretch {
    display: inline;
  }
}
/* line 56, ../_sass/whats.scss */
section#whats p.btnMovie a {
  position: relative;
  display: block;
  color: #ffffff;
  width: 70%;
  margin: 0 auto;
  padding: 15px;
  font-size: 1.4rem;
  text-align: center;
  background: url(../img/common/link_arrow_white.svg) no-repeat 95% 50%;
  background-color: #004896;
  border: 1px solid;
}
@media screen and (min-width: 480px) {
  /* line 56, ../_sass/whats.scss */
  section#whats p.btnMovie a {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  /* line 56, ../_sass/whats.scss */
  section#whats p.btnMovie a {
    width: 280px;
    padding: 15px;
  }
}

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