@charset "UTF-8";
/* CSS Document */
.h2Area {
	background-image: url(../img/cost/h2_bg.jpg);
}
.costArea .inner .desc01 {
  padding: 100px 40px 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row-reverse;
}
.costArea .inner .desc01 .right,
.costArea .inner .desc01 .left {
  width: 50%;
}
.costArea .inner .desc01 .right {
  padding-left: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.costArea .inner .desc01 .right p {
  color: #000;
  font-size: 15px;
  padding-bottom: 20px;
}
.costArea .inner .desc01 .left .img {
  text-align: right;
}
.costArea .inner .desc02 {
  padding: 50px 140px 0;
}
.costArea .inner .desc03 {
  padding: 1px 140px 80px;
}
.costArea .inner .desc02 .costArea,
.costArea .inner .desc03 .costArea {
  padding-bottom: 25px;
}
.costArea .inner .desc02 .costArea02,
.costArea .inner .desc03 .costArea02 {
  padding-bottom: 50px;
}
.costArea .inner .desc02 .costArea .cost,
.costArea .inner .desc03 .costArea .cost {
  padding-bottom: 40px;
}
.costArea .inner .desc02 .costArea h3,
.costArea .inner .desc03 .costArea h3 {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 37px;
  line-height: 1;
  padding-left: 20px;
  border-left: 10px solid #000;
}
.costArea .inner .desc02 .costArea h3 span,
.costArea .inner .desc03 .costArea h3 span {
  padding-left: 10px;
  font-size: 18px;
}

.costArea .inner .desc02 .costArea .cost table th,
.costArea .inner .desc03 .costArea .cost table td {
  border: 1px solid #fff;
}
.costArea .inner .desc02 .costArea .cost table th,
.costArea .inner .desc03 .costArea .cost table th {
	font-size: 25px;
  font-weight: bold;
	padding: 8px 2%;
  background-color: #85B200;
	color: #fff;
  text-align: center;
}
.costArea .inner .desc02 .costArea .cost table td,
.costArea .inner .desc03 .costArea .cost table td {
  width: 50%;
  border: 1px solid #fff;
	font-size: 20px;
  font-weight: bold;
	background-color: #eee;
	padding: 8px 2%;
  text-align: center;
  color: #000;
}
.costArea .inner .desc02 .costArea .cost table .ttl td {
	background-color: #444;
  color: #fff;
}
.costArea .inner .desc02 .costArea .cost table .ttl td {
	background-color: #444;
  color: #fff;
}
.costArea .inner .desc03 .costArea .cost table th span {
	font-size: 18px;
}
.costArea .inner .desc02 .costArea .cost .img {
	padding-top: 15px;
}
.costArea02 ul {
	display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 30px;
}
.costArea02 ul li {
	font-size: 20px;
  padding-right: 20px;
}


@media screen and (max-width: 1000px) {
  .costArea .inner .desc02 {
    padding: 50px 80px 0;
  }
  .costArea .inner .desc03 {
    padding: 1px 80px 80px;
  }
}

@media screen and (max-width: 767px) {
  .costArea .inner .desc01 {
    padding: 50px 5vw 30px;
    display: block;
  }
  .costArea .inner .desc01 .right,
  .costArea .inner .desc01 .left {
    width: 100%;
  }
  .costArea .inner .desc01 .right {
    padding-left: 0;
    display: block;
  }
  .costArea .inner .desc01 .right p {
    font-size: 14px;
  }
  .costArea .inner .desc01 .left .img {
    text-align: center;
    padding-top: 10px;
  }
  .costArea .inner .desc02 {
    padding: 25px 5vw 0;
  }
  .costArea .inner .desc03 {
    padding: 1px 5vw 40px;
  }
  .costArea .inner .desc02 .costArea h3,
  .costArea .inner .desc03 .costArea h3 {
    margin-bottom: 20px;
    font-size: 20px;
    padding-left: 5px;
    border-left: 5px solid #000;
    letter-spacing: 0;
  }
  .costArea .inner .desc02 .costArea h3 span,
  .costArea .inner .desc03 .costArea h3 span {
    padding-left: 8px;
    font-size: 11px;
  }

  .costArea .inner .desc02 .costArea .cost table th,
  .costArea .inner .desc03 .costArea .cost table th {
    font-size: 18px;
  }
  .costArea .inner .desc02 .costArea .cost table td,
  .costArea .inner .desc03 .costArea .cost table td {
    font-size: 15px;
  }
  .costArea .inner .desc03 .costArea .cost table th span {
    font-size: 13px;
  }
  .costArea .inner .desc03 .costArea .cost table td span {
    font-size: 13px;
  }
  .costArea02 ul {
    padding-bottom: 20px;
  }
  .costArea02 ul li {
    font-size: 17px;
    padding-right: 10px;
  }
}