@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
/*スタイルリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%; }

.clear {
  clear: both; }

li {
  list-style-type: none; }

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* Hides from IE-mac ¥*/
* html .clearfix {
  height: 1%; }

/* End hide from IE-mac */
/* 変数
----------------------------------------------- */
/*$content3maxwidth: 829px;
$content2maxwidth: 800px;
$contentminwidth: 312px;*/
/*$color-navy-light:lighten($color-navy, 15%);
$color-blue-light:lighten($color-blue, 15%);
$color-gray2-light:lighten($color-gray2, 15%);
*/
body {
  font: 16px/1.8 "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  vertical-align: baseline;
  font-style: normal;
  letter-spacing: normal;
  color: #0a0a0a; }

/* リンク指定
----------------------------------------------- */
a:link {
  color: #0458A5;
  text-decoration: none; }

a:visited {
  color: #0458A5;
  text-decoration: none;
  opacity: 0.7; }

a:hover {
  color: #0458A5;
  text-decoration: underline; }

a img {
  border: none; }

a.pdf::after {
  content: "\f1c1";
  font-family: FontAwesome; }

/* レイアウト & 共有
----------------------------------------------- */
.content {
  max-width: 1016px;
  width: 96%;
  margin: 0 auto; }

main {
  margin-top: 540px;
  overflow: hidden; }

.block1 {
  margin: 3.0em 0;
  padding: 2.0em 0; }
  .block1 h3 {
    font-size: 2.25rem;
    font-family: "Lato", sans-serif; }
  .block1 .cont-inside {
    margin: 1em 0 0 2em; }
    .block1 .cont-inside td, .block1 .cont-inside th {
      vertical-align: top; }

.brock-rote-r {
  transform: skew(0deg, 2deg); }
  .brock-rote-r .content {
    transform: skew(0deg, -2deg);
    padding-bottom: 2.0em; }

footer {
  background: #002461;
  min-height: 90px;
  color: #FFFFFF;
  position: relative; }
  footer .footer-logo {
    padding: 20px 0 0 0; }
    footer .footer-logo img {
      width: 96px;
      height: auto; }
  footer .copyright {
    position: absolute;
    bottom: 1.0em;
    font-size: 0.8em; }

/* ヘッダー
----------------------------------------------- */
header {
  background: rgba(10, 10, 10, 0.4);
  color: #FFFFFF;
  padding: 12px 0 18px;
  /*top:-100px; position: absolute; width: 100%;*/ }

header ul {
  display: flex;
  justify-content: flex-end;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem; }
  header ul li {
    margin: 0 2%;
    letter-spacing: 0.1em; }
  header ul li a:link, header ul li a:hover, header ul li a:visited {
    text-decoration: none;
    color: #FFFFFF; }

#logo {
  float: left;
  padding-bottom: 12px; }

#logo img {
  width: 152px;
  height: auto; }

#hero {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
  background: url(../img/hero.jpg) no-repeat center center;
  background-size: cover;
  min-height: 620px;
  opacity: 0; }
  #hero .copy {
    background: rgba(10, 10, 10, 0.7);
    mix-blend-mode: overlay;
    width: 0%;
    padding: 2.0em 0;
    margin-top: 220px;
    height: 80px; }
  #hero .content {
    color: #FFFFFF;
    text-align: center;
    margin-top: -105px;
    position: absolute;
    max-width: none;
    width: 100%;
    opacity: 0.9; }
  #hero h2, #hero h3 {
    opacity: 0; }
  #hero h2 {
    font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 38px;
    font-feature-settings: "palt";
    line-height: 1.2em; }
  #hero h3 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    letter-spacing: 0.2em; }

/* コンテンツ
----------------------------------------------- */
#news .date {
  width: 10.0em;
  white-space: nowrap;
  display: inline-block;
  margin-right: 1.0em;
  font-family: "Lato", sans-serif; }

#news li {
  margin-bottom: 0.6em; }

#about {
  background: #eceff2; }
  #about table {
    width: 100%; }
  #about th, #about td {
    padding: 0.2em 0 0.6em; }
  #about th {
    width: 16%;
    text-align: justify;
    letter-spacing: 0.2em; }
  #about td {
    width: auto; }

#map_canvas {
  margin: 2.0em 0 0 0;
  width: 100%;
  height: 450px;
  clear: both; }

.maplink {
  text-align: center; }

@media all and (-ms-high-contrast: none) {
  #logo img {
    width: 152px;
    height: 37px; }
  #news {
    margin-top: 620px; } }

/* メディアクエリー
----------------------------------------------- */
@media screen and (max-width: 800px) {
  /* コンテンツ
	----------------------------------------------- */
  #news li {
    margin-bottom: 1.0em;
    line-height: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media screen and (max-width: 480px) {
  img {
    max-width: 100%;
    height: auto;
    display: block; }
  div, section, article {
    max-width: 100%; }
  .content {
    width: 92%;
    margin: 0 auto; }
  header #mainnav {
    color: #FFFFFF; }
    header #mainnav a, header #mainnav a:hover, header #mainnav a:visited, header #mainnav a:link {
      color: #FFFFFF;
      display: block; }
    header #mainnav ul {
      display: block;
      margin: 0 1%;
      width: 98%; }
    header #mainnav li:first-child {
      border-top: 1px solid #FFFFFF; }
    header #mainnav li {
      border-bottom: 1px solid #FFFFFF;
      padding: 0.8em 1em 0.4em; }
  header .mobile-header-nav {
    z-index: 999;
    width: 100%;
    position: absolute;
    margin: 0;
    display: none;
    left: 0;
    padding: 0;
    background: rgba(10, 10, 10, 0.9); }
  header .hamburger-menu {
    z-index: 9999;
    display: inline-block;
    height: 80px;
    padding: 20px 16px 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    right: 0;
    top: 0;
    position: absolute; }
    header .hamburger-menu :hover {
      cursor: pointer; }
    header .hamburger-menu .menu-item {
      background: #FFFFFF;
      display: block;
      height: 2px;
      width: 26px;
      margin: 0 0 6px;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  header .hamburger-menu.open .menu-item:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8px;
    transform-origin: 8px; }
  header .hamburger-menu.open .menu-item:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 7px;
    transform-origin: 7px; }
  #logo {
    float: none; }
  #hero {
    height: 100vh; }
    #hero .copy {
      margin-top: 32vh;
      height: 14vh; }
    #hero .content {
      margin-top: -21vh; }
  main {
    margin-top: 90vh; }
  .block1 {
    margin: 2.0em 0;
    padding: 1.0em 0; }
    .block1 .cont-inside {
      margin: 1.0em 0 0 0; }
  /* コンテンツ
	----------------------------------------------- */
  #news .date {
    width: auto;
    display: block;
    margin-right: 0;
    line-height: 1.2em; }
  #news li {
    margin-bottom: 1.0em;
    line-height: 1.2em;
    white-space: normal; }
  #about th, #about td {
    padding: 0;
    display: block;
    width: 100%; }
  #about td {
    padding-bottom: 1.2em; }
  #map_canvas {
    height: 30vh; } }

@media screen and (max-width: 320px) {
  #hero h2 {
    font-size: 36px; }
  main {
    margin-top: 100vh; } }