@media only screen and (max-width: 720px) { article.nokagakusha_pre { width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 30px; background-color: #fff; }
  article.nokagakusha_pre section { width: 100%; margin: 0 auto; position: relative; }
  article.nokagakusha_pre section picture.pre { padding-bottom: 30px; }
  article.nokagakusha_pre section img, article.nokagakusha_pre section picture { width: 100%; display: block; margin: 0 auto; }
  article.nokagakusha_pre section.button img, article.nokagakusha_pre section.button picture { width: 80%; display: block; margin: 40px auto 60px auto; }}
@media only screen and (min-width: 721px) and (max-width: 1180px) { article.nokagakusha_pre { width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 30px; background-color: #fff; }
  article.nokagakusha_pre section picture.pre { padding-bottom: 30px; }
  article.nokagakusha_pre section { width: 100%; margin: 0 auto; position: relative; }
  article.nokagakusha_pre section img, article.nokagakusha_pre section picture { width: 100%; display: block; margin: 0 auto; }
  article.nokagakusha_pre section.button img, article.nokagakusha_pre section.button picture { width: 80%; display: block; margin: 40px auto 60px auto; }}
@media only screen and (min-width: 1181px) and (max-width: 1560px) { article.nokagakusha_pre { width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 60px; background-color: #fff; }
  article.nokagakusha_pre section picture.pre { padding-bottom: 80px; }
  article.nokagakusha_pre section { width: 100%; margin: 0 auto; position: relative; }
  article.nokagakusha_pre section img, article.nokagakusha_pre section picture { width: 100%; display: block; margin: 0 auto; }  article.nokagakusha_pre section.button img, article.nokagakusha_pre section.button picture { width: 80%; display: block; margin: 100px auto 150px auto; }}
@media only screen and (min-width: 1561px) { article.nokagakusha_pre { width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 60px; background-color: #fff; }
  article.nokagakusha_pre section picture.pre { padding-bottom: 80px; }
  article.nokagakusha_pre section { width: 100%; margin: 0 auto; position: relative; }
  article.nokagakusha_pre section img, article.nokagakusha_pre section picture { width: 100%; display: block; margin: 0 auto; }  article.nokagakusha_pre section.button img, article.nokagakusha_pre section.button picture { width: 80%; display: block; margin: 100px auto 150px auto; }}