@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page-tit {
  background: url("../images/price-images/page-bg.jpg") 50% 100% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.price-table th {
  width: 50%;
  text-align: center;
  border: solid 2px #079de1;
  padding: 20px;
}
.price-table td {
  text-align: center;
  border: solid 2px #079de1;
  padding: 20px;
}
.price-table td span:before {
  content: "/";
  margin: 0 3px;
}
.price-table td span {
  color: #20aa33;
  font-size: 90%;
}
.others .div-3column .inner h3 {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  background-color: #20aa33;
  padding: 15px;
  margin-bottom: 0;
}
.others .div-3column .inner .box {
  text-align: center;
  background-color: #d9f3dd;
  padding: 20px;
  margin-bottom: 20px;
}
.others .div-3column .inner .box .txt01 {
  font-weight: bold;
  margin-bottom: 5px;
}
.others .div-3column .inner .box .txt02 {
  font-size: 90%;
  margin-bottom: 0;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.others .div-3column .inner h3 {
  font-size: 1.8rem;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.price-table th {
  font-size: 90%;
  padding: 10px;
}
.price-table td {
  font-size: 90%;
  padding: 10px;
}
.price-table td span:before {
  content: "";
  margin: 0;
}
.price-table td span {
  display: block;
}
.others .div-3column {
  width: 100%;
}
.others .div-3column .inner {
  float: none;
  width: 100%;
  margin-bottom: 20px;
}
.others .div-3column .inner:last-child {
  margin-bottom: 0;
}
.others .div-3column .inner h3 {
  font-size: 1.6rem;
}
.others .div-3column .inner .box {
  padding: 15px;
  margin-bottom: 20px;
}

}