@charset “UTF-8”;
body{
font-family: "Meiyo" , system-ui;
}

h1{
font-size: 26px;

}
h2{
font-size: 22px;
}

span{
font-size: 16px;
font-weight: bold;
color: red;
padding-left: 20px;
}

sup{
font-size: 12px;
}
.bl{
color: blue
}
.box1{
font-size: 18px;
font-weight: normal;
border: solid rgb(10,150,50) 2px;
border-radius: 15px;
}
.box2{
font-size: 18px;
font-weight: normal;
border: solid rgb(240,160,10) 2px;
border-radius: 15px;
margin-left: 0px;
padding-left: 0px;
}
.tab1{
text-align: right;
font-weight: normal;
margin-right: 50px;
}
.tab2{
position: relative;
left: 45px;
line-height: 150%;
}
.tab3{
text-align: left;
}

.tab-b{
margin-left: 30px;
margin-right: 30px;
overflow-wrap: normal;
}

.lh{
line-height: 50%;
}
.uline{
text-decoration: underline;
color: green;
}

.mLeft{
text-align: left;
}

ol.list{
font-size: 114%;
padding-right: 1.5em;
list-style-position: inside;
}
.box3{
font-size: 18px;
font-weight: normal;
border: solid rgb(182, 204, 189) 2px;
background-color:rgb(232, 241, 236) ;
border-radius: 10px;
margin: 6px 0 25px 0;
padding: 0.5em 1.5em;
box-sizing: border-box;
}
.box4{
font-size: 18px;
font-weight: normal;
border: solid rgb(250, 212, 141) 2px;
background-color:rgb(255, 250, 242) ;
border-radius: 10px;
margin: 6px 0 25px 0;
padding: 0.8em 1.5em;
box-sizing: border-box;
}
dl.boxLst{
margin:0 10px;
display: flex;
flex-wrap: wrap;
width: 100%;
}
dl.boxLst dt{
width: 34%;
padding-bottom: 5px;
margin-bottom: 10px;
}
dl.boxLst dd{
width: 63%;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left: 3%;
}
.txtIndnt{
margin-left: 1em;
text-indent: -0.5em;
margin-bottom: 5px !important;
margin-top: 10px;
border: 1px solid #333;

}
.txtIndnt2{
margin-left: 2em;
text-indent: -2em;
margin-bottom: 5px !important;
margin-top: 10px;
}
span.txtIndnt3{
margin-left: 1em !important;
padding-left: 0;
text-indent: -1em !important;
margin-bottom: 5px !important;
font-weight: normal;
color: #000;
font-size: 100%;
display: inline-block;
}
ul.dttLst{
list-style-type: square;
list-style-position: inside;
padding: 0 0;
margin: 10px 5px;
}
ul.dttLst li{
margin-bottom: 15px;
}


@media screen and (max-width: 800px) {
dl.boxLst{
width: 90%;
display: inline;
flex-wrap:none;
}
dl.boxLst dt{
width: 100%;
padding-bottom: 5px;
margin-bottom: 0;
font-weight: bold;
}
dl.boxLst dd{
width: 100%;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left:0;
}

}
