@charset "UTF-8";
/*レスポンシブ*/
/*レイアウト*/
/*限定br指定*/
/*スマホだけbr*/
/*タブレットだけbr*/
/*パソコンだけbr*/
/*背景画像*/
/*文字サイズ*/
/*三角作る*/
/*マージン下レスポンシブ一括*/
/*パディング下レスポンシブ一括*/
/*アニメーション*/
/*カラーセット*/
/*グラデーション*/
/*書体*/
/*エフェクト・ぼかし*/
/*エフェクト・スクリーン*/
/*背景に色を付ける*/
/*wrapper*/
/*wrapper*/
/*wrapper*/
.message header + h1 img:last-child {
  position: absolute;
  top: 140px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 896px) and (min-width: 481px) {
  .message header + h1 img:last-child {
    top: 95px;
    width: 23vw;
  }
}

@media screen and (max-width: 480px) {
  .message header + h1 img:last-child {
    top: 72px;
    width: 24vw;
  }
}

@media screen and (max-width: 360px) and (min-width: 320px) {
  .message header + h1 img:last-child {
    top: 72px;
    width: 29vw;
  }
}

article {
  margin-bottom: 100px;
}

@media screen and (max-width: 896px) {
  article {
    width: 90%;
  }
}

@media screen and (max-width: 896px) and (min-width: 481px) {
  article {
    margin: 0 auto 80px auto;
  }
}

@media screen and (max-width: 480px) {
  article {
    margin: 0 auto 0px auto;
  }
}

@media screen and (max-width: 896px) {
  article section {
    text-align: center;
  }
}

article section p {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 896px) {
  article section p {
    font-size: 3.77368vw;
  }
}

@media screen and (max-width: 480px) {
  article section p {
    font-size: 8.2113vw;
  }
}

@media screen and (max-width: 480px) {
  article section p {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 480px) and (max-width: 896px) {
  article section p {
    font-size: 2.07552vw;
  }
}

@media screen and (max-width: 480px) and (max-width: 480px) {
  article section p {
    font-size: 4.51621vw;
  }
}

@media screen and (max-width: 896px) {
  article section img {
    width: 90%;
    height: auto;
  }
}

article section p.rinen {
  font-size: 1.35em;
  font-size: 1rem;
  line-height: 1.75em;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 896px) {
  article section p.rinen {
    font-size: 1.88684vw;
  }
}

@media screen and (max-width: 480px) {
  article section p.rinen {
    font-size: 4.10565vw;
  }
}

@media screen and (max-width: 896px) {
  article section p.rinen {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 896px) and (max-width: 896px) {
  article section p.rinen {
    font-size: 1.69816vw;
  }
}

@media screen and (max-width: 896px) and (max-width: 480px) {
  article section p.rinen {
    font-size: 3.69508vw;
  }
}
