/* with PicoCSS */

/* =========================================
    追加のスタイル
   ========================================= */

:root {
  --pico-font-size: 100%;
}

body {
	color: rgb(24, 28, 37);
    background-color:  rgb(176, 185, 208); /* var(--pico-color-slate-500);*/
}

header {
  position: fixed;
  color: rgb(42, 49, 64);
  background-color: rgba(255,255,255, 0.95);
  top: 0;
  left: 0;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

header nav img#logo {
  max-width: 200px;
  height:auto;
}

main {
	margin-top: 100px;
}

article {
  margin-bottom:20px;
  color: rgb(42, 49, 64);
  background-color: rgb(239, 241, 244);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

article p {
  color: rgb(42, 49, 64);
}

div#topimage {
	margin: auto;
	text-align: center;
}

div#topimage img {
  width: stretch;
  max-width: 800px;
  height:auto;
}

div.pdisc p {
	margin: 10px;
}

div.accessmap {
	margin: auto;
}

div.accessmap img {
  width: stretch;
  max-width: 500px;
  height:auto;
}

footer {
  margin: 10px 0 0 0;
  background-color: rgb(255,255,255);
  
}

footer p {
  margin: 0;
  padding: 1rem;
  text-align: center;
}

h1 {
  --pico-font-size: 1.4rem;
  --pico-line-height: 1.125;
  --pico-typography-spacing-top: 3rem;
}

h2 {
  --pico-font-size: 1.3rem;
  --pico-line-height: 1.15;
  --pico-typography-spacing-top: 2.625rem;
}

h3 {
  --pico-font-size: 1.2rem;
  --pico-line-height: 1.175;
  --pico-typography-spacing-top: 2.25rem;
}