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

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

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

.use li img {
  display: block;
}
.use li h3 {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  background-color: #20aa33;
  padding: 15px;
  margin-bottom: 20px;
}
.use li h3 span {
  margin-right: 5px;
}
.use li p {
  margin-bottom: 0;
}


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

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


}


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

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

.when .div-3column {
  width: 100%;
}
.when .div-3column .inner {
  float: none;
  width: 100%;
  margin-bottom: 40px;
}
.use li h3 {
  font-size: 1.6rem;
}
.use li h3 span {
  display: block;
  margin: 0 0 5px 0;
}

}

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

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

.use li h3 {
  padding: 12px;
  margin-bottom: 20px;
}
.use li h3 span {
  margin-right: 5px;
}
.use li p {
  margin-bottom: 0;
}


}