/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper #contents_wrapper #contents { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
body #wrapper #contents_wrapper #contents .inner { width: 100%; }
body #wrapper #contents_wrapper #contents .inner .iframe-wrapper { position: relative; padding: 56.25% 0 0; margin: 0 0 55px; }
body #wrapper #contents_wrapper #contents .inner .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
body #wrapper #contents_wrapper #contents .inner .textarea { text-align: center; }
body #wrapper #contents_wrapper #contents .inner .textarea h2 { font-size: 1.8rem; letter-spacing: .09em; }
body #wrapper #contents_wrapper #contents .inner .textarea h2 sup { font-size: .5em; vertical-align: top; letter-spacing: 0; }

@media screen and (orientation: landscape) { body #wrapper #contents_wrapper #contents .inner { width: 83.33vh; }
  body #wrapper #contents_wrapper #contents .inner .iframe-wrapper { margin: 0 0 7.11vh; }
  body #wrapper #contents_wrapper #contents .inner .textarea h2 { font-size: 2vh; }
  body #wrapper #contents_wrapper #contents .inner .textarea h2 sup { font-size: 0.61em; } }