body {
    margin: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f9f9f9;
    box-sizing: border-box;
    font-family: '游ゴシック', 'Yu Gothic', sans-serif;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
}

img, a, div, p, li, span, section, article, aside, header, footer, h1, h2, h3, h4, h5, h6, table, tr, td, blockquote, figcaption {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.container {
    max-width: 750px;
    width: 100%;
    border: 3px solid #000;
    padding: 60px 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 10px;
    background: #fff;
}
@media screen and (max-width: 749px) {
	.container {
	    padding: 60px 20px;
	}
}
h1 {
    margin: 20px 0;
    font-size: 32px;
}
@media screen and (max-width: 749px) {
	h1 {
	    font-size: 25px;
	}
}
.date {
    margin: 0px 0 30px;
    font-size: 15px;
}
.footer {
    margin-top: 50px;
    font-size: 13px;
    text-align: center;
}
.instruction {
    font-size: 16px;
    margin: 0 0 25px !important;
    opacity: 1;
    transition: opacity 0.5s ease;
    text-align: center;
    background: #fff5dd;
    padding: 15px;
    color: #dc0707;
}