@charset "UTF-8";
.section {
  background: #fff;
  padding: 30px 0;
}

.section__bgColor {
  background: #fffdf7;
}

.subSection {
  width: 920px;
  margin: 0 auto;
  font-size: 15px;
}

.cl-red {
  color: #d90a0a;
}

.txt {
  line-height: 1.6;
  margin: 0 0 15px;
}

.mod-breadCrumb {
  width: 920px;
  margin: 0 auto 10px;
}

.photo img {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  border: 3px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.photList {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.photList li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 10px 0 0;
}
.photList li:last-child {
  padding: 0;
}
.photList li img {
  max-width: 100%;
}

.txt__rPhoto {
  display: table;
  table-layout: fixed;
}
.txt__rPhoto dt {
  display: table-cell;
  vertical-align: top;
  padding: 0 30px 0 0;
}
.txt__rPhoto dd {
  display: table-cell;
  vertical-align: middle;
}

.title1 {
  background-color: #473917;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF473917', endColorstr='#FF6F614B');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3MzkxNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZmNjE0YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #473917), color-stop(100%, #6f614b));
  background-image: -moz-linear-gradient(left, #473917 0%, #6f614b 100%);
  background-image: -webkit-linear-gradient(left, #473917 0%, #6f614b 100%);
  background-image: linear-gradient(to right, #473917 0%, #6f614b 100%);
  padding: 20px 0 10px;
  margin: 0 0 25px;
}
.title1 span {
  display: block;
  border-bottom: 1px solid #c19d44;
  color: #fff;
  font-size: 24px;
  padding: 0 20px 10px 20px;
  font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.title2 {
  border-bottom: 2px dotted #473917;
  padding: 5px 0;
  color: #473917;
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 20px;
}

.title3 {
  border-top: 2px dotted #473917;
  border-bottom: 2px dotted #473917;
  color: #473917;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 20px;
}

.title4 {
  color: #766130;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 5px;
  line-height: 1.3;
  position: relative;
  padding: 0 0 0 15px;
}
.title4:before {
  content: "-";
  position: absolute;
  left: 0px;
}

.title5 {
  color: #c19d44;
  font-size: 20px;
  margin: 0 0 5px;
  line-height: 1.3;
  position: relative;
  padding: 0 0 0 15px;
  font-weight: normal;
}
.title5:before {
  content: "-";
  position: absolute;
  left: 0px;
}

.table1 {
  margin: 0 0 30px;
}
.table1 table {
  border-collapse: collapse;
  width: 100%;
}
.table1 table th, .table1 table td {
  border: 1px solid #ccc;
  padding: 12px 10px;
  text-align: center;
}
.table1 table th {
  background: #f1f1f1;
  font-weight: normal;
}
.table1 table td:nth-child(1) {
  text-align: left;
}

th.table1__pickup {
  background: #ece1ca !important;
  font-weight: bold !important;
}

td.table1__pickup {
  background: #faf4e6 !important;
}

.table2 table {
  color: #473917;
  width: 100%;
  border-collapse: collapse;
}
.table2 table tr:nth-child(even) {
  background: #fbf7ed;
}
.table2 table tr td {
  padding: 15px;
  line-height: 1.6;
  border: 1px solid #ccc;
}
.table2 table tr td:nth-child(1) {
  text-align: center;
}

.kv {
  border-top: 3px solid #c19d44;
  background-color: #ebe1cd;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEBE1CD', endColorstr='#FFFFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZTFjZCIvPjxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZjlmNmVlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebe1cd), color-stop(80%, #f9f6ee), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #ebe1cd 0%, #f9f6ee 80%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #ebe1cd 0%, #f9f6ee 80%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #ebe1cd 0%, #f9f6ee 80%, #ffffff 100%);
  padding: 35px 0;
}

.kv-inner {
  width: 860px;
  margin: 0 auto;
}

.kv-main {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 30px;
}
.kv-main li {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

.kv-main-txt {
  padding: 25px 10px 0 0;
}
.kv-main-txt img {
  margin: 0 0 15px;
  line-height: 0;
}

.kv-main-photo {
  width: 438px;
}

.featureList > li {
  margin: 0 0 40px;
}
.featureList > li:last-child {
  margin: 0;
}

.feature-subSection > li {
  margin: 0 0 30px;
}
.feature-subSection > li:last-child {
  margin: 0;
}
.feature-subSection > li p {
  padding: 0 0 0 15px;
}

.feature-1 {
  margin: 0 0 30px !important;
}

.feature-4 {
  margin: 0 0 20px !important;
}

.teacherList > li {
  margin: 0 0 45px;
}
.teacherList > li:last-child {
  margin: 0;
}

.teacherProf {
  background: #fff;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin: 0 0 30px;
}
.teacherProf dl {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.teacherProf dl dt {
  display: table-cell;
  vertical-align: middle;
  width: 240px;
}
.teacherProf dl dd {
  display: table-cell;
  vertical-align: top;
  width: 640px;
  padding: 0 0 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.teacherProf dl dd p {
  color: #473917;
}

.teacherProf-name {
  font-weight: bold;
  color: #473917;
  border-left: 4px solid #d2bf8f;
  padding: 0 0 0 10px;
  margin: 0 0 10px;
}
.teacherProf-name span {
  text-align: center;
  font-size: 25px;
  display: inline-block;
  line-height: 1.2;
  margin: 0 5px 0 0;
}
.teacherProf-name span i {
  font-size: 11px;
  font-weight: normal;
}

.teacherQuestion-list > li {
  margin: 0 0 30px;
}
.teacherQuestion-list > li:last-child {
  margin: 0;
}
.teacherQuestion-list > li p {
  padding: 0 0 0 15px;
}
.teacherQuestion-list > li p:last-child {
  margin: 0;
}

.summaryBox {
  background: #fff;
  border: 2px dotted #776332;
}

.summaryBox-title {
  background: #fbf7ed;
  color: #776332;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 10px 15px 60px;
}

.summaryBox-title__comment {
  background: #fbf7ed url(/img/interview/ic_summary_comment.png) no-repeat 25px center;
}

.summaryBox-title__coverage {
  background: #fbf7ed url(/img/interview/ic_summary_coverage.png) no-repeat 25px center;
}

.summaryBox-inner {
  padding: 15px 25px;
}

.summaryBox-tutor {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 25px;
}
.summaryBox-tutor dt {
  width: 168px;
  display: table-cell;
  vertical-align: middle;
}
.summaryBox-tutor dd {
  display: table-cell;
  vertical-align: top;
  width: 698px;
  padding: 0 0 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.summaryBox-tutor-name {
  font-size: 18px;
  margin: 0 0 10px;
}

.summaryBox-tutor-review {
  margin: 0 0 10px;
}
.summaryBox-tutor-review ul {
  display: inline-block;
}
.summaryBox-tutor-review ul img {
  width: 20px;
  margin: -3px 1px 0;
}
.summaryBox-tutor-review p {
  display: inline-block;
  margin: 0 5px 0 0;
}
.summaryBox-tutor-review p a {
  font-weight: bold;
  font-family: Helvetica,Arial,Verdana;
  font-size: 15px;
}

.summaryBox-tutor-review-point {
  color: #c10000;
  font-weight: bold;
  margin: 2px 4px 0 0;
  display: inline-block;
  font-size: 20px;
  font-family: Helvetica,Arial,Verdana;
}

.summaryBox-tutor-reviewScore {
  font-size: 12px;
}
.summaryBox-tutor-reviewScore span {
  font-weight: bold;
}

.summaryBox-area table {
  background: #fff;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.summaryBox-area table th, .summaryBox-area table td {
  padding: 10px 15px;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
.summaryBox-area table th {
  width: 20%;
  text-align: left;
  background: #fbf7ed;
}
.summaryBox-area table td li {
  display: inline-block;
  width: 70px;
  line-height: 1.5;
  color: #ccc;
}
.summaryBox-area table td li a {
  padding: 0 0 0 10px;
  text-decoration: none;
  background: url(/img/common/ic_linkarrow_blue.png) no-repeat 0 center;
}