<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Scss Document */
body {
  background-color: #e7e7e7; }

#main a {
  text-decoration: none;
  border-bottom: #0075C2 2px dotted; }

#header {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
  text-align: center;
  margin-bottom: 1rem; }
  #header h1 {
    font-size: 0em; }
  #header h2, #header h3 {
    color: #0075C2;
    font-weight: normal; }
  #header p {
    font-size: 0.7rem; }
  @media (max-width: 767px) {
    #header {
      width: 100%; }
      #header h2 {
        font-size: 1.6rem; }
        #header h2 span {
          font-size: 2rem; }
      #header h3 {
        font-size: 0.9rem;
        margin: 0.5rem 0; } }
  @media (min-width: 768px) and (max-width: 1365px) {
    #header {
      width: 100%; }
      #header h2 {
        font-size: 3.3rem; }
        #header h2 span {
          font-size: 4.4rem; }
      #header h3 {
        font-size: 1.8rem;
        margin-top: 1rem; } }
  @media (min-width: 1366px) {
    #header {
      width: 1366px;
      margin: 0 auto; }
      #header h2 {
        font-size: 3.6rem; }
        #header h2 span {
          font-size: 4.8rem; }
      #header h3 {
        font-size: 2rem;
        margin-top: 1rem; } }

#main {
  background-color: #fff;
  margin: 0 auto;
  line-height: 200%;
  font-family: 'Noto Sans JP', sans-serif;
  color: #004C6E; }
  @media (max-width: 767px) {
    #main {
      width: 94.6666666667%;
      font-size: 0.9rem;
      margin-top: -1rem;
      padding-top: 1rem; } }
  @media (min-width: 768px) and (max-width: 1365px) {
    #main {
      width: 88.8888888889%;
      font-size: 1.1rem;
      margin-top: -1rem;
      padding-top: 1rem; } }
  @media (min-width: 1366px) {
    #main {
      width: 1366px;
      margin: 0 auto;
      font-size: 1.1rem;
      margin-top: -2rem;
      padding-top: 2rem; } }

@media (max-width: 767px) {
  #about {
    padding: 5.3333333333%; } }
@media (min-width: 768px) and (max-width: 1365px) {
  #about {
    padding: 2.6666666667% 5.3333333333%; } }
@media (min-width: 1366px) {
  #about {
    padding: 2.6666666667% 5.3333333333%; } }

#about h1 {
  text-align: center;
  color: #0075C2;
  font-weight: normal; }
  @media (max-width: 767px) {
    #about h1 {
      font-size: 1.4rem;
      padding-bottom: 0.6rem; }
      #about h1 img {
        width: 1.6rem;
        margin: 0 0.4rem; } }
  @media (min-width: 768px) {
    #about h1 {
      padding-bottom: 1.2rem; }
      #about h1 img {
        width: 2.2rem;
        margin: 0 0.4rem; } }

@media (max-width: 767px) {
  #next {
    padding: 5.3333333333%; } }
@media (min-width: 768px) and (max-width: 1365px) {
  #next {
    padding: 2.6666666667% 5.3333333333%; } }
@media (min-width: 1366px) {
  #next {
    padding: 2.6666666667% 5.3333333333%; } }

#next h1 {
  text-align: center;
  color: #0075C2;
  font-weight: normal; }
  @media (max-width: 767px) {
    #next h1 {
      font-size: 1.4rem;
      padding-bottom: 0.6rem; }
      #next h1 img {
        width: 1.6rem;
        margin: 0 0.4rem; } }
  @media (min-width: 768px) {
    #next h1 {
      padding-bottom: 1.2rem; }
      #next h1 img {
        width: 2.2rem;
        margin: 0 0.4rem; } }

@media (max-width: 767px) {
  #broadcast {
    padding: 5.3333333333%; } }
@media (min-width: 768px) and (max-width: 1365px) {
  #broadcast {
    padding: 2.6666666667% 5.3333333333%; } }
@media (min-width: 1366px) {
  #broadcast {
    padding: 2.6666666667% 5.3333333333%; } }

#broadcast h1 {
  text-align: center;
  color: #0075C2;
  font-weight: normal; }
  @media (max-width: 767px) {
    #broadcast h1 {
      font-size: 1.4rem;
      padding-bottom: 0.6rem; }
      #broadcast h1 img {
        width: 1.6rem;
        margin: 0 0.4rem; } }
  @media (min-width: 768px) {
    #broadcast h1 {
      padding-bottom: 1.2rem; }
      #broadcast h1 img {
        width: 2.2rem;
        margin: 0 0.4rem; } }

@media (max-width: 767px) {
  #banner {
    padding: 5.3333333333%; } }
@media (min-width: 768px) and (max-width: 1365px) {
  #banner {
    padding: 2.6666666667% 5.3333333333%; } }
@media (min-width: 1366px) {
  #banner {
    padding: 2.6666666667% 5.3333333333%; } }

#banner h1 {
  text-align: center;
  color: #0075C2;
  font-weight: normal; }
  @media (max-width: 767px) {
    #banner h1 {
      font-size: 1.4rem;
      padding-bottom: 0.6rem; }
      #banner h1 img {
        width: 1.6rem;
        margin: 0 0.4rem; } }
  @media (min-width: 768px) {
    #banner h1 {
      padding-bottom: 1.2rem; }
      #banner h1 img {
        width: 2.2rem;
        margin: 0 0.4rem; } }

@media (max-width: 767px) {
  #information {
    padding: 5.3333333333%; } }
@media (min-width: 768px) and (max-width: 1365px) {
  #information {
    padding: 2.6666666667% 5.3333333333%; } }
