@charset "UTF-8";
/* CSS Document */

/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Prompt', sans-serif;

drakBlue: #001d68
yellow: #FFF104
*/



html, body{}

html {font-size:10px; height: 100%;}

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  min-height: 100%;
  line-height: 1.5em;
  background-attachment: fixed;
  background-color: #5C2B0D;
  color:#fff;
}
a:link {color:#fff;text-decoration: none;} /*未訪問のリンクの色*/
a:visited {color:#fff;} /*訪問済みのリンクの色*/
a:hover {color:#fff; border-bottom: 1px solid #fff;} /*カーソルが乗っているリンクの色*/
a:active {color:#fff;}

@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}


.title {
  text-align: center;
  margin-bottom: 2rem;
}
h1 {font-size: 4rem; color: #fff;text-shadow: 0px 2px 2px rgba(74,74,74,0.3);}
h1 img {width: 30%; margin: 10rem auto 10rem;}

dl{ width: 30%; margin: 0 auto;  font-size: 1.4rem; display: flex;flex-wrap: wrap;}
dt{font-weight: bold; margin-bottom: 0.2rem; width: 10rem;}
dd {margin-bottom: 1rem; width: calc(100% - 10rem);}


.footer {
  text-align: center;
  vertical-align: middle;
  padding: 10rem 0 5rem;
}
.copy {font-family: sans-serif; font-size: 1rem; color: #fff;}

/* Mobile styles */
@media (min-width: 769px) {.nopc{display: none;}}
@media (max-width: 768px) {.nosp{display: none;}}
@media (max-width: 768px) {
  h1 img {width: 80%;}
  dl{ width: 80%;}
}