/* Color Definitions */
/* line 25, ../sass/_core.sass */
a {
  word-wrap: break-word;
}

/* line 28, ../sass/_core.sass */
ul {
  margin-left: 0;
}
/* line 30, ../sass/_core.sass */
ul li {
  list-style: none;
}

/* line 33, ../sass/_core.sass */
.row {
  max-width: 87.5rem;
}

/* line 36, ../sass/_core.sass */
h2, h3 {
  color: #3c96ad;
}

@font-face {
  font-family: "IGYuGothicM";
  font-weight: normal;
  src: local("Yu Gothic Medium") format("opentype"), local("Yu Gothic Medium") format("opentype"), local("YuGothic-Regular") format("opentype");
}
@font-face {
  font-family: "IGYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold") format("opentype"), local("YuGothic-Bold") format("opentype");
}
@font-face {
  font-family: "IGYuGothicM";
  font-weight: 500;
  src: local("YuGothic-Bold") format("opentype"), local("YuGothic-Bold") format("opentype");
}
/* line 61, ../sass/_core.sass */
table tbody tr:nth-child(even) {
  background-color: #EBF4F5;
}

/* line 64, ../sass/_core.sass */
html {
  height: 100%;
  width: 100%;
  margin: 0;
  -webkit-text-size-adjust: none;
}
/* line 70, ../sass/_core.sass */
html body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: #f9f9f9;
  font-family: IGYuGothicM, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, Arial, sans-serif;
  font-feature-settings: "palt";
  color: #3F3F3F;
}
/* line 80, ../sass/_core.sass */
html body.category-index h2 {
  letter-spacing: 0.25rem;
}
/* line 82, ../sass/_core.sass */
html body.category-index h2, html body.category-index h3 {
  margin-top: 1rem;
}
/* line 84, ../sass/_core.sass */
html body.category-index h4 {
  margin-top: 1.4rem;
  background: #8ecad9;
  padding: 0.125rem 0.4rem;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
}

