body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","Hiragino Sans", Meiryo, sans-serif; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.hero {
  background: #e70011; }
  @media only screen and (max-width: 767px) {
    .hero {
      margin: 0 0 10px; } }
  @media only screen and (min-width: 768px) {
    .hero {
      margin: 0 0 30px; } }
  .hero h1 {
    text-align: center;
    margin: 0;
    padding: 0; }

@media only screen and (max-width: 767px) {
  .content {
    margin: 0 0 10px; } }
@media only screen and (min-width: 768px) {
  .content {
    margin: 0 0 60px; } }

.thum {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    .thum {
      padding: 0 5px;
      justify-content: space-between; } }
  @media only screen and (min-width: 768px) {
    .thum {
      max-width: 1000px;
      width: calc(100% - 40px);
      justify-content: center; } }
  .thum__item {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .thum__item {
        width: 49%;
        margin: 0 0 15px; } }
    @media only screen and (min-width: 768px) {
      .thum__item {
        width: 30%;
        margin: 0 12px 25px; } }
    @media only screen and (max-width: 767px) {
      .thum__item-pic {
        margin: 0 0 10px; } }
    @media only screen and (min-width: 768px) {
      .thum__item-pic {
        margin: 0 0 13px; } }
    .thum__item-ttl {
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .thum__item-ttl {
          font-size: 0.9rem;
          line-height: 1.4rem; } }
      @media only screen and (min-width: 768px) {
        .thum__item-ttl {
          font-size: 0.95rem;
          line-height: 1.45rem; } }

.article {
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    .article {
      padding: 0 5px; } }
  @media only screen and (min-width: 768px) {
    .article {
      max-width: 1000px;
      width: calc(100% - 40px); } }
  @media only screen and (max-width: 767px) {
    .article__item {
      margin: 0 0 10px; } }
  @media only screen and (min-width: 768px) {
    .article__item {
      margin: 0 0 30px; } }
  .article__item:last-child {
    margin: 0; }

.global_head {
  margin: 0;
  padding: 0; }