@charset "UTF-8";

main article { margin: 50px auto; padding: 40px 100px; width: 700px; background: rgba(255,255,255,0.7); box-sizing: border-box; }
main article div#title { margin: 0 0 40px; }
main article div#title h1 { margin-bottom: 40px; padding-bottom: 20px; border-bottom: solid 1px #2e3f32; text-align: center; }
main article div#title h1::after { display: none; }
main article div.inner h2 {}
main article div.inner dl { margin: 1.5em 0; line-height: 1.4; display: flex; }
main article div.inner dt { margin-right: 1em; white-space: nowrap; }
main article div.inner p { margin: 1em 0; }
main article div.inner div.pageNavi { margin-top: 40px; text-align: center; }
main article div.inner div.pageNavi a { margin: 0 1em; }


@media screen and (max-width: 767px) {
main article { margin: 0 auto 50px; padding: 24px; width: 90%; }
main article div#title { margin-bottom: 20px; }
main article div.inner dl { display: block; }
main article div.inner dt { margin-right: 0; }
}