html { font-size: 56.25%; box-sizing: border-box;}
body { margin: 0; padding: 0;
 font-size: 18px; font-size: 1.8rem; line-height: 1.75; font-weight: 500;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
 background: #FEFFEF; overflow: hidden;
}
a { word-break: break-all;}
.txtCenter { text-align: center !important;}

#container {
 background: #FFF;
 margin: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 padding: 30px 0;
 max-width: 720px;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 width: 90%;
 text-align: center;
 z-index: 100;
}
.inner { width: 90%; margin: auto;}
h1 { font-size: 1.8em; line-height: 1.3; color: #1760F1;}
h1 img { max-width: 100%; height: auto;}
p { text-align: left;}
.warn { color: #EA5504; font-size: 1.2rem; font-weight: 700;}
#footer { font-size: 80%; text-align: center; margin-top: 40px;}
.copy { color: #4F85F0;}
#box { position: relative; width: 100vw; height: 100vh;}

@media print, screen and (min-width: 769px) {
 html { font-size: 62.5%; }
 body { font-size: 20px; font-size: 2.0rem; }
 #container { border: 1px solid #efefef; box-shadow: 2px 2px 4px #ccc;}
 p {  text-align: center; }
 #footer { font-size: 75%;}
 .pcbr { display: block;}
}