@charset "utf-8";

#wrap article {
  max-width:1000px;
  margin: 30px auto;
  line-height:1.5;
  font-size:1.4rem;
}

#wrap article {
}

#wrap section {
	margin: 0 0 100px;
}

#wrap article h3 {
 font-size:2.0rem;
 margin-bottom:1%;
 font-weight:bold;
 text-align: center;
}

#wrap article h4 {
 font-size:1.6rem;
 margin: 2% auto 1% auto;
 font-weight:bold;
 text-align: center;
}


#wrap article .sec01 dl {
    font-size: 1.2rem;
    overflow: hidden;
    text-align: left;
    box-sizing: border-box;
	padding: 0;
	border: none;
}
#wrap article .sec01 dl:last-child{
    border-bottom: 1px solid #CCC;
}
#wrap article .sec01 dt {
    float: left;
    width: 29%;
    font-weight: bold;
    border-top: 1px solid #CCC;
    padding:1%;
    text-align: center;
}

#wrap article .sec01 dd {
    float: left;
    width: 65%;
    padding:1%;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
}




@media screen and (max-width: 768px) {
#wrap article {
  width:98%;
  padding:1%;
  margin: 10px auto;
 min-height:300px;
  font-size:1.1rem;
}

#wrap article h3 {
    font-size: 1.6rem;
    margin-bottom: 3%;
}

#wrap article .h4 {
 font-size:1.2rem;
}

#wrap article dl {
    font-size: 1.1rem;
    margin:auto;
}
#wrap article .sec01 dt {
    float: none;
    width: 98%;
    padding:2% 1% 0.5% 1%;
    text-align: left;
}
#wrap article .sec01 dd {
    float: none;
    width: 98%;
    text-align: left;
    padding:0.5% 1% 2% 1%;
    border:none;
}

}