.page-grid {
  color: #332;
  font-size: 16px;
  background-color: #fff;
}
.page-grid .text-red {
  color: #e60d00;
}
.page-grid .text-blue {
  color: #0072bd;
}
.page-grid .text-gold {
  color: #aa9b5f;
}
.page-grid .bg-pink {
  background-color: #fee;
}
.page-grid .bg-skyblue {
  background-color: #ddf2f9;
}
.page-grid .bg-gold {
  background-color: #aa9b5f;
  line-height: 1.8;
}
.page-grid .bg-orange {
  background-color: #ffd486;
}
.page-grid .bg-green {
  background-color: #ddefbb;
}

.page-grid .grid-pd50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.page-grid #headline h2 {
  margin-bottom: 10px;
}
.page-grid #headline .socialicon {
  display: inline-block;
  display: none;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  margin: 20px;
  padding: 10px 4px 6px 10px;
}

.page-grid #how-to-join .step-img span {
  display: inline-block;
  width: 130px;
  height: 130px;
}
.page-grid h3 .title-icon {
  width: 60px;
  height: 60px;
  vertical-align: bottom;
}
.page-grid h4 {
  margin: 5px 0;
}
.page-grid .mt-20 {
  margin-top: 20px;
}
.page-grid #jlpt-talk .talk-brick {
  padding: 10px;
  margin: 5px 10px 20px 0;
  margin-right: 10px;
  margin-top: 5px;
  -webkit-border-radius: 0 10px 10px 10px;
  -moz-border-radius: 0 10px 10px 10px;
  -o-border-radius: 0 10px 10px 10px;
  -ms-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
}
.page-grid #jlpt-tutors .tutor-thumb {
  border: 5px solid #aa9b5f;
  margin-top: 20px;
  margin-bottom: 5px;
}
.page-grid #jlpt-tutors .tutor-flag {
  vertical-align: sub;
}
.page-grid #jlpt-level {
  display: flex;
  justify-content: space-between;
}
.page-grid .lesson-brick {
  background-color: #fff;
  border: 1px solid #ccc;
  min-height: 120px;
  padding: 10px;
  margin: 10px 0;
}