@charset "utf-8";
/* CSS Document */

.topics .h1{
margin-bottom: 20px;
padding: 10px;
background-color: #80092E;
color: #fff;
}


.topics .h2{
margin-bottom: 20px;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-top: solid 1px #80092E;
border-bottom: solid 4px #80092E;
color: #80092E;
}

.topics .h3{
box-sizing: border-box;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 20px;
padding: 0.5em 1em;
border-left: solid 5px #80092E;
background-color: #f5f5f5;
}

.topics p:not(.mb20Fit):not(.oneColumnTxt p) {
margin-left: 5%;
margin-right: 5%;
margin-bottom: 20px;
}

.topics .topiList{
margin-bottom: 20px;
}

/* topics */
.topiTable{
margin-bottom: 1em;
width: 100%;
border-top: #000 1px solid;
border-left: #000 1px solid;
}

.topiTable td{
padding: 0.5em;
border-bottom: #000 1px solid;
border-right: #000 1px solid;
text-align: center;
}

.topiList{
margin-bottom: 1em;
list-style-type: none;
}

.topiList li{
margin-left: 5%;
margin-right: 5%;
line-height: 1.75em;
}

.topiList li::before{
content: "●";
color: #eb0003;
}

.topiList02{
margin-bottom: 1em;
list-style-type:decimal;
}

.topiList02 li{
margin-left: 2em;
line-height: 1.75em;
}

.txtColorRed{
color: #f00;
}

.tdBgBlue{
background-color: #7DBEFB;
}

.tdBgLg{
background-color: #D1D1D1;
}

.txtCenter{
text-align: center;
}


@media screen and (max-width: 450px) { /* スマホ450以下 *************************************************************************************/

.topics .h2{
padding-left: 5%;
padding-right: 5%;
}


}