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

section + section{
  margin-top:180px;
  }
h3{
  font-size:1.8rem;
  text-align:center;
  margin-bottom:70px;
  }
h4{
  font-size:1.6rem;
  }
@media only screen and (max-width: 480px) {

section + section{
  margin-top:90px;
  }
h4{
  font-size:1.4rem;
  }

}

/* ============ #s01 ============ */
#s01 article + article{
  margin-top:30px;  
  }
#s01 ol li{
  /*padding-left:2.0rem;*/
  /*text-indent:-2.0rem;*/
  }
#s01 .ol01 > li{
  list-style-type: decimal;
  list-style-position: inside;
  /*padding-left:2.0rem;
  text-indent:-2.0rem;*/
  }
/*#s01 .ol01 > li > ol > li{
  padding-left:0;
  text-indent:0;
  }*/


/* ============ #s02 ============ */
#s02 article + article{
  margin-top:120px;
  }
#s02 ul{
  margin-top:20px;
  }
#s02 ul > li{
  list-style-type: disc;
  list-style-position: inside;
  padding-left:2.0rem;
  text-indent:-2.0rem;
  }
#s02 table{
  width: 100%;
  border-collapse: collapse;
  border-right:solid #A8A8A8 1px;
  margin-top:30px;
  }
#s02 table caption{
  text-align:left;
  }
#s02 table th{
  padding: 10px 20px;
  color:#FFF;
  background-color: #A8A8A8;
  font-weight:400;
  vertical-align:middle;
  }
#s02 table th + th{
  border-left: 1px solid #FFF;
  }
#s02 table td{
  width:50%;
  padding: 15px 20px;
  vertical-align:middle;
  background-color: #FFF;
  border: 1px solid #A8A8A8;
  }

@media only screen and (max-width: 480px) {
#s02 article + article{
  margin-top:60px;
  }
#s02 table{
  display:block;
  border: none;
  }
#s02 table tr{
  display:block;
  border: solid #A8A8A8 1px;
  }
#s02 table tr + tr{
  margin-bottom:30px;
  }
#s02 table tr:nth-of-type(1){
  display:none;
  margin-bottom:0;
  }
#s02 table td{
  display:block;
  width:100%;
  border: none;
  padding: 10px;
  }
#s02 table td[data-title]::before {
  color: #FFF;
  background-color:#A8A8A8;
  content: attr(data-title);
  font-weight: bold;
  padding: 3px 10px;
  display: block;
  font-weight:400;
  margin-bottom:10px;
}
}