html, body {
  margin: 0;
  padding: 0;
  height: 100%
}

@font-face {
  font-family: 'SourceHanSerif-Heavy';
  src: url('../../font/SourceHanSerif-Heavy.woff2') format('woff2');
}

body {
  font-family: 'SourceHanSerif-Heavy';
  font-size: 1.8w;
  line-height: 1.5;
}

body {
  background-image: url('../../images/mobiles/notice_bg.png');
  background-size: cover;
  background-repeat: repeat-y;
  background-attachment: fixed;
  overflow-y: scroll;
}


.page {
  padding-bottom: 30vw;
}

.content {
  background-image: url('../../images/mobiles/notice_content_bg.png');
  background-repeat: repeat-y;
  margin: 0 2vw;
  padding: 4vw 3vw 5vw 3vw;
  background-color: #dad7ba;
}

.title_mobile {
  width: 86.4vw;
  display: block;
  margin:  0 auto;
  margin-top: 10vw ;
  margin-bottom: 3vw;
}
.footer {
  height: 30vw;
}

.highlight {
  color: #890000;
}
.title_pc {
  display: none;
}

.down {
  display: none;
}

/* 平板及以上（大于等于 768px） */

/* 桌面及以上（大于等于 1024px） */
@media (min-width: 1024px) {

  .page {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 10vw;
  }

  .title_mobile {
    display: none;
  }
  .content {
    background-image: url('../../images/mobiles/notice_content_bg.png');
    background-repeat: repeat-y;
    padding: 2vw 3vw;
    background-color: #dad7ba;
    width: 31.5vw;
    margin-top: 4vw;
    /* left: 50%; */
    /* transform: translateX(-50%); */
  }

  .title_pc {
    display: block;
    width: 10.833vw;
    margin-top: 4vw;
  }
  
  .title {
    width: 86.4vw;
    display: block;
    margin:  0 auto;
    margin-top: 10vw ;
    margin-bottom: 3vw;
  }

  .down {
    display: block;
    position: absolute;
    width: 4vw;
    right: 20vw;
    bottom: 4vw;
  }

  .footer {
    display: none;
  }
}