.header {
  height: 50px;
  font-size: large;
  /* ヘッダーを画面上部に固定 */
  top: 0;
  position: sticky;
  /* ヘッダー背景を白塗り */
  background-color: #fff;
  /* YOASOBI他画面に合わせてヘッダーに下線付与 */
  border-bottom: 1px solid #ccc;
}

.header_img {
  height: 35px;
  margin-top: 8px;
}

.title_zone {
  display: flex;
  height: 50px;
  background-color: #d10a1c;
  color: #ffffff;
  font-size: 14px;
}

.title_zone .title_name {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 10px;
}

.contents_info {
  max-width: 960px;
  margin: 0 auto;
}

.contents_inner_frame {
  width: 100%;
  height: 90vh;
  /* YOASOBI他画面に合わせてYOASOBI iframeの枠線除去 */
  border: none;
}

.title_name .name {
  font-size: large;
}