@charset "utf-8";
.bread {
 max-width: inherit;
 margin-top: 1rem;
 padding: .5em 0;
}
.catchHeader {
 margin-bottom: 1em;
}
.catchHeader h1::after {
 background: none;
}
#container {
 max-width: 1280px;
 margin: 0 2%;
}
video {
 width: 100%;
 margin: 3% auto;
 display: block;
}
.content {
 margin-bottom: 5%;
}
.content h2 {
 font-size: 130%;
 font-weight: bold;
}
.content h3 {
 font-weight: bold;
}
.content p {
 margin-bottom: .5rem;
 font-size: 100%;
 line-height: 1.4;
}
.content .info p {
 text-indent: 1rem;
}
.content dl {
 margin: 1rem auto;
}
.content dt {
 font-weight: bold;
}
.content dd {
 margin-bottom: 1rem;
 line-height: 1.6;
}
.content .info p.link {
 padding: .5rem 0;
 align-items: center;
}
.button {
 margin-left: 2rem;
 padding: .2rem 1rem;
 color: #0080ff;
 text-indent: 0;
 box-shadow: 1px 1px 7px -5px rgba(0, 0, 0, 0.6);
 border-radius: 25px;
 transition: all .3s ease-in-out;
}
.button:hover {
 color:#ff6e0b;
 box-shadow: 2px 2px 7px -5px rgba(0, 0, 0, 1);
}
@media screen and (min-width: 800px) {
 .catchHeader h1 {
  margin:0 auto 1em;
 }
 #container {
  margin: 0 auto;
 }
}