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

dl.news{
	padding:0;
}

#responsive{
  width:1000px;
  margin:0 auto;
}
#responsive p{
  margin:0;
  font-size:16px;
}
#responsive p.text{
	line-height:1.6;
	padding:0;
	margin:0 0 20px 15px;
}
#responsive img{
  display:block;
  margin:0 auto;
}
#responsive h2{
  background-size:660px auto;
  margin:0 -20px 22px;
  padding:6px 0 20px 28px;
}
#responsive h3{
  font-size:15px;
  color:#fff;
  background-color:#dd5519;
  margin:0 0 22px;
  padding:5px 0 5px 20px;
  position: relative;
}
#responsive h3:before{
  content:"";
  position:absolute;
  left:5px;
  height:20px;
  width:5px;
  background:#fff;
}
#responsive ul.planList li{
  margin:0 0 50px 0;
}
#responsive dl.results{
  width:250px;
  font-size:13px;
  margin:0 0 50px 10px;
}
#responsive dl.results dt{
  width:180px;
  text-align:left !important;
  padding:0 10px 0 0;
  margin:0 !important;
  float:left;
}
#responsive dl.results dd{
  width:60px;
  text-align:right;
  float:left;
}
#responsive table.priceList{
  width:550px;
  margin:0 5px;
  font-size:13px;
  margin:0 0 50px 0;
  margin-left:auto;
  margin-right:auto;:center;
}
#responsive table.priceList th.service{
  width:64%;
}
#responsive table.priceList th{
  background-color:#999;
  border:solid 1px #b3b3b3;
  color:#fff;
  padding:3px 0;
}
#responsive table.priceList th.unit{
  width:18%;
}
#responsive table.priceList th.price{
  width:18%;
}
#responsive table.priceList td{
  border:solid 1px #b3b3b3;
  padding:3px 15px;
}
#responsive table.priceList tr td:nth-child(3n-1){
  text-align:center;
}
#responsive table.priceList tr td:nth-child(3n+0){
  text-align:right;
}

#responsive > div > ul {
  padding-left: 15px;
}

@media screen and (max-width:640px){/*スマホ*/
#responsive{
  width:100%;
  max-width:600px;
  margin:0 auto;
}
#responsive p{
  font-size:12px;
}
#responsive p.text{
  line-height:18px;
  padding:0 10px;
  margin:0 0 10px;
}
#responsive img{
  width:100%;
  height:auto;
}
#responsive h2{
  font-size:13px;
  padding:0 0 7px 11px;
  margin:0 0 12px;
  background:url(../img/00_common/bg_title01.png) no-repeat left bottom;
  background-size:100% auto;
}
#responsive h3{
  font-size:13px;
  margin:0 0 15px;
  padding:2px 0 1px 18px;
}
#responsive h3:before{
  height:15px;
  width:3px;
  top:4px;
}
#responsive  p.serviceImg{
  width:90%;
  height:auto;
  margin:0 auto 30px;
}
#responsive ul.planList{
  margin:0 0 30px 0;
}
#responsive ul.planList li{
  margin:0 0 20px 0;
}
#responsive dl.results{
  width:225px;
  font-size:12px;
  margin:0 0 30px 10px;
}
#responsive dl.results dt{
  width:160px;
  padding:0 10px 0 0;
}
#responsive dl.results dd{
  width:55px;
}
#responsive table.priceList{
  width:100%;
  font-size:12px;
  margin:0 0 30px 0;
}
#responsive table.priceList th.service{
  width:50%;
}
#responsive table.priceList th.unit{
  width:25%;
}
#responsive table.priceList th.price{
  width:25%;
}
#responsive table.priceList td{
  padding:2px 5px;
}
}