@charset "UTF-8";

/* ::: blockTitle :::: */
.blockTitle {
  position: relative;
  margin-top: 6px;
  padding-top: 61.87%;
  width: 100%;
  height: 0;
  background: url("../img/tomato/about/bg_01.png") top center no-repeat;
  background-size: cover;
}

.blockTitle h2 {
  position: absolute;
  top: 45%;
  padding: 0 8%;
  width: 100%;
}

.blockTitle h2 img {
  width: 100%;
}


/* ::: farm :::: */
.farm {
  padding: 30px 0 35px 0;
  background-color: #fffff0;
}

.farm h3 {
  margin: 0 22% 30px 22%;
}

.farm h3 img {
  width: 100%;
}

.farm h4 {
  margin: 0 auto 35px auto;
  text-align: center;
}

.descFarm {
  margin: 0 15px 20px 15px;
  line-height: 2;
  font-size: 15px;
}

.map img {
  width: 100%;
}

.mapLegend {
  margin: 20px 16% 25px 16%;
}

.mapLegend img {
  width: 100%;
}

.listFarm {
  margin: 0 15px;
}

.listFarm li {
  margin-top: 15px;
  list-style: none;
}

.listFarm li img {
  width: 100%;
}

.farmImg img {
  margin: 25px 0;
  width: 100%;
}

.notesFarmImg {
  margin: 0 15px;
  text-align: center;
  line-height: 2;
}


/* ::: cultivation :::: */
.cultivation {
  padding-top: 75px;
  background: url("../img/tomato/about/bg_02.png") top right no-repeat;
  background-size: 154px 95px;
}

.cultivation h3 {
  margin: 0 15% 25px 15%;
}

.cultivation h3 img {
  width: 100%;
}

.cultivation h4 {
  margin: 0 15px 25px 15px;
}

.cultivation h4 img {
  width: 100%;
}

/* cultivationImg */
.cultivationImg {
  margin-bottom: 35px;
}

.cultivationImg img {
  width: 100%;
}

.cultivationImg.largeMargin {
  margin-bottom: 55px;
}

/* cultivationDetail */
.cultivationDetail {
  margin: 0 15px 25px 15px;
  line-height: 2;
  font-size: 15px;
}

/* cultivationList */
.cultivationList {
  margin: 0 15px 35px 15px;
  padding: 20px 15px;
  background: #fffccf;
}

.cultivationList li {
  margin-bottom: 20px;
  padding-left: 15px;
  line-height: 1.8;
  list-style: none;
  background: url("../img/tomato/about/icn_01.png") 0 10px no-repeat;
  background-size: 4px 4px;
}

.cultivationList li:last-child {
  margin-bottom: 0;
}