@charset "UTF-8";
.legacy {
  /* レイアウト：写真(幅50%)、テキスト(幅50%) */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* '' */
  /* ヒーロー画像を背景にしたセクション。背景画像は別途指定すること */
  /* ほしぞら情報 */
  /* 特集 */
  /* 火星大接近2018 */
  /* 火星大接近2020 */
  /* ペルセウス座流星群 */
  /* ふたご座流星群 */
  /* 基礎知識 */
  /* 第一赤道儀室 */
  /* 子午儀資料館 */
  /* ゴーチェ子午環 */
  /* 天文機器資料館 */
  /*.flex */
  /* 記事ページ */
  /*
    2020
  */
  /*
    2019
  */
  /*

  /*
    2018
  */
  /*
    2017
  */
  /*
    2016
  */
  /* Activity */
  /* Telescope */
  /* Project */
  /* C project */
  /* 背景画像はPCとスマホでサイズを変えた方が良い */
  /* B project */
  /* A project */
  /* Center */
  /* Division */
}
.legacy html, .legacy body, .legacy div, .legacy span, .legacy applet, .legacy object, .legacy iframe,
.legacy h1,
.legacy .h1, .legacy h2, .legacy .h2, .legacy h3, .legacy .h3, .legacy h4, .legacy .h4, .legacy h5, .legacy .h5, .legacy h6, .legacy .h6, .legacy p, .legacy blockquote, .legacy pre,
.legacy a, .legacy abbr, .legacy acronym, .legacy address, .legacy big, .legacy cite, .legacy code,
.legacy del, .legacy dfn, .legacy em, .legacy img, .legacy ins, .legacy kbd, .legacy q, .legacy s, .legacy samp,
.legacy small, .legacy strike, .legacy strong, .legacy sub, .legacy sup, .legacy tt, .legacy var,
.legacy b, .legacy u, .legacy i, .legacy center,
.legacy dl, .legacy dt, .legacy dd, .legacy ol, .legacy ul, .legacy li,
.legacy fieldset, .legacy form, .legacy label, .legacy legend,
.legacy table, .legacy caption, .legacy tbody, .legacy tfoot, .legacy thead, .legacy tr, .legacy th, .legacy td,
.legacy article, .legacy aside, .legacy canvas, .legacy details, .legacy embed,
.legacy figure, .legacy figcaption, .legacy footer, .legacy header, .legacy hgroup,
.legacy menu, .legacy nav, .legacy output, .legacy ruby, .legacy section, .legacy summary,
.legacy time, .legacy mark, .legacy audio, .legacy video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.legacy html {
  line-height: 1;
}
.legacy ol, .legacy ul {
  list-style: none;
}
.legacy table {
  border-collapse: collapse;
  border-spacing: 0;
}
.legacy caption, .legacy th, .legacy td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
.legacy q, .legacy blockquote {
  quotes: none;
}
.legacy q:before, .legacy q:after, .legacy blockquote:before, .legacy blockquote:after {
  content: "";
  content: none;
}
.legacy a img {
  border: none;
}
.legacy article, .legacy aside, .legacy details, .legacy figcaption, .legacy figure, .legacy footer, .legacy header, .legacy hgroup, .legacy main, .legacy menu, .legacy nav, .legacy section, .legacy summary {
  display: block;
}
.legacy .l-container:after,
.legacy .l-container--full:after,
.legacy .l-row:after,
.legacy .l-row--gutters:after,
.legacy .l-row__col:after,
.legacy .l-row__col--pull:after,
.legacy .l-clr:after,
.legacy .l-group:after,
.legacy .l-grid-pattern:after, .legacy .float-box:after, .legacy .dl--horizontal:after, .legacy .header__inner:after, .legacy .wrap-data-dl-link:after, .legacy .wrap-dl-link:after, .legacy .wrap-gallery-box:after, .legacy .gallery-box:after, .legacy .news-index__item:after {
  content: "";
  clear: both;
  display: block;
}
.legacy div,
.legacy header,
.legacy article,
.legacy section,
.legacy nav,
.legacy aside,
.legacy footer,
.legacy p,
.legacy ul,
.legacy ol,
.legacy li,
.legacy dl,
.legacy dt,
.legacy dd,
.legacy pre,
.legacy address,
.legacy tr,
.legacy th,
.legacy td,
.legacy figure,
.legacy figcaption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.legacy h1, .legacy .h1, .legacy h2, .legacy .h2, .legacy h3, .legacy .h3, .legacy h4, .legacy .h4, .legacy h5, .legacy .h5, .legacy h6, .legacy .h6 {
  color: #373737;
}
.legacy h1, .legacy .h1 {
  margin: 1.5em 0;
  color: #373737;
  font-size: 30px;
  font-size: 1.875em;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.07em;
}
.legacy h2, .legacy .h2 {
  margin: 2em 0 1em;
  color: #373737;
  font-size: 24px;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.legacy h3, .legacy .h3 {
  margin: 2em 0 0.5em;
  padding: 0 0 0.5em;
  font-size: 20px;
  font-size: 1.25em;
  color: #373737;
  font-weight: bold;
  line-height: 1.25;
  border-bottom: 1px dotted #999;
}
.legacy h4, .legacy .h4 {
  margin: 1em 0;
  padding: 0.5em 0;
  color: #373737;
  font-size: 18px;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.25;
}
.legacy h5, .legacy .h5 {
  margin: 1em 0;
  color: #373737;
  font-size: 16px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.25;
}
.legacy h6, .legacy .h6 {
  margin: 1em 0 0;
  color: #373737;
  font-size: 16px;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.25;
}
.legacy p,
.legacy ul,
.legacy ol,
.legacy dl,
.legacy pre,
.legacy address,
.legacy table,
.legacy figcaption,
.legacy button {
  color: #373737;
  font-size: 16px;
  font-size: 1em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .legacy p,
  .legacy ul,
  .legacy ol,
  .legacy dl,
  .legacy pre,
  .legacy address,
  .legacy table,
  .legacy figcaption,
  .legacy button {
    font-size: 16px;
    font-size: 1em;
  }
}
.legacy strong,
.legacy em,
.legacy b {
  font-size: inherit;
  font-weight: bold;
  font-style: normal;
  line-height: inherit;
}
.legacy strong {
  color: #A41D2F;
}
.legacy em {
  font-weight: bold;
}
.legacy i {
  font-style: italic;
}
.legacy small {
  color: #777;
  font-size: 14px;
  font-size: 0.875em;
}
.legacy h1 small, .legacy .h1 small, .legacy h2 small, .legacy .h2 small, .legacy h3 small, .legacy .h3 small, .legacy h4 small, .legacy .h4 small, .legacy h5 small, .legacy .h5 small {
  font-size: 0.75em;
  color: inherit;
}
.legacy p {
  margin-bottom: 1.5em;
  line-height: 1.8;
}
.legacy ul {
  list-style: disc outside;
  margin: 0 0 1.5em 2em;
}
.legacy ul a {
  text-decoration: none;
}
.legacy ul a:hover {
  text-decoration: underline;
}
.legacy ul ul {
  margin-left: 1em;
}
.legacy ol {
  list-style: decimal outside;
  margin: 0 0 1.5em 2em;
}
.legacy ol a {
  text-decoration: none;
}
.legacy ol a:hover {
  text-decoration: underline;
}
.legacy ol ol {
  margin-left: 1em;
}
.legacy li {
  line-height: 1.8;
}
.legacy dl {
  margin: 0 0 1em;
}
.legacy dl a {
  text-decoration: none;
}
.legacy dl a:hover {
  text-decoration: underline;
}
.legacy dt {
  font-weight: bold;
  line-height: 1.8;
}
.legacy dd {
  margin-bottom: 1em;
  line-height: 1.8;
}
.legacy a {
  color: #0E549F;
}
.legacy a:visited {
  color: #743F83;
}
.legacy a:focus {
  outline-width: medium;
  outline-offset: 0;
}
.legacy a:hover {
  color: #0E549F;
  text-decoration: none;
}
.legacy a:active {
  color: #0E549F;
}
.legacy img {
  vertical-align: bottom;
}
.legacy figure {
  margin: 2.75em 0;
  text-align: center;
}
.legacy figcaption {
  padding: 0.75em 1.25em;
  font-size: 14px;
  font-size: 0.875em;
  text-align: left;
  line-height: 1.8;
  background-color: #f7f7f7;
}
.legacy input,
.legacy textarea {
  font-size: 16px;
  font-size: 1em;
  color: #373737;
}
.legacy blockquote {
  color: #545454;
  margin: 0 0 1em;
  padding: 9px 18px 0 18px;
  border-left: 5px solid #CCC;
}
.legacy blockquote p {
  color: #545454;
}
.legacy blockquote cite {
  display: block;
  font-size: 16px;
  font-size: 1em;
}
.legacy blockquote cite:before {
  content: "— ";
}
.legacy hr {
  border: 1px solid #CCC;
  clear: both;
  margin: 1em 0;
  height: 0;
}
.legacy abbr, .legacy acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #545454;
}
.legacy abbr {
  text-transform: none;
}
.legacy pre {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
  line-height: 1.8;
  font-family: Osaka-mono, "MS Gothic", monospace;
}
.legacy sup,
.legacy sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.legacy sup a,
.legacy sub a {
  text-decoration: none;
}
.legacy sup {
  top: -0.5em;
}
.legacy sub {
  bottom: -0.25em;
}
@media only screen and (max-width: 767px) {
  .legacy input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}