@media (min-width: 1366px) {
  #information {
    padding: 2.6666666667% 5.3333333333%; } }

#information h1 {
  text-align: center;
  color: #0075C2;
  font-weight: normal; }
  @media (max-width: 767px) {
    #information h1 {
      font-size: 1.4rem;
      padding-bottom: 0.6rem; }
      #information h1 img {
        width: 1.6rem;
        margin: 0 0.4rem; } }
  @media (min-width: 768px) {
    #information h1 {
      padding-bottom: 1.2rem; }
      #information h1 img {
        width: 2.2rem;
        margin: 0 0.4rem; } }

#about p {
  text-align: left; }
  #about p br {
    display: none; }
  @media (min-width: 768px) {
    #about p {
      text-align: center; } }

#next h2, #next h3 {
  text-align: center;
  color: #0075C2; }
  @media (max-width: 767px) {
    #next h2, #next h3 {
      font-size: 0.9rem; } }
  @media (min-width: 768px) {
    #next h2, #next h3 {
      padding-bottom: 0.6rem;
      font-size: 1.3rem;
      font-weight: normal; } }
#next p {
  text-align: left; }
  @media (min-width: 768px) {
    #next p {
      text-align: center; } }
@media (max-width: 767px) {
  #next .nobr br {
    display: none; } }
@media (max-width: 767px) {
  #next .thumb {
    margin-top: 0.6rem; } }
@media (min-width: 768px) {
  #next .thumb {
    width: 80%;
    margin: 0 auto;
    margin-top: 1rem; } }

#broadcast p {
  text-align: center;
  margin-bottom: 1rem; }
  #broadcast p span {
    font-weight: 700;
    font-size: 1.1rem; }

#banner {
  text-align: center; }
  #banner img {
    border: #999999 1px solid; }
    @media (max-width: 767px) {
      #banner img {
        width: 75%; } }
    @media (min-width: 768px) {
      #banner img {
        width: 50%; } }

#gnav ul {
  margin: 0 auto;
  text-align: center; }
  @media (max-width: 767px) {
    #gnav ul {
      width: 94.6666666667%; } }
  @media (min-width: 768px) and (max-width: 1365px) {
    #gnav ul {
      width: 88.8888888889%;
      padding: 0 2.6666666667%; } }
  @media (min-width: 1366px) {
    #gnav ul {
      width: 1366px;
      margin: 0 auto;
      padding: 0 2.6666666667%; } }
  #gnav ul li {
    width: 32.5%;
    background-color: #0075C2;
    margin: 0 1px;
    padding: 0.5rem 0;
    float: left; }

#gnav_fin ul {
  margin: 0 auto;
  text-align: center; }
  @media (max-width: 767px) {
    #gnav_fin ul {
      width: 94.6666666667%; } }
  @media (min-width: 768px) and (max-width: 1365px) {
    #gnav_fin ul {
      width: 88.8888888889%;
      padding: 0 2.6666666667%; } }
  @media (min-width: 1366px) {
    #gnav_fin ul {
      width: 1366px;
      margin: 0 auto;
      padding: 0 2.6666666667%; } }
  #gnav_fin ul li {
    width: 49%;
    background-color: #0075C2;
    margin: 0 1px;
    padding: 0.5rem 0;
    float: left; }

#btn_about a {
  display: block;
  background: url("../images/btn_about.svg") center no-repeat;
  width: 100%;
  height: 0;
  padding-top: 20%;
  background-size: contain;
  font-size: 0em; }

#btn_next a {
  display: block;
  background: url("../images/btn_next.svg") center no-repeat;
  width: 100%;
  height: 0;
  padding-top: 20%;
  background-size: contain;
  font-size: 0em; }

#btn_archives a {
  display: block;
  background: url("../images/btn_archives.svg") center no-repeat;
  width: 100%;
  height: 0;
  padding-top: 20%;
  background-size: contain;
  font-size: 0em; }

#btn_archives_bw {
  display: block;
  background: url("../images/btn_archives.svg") center no-repeat;
  width: 100%;
  height: 0;
  padding-top: 6.5573770492%;
  background-size: contain;
  font-size: 0em; }

.monochrome {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.7; }

#information {
  background-color: #fff;
  margin: 1rem auto;
  line-height: 200%;
  font-family: 'Noto Sans JP', sans-serif;
  color: #004C6E;
  border-radius: 15px; }
  @media (max-width: 767px) {
    #information {
      width: 94.6666666667%;
      font-size: 0.9rem; } }
  @media (min-width: 768px) and (max-width: 1365px) {
    #information {
      width: 88.8888888889%;
      font-size: 1.1rem; } }
  @media (min-width: 1366px) {
    #information {
      width: 1366px;
      margin: 2rem auto;
      font-size: 1.1rem;
      text-align: center; } }
  #information dt {
    text-align: center;
    color: #0075C2; }
    @media (max-width: 767px) {
      #information dt {
        font-size: 0.9rem;
        padding-bottom: 0.6rem; }
        #information dt img {
          width: 1.6rem;
          margin: 0 0.4rem; } }
    @media (min-width: 768px) and (max-width: 1365px) {
      #information dt {
        font-size: 1.4rem;
        padding-bottom: 1.2rem; }
        #information dt img {
          width: 2.2rem;
          margin: 0 0.4rem; } }
    @media (min-width: 1366px) {
      #information dt {
        font-size: 1.4rem;
        padding-bottom: 1.2rem; }
        #information dt img {
          width: 2.2rem;
          margin: 0 0.4rem; } }
</pre></body></html>