@charset "UTF-8";
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

@media screen and (max-width: 768px) {
  .is-pc {
    display: none !important; }
  .is-sp {
    display: block !important; }
  .is-pcFlex {
    display: none !important; }
  .is-spFlex {
    display: flex !important; }
  .is-pcInline {
    display: none !important; }
  .is-spInline {
    display: inline !important; } }

@media screen and (min-width: 769px) {
  .is-pc {
    display: block !important; }
  .is-sp {
    display: none !important; }
  .is-pcFlex {
    display: flex !important; }
  .is-spFlex {
    display: none !important; }
  .is-pcInline {
    display: inline !important; }
  .is-spInline {
    display: none !important; } }

html {
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
  text-size-adjust: 100%;
  letter-spacing: 0.02em;
  text-align: justify;
  box-sizing: border-box;
  word-wrap: break-word;
  line-height: 1.5; }

* {
  box-sizing: border-box; }

a {
  text-decoration: none;
  text-decoration-skip-ink: none;
  color: #000;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:hover {
  text-decoration-skip-ink: none; }

img {
  vertical-align: top; }

html, body {
  word-break: break-all;
  background-color: #FFF;
  padding: 0;
  margin: 0; }

html {
  width: 100%; }

body {
  overflow-x: hidden;
  width: 100%;
  height: 100%; }

.tube-btn {
  display: block;
  margin-top: 10px;
  margin-right: 20px;
  padding: 10px;
  width: 100px;
  text-align: center;
  background-color: #fda91c; }

.Page_View_Test {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  font-size: 25px;
  padding: 10px;
  border: solid 1px #000; }