@charset "utf-8";
/*Font読み込み*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1&display=swap');
html, body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'M PLUS 1', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-size-adjust: none;
  background: #E6E5E4;
  color: #484848; /*文字色*/
  line-height: 2.2; /*行間*/
  animation: opa1 0.2s 0.5s both; /*0.5秒待機・0.2秒でフェードイン表示*/
}
/*link*/
a {
  color: #5C82A4;
  transition: 0.3s;
}
.old {
  display: inline-block;
  align-content: center;
  padding: 5px 0px;
  width: 100%;
  height: 270px;
  position: relative;
  background-color: #fff;
  min-height: 180px;
}
.old_contents {
  margin: 0 auto;
  width: 70%;
  text-align: center;
}
.old_contents img {
  max-width: 600px;
}
@media screen and (max-width: 900px) {
  .old_contents img {
    width: 100%;
  }
}
.old::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.5, SVG Export Plug-In . SVG Version: 9.03 Build 54986) --%3E%3Csvg version='1.1' id='layer2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1200 150' style='enable-background:new 0 0 1200 150;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23E6E5E4;%7D%0A%3C/style%3E%3Cg id='layer1'%3E%3Cpolygon class='st0' points='1200,150 0,150 0,0 600,150 1200,0 '/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
.new {
  display: block;
  align-content: center;
}
.new_contents {
  width: 100%;
  text-align: center;
}
.new_contents img {
  max-width: 450px;
}
@media screen and (max-width: 900px) {
  .new_contents img {
    width: 90%;
  }
}