@charset "utf-8";

.index .content section { margin-top: 60px; line-height: 2; }

.index h2             { position: relative; margin-bottom: 45px; padding-bottom: 5px; border-bottom: 2px solid #ccc; color: #333; font-size: 3rem; font-weight: bold; }
.index h2:after       { content: ""; position: absolute; bottom: -2px; left: 0; width: 200px; height: 2px; background: #0a4774; }
.index .record        { margin: 30px 0 20px; }
.index .content ul    { list-style: disc; margin-left: 1.5em; }
.index .content ol    { list-style: decimal; margin-left: 1.5em; }
.index .content ol li { margin-top: 5px; }
.index .proof         { margin-top: 40px; }
.index .proof:after   { content: ""; display: block; clear: both; height: 0; }
.index .proof figure  { float: left; width: 213px; margin-top: 5px; }
.index .proof .info   { float: right; width: 1040px; }
.index .proof dl:not(.nostyle)   { letter-spacing: -.4em; }
.index .proof dl:not(.nostyle) dt,
.index .proof dl:not(.nostyle) dd{ display: inline-block; letter-spacing: normal; }

@media (max-width: 767px) {
.index .content section { margin-top: 0; font-size: 1.2rem; }

.index h2            { margin-bottom: 20px; border-width: 1px; font-size: 2rem; }
.index h2:after      { bottom: -1px; width: 130px; height: 1px; }
.index .proof        { margin-top: 40px; }
.index .proof figure,
.index .proof .info  { float: none; width: auto; }
.index .proof figure { margin: 0 0 20px; }
}