@charset "UTF-8";
/* Style.Css
---------------------------------------------------- */

textarea
{
  width:100%;
}
.lessonTitle {
  background-color: #2c72b0;
  margin-bottom: 25px;
  padding: 15px 0 45px;
  color: #fff;
  font-size: 3.4rem;
  text-align: center;
  border-bottom: 5px solid #eac900;
}

.lessonTitle strong {
  display: inline-block;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}

.lessonTitle span {
  display: block;
  font-size: 2.4rem;
}
#lessonWrap .inner {
  font-size: 1.8rem;
}
#lessonWrap h1 {
  width: initial;
  padding: 20px;
  margin-bottom: 30px;
  font-size: 2.8rem;
  color: #2a71b9;
  border-bottom: 1px solid #2a71b9;
}
#lessonWrap h2 {
  padding: 20px;
  margin-bottom: 10px;
  font-size: 2.5rem;
  color: #2a71b9;
  border-bottom: 1px solid #2a71b9;
}
.textLesson {
  text-align: left;
}
.inst {
  background: #FFF;
  padding: 10px;
  overflow: hidden;
}
.instImag {
  float: left;
  margin-right: 10px;
}
.instSummary {
  text-align: left;
  overflow: hidden;
}
.clear {
  display: inline-table;
  /*overflow: hidden;*/
}
/* mac \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
.lessonTable {
  margin: auto;
  font-size: 1.8rem;
  text-align: left;
}
.lessonTable tr {
  border-bottom: 1px solid #ccc;
}
.lessonTable th {
  padding: 1em 0;
  white-space: nowrap;
}
.lessonTable td {
  padding: 1em 0 1em 2em;
}

/* macend */

@media screen and (max-width: 690px) { .instSummary { float: right; } .instImag {float: none; margin: 0px 0px 10px 0px } .instImag img { max-width: 100%; } }
@media screen and (max-width: 767px) { .lessonTitle span { font-size: 3.0rem; } #lessonWrap h1 { padding: 15px 0px 30px !important;font-size: 2rem !important;}.lessonTable th {display: block; padding: 0 0 0.2em; }.lessonTable td {display: block; padding: 0.8em 0;} .lessonTable tr {display: block; padding: 0.8em 0;} .fee p {text-align: left;} .lessonContact p {text-align: left;} #lessonWrap .inner {font-size: 1.6rem} #lessonWrap h2 {font-size: 1.6rem} .lessonTable {font-size: 0.95rem} #lessonWrap #mailForm th, #lessonWrap #mailForm td { font-size: 1.6rem;} }
@media screen and (min-width: 768px) { .pankz p {padding: 1.5625vw 1.875vw;font-size: 2.0rem;}}