@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');

body {
  font-family: 'Noto Sans JP', sans-serif;
}

.container {
  max-width: 992px;
}

header #overview img {
  max-width: 580px;
  max-height: 800px;
  margin-bottom: 1.5em;
}

header #speakers img {
  max-width: 512px;
  max-height: 800px;
}

@media (min-width: 992px) {
  header #overview {
    width: 541px;
    margin-bottom: 0;
  }

  header #speakers {
    width: 445px;
  }
}

footer {
  background-color: #194B64;
  color: white;
}

.btn-primary {
  color: #fff;
  background-color: #194B64;
  border-color: #194B64;
}
.btn-primary:hover {
  background-color: #4e7d93;
  border-color: #4e7d93;
}

ul.asterisk {
  padding-left: 1rem;
}
ul.asterisk li {
  list-style-type: none;
  text-indent: -1rem;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

ol.asterisk {
  padding-left: 2.5rem;
  counter-reset: nitem;
}
ol.asterisk li {
  list-style-type: none;
  text-indent: -2.5rem;
}
ol.asterisk li:before {
  display: inline;
  padding-right: .5rem;
  counter-increment: nitem;
  content: "※" counter(nitem) ")";
}

.link-white a {
  color: white;
}
.link-white a:hover {
  color: #cccccc;
}