.legacy .l-container {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .legacy .l-container {
    width: 90%;
  }
}
.legacy .l-container--full {
  width: 100%;
}
.legacy .l-container--extention {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.legacy .l-container--large {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.legacy .l-container--middle {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 900px) {
  .legacy .l-container--middle {
    width: 90%;
    max-width: none;
  }
}
.legacy .l-row,
.legacy .l-row--gutters {
  width: 100%;
  padding-bottom: 0;
}
.legacy .l-row__col, .legacy .l-row__col--pull {
  display: block;
  float: left;
  width: 100%;
}
.legacy p.l-row__col, .legacy p.l-row__col--pull {
  margin-bottom: 0 !important;
}
.legacy .l-row__col--pull {
  float: right;
}
.legacy .l-row__col--center {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .legacy .sp-span-half {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .l-container {
    width: 96%;
    max-width: 1280px;
  }
  .legacy .l-row--gutters .l-row__col, .legacy .l-row--gutters .l-row__col--pull,
  .legacy .l-row--gutters .l-row__col--pull {
    margin-left: 2%;
  }
  .legacy .l-row__col--push {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0;
  }
  .legacy .l-row--gutters .l-row .l-row__col, .legacy .l-row--gutters .l-row .l-row__col--pull {
    margin-left: 0%;
  }
  .legacy .l-row--gutters .main {
    width: 100%;
    margin-left: 0;
  }
  .legacy .l-row--gutters .side {
    margin-left: 0;
  }
  .legacy .l-row--gutters .l-row__col:first-of-type, .legacy .l-row--gutters .l-row__col--pull:first-of-type {
    margin-left: 0;
  }
  .legacy .span-1 {
    width: 6.25%;
  }
  .legacy .span-2 {
    width: 12.5%;
  }
  .legacy .span-3 {
    width: 18.75%;
  }
  .legacy .span-4 {
    width: 25%;
  }
  .legacy .span-5 {
    width: 31.25%;
  }
  .legacy .span-6 {
    width: 37.5%;
  }
  .legacy .span-7 {
    width: 43.75%;
  }
  .legacy .span-8 {
    width: 50%;
  }
  .legacy .span-9 {
    width: 56.25%;
  }
  .legacy .span-10 {
    width: 62.5%;
  }
  .legacy .span-11 {
    width: 68.75%;
  }
  .legacy .span-12 {
    width: 75%;
  }
  .legacy .span-13 {
    width: 81.25%;
  }
  .legacy .span-14 {
    width: 87.5%;
  }
  .legacy .span-15 {
    width: 93.75%;
  }
  .legacy .span-16 {
    width: 100%;
  }
  .legacy .span-devide-3, .legacy .span-div3 {
    width: 33.333%;
  }
  .legacy .span-devide-5, .legacy .span-div5 {
    width: 20%;
  }
  .legacy .span-10of100 {
    width: 10%;
  }
  .legacy .span-20of100 {
    width: 20%;
  }
  .legacy .span-30of100 {
    width: 30%;
  }
  .legacy .span-40of100 {
    width: 40%;
  }
  .legacy .span-50of100 {
    width: 50%;
  }
  .legacy .span-60of100 {
    width: 60%;
  }
  .legacy .span-70of100 {
    width: 70%;
  }
  .legacy .span-80of100 {
    width: 80%;
  }
  .legacy .span-90of100 {
    width: 90%;
  }
  .legacy .l-row--gutters .span-1 {
    width: 4.375%;
  }
  .legacy .l-row--gutters .span-2 {
    width: 10.75%;
  }
  .legacy .l-row--gutters .span-3 {
    width: 17.125%;
  }
  .legacy .l-row--gutters .span-4 {
    width: 23.5%;
  }
  .legacy .l-row--gutters .span-5 {
    width: 29.875%;
  }
  .legacy .l-row--gutters .span-6 {
    width: 36.25%;
  }
  .legacy .l-row--gutters .span-7 {
    width: 42.625%;
  }
  .legacy .l-row--gutters .span-8 {
    width: 49%;
  }
  .legacy .l-row--gutters .span-9 {
    width: 55.375%;
  }
  .legacy .l-row--gutters .span-10 {
    width: 61.75%;
  }
  .legacy .l-row--gutters .span-11 {
    width: 68.125%;
  }
  .legacy .l-row--gutters .span-12 {
    width: 74.5%;
  }
  .legacy .l-row--gutters .span-13 {
    width: 80.875%;
  }
  .legacy .l-row--gutters .span-14 {
    width: 87.25%;
  }
  .legacy .l-row--gutters .span-15 {
    width: 93.625%;
  }
  .legacy .l-row--gutters .span-16 {
    width: 100%;
  }
  .legacy .l-row--gutters .span-devide-3, .legacy .l-row--gutters .span-div3 {
    width: 32%;
  }
  .legacy .l-row--gutters .span-devide-5, .legacy .l-row--gutters .span-div5 {
    width: 18.4%;
  }
  .legacy .l-grid-pattern .span-devide-2, .legacy .l-grid-pattern .span-div2 {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .legacy .l-grid-pattern .span-devide-3, .legacy .l-grid-pattern .span-div3 {
    width: 33.333%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .legacy .l-grid-pattern .span-devide-4, .legacy .l-grid-pattern .span-div4 {
    width: 25%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .legacy .l-grid-pattern .span-devide-5, .legacy .l-grid-pattern .span-div5 {
    width: 20%;
    padding-left: 1%;
    padding-right: 1%;
  }
  .legacy .span-fix--bp-narrow-max {
    width: 767px;
  }
}
@media only screen and (max-width: 767px) {
  .legacy .sp-span-1 {
    width: 6.25%;
  }
  .legacy .sp-span-2 {
    width: 12.5%;
  }
  .legacy .sp-span-3 {
    width: 18.75%;
  }
  .legacy .sp-span-4 {
    width: 25%;
  }
  .legacy .sp-span-5 {
    width: 31.25%;
  }
  .legacy .sp-span-6 {
    width: 37.5%;
  }
  .legacy .sp-span-7 {
    width: 43.75%;
  }
  .legacy .sp-span-8 {
    width: 50%;
  }
  .legacy .sp-span-9 {
    width: 56.25%;
  }
  .legacy .sp-span-10 {
    width: 62.5%;
  }
  .legacy .sp-span-11 {
    width: 68.75%;
  }
  .legacy .sp-span-12 {
    width: 75%;
  }
  .legacy .sp-span-13 {
    width: 81.25%;
  }
  .legacy .sp-span-14 {
    width: 87.5%;
  }
  .legacy .sp-span-15 {
    width: 93.75%;
  }
  .legacy .sp-span-16 {
    width: 100%;
  }
  .legacy .sp-span-devide-3, .legacy .sp-span-div3 {
    width: 33.333%;
  }
  .legacy .sp-span-devide-5, .legacy .sp-span-div5 {
    width: 20%;
  }
  .legacy .sp-span-10of100 {
    width: 10%;
  }
  .legacy .sp-span-20of100 {
    width: 20%;
  }
  .legacy .sp-span-30of100 {
    width: 30%;
  }
  .legacy .sp-span-40of100 {
    width: 40%;
  }
  .legacy .sp-span-50of100 {
    width: 50%;
  }
  .legacy .sp-span-60of100 {
    width: 60%;
  }
  .legacy .sp-span-70of100 {
    width: 70%;
  }
  .legacy .sp-span-80of100 {
    width: 80%;
  }
  .legacy .sp-span-90of100 {
    width: 90%;
  }
  .legacy .l-row--gutters .sp-span-1 {
    width: 4.375%;
  }
  .legacy .l-row--gutters .sp-span-2 {
    width: 10.75%;
  }
  .legacy .l-row--gutters .sp-span-3 {
    width: 17.125%;
  }
  .legacy .l-row--gutters .sp-span-4 {
    width: 23.5%;
  }
  .legacy .l-row--gutters .sp-span-5 {
    width: 29.875%;
  }
  .legacy .l-row--gutters .sp-span-6 {
    width: 36.25%;
  }
  .legacy .l-row--gutters .sp-span-7 {
    width: 42.625%;
  }
  .legacy .l-row--gutters .sp-span-8 {
    width: 49%;
  }
  .legacy .l-row--gutters .sp-span-9 {
    width: 55.375%;
  }
  .legacy .l-row--gutters .sp-span-10 {
    width: 61.75%;
  }
  .legacy .l-row--gutters .sp-span-11 {
    width: 68.125%;
  }
  .legacy .l-row--gutters .sp-span-12 {
    width: 74.5%;
  }
  .legacy .l-row--gutters .sp-span-13 {
    width: 80.875%;
  }
  .legacy .l-row--gutters .sp-span-14 {
    width: 87.25%;
  }
  .legacy .l-row--gutters .sp-span-15 {
    width: 93.625%;
  }
  .legacy .l-row--gutters .sp-span-16 {
    width: 100%;
  }
  .legacy .l-row--gutters .sp-span-devide-2, .legacy .l-row--gutters .sp-span-div2 {
    width: 48%;
  }
  .legacy .l-row--gutters .sp-span-devide-3, .legacy .l-row--gutters .sp-span-div3 {
    width: 32%;
  }
  .legacy .l-row--gutters .sp-span-devide-5, .legacy .l-row--gutters .sp-span-div5 {
    width: 18.4%;
  }
  .legacy .l-grid-pattern .sp-span-devide-2, .legacy .l-grid-pattern .sp-span-div3 {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%;
  }
}
.legacy .l-fixed-h__img {
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .legacy .l-fixed-h__img {
    height: 600px;
  }
}
.legacy .l-fixed-h__text {
  height: auto;
}
@media only screen and (min-width: 768px) {
  .legacy .l-fixed-h__text {
    height: 600px;
    overflow: auto;
  }
}
.legacy .l-fixed-h__text__inner {
  margin: 0 auto;
}
.legacy .clear {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .legacy .sp-clear {
    clear: both;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .pc-clear {
    clear: both;
  }
}
.legacy .reader-text {
  display: none;
}
@media only screen and (max-width: 767px) {
  .legacy .sp-hide {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .pc-hide {
    display: none !important;
  }
}
.legacy .no-border, .legacy .info-box--no-border {
  border: none !important;
}
.legacy [id^=index],
.legacy [id^=note],
.legacy [id^=desc] {
  margin-top: -70px;
  padding-top: 70px;
}
.legacy a[href^="#note"] {
  font-size: 12px;
  font-size: 0.75em;
}
.legacy .bd-round {
  border-radius: 4px;
}
.legacy .bd-round--l {
  border-radius: 6px;
}
.legacy .bd-circle {
  border-radius: 50%;
}
.legacy .text--right {
  text-align: right;
}
.legacy .text--center {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .legacy .sp-text--center {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .pc-text--center {
    text-align: center;
  }
}
.legacy ul.text--right li {
  list-style: none;
}
.legacy .text--fz-xxxxlarge {
  font-size: 36px;
  font-size: 2.25em;
}
.legacy .text--fz-xxxlarge {
  font-size: 30px;
  font-size: 1.875em;
}
.legacy .text--fz-xxlarge {
  font-size: 24px;
  font-size: 1.5em;
}
.legacy .text--fz-xlarge {
  font-size: 20px;
  font-size: 1.25rem;
}
.legacy .text--fz-large {
  font-size: 18px;
  font-size: 1.125em;
}
.legacy .text--fz-normal {
  font-size: 16px;
  font-size: 1em;
}
.legacy .text--fz-smaller {
  font-size: 14px;
  font-size: 0.875em;
}
.legacy .text--fz-small {
  font-size: 12px;
  font-size: 0.75em;
}
.legacy .text--fz-xsmall {
  font-size: 11px;
  font-size: 0.6875rem;
}
.legacy .text--blue {
  color: #0E549F;
}
.legacy .text--red {
  color: #A41D2F;
}
.legacy .text-marker, .legacy em {
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(255, 255, 102, 0.7) 60%);
}
.legacy .text--bold {
  font-weight: bold;
}
.legacy .text--nowrap {
  white-space: nowrap;
}
.legacy .text-overflow, .legacy .weekly-top-box__inner__cap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.legacy .text--white {
  color: #fff;
}
.legacy .text--white a, .legacy .text--white a:visited, .legacy .text--white a:hover {
  color: #fff;
}
.legacy .text--dark-smoke {
  color: #f3f3f3;
}
.legacy .text--dark-smoke a, .legacy .text--dark-smoke a:visited, .legacy .text--dark-smoke a:hover {
  color: #f3f3f3;
}
.legacy .text-indent--1em {
  text-indent: 1em;
}
.legacy .text--sample {
  font-weight: bold;
  letter-spacing: 0;
  background: #333;
  background: -webkit-linear-gradient(top, #27378C 0%, #0092C9 50%, #27378C 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.legacy .text--naoj-blue {
  color: #0E549F;
}
.legacy .text--naoj-aqua {
  color: #01A2D6;
}
.legacy .bar--blue {
  display: inline-block;
  padding: 0.4em 0.8em;
  margin-right: 0.5em;
  color: #fff;
  font-size: 0.9em;
  background-color: #0E549F;
}
.legacy .link-box {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
}
.legacy .link-box:hover {
  text-decoration: none;
}
.legacy .link-box:hover img {
  opacity: 0.8;
  transition: opacity 0.4s ease-in-out;
}
.legacy a.link-box p,
.legacy a.link-box figcaption {
  color: #0E549F;
  text-decoration: none;
}
.legacy a.link-box p.link-black-bg,
.legacy a.link-box figcaption.link-black-bg {
  color: #59a6f8;
}
.legacy a.link-box:visited p,
.legacy a.link-box:visited figcaption {
  color: #743F83;
  text-decoration: none;
}
.legacy a.link-box:visited p.link-black-bg,
.legacy a.link-box:visited figcaption.link-black-bg {
  color: #A097E0;
}
.legacy .link-box--bnr {
  margin-bottom: 1em;
  padding: 1em 2em;
  border: 1px solid #CCC;
}
.legacy .link-box--bnr:hover {
  background-color: #f7f7f7;
}
.legacy .link-box--bnr p {
  margin-bottom: 0;
}
.legacy .link-box--bnr--bold {
  border: 6px solid #f3f3f3;
}
.legacy .link-box--disabled:hover {
  background-color: transparent;
}
.legacy .link-box--disabled:hover img {
  opacity: 1;
}
.legacy .link-box--bg {
  padding: 100px 20px;
  background-color: #373737;
  background-position: center center;
  background-repeat: none;
  background-size: cover;
}
.legacy .link-box--bg:hover {
  background-color: #373737;
}
.legacy a.link-box--bg:link p,
.legacy a.link-box--bg:visited p,
.legacy a.link-box--bg:hover {
  color: #fff;
}
.legacy .link-keep-color {
  color: #0E549F !important;
}
.legacy .link-keep-color:hover {
  color: #0E549F !important;
}
.legacy .link-keep-color:visited {
  color: #0E549F !important;
}
.legacy .link-none-line {
  text-decoration: none;
}
.legacy .link-none-line:hover {
  text-decoration: underline;
}
.legacy .link-black-bg {
  color: #59a6f8;
}
.legacy .link-black-bg:visited {
  color: #A097E0;
}
.legacy .link-black-bg:hover {
  color: #59a6f8;
}
.legacy .link {
  color: #0E549F;
}
.legacy .link:visited {
  color: #743F83;
}
.legacy .link:hover {
  color: #0E549F;
}
.legacy .float-box__left {
  float: left;
  margin: 0.3em 1em 0.75em 0;
}
.legacy .float-box__right {
  float: right;
  margin: 0.3em 0 0.75em 1em;
}
.legacy .float-box--10 {
  width: 9%;
  margin-left: 0;
  margin-right: 0;
}
.legacy .float-box--20 {
  width: 19%;
  margin-left: 0;
  margin-right: 0;
}
.legacy .float-box--40 {
  width: 39%;
  margin-left: 0;
  margin-right: 0;
}
.legacy .float-box--50 {
  width: 49%;
  margin-left: 0;
  margin-right: 0;
}
.legacy .float-box--60 {
  width: 59%;
  margin-left: 0;
  margin-right: 0;
}
.legacy .float-box--80 {
  width: 79%;
  margin-left: 0;
  margin-right: 0;
}
.legacy .float-box--90 {
  width: 89%;
  margin-left: 0;
  margin-right: 0;
}
.legacy .ul--disc {
  margin-left: 1.5em;
  list-style: disc;
}
.legacy .ul--circle {
  margin-left: 1.5em;
  list-style: circle;
}
.legacy .ul--no-marker {
  list-style: none;
  margin-left: 1.5em;
}
.legacy .ul--reset, .legacy .news-index {
  list-style: none;
  margin: 0;
}
.legacy .item-anchor a,
.legacy .item-anchor li a,
.legacy a.item-anchor {
  text-decoration: underline;
}
.legacy .item--anchor a:hover,
.legacy .item--anchor li a:hover,
.legacy a.item--anchor:hover {
  text-decoration: none;
}
.legacy .ul--horizontal {
  margin: 0;
}
.legacy .ul--horizontal li {
  display: inline-block;
  padding: 0 1.5em 0 0;
}
.legacy .ul--horizontal li:last-child {
  padding-right: 0;
}
.legacy .ul--unstyled-item {
  margin-left: 0;
  list-style: none;
}
.legacy .ul--unstyled-item li {
  margin-left: 0;
}
.legacy .ul--unstyled-item ul {
  margin-left: 1.5em;
}
.legacy .ol--unstyled-item {
  list-style: none;
  margin-left: 0;
}
.legacy .ul--gray li, .legacy .ol--gray li {
  color: #999;
}
.legacy .ul--gray li span, .legacy .ol--gray li span {
  color: #373737;
}
.legacy .ul--bold li, .legacy .ol--bold li {
  font-weight: bold;
}
.legacy .ul--bold li span, .legacy .ol--bold li span {
  font-weight: normal;
}
.legacy .dl--dotted-line {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.legacy .dl--dotted-line dt {
  padding: 1em 0 0;
  border-top: 1px dotted #CCC;
}
.legacy .dl--dotted-line dt:first-child {
  border-top: none;
}
.legacy .dl--dotted-line dd {
  margin-bottom: 0;
  padding: 0 0 0.5em;
}
.legacy .dl--dotted-line .no-line {
  border-top: none;
}
.legacy .dl--top-btm-line {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.legacy .dl--top-btm-line dt:first-child {
  border-top: none;
}
.legacy .dl--stripe dt:nth-of-type(2n),
.legacy .dl--stripe dd:nth-of-type(2n) {
  background-color: #f7f7f7;
}
.legacy .dl--double-stripe dt:nth-of-type(4n-1),
.legacy .dl--double-stripe dd:nth-of-type(4n-1),
.legacy .dl--double-stripe dt:nth-of-type(4n),
.legacy .dl--double-stripe dd:nth-of-type(4n) {
  background-color: #f7f7f7;
}
.legacy .dl--horizontal dt {
  padding: 0.75em 0 0.25em;
}
.legacy .dl--horizontal dd {
  margin-bottom: 0;
  padding: 0 0 0.75em;
}
@media only screen and (min-width: 768px) {
  .legacy .dl--horizontal {
    margin-bottom: 1em;
  }
  .legacy .dl--horizontal dt {
    float: left;
    clear: both;
    width: 40%;
    padding: 1em 2em 1em 0;
    font-weight: bold;
    line-height: 1.8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .legacy .dl--horizontal dd {
    float: right;
    width: 60%;
    padding: 1em 0 1em;
    line-height: 1.8;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .dl--horizontal--narrow-dt dt {
    width: 20%;
  }
  .legacy .dl--horizontal--narrow-dt dd {
    width: 80%;
  }
}
.legacy .dl--narrow-vartical dt, .legacy .dl--narrow-vartical dd {
  padding: 0;
}
.legacy .dl--narrow-vartical dd {
  margin-bottom: 0.25em;
}
@media only screen and (min-width: 768px) {
  .legacy .dl--narrow-vartical dd {
    margin-bottom: 0.25em;
  }
}
.legacy .dl--horizontal--solid-line {
  border-bottom: 1px solid #CCC;
}
.legacy .dl--horizontal--solid-line dt {
  border-top: 1px solid #CCC;
}
@media only screen and (min-width: 768px) {
  .legacy .dl--horizontal--solid-line {
    border-top: none;
  }
  .legacy .dl--horizontal--solid-line dd {
    border-top: 1px solid #CCC;
  }
  .legacy .dl--horizontal--solid-line .no-line {
    border-top: none;
  }
  .legacy .dl--horizontal--solid-line .dl--default {
    border-bottom: none;
  }
  .legacy .dl--horizontal--solid-line .dl--default dt, .legacy .dl--horizontal--solid-line .dl--default dd {
    border-top: none;
  }
}
.legacy .dl--horizontal--dotted-line {
  border-bottom: 1px solid #CCC;
}
.legacy .dl--horizontal--dotted-line dt {
  border-top: 1px dotted #CCC;
}
.legacy .dl--horizontal--dotted-line dt:first-of-type {
  border-top: 1px solid #CCC;
}
@media only screen and (min-width: 768px) {
  .legacy .dl--horizontal--dotted-line dd {
    border-top: 1px dotted #CCC;
  }
  .legacy .dl--horizontal--dotted-line .no-line {
    border-top: none;
  }
  .legacy .dl--horizontal--dotted-line dd:first-of-type {
    border-top: 1px solid #CCC;
  }
  .legacy .dl--horizontal--dotted-line .dl--default {
    border-bottom: none;
  }
  .legacy .dl--horizontal--dotted-line .dl--default dt, .legacy .dl--horizontal--dotted-line .dl--default dd {
    border-top: none;
  }
}
.legacy .dl--dt-small dt {
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875em;
}
.legacy .dl--bd-blue {
  border-color: #0E549F;
}
.legacy .dl--bd-blue dt, .legacy .dl--bd-blue dd {
  border-color: #0E549F;
}
@media only screen and (min-width: 768px) {
  .legacy .figure--vertical {
    width: 75%;
    margin: 40px auto;
    text-align: center;
  }
}
.legacy .border, .legacy bd {
  border: 1px solid #CCC;
}
.legacy .bd-top {
  border-top: 1px solid #CCC;
}
.legacy .bd-right {
  border-right: 1px solid #CCC;
}
.legacy .bd-btm {
  border-bottom: 1px solid #CCC;
}
.legacy .bd-left {
  border-left: 1px solid #CCC;
}
.legacy .bd--bold {
  border-width: 3px;
}
.legacy .bd--faint-bd-color {
  border-color: #e7e7e7;
}
.legacy .bd--blue {
  border-color: #0E549F;
}
.legacy .table--default, .legacy .pic-data {
  width: 100%;
  margin-bottom: 2em;
}
.legacy .table--default caption, .legacy .pic-data caption {
  margin-bottom: 0.5em;
  font-weight: bold;
}
.legacy .table--default th, .legacy .pic-data th {
  padding: 1em;
  line-height: 1.3;
}
.legacy .table--default td, .legacy .pic-data td {
  padding: 1em;
  line-height: 1.3;
}
.legacy .col-10 {
  width: 10%;
}
.legacy .col-20 {
  width: 20%;
}
.legacy .col-30 {
  width: 30%;
}
.legacy .col-40 {
  width: 40%;
}
.legacy .col-50 {
  width: 50%;
}
.legacy .col-60 {
  width: 60%;
}
.legacy .col-70 {
  width: 70%;
}
.legacy .col-80 {
  width: 80%;
}
.legacy .col-90 {
  width: 90%;
}
.legacy .col-100 {
  width: 100%;
}
.legacy .table--3-7 th {
  width: 30%;
}
.legacy .table--3-7 td {
  width: 70%;
}
.legacy .table--4-6 th {
  width: 40%;
}
.legacy .table--4-6 td {
  width: 60%;
}
.legacy .table--solid-line tr {
  border-bottom: 1px solid #CCC;
}
.legacy .table--solid-line tr:first-child {
  border-top: 1px solid #CCC;
}
.legacy .table--dotted-line tr {
  border-bottom: 1px dotted #CCC;
}
.legacy .table--dotted-line tr:first-child {
  border-top: 1px solid #CCC;
}
.legacy .table--dotted-line tr:last-child {
  border-bottom: 1px solid #CCC;
}
.legacy .table--striped tr:nth-child(odd) {
  background-color: #f7f7f7;
}
.legacy .table--striped thead tr:nth-child(odd) {
  background-color: transparent;
}
.legacy .table--striped th {
  font-weight: bold;
}
.legacy .tr--bd-top {
  border-top: 1px solid #CCC;
}
.legacy .tr--bd-btm {
  border-bottom: 1px solid #CCC;
}
.legacy .tr--b td {
  font-weight: bold;
}
.legacy .tr--strong td {
  color: #A41D2F;
  font-weight: bold;
}
.legacy .row-head {
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
}
.legacy .row-head th,
.legacy .row-head td {
  border: 1px solid #CCC;
}
.legacy .row-head th {
  background-color: #f7f7f7;
}
.legacy .row-head label {
  margin: 0;
}
.legacy .table-a {
  border-collapse: collapse;
}
.legacy .table-a th {
  font-weight: bold;
  background-color: #f7f7f7;
}
.legacy .table-a th, .legacy .table-a td {
  line-height: 1.8;
  padding: 1em;
  border: 1px solid #CCC;
  vertical-align: baseline;
}
.legacy .table-a p, .legacy .table-a ul, .legacy .table-a ol {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .legacy .row-head thead {
    display: none;
  }
  .legacy .row-head tr,
  .legacy .row-head td {
    display: block;
    width: auto;
  }
  .legacy .row-head tr {
    border: 1px solid #CCC;
    margin-bottom: 40px;
    padding: 0.5em 0.5em 0;
  }
  .legacy .row-head td {
    border: none;
    border-bottom: 1px solid #CCC;
    display: flex;
    justify-content: space-between;
  }
  .legacy .row-head td:last-child {
    border-bottom: none;
  }
  .legacy .row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 1em;
    white-space: nowrap;
  }
  .legacy .row-head td.bt-area::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .legacy .rwd-x-scroll {
    max-width: 767px;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 28px;
  }
  .legacy .rwd-x-scroll::-webkit-scrollbar {
    height: 5px;
  }
  .legacy .rwd-x-scroll::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #e7e7e7;
  }
  .legacy .rwd-x-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #999;
  }
  .legacy .rwd-x-scroll table {
    max-width: 1280px;
    min-width: 767px;
    margin-bottom: 14px;
  }
}
.legacy .first-break,
.legacy .pt--40 {
  padding-top: 40px !important;
}
.legacy .pb--40 {
  padding-bottom: 40px !important;
}
.legacy .break-top--wide {
  margin-top: 40px !important;
}
.legacy .break-top {
  margin-top: 30px !important;
}
.legacy .break-top--2,
.legacy .break-top--narrow {
  margin-top: 20px !important;
}
.legacy .break-top--1,
.legacy .break-top--very-narrow {
  margin-top: 10px !important;
}
.legacy .break-btm--4,
.legacy .break-btm--wide {
  margin-bottom: 40px !important;
}
.legacy .break-btm--3,
.legacy .break-btm {
  margin-bottom: 30px !important;
}
.legacy .break-btm-2,
.legacy .break-btm--narrow {
  margin-bottom: 20px !important;
}
.legacy .break-btm--1,
.legacy .break-btm--very-narrow {
  margin-bottom: 10px !important;
}
.legacy .break-btm--none {
  margin-bottom: 0 !important;
}
.legacy .pd--1_5rem {
  padding: 1.5rem !important;
}
.legacy .pd--40 {
  padding: 40px;
}
.legacy .pl-30 {
  padding-left: 30px;
}
.legacy .break-bd-top--wide {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #CCC;
}
.legacy .break-bd-top {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #CCC;
}
.legacy .break-bd-top--narrow {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #CCC;
}
.legacy .break-bd-top--very-narrow {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #CCC;
}
.legacy .break-bd-btm--wide {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #CCC;
}
.legacy .break-bd-btm {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #CCC;
}
.legacy .break-bd-btm--narrow {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
}
.legacy .break-bd-btm--very-narrow {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}
.legacy .base-block {
  padding-top: 40px;
  padding-bottom: 40px;
}
.legacy .base-block--low {
  padding-top: 20px;
  padding-bottom: 20px;
}
.legacy .base-block--narrow {
  padding-left: 40px;
  padding-right: 40px;
}
.legacy .base-block--small {
  padding: 20px;
}
.legacy .no-mt {
  margin-top: 0;
}
.legacy .no-mr {
  margin-right: 0;
}
.legacy .no-mb {
  margin-bottom: 0;
}
.legacy .no-ml {
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .legacy .pc-no-mb {
    margin-bottom: 0;
  }
}
.legacy .no-pt {
  padding-top: 0;
}
.legacy .no-pb {
  padding-bottom: 0;
}
.legacy .bg--white {
  background-color: #fff;
}
.legacy .bg--smoke {
  background-color: #f7f7f7;
}
.legacy .bg--black {
  background-color: #373737;
}
.legacy .bg--pure-black {
  background-color: #000;
}
.legacy .bg--blue {
  background-color: #0E549F;
}
.legacy .bg--naoj-blue {
  background-color: #0E549F;
}
.legacy .bg--naoj-cyan {
  background-color: #01A2D6;
}
.legacy .bg-transparent {
  background-color: transparent;
}
.legacy .contents-header__text {
  position: relative;
  margin-top: -60px;
  padding: 40px 1em;
  background: #fff;
}
@font-face {
  font-family: "fontello";
  src: url("/font/fontello.eot?83939663");
  src: url("/font/fontello.eot?83939663#iefix") format("embedded-opentype"), url("/font/fontello.woff2?83939663") format("woff2"), url("/font/fontello.woff?83939663") format("woff"), url("/font/fontello.ttf?83939663") format("truetype"), url("/font/fontello.svg?83939663#fontello") format("svg");
}
.legacy [class^=icon-]:before, .legacy [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.legacy .icon-down-open-big:before {
  content: "\e800";
}
.legacy .icon-left-open-big:before {
  content: "\e801";
}
.legacy .icon-right-open-big:before {
  content: "\e802";
}
.legacy .icon-up-open-big:before {
  content: "\e803";
}
.legacy .icon-up-open-mini:before {
  content: "\e804";
}
.legacy .icon-right-open-mini:before {
  content: "\e805";
}
.legacy .icon-left-open-mini:before {
  content: "\e806";
}
.legacy .icon-down-open-mini:before {
  content: "\e807";
}
.legacy .icon-right-dir:before {
  content: "\e808";
}
.legacy .icon-menu:before {
  content: "\e809";
}
.legacy .icon-upload:before {
  content: "\e80a";
}
.legacy .icon-help:before {
  content: "\e80b";
}
.legacy .icon-mail:before {
  content: "\e80c";
}
.legacy .icon-instagram:before {
  content: "\e80d";
}
.legacy .icon-facebook:before {
  content: "\e80e";
}
.legacy .icon-gplus:before {
  content: "\e80f";
}
.legacy .icon-skype:before {
  content: "\e810";
}
.legacy .icon-tumblr:before {
  content: "\e811";
}
.legacy .icon-twitter:before {
  content: "\e812";
}
.legacy .icon-vimeo-squared:before {
  content: "\e813";
}
.legacy .icon-youtube-play:before {
  content: "\e814";
}
.legacy .icon-flickr:before {
  content: "\e815";
}
.legacy .icon-airport:before {
  content: "\e816";
}
.legacy .icon-rail:before {
  content: "\e817";
}
.legacy .icon-bus:before {
  content: "\e818";
}
.legacy .icon-star:before {
  content: "\e819";
}
.legacy .icon-star-empty:before {
  content: "\e81a";
}
.legacy .icon-search:before {
  content: "\e81b";
}
.legacy .icon-moon:before {
  content: "\e81c";
}
.legacy .icon-link:before {
  content: "\e81d";
}
.legacy .icon-help-circled:before {
  content: "\e81e";
}
.legacy .icon-calendar:before {
  content: "\e81f";
}
.legacy .icon-download:before {
  content: "\e820";
}
.legacy .icon-location:before {
  content: "\e821";
}
.legacy .icon-attention:before {
  content: "\e822";
}
.legacy .icon-attention-alt:before {
  content: "\e823";
}
.legacy .icon-rss:before {
  content: "\e824";
}
.legacy .icon-map:before {
  content: "\e825";
}
.legacy .icon-clock:before {
  content: "\e826";
}
.legacy .icon-info:before {
  content: "\e827";
}
.legacy .icon-attention-circled:before {
  content: "\e828";
}
.legacy .icon-doc-text:before {
  content: "\e829";
}
.legacy .icon-doc:before {
  content: "\e82a";
}
.legacy .icon-cancel-circled:before {
  content: "\e82b";
}
.legacy .icon-info-circled:before {
  content: "\e82c";
}
.legacy .icon-up-circle:before {
  content: "\e82d";
}
.legacy .icon-videocam:before {
  content: "\e82e";
}
.legacy .icon-cancel:before {
  content: "\e82f";
}
.legacy .icon-window:before {
  content: "\e830";
}
.legacy .icon-play:before {
  content: "\e831";
}
.legacy .icon-doc-inv:before {
  content: "\e832";
}
.legacy .icon-doc-text-inv:before {
  content: "\e833";
}
.legacy .icon-stop:before {
  content: "\e834";
}
.legacy .icon-youtube:before {
  content: "\e835";
}
.legacy .icon-bicycle:before {
  content: "\e836";
}
.legacy .icon-restaurant:before {
  content: "\e837";
}
.legacy .icon-toilet:before {
  content: "\e838";
}
.legacy .icon-circle-bold:before {
  content: "\e839";
}
.legacy .icon-tag:before {
  content: "\e83a";
}
.legacy .icon-pause:before {
  content: "\e83b";
}
.legacy .icon-video:before {
  content: "\e83c";
}
.legacy .icon-to-end:before {
  content: "\e83d";
}
.legacy .icon-to-end-alt:before {
  content: "\e83e";
}
.legacy .icon-right-circle:before {
  content: "\e83f";
}
.legacy .icon-file-pdf:before {
  content: "\e840";
}
.legacy .icon-down-open:before {
  content: "\e841";
}
.legacy .icon-left-open:before {
  content: "\e842";
}
.legacy .icon-right-open:before {
  content: "\e843";
}
.legacy .icon-up-open:before {
  content: "\e844";
}
.legacy .icon-lock:before {
  content: "\e845";
}
.legacy .icon-to-start:before {
  content: "\e846";
}
.legacy .icon-to-start-alt:before {
  content: "\e847";
}
.legacy .icon-fast-fw:before {
  content: "\e848";
}
.legacy .icon-fast-bw:before {
  content: "\e849";
}
.legacy .icon-signal:before {
  content: "\e84a";
}
.legacy .icon-user:before {
  content: "\e84b";
}
.legacy .icon-users:before {
  content: "\e84c";
}
.legacy .icon-file-word:before {
  content: "\e84d";
}
.legacy .icon-headphones:before {
  content: "\e84e";
}
.legacy .icon-camera:before {
  content: "\e84f";
}
.legacy .icon-phone:before {
  content: "\e852";
}
.legacy .icon-direction:before {
  content: "\e853";
}
.legacy .icon-compass:before {
  content: "\e854";
}
.legacy .icon-address:before {
  content: "\e855";
}
.legacy .icon-network:before {
  content: "\e857";
}
.legacy .icon-up-dir:before {
  content: "\e858";
}
.legacy .icon-left-circle:before {
  content: "\e859";
}
.legacy .icon-down-circle:before {
  content: "\e85a";
}
.legacy .icon-file-excel:before {
  content: "\e85b";
}
.legacy .icon-file-powerpoint:before {
  content: "\e85c";
}
.legacy .icon-circle-thin:before {
  content: "\e85d";
}
.legacy .icon-circle:before {
  content: "\e85e";
}
.legacy .icon-sitemap:before {
  content: "\e85f";
}
.legacy .icon-home:before {
  content: "\e860";
}
.legacy .icon-umbrella:before {
  content: "\e861";
}
.legacy .icon-newspaper:before {
  content: "\e862";
}
.legacy .icon-cloud:before {
  content: "\e863";
}
.legacy .icon-sun:before {
  content: "\e864";
}
.legacy .icon-flash:before {
  content: "\e865";
}
.legacy .icon-left-dir:before {
  content: "\e866";
}
.legacy .icon-file-image:before {
  content: "\e867";
}
.legacy .icon-file-archive:before {
  content: "\e868";
}
.legacy .icon-file-audio:before {
  content: "\e869";
}
.legacy .icon-file-video:before {
  content: "\e86a";
}
.legacy .icon-down-dir:before {
  content: "\e86b";
}
.legacy .icon-sort:before {
  content: "\f0dc";
}
.legacy [class^=icon-]:before, .legacy [class*=" icon-"]:before {
  text-decoration: none;
}
.legacy .icon-window--after:after, .legacy .icon-down-open-mini--after:after, .legacy .icon-window--after-items a[target=_blank]:after {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-decoration: none;
  width: 1em;
  margin-left: 0.2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.legacy .icon-window--after:after {
  content: "\e830";
}
.legacy .icon-down-open-mini--after:after {
  content: "\e807";
}
.legacy .icon-window--after-items a[target=_blank]:after {
  content: "\e830";
}
.legacy .btn-wrap {
  padding-bottom: 28px;
  margin-bottom: 0;
  text-align: center;
}
.legacy .btn-wrap--narrow {
  padding-bottom: 14px;
  margin-bottom: 0;
  text-align: center;
}
.legacy .btn {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.5em 1.5em;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.8;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.legacy .btn:focus,
.legacy .btn:active:focus,
.legacy .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.legacy .btn:hover,
.legacy .btn:focus {
  color: #373737;
}
.legacy .btn:active,
.legacy .btn.active {
  outline: 0;
  background-image: none;
}
.legacy .btn.disabled,
.legacy .btn[disabled],
.legacy fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.legacy .btn--default {
  color: #373737;
  background-color: #fff;
  border-color: #CCC;
}
.legacy .btn--default:hover,
.legacy .btn--default:focus,
.legacy .btn--default:active,
.legacy .btn--default.active,
.legacy .open .dropdown-toggle.btn--default {
  color: #373737;
  background-color: #f7f7f7;
  border-color: #CCC;
}
.legacy .btn--default:active,
.legacy .btn--default.active,
.legacy .open .dropdown-toggle.btn--default {
  background-image: none;
}
.legacy .btn--default.disabled,
.legacy .btn--default[disabled],
.legacy fieldset[disabled] .btn--default,
.legacy .btn--default.disabled:hover,
.legacy .btn--default[disabled]:hover,
.legacy fieldset[disabled] .btn--default:hover,
.legacy .btn--default.disabled:focus,
.legacy .btn--default[disabled]:focus,
.legacy fieldset[disabled] .btn--default:focus,
.legacy .btn--default.disabled:active,
.legacy .btn--default[disabled]:active,
.legacy fieldset[disabled] .btn--default:active,
.legacy .btn--default.disabled.active,
.legacy .btn--default[disabled].active,
.legacy fieldset[disabled] .btn--default.active {
  background-color: #fff;
  border-color: #CCC;
}
.legacy .btn--primary,
.legacy .btn--primary:visited {
  color: #fff;
  background-color: #0E549F;
}
.legacy .btn--primary:hover,
.legacy .btn--primary:focus,
.legacy .btn--primary:active,
.legacy .btn--primary.active,
.legacy .open .dropdown-toggle.btn--primary {
  color: #fff;
  background-color: #b4d5f8;
}
.legacy .btn--primary:active,
.legacy .btn--primary.active,
.legacy .open .dropdown-toggle.btn--primary {
  background-image: none;
}
.legacy .btn--primary.disabled,
.legacy .btn--primary[disabled],
.legacy fieldset[disabled] .btn--primary,
.legacy .btn--primary.disabled:hover,
.legacy .btn--primary[disabled]:hover,
.legacy fieldset[disabled] .btn--primary:hover,
.legacy .btn--primary.disabled:focus,
.legacy .btn--primary[disabled]:focus,
.legacy fieldset[disabled] .btn--primary:focus,
.legacy .btn--primary.disabled:active,
.legacy .btn--primary[disabled]:active,
.legacy fieldset[disabled] .btn--primary:active,
.legacy .btn--primary.disabled.active,
.legacy .btn--primary[disabled].active,
.legacy fieldset[disabled] .btn--primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.legacy .btn--primary .badge {
  color: #428bca;
  background-color: #ffffff;
}
.legacy .btn--success,
.legacy .btn--success:visited {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.legacy .btn--success:hover,
.legacy .btn--success:focus,
.legacy .btn--success:active,
.legacy .btn--success.active,
.legacy .open .dropdown-toggle.btn--success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}
.legacy .btn--success:active,
.legacy .btn--success.active,
.legacy .open .dropdown-toggle.btn--success {
  background-image: none;
}
.legacy .btn--success.disabled,
.legacy .btn--success[disabled],
.legacy fieldset[disabled] .btn--success,
.legacy .btn--success.disabled:hover,
.legacy .btn--success[disabled]:hover,
.legacy fieldset[disabled] .btn--success:hover,
.legacy .btn--success.disabled:focus,
.legacy .btn--success[disabled]:focus,
.legacy fieldset[disabled] .btn--success:focus,
.legacy .btn--success.disabled:active,
.legacy .btn--success[disabled]:active,
.legacy fieldset[disabled] .btn--success:active,
.legacy .btn--success.disabled.active,
.legacy .btn--success[disabled].active,
.legacy fieldset[disabled] .btn--success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.legacy .btn--success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.legacy .btn--info,
.legacy .btn--info:visited {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.legacy .btn--info:hover,
.legacy .btn--info:focus,
.legacy .btn--info:active,
.legacy .btn--info.active,
.legacy .open .dropdown-toggle.btn--info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.legacy .btn--info:active,
.legacy .btn--info.active,
.legacy .open .dropdown-toggle.btn--info {
  background-image: none;
}
.legacy .btn--info.disabled,
.legacy .btn--info[disabled],
.legacy fieldset[disabled] .btn--info,
.legacy .btn--info.disabled:hover,
.legacy .btn--info[disabled]:hover,
.legacy fieldset[disabled] .btn--info:hover,
.legacy .btn--info.disabled:focus,
.legacy .btn--info[disabled]:focus,
.legacy fieldset[disabled] .btn--info:focus,
.legacy .btn--info.disabled:active,
.legacy .btn--info[disabled]:active,
.legacy fieldset[disabled] .btn--info:active,
.legacy .btn--info.disabled.active,
.legacy .btn--info[disabled].active,
.legacy fieldset[disabled] .btn--info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.legacy .btn--info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.legacy .btn--link,
.legacy .btn--link:visited {
  color: #0E549F;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.legacy .btn--link,
.legacy .btn--link:active,
.legacy .btn--link:visited,
.legacy .btn--link[disabled],
.legacy fieldset[disabled] .btn--link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.legacy .btn--link,
.legacy .btn--link:hover,
.legacy .btn--link:focus,
.legacy .btn--link:active {
  color: #545454;
  border-color: transparent;
}
.legacy .btn--link:hover,
.legacy .btn--link:focus {
  text-decoration: underline;
  background-color: transparent;
}
.legacy .btn--link[disabled]:hover,
.legacy fieldset[disabled] .btn--link:hover,
.legacy .btn--link[disabled]:focus,
.legacy fieldset[disabled] .btn--link:focus {
  text-decoration: none;
}
.legacy .btn--no-link {
  color: #999;
  font-weight: normal;
  border-radius: 0;
  background-color: #e7e7e7;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
  cursor: default;
}
.legacy .btn--no-link:hover {
  color: #999;
}
.legacy .btn--modal {
  min-width: 100px;
  background-color: #f7f7f7;
  color: #0E549F;
  text-decoration: none;
}
.legacy .btn--modal:visited {
  color: #0E549F;
}
.legacy .btn--modal:hover {
  color: #0E549F;
  background-color: #e7e7e7;
}
.legacy .btn-card {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px;
  margin-bottom: 2em;
  color: #27378b;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #0E549F;
  transition: 0.3s;
}
.legacy .btn-card p {
  color: #0E549F;
  text-align: center;
  margin-bottom: 0;
}
.legacy .btn-card:hover, .legacy .btn-card:active {
  border-color: #00a2d0;
}
.legacy .btn-card:hover p, .legacy .btn-card:active p {
  transition: 0.3s;
  color: #00a2d0;
}
.legacy .btn-card--white {
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .legacy .l-grid-pattern .btn-card--div3 {
    width: 31.333%;
    margin-left: 1%;
    margin-right: 1%;
  }
}
.legacy .btn-card--small {
  padding-top: 20px;
  padding-bottom: 20px;
}
.legacy .btn--primary-ghost {
  color: #0E549F;
  border-color: #0E549F;
  border-radius: 0;
  transition: 0.3s;
}
.legacy .btn--primary-ghost:visited {
  color: #0E549F;
}
.legacy .btn--primary-ghost:hover {
  color: #00a2d0;
  border-color: #00a2d0;
}
.legacy .btn--primary-ghost:active {
  color: #0E549F;
}
.legacy .btn--xsmall {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.legacy .btn--small {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.legacy .btn--large {
  font-size: 18px;
  font-size: 1.125em;
  border-radius: 6px;
}
.legacy .btn--round {
  border-radius: 2.8rem;
}
.legacy .btn--no-round {
  border-radius: 0;
}
.legacy .btn--block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.legacy .btn-block + .btn-block {
  margin-top: 5px;
}
.legacy input[type=submit].btn--block,
.legacy input[type=reset].btn--block,
.legacy input[type=button].btn--block {
  width: 100%;
}
.legacy .card h1, .legacy .card .h1, .legacy .card h2, .legacy .card .h2, .legacy .card h3, .legacy .card .h3, .legacy .card h4, .legacy .card .h4, .legacy .card h5, .legacy .card .h5, .legacy .card h6, .legacy .card .h6 {
  margin-top: 0;
  padding: 1em 0.25em;
}
.legacy .card p:last-child {
  margin-bottom: 0;
}
.legacy .card {
  margin-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.legacy .card:link, .legacy .card:visited, .legacy .card:hover, .legacy .card:active {
  color: #373737;
  text-decoration: none;
}
.legacy .card:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  transition: all 0.5s;
}
.legacy .card__cate {
  display: inline-block;
  padding: 0.25em 0.5em;
  color: #fff;
  font-size: 12px;
  font-size: 0.75em;
  font-weight: bold;
}
.legacy .card__cate--researcher {
  background-color: #27378b;
}
.legacy .card__cate--engineer {
  background-color: #00a2d0;
}
.legacy .card__cate--office {
  background-color: #A41D2F;
}
.legacy .card__inner__text {
  position: relative;
  margin-top: -12px;
  padding: 0 2em 2em;
}
.legacy .card__inner__text p {
  margin-bottom: 0;
}
.legacy .card__lead {
  padding: 0.5em 0;
  font-weight: bold;
}
.legacy .card__text {
  font-size: 14px;
  font-size: 0.875em;
}
.legacy .card__text--reverse-bg {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .legacy .card__text {
    margin-bottom: 0;
  }
}
.legacy .form-step {
  margin: 0 0 56px 0;
}
.legacy .form-step__item {
  color: #545454;
  padding: 0;
  margin: 0;
  line-height: 56px;
  text-align: center;
  border-bottom: 1px solid #CCC;
}
.legacy .form-step__item--active {
  color: #365F0D;
  font-weight: bold;
  border-bottom-color: #365F0D;
}
.legacy .form--default h2, .legacy .form--default .h2 {
  font-weight: bold;
}
.legacy .form--default dl {
  margin-bottom: 60px;
}
.legacy .form--default dt {
  padding: 1em 0 0;
}
.legacy .form--default dd {
  padding: 0 0 1em;
}
.legacy .form--default .dt--large,
.legacy .form--default .dd--large {
  height: auto;
}
.legacy .form--default .dt--textarea_,
.legacy .form--default .dd--textarea {
  min-height: 10em;
  height: auto;
}
.legacy .form--default label {
  display: inline-block;
  margin: 0 1em 0.5em 0;
  margin: 0 1em 0 0;
}
.legacy .form--default input[type=text],
.legacy .form--default input[type=email],
.legacy .form--default textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 0.5em;
  font-size: 18px;
  font-size: 1.125em;
  border: 1px solid #CCC;
  border-radius: 4px;
}
.legacy .form--default input[type=text]:focus,
.legacy .form--default input[type=email]:focus,
.legacy .form--default textarea:focus {
  border: 1px solid #9dbbed;
  box-shadow: 0 0 6px #9dbbed;
  outline: none;
}
.legacy .form--default input[type=text].radio-other-text {
  width: 60%;
  margin-left: 0.5em;
}
.legacy .form--default input[type=text].text--small {
  width: auto;
  margin-right: 0.5em;
}
.legacy .form--default input[type=text].text--small::placeholder {
  font-size: 12px;
  font-size: 0.75em;
}
.legacy .form--default textarea {
  min-height: 5em;
}
.legacy .form--default select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  margin: 0.4em;
  padding: 0.5em 1em;
  font-size: 18px;
  font-size: 1.125em;
  background: #fff;
  border: 1px solid #CCC;
  border-radius: 4px;
}
.legacy .form--default select::after {
  position: absolute;
  content: "\e807";
  top: 50%;
  right: 1em;
  pointer-events: none;
}
.legacy .form--default select:focus {
  border: 1px solid #9dbbed;
  box-shadow: 0 0 6px #9dbbed;
  outline: none;
}
.legacy .form--default dd select:first-child {
  margin-left: 0;
}
.legacy .form--default input[type=checkbox] {
  margin-right: 0.5em;
}
.legacy .form--default input.input--half {
  width: 50%;
}
.legacy .form--default input.input--small {
  width: 25%;
  width: 4em;
}
.legacy .form--default input.input--small::placeholder {
  font-size: 12px;
  font-size: 0.75em;
}
.legacy .form--default input.input--xsmall {
  width: 3em;
}
.legacy .form--default input.input--xsmall::placeholder {
  font-size: 12px;
  font-size: 0.75em;
}
.legacy .form--default .dl--stripe dt:nth-of-type(2n),
.legacy .form--default .dl--stripe dd:nth-of-type(2n) {
  background-color: transparent !important;
}
.legacy .form--default .dl--double-stripe dt:nth-of-type(4n-1),
.legacy .form--default .dl--double-stripe dd:nth-of-type(4n-1),
.legacy .form--default .dl--double-stripe dt:nth-of-type(4n),
.legacy .form--default .dl--double-stripe dd:nth-of-type(4n) {
  background-color: transparent !important;
}
@media only screen and (min-width: 768px) {
  .legacy .form--default dd {
    padding: 1em 0;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .form .dl--horizontal dt {
    padding: 1em 0;
  }
}
.legacy .form pre {
  font-family: "Lato", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.legacy .form__require {
  color: #A41D2F;
  font-size: 12px;
  font-size: 0.75em;
  font-style: normal;
  font-weight: normal;
}
.legacy .form__error {
  color: #A41D2F;
  font-size: 12px;
  font-size: 0.75em;
  font-style: normal;
  font-weight: normal;
}
.legacy .wrap-radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.legacy .wrap-radio input[type=radio] + label:before {
  content: "";
  background: #f3f3f3;
  border-radius: 100%;
  border: 1px solid #b3b3b3;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  margin: 0 0.5em -2px 0;
  vertical-align: baseline;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.legacy .wrap-radio input[type=radio]:checked + label:before {
  background-color: #0E549F;
  box-shadow: inset 0 0 0 3px #f3f3f3;
}
.legacy .wrap-radio input[type=radio]:focus + label:before {
  outline: none;
  border-color: #0E549F;
}
.legacy .wrap-radio input[type=radio]:disabled:hover {
  cursor: not-allowed;
}
.legacy .wrap-radio input[type=radio]:disabled + label {
  color: #777;
}
.legacy .wrap-radio input[type=radio]:disabled + label:before {
  border-color: #fff;
  background-color: #f3f3f3;
}
.legacy .wrap-radio input[type=radio]:disabled + label:hover {
  cursor: not-allowed;
}
.legacy .wrap-radio input[type=radio] + label:empty:before {
  margin-right: 0;
}
.legacy .heading--modest {
  margin: 0.3em 0;
  font-size: 16px;
  font-size: 1em;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}
.legacy .heading--strong {
  font-family: "Lato", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 700;
}
.legacy .primary-hgroup, .legacy .primary-hgroup--center, .legacy .hgroup {
  padding: 1em 0 0;
}
@media only screen and (min-width: 768px) {
  .legacy .primary-hgroup, .legacy .primary-hgroup--center, .legacy .hgroup {
    margin: 0 0 48px;
    padding: 0;
  }
}
.legacy .primary-hgroup__main, .legacy .hgroup__main {
  margin: 0.75em 0 0.75em;
}
@media only screen and (min-width: 768px) {
  .legacy .primary-hgroup__main, .legacy .hgroup__main {
    margin: 0 0 1em;
  }
  .legacy .primary-hgroup__main span, .legacy .hgroup__main span {
    font-size: 90%;
  }
}
.legacy .primary-hgroup__sub, .legacy .hgroup__sub {
  color: #999;
  line-height: 1.1;
}
.legacy .primary-hgroup--center {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .legacy .hgroup {
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .hgroup__main {
    font-size: 24px;
    font-size: 1.5em;
  }
}
.legacy .heading-w-nav {
  padding: 30px 0 20px;
}
@media only screen and (min-width: 768px) {
  .legacy .heading-w-nav {
    padding: 30px 0 20px;
  }
}
.legacy .heading-w-nav h1, .legacy .heading-w-nav .h1 {
  display: inline-block;
  padding: 0;
  margin: 0 0 20px;
}
.legacy .reset-heading {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.legacy .hero {
  position: relative;
  height: 320px;
  background-color: #373737;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.legacy .hero h1, .legacy .hero .h1, .legacy .hero p, .legacy .hero a {
  color: #fff;
}
.legacy .hero:before {
  height: 320px;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
}
.legacy .hero--high-contrast:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.legacy .hero__text {
  position: absolute;
  width: 100%;
  text-align: center;
  height: 320px;
  padding: 80px 1em 0 1em;
  text-shadow: 0 0 0.5em #000;
}
.legacy .hero__text p {
  text-align: center;
}
.legacy .hero--dummy {
  background-image: url(/contents/project/project/img--dummy.jpg);
}
.legacy .hero--free-style {
  height: auto !important;
}
.legacy .hero--free-style:before {
  display: none;
}
@media only screen and (min-width: 768px) {
  .legacy .hero {
    height: 400px;
    background-size: auto;
  }
  .legacy .hero h1, .legacy .hero .h1 {
    font-size: 45px;
    font-size: 2.8125em;
  }
  .legacy .hero:before {
    height: 400px;
  }
  .legacy .hero__text {
    height: 400px;
    padding-top: 120px;
  }
  .legacy .hero--dummy {
    background-image: url(/contents/project/project/hero--dummy.jpg);
  }
}
.legacy .hero-section {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #545454;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.legacy .hero-section_:before {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
}
.legacy .hero-section__inner {
  width: 80%;
  max-width: 900px;
  margin: 0 auto;
  padding: 40px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .legacy .hero-section__inner {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .hero-section__inner--wh-tr {
    background-color: rgba(255, 255, 255, 0.95);
  }
}
.legacy .horizontal-lnav {
  margin-bottom: 60px;
  padding: 1em 0;
  background-color: #fff;
  border-bottom: 1px solid #CCC;
}
.legacy .horizontal-lnav ul {
  list-style: none;
  margin-bottom: 0;
}
.legacy .horizontal-lnav li {
  display: inline;
  padding: 0 1.5em 0 0;
}
.legacy .horizontal-lnav li:last-child {
  padding-right: 0;
}
.legacy .horizontal-lnav a {
  line-height: 2;
  color: #777;
  text-decoration: none;
}
.legacy .horizontal-lnav a:visited {
  color: #777;
}
.legacy .horizontal-lnav a:hover {
  color: #373737;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .legacy .horizontal-lnav {
    padding: 1em 0 0;
  }
  .legacy .horizontal-lnav li {
    padding: 0 2em 0 0;
  }
  .legacy .horizontal-lnav a {
    display: inline-block;
    padding: 0 0 1em 0;
    margin-bottom: -1px;
    line-height: 1;
  }
}
.legacy .horizontal-lnav__current a {
  color: #373737;
}
.legacy .horizontal-lnav__current a:visited {
  color: #373737;
}
.legacy .hscroll-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  /* 可視領域の高さ */
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.legacy .hscroll-nav a {
  font-weight: bold;
}
.legacy .hscroll-nav__mask {
  height: 100px;
  /* 横スクロールする理屈上の高さ */
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.legacy .hscroll-nav__item {
  padding: 0 !important;
  /* 隙間なくすため */
}
.legacy .hscroll-nav__item a {
  height: 50px;
  display: inline-block;
  background-color: transparent;
  color: #fff;
  padding: 0.5em 1em;
  text-shadow: 0 0 0.5em #000;
}
.legacy .hscroll-nav__item--current a {
  background-color: #fff;
  color: #373737;
  text-shadow: none;
}
.legacy .info-box {
  border: 1px solid #CCC;
  padding: 14px;
  margin: 14px auto;
}
.legacy .info-box p:last-of-type, .legacy .info-box ul, .legacy .info-box ol {
  margin-bottom: 0;
}
.legacy .info-box__heading {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 16px;
  font-size: 1em;
}
.legacy .info-box--note {
  color: #373737;
  border-color: #e7e7e7;
  background-color: #f7f7f7;
}
.legacy .info-box--note p, .legacy .info-box--note li, .legacy .info-box--note dd {
  color: inherit;
}
.legacy .info-box--info {
  color: #0E549F;
  border-color: #b4d5f8;
  background-color: #F3F8FD;
}
.legacy .info-box--info p, .legacy .info-box--info li, .legacy .info-box--info dd {
  color: inherit;
}
.legacy .info-box--annotation {
  color: #545454;
  font-size: 12px;
  font-size: 0.75em;
  border: none;
  background-color: #f7f7f7;
}
.legacy .info-box--annotation p, .legacy .info-box--annotation li, .legacy .info-box--annotation dd {
  color: inherit;
}
.legacy .info-box--annotation__heading {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 12px;
  font-size: 0.75em;
}
.legacy .info-box--success {
  color: #365F0D;
  border-color: #365F0D;
  background-color: #F7F8EC;
}
.legacy .info-box--success p, .legacy .info-box--success li, .legacy .info-box--success dd {
  color: inherit;
}
.legacy .info-box--attention {
  border-color: #F3C008;
  background-color: #FDF8D0;
}
.legacy .info-box--attention p, .legacy .info-box--attention li, .legacy .info-box--attention dd {
  color: inherit;
}
.legacy .info-box--warning {
  color: #A41D2F;
  border-color: #A41D2F;
  background-color: #FFF5F3;
}
.legacy .info-box--warning p, .legacy .info-box--warning li, .legacy .info-box--warning dd {
  color: inherit;
}
.legacy .info-box--contents {
  padding: 14px;
  color: #373737;
  border-color: #e7e7e7;
  border: none;
  background-color: #f7f7f7;
}
.legacy .info-box--wide-padding {
  padding: 42px;
}
.legacy .lnav-item {
  display: inline-block;
}
.legacy .lnav-item-2 {
  display: block;
  padding: 0.75em 0;
}
.legacy .lnav-item-2 ul {
  margin-bottom: 0;
}
.legacy .lnav-item-2 li {
  margin-bottom: 10px;
}
.legacy .lnav-item--active {
  font-weight: bold;
}
.legacy .lnav-title-nav {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  list-style: none;
  margin: 0;
}
.legacy .lnav-title-nav li {
  line-height: 44px;
}
.legacy .lnav-title-nav a {
  color: #373737;
}
.legacy .lnav-title-nav a:visited, .legacy .lnav-title-nav a:hover {
  color: #373737;
}
.legacy .lnav-title-nav .lnav-title-nav__current {
  order: 2;
}
.legacy .lnav-title-nav .lnav-title-nav__prev {
  order: 1;
  font-weight: normal;
}
.legacy .lnav-title-nav .lnav-title-nav__next {
  order: 3;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .legacy .lnav-padding {
    padding-top: 44px;
  }
  .legacy .lnav-wrap--fixed {
    z-index: 99;
    position: fixed;
    top: 60px;
    width: 100%;
    margin: 0;
  }
  .legacy .lnav {
    position: relative;
    color: #fff;
    background-color: #373737;
    will-change: transform;
  }
  .legacy .lnav__heading {
    line-height: 44px;
    margin-bottom: 0;
  }
  .legacy .lnav__heading:after {
    display: block;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    color: #fff;
    display: inline-block;
    width: 1em;
    text-align: right;
    content: "\e800";
    position: absolute;
    top: 0;
    right: 20px;
    width: 20px;
    height: 20px;
    pointer-events: none;
  }
  .legacy .lnav__heading--open:after {
    content: "\e803";
  }
  .legacy .lnav__items {
    display: none;
    color: #fff;
    margin: 0 0 0 1.2em;
  }
  .legacy .lnav__items li {
    margin-bottom: 0.3em;
  }
  .legacy .lnav__items li a {
    line-height: 44px;
  }
  .legacy .lnav__items--horizontal {
    margin: 0;
  }
  .legacy .lnav__items--horizontal li {
    display: inline;
    margin-right: 1.5em;
  }
  .legacy .lnav__items--sp-vertical li {
    display: block;
  }
  .legacy .lnav-primary a {
    color: #fff;
  }
  .legacy .lnav-primary .lnav__heading {
    color: #fff;
  }
  .legacy .lnav-secondary {
    color: #fff;
    background-color: #444;
  }
  .legacy .lnav-secondary a {
    color: #fff;
  }
  .legacy .lnav-secondary .lnav__heading {
    color: #fff;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .lnav {
    color: #fff;
    min-height: 50px;
    color: #373737;
    background-color: #f7f7f7;
    background-color: #fff;
    letter-spacing: -0.5em;
  }
  .legacy .lnav li {
    padding-right: 0;
    font-size: 14px;
    font-size: 0.875em;
    letter-spacing: normal;
  }
  .legacy .lnav li a {
    display: inline-block;
    line-height: 50px;
    padding: 0 15px;
    line-height: 50px;
  }
  .legacy .lnav a {
    color: #fff;
    color: #373737;
    transition: 0.3s;
  }
  .legacy .lnav a:hover {
    text-decoration: none;
    transition: 0.3s;
  }
  .legacy .lnav-primary {
    text-align: center;
    background-color: #fff;
    background-color: #f7f7f7;
  }
  .legacy .lnav-primary a:hover {
    background-color: #444;
    background-color: #e7e7e7;
    background-color: #f3f3f3;
  }
  .legacy .lnav-primary .lnav__item--current a {
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
  }
  .legacy .lnav-secondary {
    text-align: center;
    background-color: #444;
    background-color: #e7e7e7;
    background-color: #fff;
  }
  .legacy .lnav-secondary a:hover {
    background-color: #545454;
    background-color: #e7e7e7;
    background-color: #f3f3f3;
  }
  .legacy .lnav-secondary .lnav__item--current a {
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
  }
  .legacy .lnav__heading {
    display: none;
  }
  .legacy .lnav-title {
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 50px;
    background-color: #fff;
  }
  .legacy .lnav__items {
    margin: 0;
  }
  .legacy .lnav__items li {
    display: inline;
  }
  .legacy .lnav-title-nav li {
    line-height: 50px;
  }
}
.legacy .lnav__item--current a {
  font-weight: bold;
}
.legacy .fixedbox--fixed {
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  .legacy .body-fixedbox--fixed {
    margin-top: 44px;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .body-fixedbox--fixed {
    margin-top: 50px;
  }
}
.legacy .main-area {
  margin: 0;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .legacy .main {
    padding: 40px 0 0;
  }
}
.legacy .nav-box__item {
  margin-bottom: 20px;
}
.legacy .nav-box__item figcaption {
  background: transparent;
}
.legacy .nav-box__item__heading {
  margin: 0 1em 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid #CCC;
}
.legacy .nav-box__item__img:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .legacy .nav-box__item__img {
    float: left;
    width: 48%;
  }
}
.legacy .nav-box__item__link {
  display: inline-block;
  padding: 0.5em 0;
  line-height: 1.3;
}
.legacy .nav-box__item__link a {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .legacy .nav-box__item__link {
    float: right;
    width: 50%;
  }
}
.legacy .nav-box__item__text {
  display: block;
  color: #999;
  font-size: 12px;
  font-size: 0.75em;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .legacy .nav-box__item__text {
    float: right;
    width: 50%;
  }
}
.legacy .nav-link-list {
  border-top: 1px solid #CCC;
  margin-bottom: 0;
}
.legacy .nav-link-list li {
  margin-bottom: 0;
  list-style: none;
  line-height: 1;
  border-bottom: 1px dotted #CCC;
}
.legacy .nav-link-list span {
  display: block;
  padding: 1em 0;
  margin: 0;
}
.legacy .nav-link-list a {
  position: relative;
  display: block;
  padding: 1em 0;
  margin: 0;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .legacy .nav-link-list span {
    padding: 1em 1em 0 1em;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .nav-link-list {
    margin-bottom: 20px;
    border-top: none;
  }
  .legacy .nav-link-list li {
    padding: 0;
  }
  .legacy .nav-link-list li:first-child {
    border-top: 1px dotted #CCC;
  }
  .legacy .nav-link-list li:last-child {
    border-bottom: 1px dotted #CCC;
  }
  .legacy .nav-link-list li ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .legacy .nav-link-list li ul li:last-child {
    border-bottom: none;
  }
  .legacy .nav-link-list a {
    padding-left: 0;
  }
  .legacy .nav-link-list a:hover {
    background-color: #f7f7f7;
  }
}
.legacy .nav-secondary {
  text-align: center;
  margin-top: -49px;
}
.legacy .nav-secondary li {
  padding: 0;
}
.legacy .nav-secondary a {
  display: block;
  line-height: 50px;
  padding: 0 2em;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 6px #373737;
}
.legacy .nav-secondary a:hover {
  color: #fff;
}
.legacy .nav-secondary a:visited {
  color: #fff;
}
.legacy .nav-secondary .nav-secondary--current {
  background-color: #fff;
  color: #0E549F;
  text-shadow: none;
}
.legacy .nav-secondary .nav-secondary--current:hover {
  color: #0E549F;
}
.legacy .nav-secondary .nav-secondary--current:visited {
  color: #0E549F;
}
.legacy .nav-select {
  background-color: #f7f7f7;
  background-color: #545454;
  padding: 15px 0;
  overflow: hidden;
  /* 伸ばした分を隠す。FF,IE対策 */
}
.legacy .nav-select p {
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
}
.legacy .nav-select label {
  position: relative;
}
.legacy .nav-select label:after {
  display: block;
  font-family: "fontello";
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  color: #777;
  display: inline-block;
  width: 1em;
  text-align: right;
  content: "\f0dc";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  pointer-events: none;
}
.legacy .nav-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0.2em 0 0.2em 0.5em;
  background-color: #fff;
  border: 1px solid #CCC;
  font-size: 16px;
  font-size: 1em;
  font-size: 18px;
  font-size: 1.125em;
  color: #0E549F;
}
.legacy .nav-select .nav-select > select {
  width: 130%;
  /* UI分を伸ばす。FF,IE対策 */
}
.legacy .next-prev-nav--horizontal {
  margin: 0;
  padding: 1.5rem;
  background-color: #f7f7f7;
}
.legacy .next-prev-nav--horizontal p {
  margin-bottom: 0;
}
.legacy .next-prev-nav--horizontal img {
  height: 90px;
}
@media only screen and (max-width: 767px) {
  .legacy .next-prev-nav--horizontal li:nth-child(2) {
    margin-top: 0.75em;
    padding-top: 0.75em;
    border-top: 2px dotted #CCC;
  }
}
.legacy .row--hero-area {
  padding: 30px;
  background-color: #f7f7f7;
}
.legacy .row--hero-area--full {
  margin: 30px 0;
  padding: 30px 0;
  background-color: #f7f7f7;
}
.legacy .row--hero-area--first {
  margin: 0 0 60px;
  padding: 0;
  height: 200px;
}
@media only screen and (min-width: 768px) {
  .legacy .row--hero-area--first {
    height: 300px;
  }
}
.legacy .row--hero-area--first-img-astro h1, .legacy .row--hero-area--first-img-astro .h1 {
  margin: 0;
  text-align: center;
  color: #fff;
  line-height: 200px;
  background: #000 url(/img/base/first-img-astro--sp.jpg) center center no-repeat;
}
@media only screen and (min-width: 768px) {
  .legacy .row--hero-area--first-img-astro h1, .legacy .row--hero-area--first-img-astro .h1 {
    line-height: 300px;
    background: #000 url(/img/base/first-img-astro--pc.jpg) center center no-repeat;
  }
}
.legacy .rwd-img, .legacy .rwd-img--sp-half {
  max-width: 100%;
  height: auto;
}
.legacy .rwd-img-height {
  width: auto;
  max-height: 100%;
}
.legacy .rwd-img--180 {
  width: 100%;
  max-width: 150px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .legacy .rwd-img--sp-half {
    max-width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1%;
  }
}
.legacy .rwd-iframe iframe {
  max-width: 100%;
  vertical-align: bottom;
}
.legacy .fitvids {
  margin-bottom: 3em;
}
.legacy .share {
  margin: 40px 0;
  text-align: center;
}
.legacy .share b {
  display: none;
}
.legacy .share a {
  display: inline-block;
  width: 33%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 60px;
  text-decoration: none;
}
.legacy .side {
  padding: 1em 0 0;
}
.legacy .side ul {
  margin: 0;
}
.legacy .side ul ul {
  margin-left: 1em;
}
@media only screen and (min-width: 768px) {
  .legacy .side {
    margin: 2em 0;
  }
}
.legacy .side__lnav {
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .legacy .side__lnav li:last-child {
    border-bottom: 1px dotted #CCC;
  }
}
.legacy .side__bnr {
  padding: 1em 1em 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .legacy .side__bnr {
    padding: 2em 0 0;
  }
}
.legacy .youtube {
  position: relative;
}
.legacy .bnr-pamphlet {
  display: block;
  margin-bottom: 1em;
  text-decoration: none;
  line-height: 1.1;
  border: 1px solid #CCC;
}
.legacy .bnr-pamphlet:hover {
  background-color: #f7f7f7;
}
.legacy .bnr-pamphlet__inner {
  display: table-cell;
  height: 80px;
  vertical-align: middle;
  padding: 0 10px 0 60px;
}
.legacy .bnr-pamphlet__inner__2017-ja {
  background: url(/img/bnr/icon-pamphlet-2017-ja.jpg) 10px center no-repeat;
  background-size: 35px 50px;
}
.legacy .bnr-pamphlet__inner__2018-ja {
  background: url(/img/bnr/icon-pamphlet-2018-ja.jpg) 10px center no-repeat;
  background-size: 35px 50px;
}
.legacy .bnr-pamphlet__inner__2017-en {
  background: url(/img/bnr/icon-pamphlet-2017-en.jpg) 10px center no-repeat;
  background-size: 35px 50px;
}
.legacy .bnr-pamphlet__inner__2018-en {
  background: url(/img/bnr/icon-pamphlet-2018-en.jpg) 10px center no-repeat;
  background-size: 35px 50px;
}
.legacy .bnr-pamphlet__inner__2017-sp {
  background: url(/img/bnr/icon-pamphlet-2017-sp.jpg) 10px center no-repeat;
  background-size: 35px 50px;
}
.legacy .bnr-pamphlet__inner__2018-sp {
  background: url(/img/bnr/icon-pamphlet-2017-sp.jpg) 10px center no-repeat;
  background-size: 35px 50px;
}
.legacy .hero--about-naoj {
  background: #000 url(/img/about-naoj/hero-about-naoj-sp.jpg) center center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .legacy .hero--about-naoj {
    background: url(/img/about-naoj/hero-about-naoj.jpg) center center no-repeat;
  }
}
.legacy .history-table .date {
  width: 40%;
}
.legacy .history-table .event {
  width: 60%;
}
.legacy .history-table tr > td:first-child {
  vertical-align: top;
}
.legacy .hero-interview {
  position: relative;
}
.legacy .hero-interview__heading {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  padding: 0.75em 1em;
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  color: #fff;
  margin: 0;
  background-color: rgba(0, 162, 208, 0.8);
}
.legacy .hero-interview__text {
  padding: 1em;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #CCC;
}
.legacy .hero-interview__text h2, .legacy .hero-interview__text .h2 {
  margin: 0.5em 1em;
  font-size: 18px;
  font-size: 1.125em;
}
.legacy .hero-interview__text p {
  font-size: 14px;
  font-size: 0.875em;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .legacy .hero-interview {
    position: relative;
  }
  .legacy .hero-interview .hero-interview__heading {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 24px;
    font-size: 1.5em;
  }
  .legacy .hero-interview .hero-interview__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-350px, -60%);
    width: 200px;
    border-bottom: none;
  }
}
@media only screen and (min-width: 768px) {
  .legacy th.job-table__deadline {
    width: 250px;
  }
  .legacy th.job-table__post {
    width: 160px;
  }
}
.legacy .access-hgroup {
  margin-bottom: 40px;
  border-bottom: 1px solid #CCC;
}
@media only screen and (min-width: 768px) {
  .legacy .access-hgroup__heading {
    margin: 0;
  }
}
.legacy .access-hgroup__sub {
  color: #545454;
}
.legacy .access-mitaka-lnav {
  padding: 15px 0 10px;
}
.legacy .access-mitaka-lnav a {
  text-decoration: none;
}
.legacy .access-lnav {
  padding-bottom: 2em;
}
.legacy .access-lnav__inner {
  padding: 2em;
  border: 1px solid #CCC;
}
.legacy .access-lnav__inner a {
  text-decoration: none;
}
.legacy .access-lnav__heading {
  margin: 0 0 0.5em;
  font-size: 16px;
  font-size: 1em;
  font-weight: normal;
}
.legacy .bnr-workbook {
  display: block;
  margin-bottom: 1em;
  text-decoration: none;
  line-height: 1.1;
  border: 1px solid #CCC;
}
.legacy .bnr-workbook:hover {
  background-color: #f7f7f7;
}
.legacy .bnr-workbook__question,
.legacy .bnr-workbook__answer {
  display: table-cell;
  height: 120px;
  vertical-align: middle;
  padding: 0 10px 0 90px;
}
.legacy .bnr-workbook__question {
  background: url(/img/bnr/icon-workbook-question.jpg) 10px center no-repeat;
  background-size: 70px 100px;
}
.legacy .bnr-workbook__answer {
  background: url(/img/bnr/icon-workbook-answer.jpg) 10px center no-repeat;
  background-size: 70px 100px;
}
.legacy .category-heading {
  height: 400px;
  margin-bottom: 2em;
  background-color: #000;
}
.legacy .category-heading h1, .legacy .category-heading .h1 {
  color: #fff;
  margin: 0;
}
.legacy .astro-info-index {
  margin-bottom: 1em;
  text-align: left;
}
.legacy .astro-info-index h2, .legacy .astro-info-index .h2 {
  margin: 0 0 0.2em;
}
.legacy .astro-info-index__text,
.legacy .astro-info-index__text li {
  color: #545454;
  color: #999;
  line-height: 1.5;
}
.legacy .astro-info-index--uc {
  -webkit-filter: grayscale(100%);
  filter: gray;
}
.legacy .astro-info-index--uc__text {
  margin-bottom: 0;
  color: #fff;
  background-color: #999;
}
.legacy .cell-date {
  width: 5em;
}
.legacy .astro-sky-index-2017 {
  margin-top: 20px;
  margin-bottom: -20px;
  border: 1px solid #CCC;
}
.legacy .astro-sky-index-2017 p {
  padding-left: 10px;
}
.legacy .astro-sky-index-2017 li {
  color: #999;
}
@media only screen and (min-width: 768px) {
  .legacy .astro-sky-index-2017 {
    margin-top: -10px;
  }
}
.legacy .hero--astro {
  background-image: url(/img/astro/sky/hero--astro.jpg);
  background-position: center bottom;
}
.legacy .hero--astro-feature {
  background-image: url(/img/astro/feature/hero--astro-feature.jpg);
}
.legacy .hero--mars-about {
  background-image: url(/img/astro/feature/mars2018/hero--mars-about.jpg);
}
.legacy .hero--mars-position {
  background-image: url(/img/astro/feature/mars2018/hero--mars-position.jpg);
}
.legacy .hero--mars-observe {
  background-image: url(/img/astro/feature/mars2018/hero--mars-observe.jpg);
}
.legacy .hero--mars-next {
  background-image: url(/img/astro/feature/mars2018/hero--mars-next.jpg);
}
.legacy .hero--mars2020-about {
  background-image: url(/img/astro/feature/mars2020/hero--mars2020-about.jpg);
}
.legacy .hero--mars2020-position {
  background-image: url(/img/astro/feature/mars2020/hero--mars2020-position.jpg);
}
.legacy .hero--mars2020-observe {
  background-image: url(/img/astro/feature/mars2020/hero--mars2020-observe.jpg);
}
.legacy .hero--mars2020-next {
  background-image: url(/img/astro/feature/mars2020/hero--mars2020-next.jpg);
}
.legacy .hero--perseids2018 {
  background-image: url(/img/astro/feature/perseids2018/hero--perseids2018.jpg);
}
.legacy .hero--geminids2018 {
  background-image: url(/img/astro/feature/geminids2018/hero--geminids2018.jpg);
}
.legacy .hero--astro-basic {
  background-image: url(/img/astro/basic/hero--astro-basic.jpg);
}
.legacy .hero--solar-eclipse {
  background-image: url(/img/astro/basic/hero--solar-eclipse.jpg);
}
.legacy .hero--solar-eclipse-obs {
  background-image: url(/img/astro/basic/hero--solar-eclipse-obs.jpg);
}
.legacy .hero--solar-eclipse-list {
  background-image: url(/img/astro/basic/hero--solar-eclipse-list.jpg);
}
.legacy .hero--lunar-eclipse {
  background-image: url(/img/astro/basic/hero--lunar-eclipse.jpg);
}
.legacy .hero--lunar-eclipse-obs {
  background-image: url(/img/astro/basic/hero--lunar-eclipse-obs.jpg);
}
.legacy .hero--lunar-eclipse-list {
  background-image: url(/img/astro/basic/hero--lunar-eclipse-list.jpg);
}
.legacy .hero--meteor-shower {
  background-image: url(/img/astro/basic/hero--meteor-shower.jpg);
}
.legacy .hero--mars {
  background-image: url(/img/astro/basic/hero--mars.jpg);
}
.legacy .hero--mars-approach {
  background-image: url(/img/astro/basic/hero--mars-approach-v2.jpg);
}
.legacy .hero--mars-qa {
  background-image: url(/img/astro/basic/hero--mars-qa.jpg);
}
.legacy .hero--mars-list {
  background-image: url(/img/astro/basic/hero--mars-list.jpg);
}
.legacy .hero--occultation {
  background-image: url(/img/astro/basic/hero--occultation.jpg);
}
.legacy .hero--planets {
  background-image: url(/img/astro/basic/hero--planets.jpg);
}
.legacy .hero--transit {
  background-image: url(/img/astro/basic/hero--transit.jpg);
}
.legacy .hero--comet {
  background-image: url(/img/astro/basic/hero--comet.jpg);
}
.legacy .hero--major {
  background-image: url(/img/astro/basic/hero--major.jpg);
}
.legacy .hero--quadrantid {
  background-image: url(/img/astro/basic/hero--quadrantid.jpg);
}
.legacy .hero--perseid {
  background-image: url(/img/astro/basic/hero--perseid.jpg);
}
.legacy .hero--geminid {
  background-image: url(/img/astro/basic/hero--geminid.jpg);
}
.legacy .hero--obs-meteor-shower {
  background-image: url(/img/astro/basic/hero--obs-meteor-shower.jpg);
}
.legacy .audio {
  width: 100%;
}
.legacy .audio-cover {
  line-height: 150px;
  text-align: center;
  background-color: #545454;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.legacy .audio-cover p {
  color: #fff;
}
.legacy .audio-cover .btn--ghost:first-child {
  border-right-width: 0;
  margin-right: 0;
}
.legacy .audio-cover .btn--ghost:nth-child(2) {
  margin-left: 0;
}
.legacy .audio-cover--20cm-tel-dome {
  background-image: url(/img/access/mitaka/audio/20cm-tel-dome.jpg);
}
.legacy .audio-cover--20cm-tel {
  background-image: url(/img/access/mitaka/audio/20cm-tel.jpg);
}
.legacy .audio-cover--obs-sunspot {
  background-image: url(/img/access/mitaka/audio/obs-sunspot.jpg);
}
.legacy .audio-cover--transit-instrument-building {
  background-image: url(/img/access/mitaka/audio/transit-instrument-building.jpg);
}
.legacy .audio-cover--transit-instrument {
  background-image: url(/img/access/mitaka/audio/transit-instrument.jpg);
}
.legacy .audio-cover--repsold {
  background-image: url(/img/access/mitaka/audio/repsold.jpg);
}
.legacy .audio-cover--gautier-building {
  background-image: url(/img/access/mitaka/audio/gautier-building.jpg);
}
.legacy .audio-cover--gautier {
  background-image: url(/img/access/mitaka/audio/gautier.jpg);
}
.legacy .audio-cover--astro-instrument-museum {
  background-image: url(/img/access/mitaka/audio/astro-instrument-museum.jpg);
}
.legacy .audio-cover--pmc {
  background-image: url(/img/access/mitaka/audio/pmc.jpg);
}
.legacy .audio-cover--ichinohe-naozo {
  background-image: url(/img/access/mitaka/audio/ichinohe-naozo.jpg);
}
.legacy .audio-cover--ciao {
  background-image: url(/img/access/mitaka/audio/ciao.jpg);
}
.legacy .audio-cover--riefler-clock {
  background-image: url(/img/access/mitaka/audio/riefler-clock.jpg);
}
.legacy .audio-cover--pzt {
  background-image: url(/img/access/mitaka/audio/pzt.jpg);
}
.legacy .error-page-form .gsc-input-box {
  height: 2.2em !important;
  border: 1px solid #CCC !important;
}
.legacy .weekly-top-box {
  display: block;
  position: relative;
  text-decoration: none;
}
.legacy .weekly-top-box__inner:hover {
  opacity: 0.9;
}
.legacy .weekly-top-box__inner__cap {
  overflow: hidden;
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1em;
  text-align: center;
  background-color: transparent;
}
.legacy .main-pic {
  text-align: center;
  margin: 0 auto;
}
.legacy .comment {
  max-width: 700px;
  margin: 20px auto;
}
.legacy .pic-data {
  float: left;
  width: 45%;
  border-top: 1px solid #CCC;
}
.legacy .pic-data th, .legacy .pic-data td {
  border-bottom: 1px solid #CCC;
}
.legacy .pic-data caption {
  margin-bottom: 14px;
  font-family: "Lato", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .legacy .pic-data {
    float: none;
    width: 100%;
  }
}
.legacy .wrap-dl-link {
  float: right;
  width: 45%;
}
.legacy .wrap-dl-link h2, .legacy .wrap-dl-link .h2 {
  margin: 0 0 14px;
  font-size: 16px;
  font-size: 1em;
  font-family: "Lato", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: bold;
}
.legacy .wrap-dl-link ul {
  margin-bottom: 2em;
}
@media only screen and (max-width: 767px) {
  .legacy .wrap-dl-link {
    float: none;
    width: 100%;
  }
}
.legacy .weekly-next-prev-nav {
  margin-bottom: 0;
  padding: 30px 0;
  border-top: 1px dotted #CCC;
}
.legacy .weekly-next-prev-nav__next {
  height: 80px;
}
.legacy .weekly-next-prev-nav__next__img {
  float: left;
}
.legacy .weekly-next-prev-nav__next__text {
  float: left;
  width: 65%;
  height: 80px;
  margin-left: 1em;
  padding-top: 1em;
  line-height: 1.1;
}
.legacy .weekly-next-prev-nav__to-list {
  text-align: center;
  height: 80px;
  padding-top: 1em;
}
.legacy .weekly-next-prev-nav__prev {
  text-align: right;
  height: 80px;
}
.legacy .weekly-next-prev-nav__prev__img {
  float: right;
}
.legacy .weekly-next-prev-nav__prev__text {
  float: right;
  width: 65%;
  height: 80px;
  margin-right: 1em;
  padding-top: 1em;
  line-height: 1.1;
}
@media only screen and (max-width: 767px) {
  .legacy .weekly-next-prev-nav {
    padding: 1em 0;
    border-top: 1px dotted #CCC;
  }
  .legacy .weekly-next-prev-nav__next__img .weekly-next-prev-nav__next__text .weekly-next-prev-nav__prev__img .weekly-next-prev-nav__prev__text {
    float: none;
  }
}
.legacy .youtube iframe {
  margin: 20px 10px;
}
.legacy .gallery-box {
  float: left;
  width: 240px;
  height: 110px;
  margin: 20px 10px;
}
.legacy .gallery-box img {
  float: left;
  max-width: 115px;
}
.legacy .gallery-box p {
  float: right;
  width: 115px;
  font-weight: bold;
  line-height: 1.25;
}
.legacy .gallery-box p a {
  display: inline-block;
  margin-top: 0.5em;
  font-weight: normal;
}
.legacy .gallery-lnav {
  padding-bottom: 2em;
}
.legacy .gallery-lnav__inner {
  padding: 2em;
  border: 1px solid #CCC;
}
.legacy .gallery-lnav__inner a {
  text-decoration: none;
}
.legacy .gallery-lnav__heading {
  margin: 0;
  padding: 0;
  line-height: 1.1;
  font-size: 16px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.8;
}
.legacy ul + .gallery-lnav__heading {
  margin-top: 0.75em;
}
@media only screen and (min-width: 768px) {
  .legacy .link-box .news-category {
    color: #fff;
  }
  .legacy .link-box .news-category--science {
    background-color: #A41D2F;
  }
  .legacy .link-box .news-category--topcics {
    background-color: #999;
  }
  .legacy .link-box .news-category--events {
    background-color: #E47B12;
  }
  .legacy .link-box .news-category--blog {
    background-color: #0E549F;
  }
  .legacy .link-box:visited .news-category {
    color: #fff;
  }
  .legacy .link-box:hover .news-category {
    color: #fff;
  }
  .legacy .home__news__item__title {
    padding-right: 0.5em;
  }
  .legacy .home__news__item__data {
    display: block;
    text-align: right;
  }
  .legacy .home__news__item__category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 11px;
    font-size: 0.6875em;
  }
}
@media only screen and (min-width: 768px) {
  .legacy .home__news__item {
    float: left;
    width: 17.6%;
    margin-left: 3%;
  }
  .legacy .home__news__item:first-of-type {
    margin-left: 0;
  }
  .legacy .home__news__item .float-box__left {
    float: none;
    margin: 0 0 6px;
  }
  .legacy .home__news__item .float-box__left img {
    width: 100%;
    height: 100%;
  }
  .legacy .home__news__item .home__news__item__title {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875em;
  }
  .legacy .home__news__item .home__news__item__date {
    display: inline-block;
    text-align: left;
  }
  .legacy .home__news__item .home__news__item__category {
    font-size: 12px;
    font-size: 0.75em;
  }
}
.legacy .owl-thema--home-slider {
  position: relative;
  display: block;
  width: 100%;
  padding: 40px 0 0px;
  margin-bottom: 40px;
}
.legacy .owl-thema--home-slider .owl-thema--home-slider__item {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 2%;
}
.legacy .owl-thema--home-slider .owl-thema--home-slider__item .link-box, .legacy .owl-thema--home-slider .owl-thema--home-slider__item figure, .legacy .owl-thema--home-slider .owl-thema--home-slider__item figcaption {
  margin-bottom: 0;
}
.legacy .owl-thema--home-slider .l-row {
  margin: 0;
  /* overwrite */
}
.legacy .owl-thema--home-slider .owl-dots {
  padding-top: 10px;
  padding-bottom: 10px;
}
.legacy .home__editors-choice {
  background-color: #f7f7f7;
  margin: 60px 0;
  padding: 30px 0;
}
.legacy .home__editors-choice figure {
  margin: 0;
}
.legacy .home__editors-choice figure div {
  max-width: 220px;
}
.legacy .home__editors-choice figcaption {
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .legacy .home__editors-choice .link-box {
    margin-bottom: 10px;
  }
}
.legacy .home__event h2, .legacy .home__event .h2 {
  margin-bottom: 0;
}
.legacy .home__event h3, .legacy .home__event .h3 {
  text-align: center;
  margin-bottom: 0;
  padding: 30px 0 20px;
  border-bottom: 1px solid #CCC;
}
@media only screen and (min-width: 768px) {
  .legacy .home__event h2, .legacy .home__event .h2 {
    margin-bottom: 0.5em;
  }
  .legacy .home__event h3, .legacy .home__event .h3 {
    text-align: left;
    padding-bottom: 20px;
  }
}
.legacy .home__event .home__event__title {
  padding: 0 1em 0 0;
  box-sizing: border-box;
}
.legacy .home__event .link-box {
  border-bottom: 1px solid #CCC;
  margin: 0;
  padding: 10px 0;
}
.legacy .home__event .link-box p {
  margin-bottom: 0;
}
.legacy .l-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .legacy .l-flex {
    flex-direction: row;
  }
}
.legacy .l-flex .home__news__item {
  float: none;
  overflow: hidden;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .legacy .l-flex .home__news__item {
    height: 330px;
  }
}
.legacy .mailnews__hgroup {
  border-top: 1px solid #CCC;
}
.legacy .mailnews__hgroup__heading {
  padding: 30px 0 5px;
  font-size: 18px;
  font-size: 1.125em;
  font-weight: bold;
}
.legacy .mailnews__hgroup__date {
  margin-bottom: 30px;
  color: #999;
  font-size: 12px;
  font-size: 0.75em;
}
.legacy .mailnews__body {
  padding: 1em 2em;
  border: 1px solid #CCC;
}
@media only screen and (max-width: 767px) {
  .legacy .mailnews__body {
    padding: 0.5em;
  }
}
.legacy .mailnews__side__register {
  margin-bottom: 40px;
  padding: 20px 20px 10px;
  border: 1px solid #F3C008;
  background-color: #FFFCF3;
}
.legacy .mailnews__side__register__heading {
  text-align: center;
  margin-top: 0;
  font-size: 16px;
  font-size: 1em;
  color: #0E549F;
}
.legacy .mailnews__side__register__btn-wrap {
  text-align: center;
}
.legacy .mailnews__side__astro-topics__heading {
  font-size: 18px;
  font-size: 1.125em;
  margin-top: 0;
}
.legacy .naoj-news-list {
  text-align: center;
  margin-left: 0;
}
.legacy .naoj-news-list span {
  display: block;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .legacy .naoj-news-list span {
    margin-bottom: 3em;
  }
}
.legacy .news-index__item {
  padding-bottom: 1em;
}
.legacy .news-index__item a {
  min-height: 110px;
  padding: 10px 10px 10px 0;
}
.legacy .news-index__item a:hover {
  background-color: #f7f7f7;
}
.legacy .news-index__item__img {
  float: left;
  width: 100px;
  margin: 0;
}
.legacy .news-index__item__text {
  margin-top: -5px;
  margin-left: 130px;
}
.legacy .news-index__item__text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .legacy .news-index__item__text {
    padding-top: 5px;
  }
}
.legacy .news-index__item__text__data {
  margin-bottom: 0.5em;
}
.legacy .news-index__item__text__title {
  font-weight: bold;
  margin-bottom: 0;
}
.legacy .news-index__item__text__abst {
  font-size: 14px;
  font-size: 0.875em;
}
.legacy .link-box .news-index__item__text__abst {
  color: #545454;
}
.legacy .news-category {
  display: inline-block;
  margin-right: 0.5em;
  padding: 0.25em 0.25em;
  color: #fff;
  text-decoration: none !important;
  font-size: 11px;
  font-size: 0.6875em;
  line-height: 1;
}
.legacy .link-box:visited .news-index__item__text__abst {
  color: #545454;
}
.legacy .link-box:hover .news-category {
  color: #fff;
}
.legacy .news-kids {
  padding: 2em;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
  border: 1px solid #9dbbed;
  background-color: #FFFCF3;
}
.legacy .news-kids__heading {
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
  margin: 7px 0 21px !important;
  -webkit-font-smoothing: subpixel-antialiased;
}
.legacy .news-kids__heading small {
  -webkit-font-smoothing: subpixel-antialiased;
}
.legacy .news-kids__heading a {
  text-decoration: none;
}
.legacy .news-kids__heading a:hover {
  text-decoration: underline;
}
.legacy .news-kids__about {
  padding-left: 4em;
  border-top: 1px solid #9dbbed;
}
.legacy .old-news-item dt {
  color: #545454;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .legacy .old-news-item dt {
    width: 100%;
    float: none;
    padding-bottom: 0;
    font-size: 12px;
    font-size: 0.75em;
  }
  .legacy .old-news-item dd {
    width: 100%;
    float: none;
    padding-top: 0;
    border-top: none;
  }
  .legacy .old-news-item dd a {
    text-decoration: none;
  }
  .legacy .old-news-item dt:first-of-type,
  .legacy .old-news-item dd:first-of-type {
    border-top: none;
  }
}
.legacy .news-hgroup {
  margin: 20px 0 20px;
}
.legacy .news-hgroup__heading {
  margin: 0 0 20px;
}
.legacy .news-hgroup__date {
  margin-bottom: 0;
}
.legacy .hero--openday2020 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/img/open-day/2020/hero-openday2020-tel-sp@2x.png), url(/img/open-day/2020/hero-openday2020-obj-sp@2x.png);
  background-repeat: no-repeat;
  background-position-y: top, bottom, top;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .legacy .hero--openday2020 {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/img/open-day/2020/hero-openday2020-tel@2x.png), url(/img/open-day/2020/hero-openday2020-obj@2x.png);
    background-repeat: no-repeat;
    background-position: top, center bottom, center top;
    background-size: contain;
  }
}
.legacy .monitor {
  width: 100%;
  height: 200px;
  margin: 0 auto;
  border: solid 10px #999;
  background-color: #000;
}
@media only screen and (min-width: 768px) {
  .legacy .monitor {
    width: 100%;
    height: 320px;
  }
}
.legacy .hero--openday2019 {
  background-image: url(/img/open-day/2019/hero-openday2019-sp.jpg);
}
@media only screen and (min-width: 768px) {
  .legacy .hero--openday2019 {
    background-image: url(/img/open-day/2019/hero-openday2019.jpg);
  }
}
.legacy .hero--openday2018 {
  background-image: url(/img/open-day/2018/hero-openday2018-sp.jpg);
}
@media only screen and (min-width: 768px) {
  .legacy .hero--openday2018 {
    background-image: url(/img/open-day/2018/hero-openday2018.jpg);
  }
}
.legacy .hero--openday2017 {
  background-image: url(/img/open-day/2017/hero-openday2017.jpg);
}
.legacy .openday2017-downloads {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #0E549F;
}
.legacy .openday2017-downloads h2, .legacy .openday2017-downloads .h2 {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .legacy .openday2017-downloads {
    background: url(/img/open-day/2017/openday2017-downloads.jpg) center center;
  }
}
.legacy .open-day-2016 section {
  padding: 40px 0;
}
.legacy .open-day-2016 h2, .legacy .open-day-2016 .h2 {
  margin-top: 0;
  margin-bottom: 40px;
}
.legacy .open-day-2016 .hero {
  position: relative;
  height: 250px;
  background: url(/img/open-day/2016/bg-hero--sp.jpg) center center no-repeat;
}
.legacy .open-day-2016 .hero__title {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  padding: 0 1em;
  text-align: center;
}
.legacy .open-day-2016 .hero__dates {
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
  padding: 0 1em;
  text-align: center;
}
.legacy .open-day-2016 .hero__annotation {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
  font-size: 0.875em;
  text-shadow: 0 1px 4px #373737;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .legacy .open-day-2016 .hero {
    height: 400px;
    background: url(/img/open-day/2016/bg-hero.jpg) center center no-repeat;
  }
  .legacy .open-day-2016 .hero__title {
    top: 70px;
  }
  .legacy .open-day-2016 .hero__dates {
    top: 220px;
  }
  .legacy .open-day-2016 .hero__annotation {
    font-size: 16px;
    font-size: 1em;
  }
}
.legacy .open-day-2016 .news {
  background-color: #f7f7f7;
}
.legacy .open-day-2016 .news h2, .legacy .open-day-2016 .news .h2 {
  margin-bottom: 0;
}
.legacy .open-day-2016 .app__inner {
  padding: 40px;
  background-color: #fff;
}
.legacy .open-day-2016 .streaming h3, .legacy .open-day-2016 .streaming .h3 {
  margin-top: 0;
}
.legacy .open-day-2016 .dummy-straming {
  color: #fff;
  line-height: 180px;
  background-color: #999;
}
.legacy .open-day-2016 .app,
.legacy .open-day-2016 .tweet {
  background-color: #F3F8FD;
}
.legacy .open-day-2016 .movie {
  background-color: #373737;
}
.legacy .open-day-2016 .movie h2, .legacy .open-day-2016 .movie .h2 {
  color: #fff;
}
.legacy .photo-repo {
  background-color: #373737;
}
@media only screen and (min-width: 768px) {
  .legacy .photo-repo {
    background: url(/img/open-day/2016/bg-insta.jpg) center center;
  }
}
.legacy .photo-repo .span-11 {
  padding: 40px;
  background-color: #fff;
}
.legacy .en .open-day-2016 .hero__title {
  top: 20px;
}
@media only screen and (min-width: 768px) {
  .legacy .en .open-day-2016 .hero__title {
    top: 90px;
  }
}
.legacy .hero--activity,
.legacy .link-box--bg-activity {
  background-image: url(/img/research/activity/hero--activity-3.jpg);
}
.legacy .hero--telescope,
.legacy .link-box--bg-telescope {
  background-image: url(/img/research/telescope/hero--telescope.jpg);
}
.legacy .hero--telescope,
.legacy .link-box--bg-telescope {
  background-position-y: bottom;
}
.legacy .hero--telescope,
.legacy .link-box--bg-telescope {
  background-image: url(/img/research/telescope/hero--telescope.jpg);
}
.legacy .hero--telescope,
.legacy .link-box--bg-telescope {
  background-position-y: bottom;
}
.legacy .hero--alma {
  background-image: url(/img/research/telescope/hero--alma.jpg);
}
.legacy .hero--chile {
  background-image: url(/img/research/telescope/hero--chile.jpg);
}
.legacy .hero--subaru {
  background-image: url(/img/research/telescope/hero--subaru.jpg);
}
.legacy .hero--kagra {
  background-image: url(/img/research/telescope/hero--kagra.jpg);
}
.legacy .hero--tmt {
  background-image: url(/img/research/telescope/hero--tmt.jpg);
}
.legacy .hero--45m {
  background-image: url(/img/research/telescope/hero--45m.jpg);
}
.legacy .hero--188cm {
  background-image: url(/img/research/telescope/hero--188cm.jpg);
}
.legacy .hero--vlbi {
  background-image: url(/img/research/telescope/hero--vlbi.jpg);
}
.legacy .hero--murikabushi {
  background-image: url(/img/research/telescope/hero--murikabushi.jpg);
}
.legacy .hero--aterui {
  background-image: url(/img/research/telescope/hero--aterui.jpg);
}
.legacy .hero--hinode {
  background-image: url(/img/research/telescope/hero--hinode.jpg);
}
.legacy .hero--solar-flare {
  background-image: url(/img/research/telescope/hero--solar-flare.jpg);
}
.legacy .hero--aste {
  background-image: url(/img/research/telescope/hero--aste.jpg);
}
.legacy .hero--radioheliograph {
  background-image: url(/img/research/telescope/hero--radioheliograph.jpg);
}
.legacy .hero--50-cm {
  background-image: url(/img/research/telescope/hero--50-cm.jpg);
}
.legacy .hero--tama300 {
  background-image: url(/img/research/telescope/hero--tama300.jpg);
}
.legacy .hero--aterui2 {
  background-image: url(/img/research/telescope/hero--aterui2.jpg);
}
.legacy .hero--grape {
  background-image: url(/img/research/telescope/hero--grape.jpg);
}
@media only screen and (min-width: 768px) {
  .legacy .hero-section--45m {
    background-image: url(/img/research/telescope/hero-section--45m.jpg);
  }
  .legacy .hero-section--188cm {
    background-image: url(/img/research/telescope/hero-section--188cm.jpg);
  }
  .legacy .hero-section--alma {
    background-image: url(/img/research/telescope/hero-section--alma.jpg);
  }
  .legacy .hero-section--aterui {
    background-image: url(/img/research/telescope/hero-section--aterui.jpg);
  }
  .legacy .hero-section--hinode {
    background-image: url(/img/research/telescope/hero-section--hinode.jpg);
  }
  .legacy .hero-section--kagra {
    background-image: url(/img/research/telescope/hero-section--kagra.jpg);
  }
  .legacy .hero-section--murikabushi {
    background-image: url(/img/research/telescope/hero-section--murikabushi.jpg);
  }
  .legacy .hero-section--solar-flare {
    background-image: url(/img/research/telescope/hero-section--solar-flare.jpg);
  }
  .legacy .hero-section--subaru {
    background-image: url(/img/research/telescope/hero-section--subaru.jpg);
  }
  .legacy .hero-section--tmt {
    background-image: url(/img/research/telescope/hero-section--tmt.jpg);
  }
  .legacy .hero-section--vlbi {
    background-image: url(/img/research/telescope/hero-section--vlbi.jpg);
  }
  .legacy .hero-section--aste {
    background-image: url(/img/research/telescope/hero-section--aste.jpg);
  }
  .legacy .hero-section--radioheliograph {
    background-image: url(/img/research/telescope/hero-section--radioheliograph.jpg);
  }
}
.legacy .hero--project,
.legacy .link-box--bg-project {
  background-image: url(/img/research/project/hero--project.jpg);
}
.legacy .hero--project,
.legacy .link-box--bg-project,
.legacy .hero--chile {
  background-position-y: bottom;
}
.legacy .hero--mizusawa {
  background-image: url(/img/research/project/hero--mizusawa.jpg);
}
.legacy .hero--nro {
  background-image: url(/img/research/project/hero--nro.jpg);
}
.legacy .hero--sso {
  background-image: url(/img/research/project/hero--sso.jpg);
}
.legacy .hero--oao {
  background-image: url(/img/research/project/hero--oao.jpg);
}
.legacy .hero--hawaii {
  background-image: url(/img/research/project/hero--hawaii.jpg);
}
.legacy .hero--cfca {
  background-image: url(/img/research/project/hero--cfca.jpg);
}
.legacy .hero--chile {
  background-image: url(/img/research/project/hero--chile.jpg);
}
.legacy .hero--alma {
  background-image: url(/img/research/project/hero--alma.jpg);
}
.legacy .hero--gwo {
  background-image: url(/img/research/project/hero--gwo.jpg);
}
.legacy .hero-- {
  background-image: url(/img/research/project/hero--tmt.jpg);
}
.legacy .hero--jasmine {
  background-image: url(/img/research/project/hero--jasmine.jpg);
}
.legacy .hero--epd {
  background-image: url(/img/research/project/hero--epd.jpg);
}
.legacy .hero--rise {
  background-image: url(/img/research/project/hero--rise.jpg);
}
.legacy .hero--solar-c {
  background-image: url(/img/research/project/hero--solar-c.jpg);
}
.legacy .hero--pfs {
  background-image: url(/img/research/project/hero--pfs.jpg);
}
.legacy .hero--glao {
  background-image: url(/img/research/project/hero--glao.jpg);
}
.legacy .hero--asteproject {
  background-image: url(/img/research/project/hero--aste.jpg);
}
.legacy .hero--adc {
  background-image: url(/img/research/project/hero--adc.jpg);
}
.legacy .hero--atc {
  background-image: url(/img/research/project/hero--atc.jpg);
}
.legacy .hero--prc {
  background-image: url(/img/research/project/hero--prc.jpg);
}
.legacy .hero--optic {
  background-image: url(/img/research/project/hero--optic.jpg);
}
.legacy .hero--radio {
  background-image: url(/img/research/project/hero--radio.jpg);
}
.legacy .hero--plasma {
  background-image: url(/img/research/project/hero--plasma.jpg);
}
.legacy .hero--theory {
  background-image: url(/img/research/project/hero--theory.jpg);
}
.legacy .ul--social-media {
  margin-left: 0;
}
.legacy .ul--social-media li {
  margin-bottom: 0.5em;
}
.legacy .ul--social-media li img {
  margin-right: 0.3em;
  vertical-align: middle;
  border: 1px solid #CCC;
  border-radius: 4px;
}