@charset "UTF-8";
/* CSS Document */

* {box-sizing: border-box;}
html,body{height:100%}
body {
	margin:0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, Helvetica, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
  font-weight: 500;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
  background-color: #eee;
}
h1 {
  color: #1C1C1C;
  margin: 30px 0;
}
p {
  text-align: right;
}
p a {
  color: #222;
  margin-right: 1em;
}
#video_frame {
  background-color: #bbb;
  position: relative;
  width: 80%;
  padding-top: 45%; /* 16:9のアスペクト比 56.25%*/
  height: 0;
}
#video_frame iframe {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
}
.small {font-size: 75%;}
.hide_pc {display: none;}
.hide_sp {display: block;}
@media screen and (max-width: 768px) {
	h1 {
    font-size: 12px;
    font-size: 1.2rem;
	}
  #video_frame {
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 56.25%*/
  }
  #video_frame iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
		border: solid 4px #bbb;
  }
  p a {
    font-size: 7px;
    font-size: .7rem;
  }
  .small {font-size: 75%;}
  .hide_pc {display: block;}
  .hide_sp {display: none;}
｝