/* line 93, ../sass/_core.sass */
#container {
  min-height: 100%;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  /* line 99, ../sass/_core.sass */
  h2 {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    font-weight: bold;
  }

  /* line 104, ../sass/_core.sass */
  h3 {
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: bold;
  }

  /* line 108, ../sass/_core.sass */
  h4, h5, h6 {
    font-size: 0.875em;
    margin: 0.5rem 0;
    line-height: 1.2rem;
    font-weight: bold;
  }

  /* line 113, ../sass/_core.sass */
  h5, h6 {
    font-size: 0.85rem;
  }

  /* line 115, ../sass/_core.sass */
  p, dt, dd, li, td, th {
    font-size: 0.875rem;
  }
}
/* Medium and up 640 */
@media screen and (min-width: 40em) {
  /* line 121, ../sass/_core.sass */
  h2 {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    font-weight: bold;
  }

  /* line 126, ../sass/_core.sass */
  h3 {
    font-size: 1.2rem;
    line-height: 2.4rem;
    margin-top: 1.40625rem;
    font-weight: bold;
  }

  /* line 131, ../sass/_core.sass */
  h4, h5, h6 {
    font-size: 1.1rem;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    line-height: 1.6rem;
    font-weight: bold;
  }

  /* line 137, ../sass/_core.sass */
  h5, h6 {
    font-size: 0.85rem;
  }

  /* line 139, ../sass/_core.sass */
  a:hover {
    opacity: 0.75;
  }
}
/* Medium only.   */
/* Large and up  */
@media screen and (min-width: 64em) {
  /* line 148, ../sass/_core.sass */
  h2 {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: bold;
  }

  /* line 153, ../sass/_core.sass */
  h3 {
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: bold;
  }

  /* line 157, ../sass/_core.sass */
  h4, h5, h6 {
    font-size: 1rem;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    line-height: 1.6rem;
    font-weight: bold;
  }

  /* line 163, ../sass/_core.sass */
  h5, h6 {
    font-size: 0.85rem;
  }
}
/* Large only */
/* XLarge and up 1200 */
/* XLarge only */
/* XXLarge and up 1440px */
/* Main Layout settings */
/* Small only */
@media screen and (max-width: 39.9375em) {
  /* line 10, ../sass/public.sass */
  body.public div#header h1#logo {
    overflow: hidden;
  }
  /* line 12, ../sass/public.sass */
  body.public div#header h1#logo a {
    display: block;
    width: 60px;
    height: 0;
    padding-top: 30px;
    overflow: hidden;
    background: url("/images/HeaderLogo_retina.png") no-repeat 0 0;
    -webkit-background-size: 60px 30px;
    background-size: 60px 30px;
    margin: 0.5rem 0;
  }
  /* line 22, ../sass/public.sass */
  body.public div#header .globalnav {
    margin-top: 0.5rem;
  }
  /* line 25, ../sass/public.sass */
  body.public div#header .globalnav li a {
    font-weight: bold;
    font-size: 0.725rem;
    white-space: nowrap;
    color: #3F3F3F;
  }
  /* line 30, ../sass/public.sass */
  body.public div#header .relations {
    background: #8ecad9;
  }
  /* line 33, ../sass/public.sass */
  body.public div#header .relations li a {
    font-weight: bold;
    font-size: 0.65rem;
    color: #fff;
    padding: 0.7rem 0.5rem;
    white-space: nowrap;
  }
  /* line 40, ../sass/public.sass */
  body.public div#header .relations li:first-child a {
    padding-left: 0;
  }

  /* line 43, ../sass/public.sass */
  #footer {
    background: #62b4c8;
    min-height: 10rem;
  }
  /* line 46, ../sass/public.sass */
  #footer .menu {
    margin: 1rem 0;
    flex-wrap: wrap;
  }
  /* line 49, ../sass/public.sass */
  #footer .menu li {
    padding: 0.5rem 0;
  }
  /* line 51, ../sass/public.sass */
  #footer .menu li a {
    color: #fff;
    border-left: 1px solid #b9ddff;
    padding: 0.1rem 1rem 0.1rem 0.2rem;
    font-weight: bold;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
  /* line 58, ../sass/public.sass */
  #footer .copyright {
    margin: 1rem 0;
    font-size: 0.8125rem;
    color: #fff;
  }
}
/* Medium and up 640 */
@media screen and (min-width: 40em) {
  /* line 65, ../sass/public.sass */
  body.public div#header {
    margin-bottom: 1rem;
  }
  /* line 67, ../sass/public.sass */
  body.public div#header .relations {
    margin: 1rem 0;
  }
  /* line 69, ../sass/public.sass */
  body.public div#header .relations a {
    padding: 0.1rem 1rem 0.1rem 0.2rem;
    font-weight: bold;
    font-size: 0.75rem;
    color: #292929;
    white-space: nowrap;
  }
  /* line 75, ../sass/public.sass */
  body.public div#header .relations a:hover {
    opacity: 0.7;
  }
  /* line 77, ../sass/public.sass */
  body.public div#header h1#logo a {
    display: block;
    width: 120px;
    height: 0;
    padding: 60px 0 0 0;
    margin-top: 1rem;
    overflow: hidden;
    background: url("/images/HeaderLogo_retina.png") no-repeat left top;
    background-size: 120px 60px;
  }
  /* line 86, ../sass/public.sass */
  body.public div#header .globalnav {
    margin-top: 0;
  }
  /* line 88, ../sass/public.sass */
  body.public div#header .globalnav li {
    float: left;
    margin-right: 1rem;
  }
  /* line 91, ../sass/public.sass */
  body.public div#header .globalnav .works a {
    display: block;
    width: 137px;
    height: 0;
    padding: 70px 0 30px 55px;
    font-weight: bold;
    color: #3F3F3F;
    overflow: hidden;
    background: url("/images/HeaderWorks_retina.png") no-repeat left top;
    background-size: 180px 200px;
  }
  /* line 101, ../sass/public.sass */
  body.public div#header .globalnav .works a:hover {
    background-position: 0 -100px;
  }
  /* line 103, ../sass/public.sass */
  body.public div#header .globalnav .hotnews {
    margin: 24px 0 0 12px;
  }
  /* line 105, ../sass/public.sass */
  body.public div#header .globalnav .hotnews a {
    display: block;
    width: 120px;
    height: 0;
    padding: 28px 0 15px 0px;
    overflow: hidden;
    font-weight: bold;
    color: #3F3F3F;
    background: url("/images/HeaderHotnews_retina.png") no-repeat left top;
    background-size: 120px 100px;
  }
  /* line 115, ../sass/public.sass */
  body.public div#header .globalnav .hotnews a:hover {
    background-position: 0 -48px;
  }

  /* line 118, ../sass/public.sass */
  #content {
    height: 100%;
    overflow: hidden;
    padding-bottom: 10rem;
  }

  /* line 123, ../sass/public.sass */
  #footer {
    background: #62b4c8;
    min-height: 10rem;
    margin-top: -10rem;
  }
  /* line 127, ../sass/public.sass */
  #footer .menu {
    margin: 1rem 0;
  }
  /* line 130, ../sass/public.sass */
  #footer .menu li a {
    color: #fff;
    border-left: 1px solid #b9ddff;
    padding: 0.1rem 1rem 0.1rem 0.2rem;
    font-weight: bold;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
  /* line 137, ../sass/public.sass */
  #footer .copyright {
    margin: 1rem 0;
    font-size: 0.8125rem;
    color: #fff;
  }
}
/* Medium only.   */
/* Large and up  */
/* Large only */
/* XLarge and up 1200 */
/* XLarge only */
/* XXLarge and up 1440px */