/*********************************************************************
 固定ページ設定
*********************************************************************/
.page-content > section{
 margin-top: 48px;
}
section > section{
 margin-top: 32px;
}
section > *:not(:first-child){
 margin-top: 16px;
}
@media screen and (min-width: 576px){
}@media screen and (min-width: 768px){
}@media screen and (min-width: 992px){
}@media screen and (min-width: 1200px){
}@media screen and (min-width: 1400px){
}

.page-content h2{
 border-bottom: solid 3px var(--site-bor-color);
 position: relative;
}
.page-content h2:after {
 position: absolute;
 content: "";
 display: block;
 border-bottom: solid 3px var(--site-txt-color);
 bottom: -3px;
 width: 20%;
}
.page-content h3{
 padding: 0.25em 0.5em;
 border-left: solid 5px var(--site-txt-color);
}

.page-content dl{
 border: var(--site-bor-color) solid 2px;
}
.page-content dt{
 padding: 8px 16px;
 color: #FFF;
 background: var(--site-txt-color);
}
.page-content dd{
 padding: 16px;
}

.page-content ul{
 margin-left: 1.25em;
 list-style-type: disc;
}
.page-content ul li:not(:first-child){
 margin-top: 8px;
}
.page-content ul li::marker{
 color: var(--site-txt-color);
 font-size: 1.25em;
}

.page-content table{
 width: 100%;
 border-top: var(--site-bor-color) solid 1px;
 border-left: var(--site-bor-color) solid 1px;
}
.page-content th,
.page-content td{
 padding: 16px;
 border-right: var(--site-bor-color) solid 1px;
 border-bottom: var(--site-bor-color) solid 1px;
}
.page-content th{
 width: 30%;
 background: var(--site-bg-color);
}
.page-content td{
 width: 70%;
}
@media screen and (max-width: 767px){
.page-content th,
.page-content td{
 display: block;
 width: 100%;
}
}