@charset "UTF-8";
/*-------------------------------
items
-------------------------------*/
#contents-wrap{
font-size: 0.9rem;
line-height: 1.8;
margin: 3% auto 10%;
max-width: 1000px;
text-align: justify;
width: 100%;
}
#contents-wrap a{
color: #000;
}
#contents-wrap h2{
border-bottom: 2px solid #c01b2c;
font-size: 1.5rem;
font-weight: 600;
margin: 0 auto 2%;
max-width: 800px;
width: 100%;
}
.tableBlock01{
margin: 0 auto 2%;
max-width: 800px;
width: 100%;
}
.tableBlock01 + p{
margin: 0 auto 10%;
max-width: 800px;
}
.tableBlock01 table {
border: 1px solid #c01b2c;
width: 100%;
}
.tableBlock01 th{
background: #c01b2c none repeat scroll 0 0;
border-bottom: 1px solid #fff;
color: #fff;
text-align: left;
padding: 3% 2.5%;
vertical-align: middle;
}
.tableBlock01 td {
padding: 3% 2.5%;
vertical-align: middle;
width: 68%;
border-bottom: 1px solid #c01b2c;
text-align: left;
}
.tableBlock01 ul li i {
padding-left: 18px;
}
.linkBlock{
text-decoration: underline;
}
.numberList{
max-width: 800px;
margin: 0 auto 5%;
}
.numberList li{
margin: 0 0 6%;
}
.numberList li ul{
padding-left: 1rem;
}
.numberList li ul li{
margin: 0 0 0;
text-indent: -1rem;
}
.numberList dl dt {
  background: #c01b2c;
  border-radius: 10px;
  color: #fff;
  font-size: 1.188rem;
  margin: 0 0 1%;
  padding: 1% 2%;
}
@media screen and (max-width: 1000px) {
#contents-wrap{
width: 95%;
}
}
@media screen and (max-width: 599px) {
#contents-wrap{
margin: 100px auto 10%;
}
.tableBlock01 td {
padding: 5% 2%;
word-break: break-all;
}
.numberList dl dt{
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 1%;
    padding: 2% 3%;
}
}