/* --- source : /httpdocs/asset/css/compiled/../../scss/site.768-.scss --- */
.topBanners li {
  width: 24%;
}
.blockButton {
  display: block;
  width: 50%;
  margin: 1em 25%;
  padding: 1em 0;
}
table.typical {
  border-top: #ccc 1px solid;
}
table.typical td, table.typical th {
  border-right: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  padding: 0.5em 2em;
  vertical-align: middle;
}
table.typical td:last-child, table.typical th:last-child {
  border-right: 0;
}
table.typical th {
  background-color: rgba(214, 236, 244, 0.5);
}
table.typical td {
  background-color: rgba(255, 255, 255, 0.5);
}
.sns-box {
  float: right;
  padding-top: 3em;
}
.newsWrapper h2 {
  text-align: left;
  padding-left: 10%;
  padding-right: 10%;
}
.newsWrapper .newsContent {
  width: 80%;
  margin-left: 10%;
}
.pageNav {
  width: 100%;
  text-align: center;
}
.pageNav li {
  display: inline-block;
  padding: 0 2em 0 0.5em;
  border-left: #EEE 4px solid;
  line-height: 1em;
}
.pageNavWrap {
  max-width: 1200px;
  margin: 0 auto;
}
#page-index #sliderSP {
  display: none;
}
#page-index #topMain {
  height: 430px;
  width: 100%;
}
#page-index #topMain .slick-slide {
  margin: 0 5px;
}
#page-system .aboutTable .flexTableRow div {
  border-bottom: #ccc 1px solid;
  padding: 1em;
}
#page-system .aboutTable .flexTableRow div:first-child {
  width: 14em;
}
#page-system .aboutTable .flexTableRow div:last-child {
  width: calc(100% - 14em);
}
#page-system .visionTable .flexTableRow div {
  border-bottom: #ccc 1px solid;
  padding: 1em;
  width: 37%;
}
#page-system .visionTable .flexTableRow div:first-child {
  width: 26%;
}
#page-system .visionTable .header div {
  background-color: rgba(100, 100, 100, 0.2) !important;
  text-align: center;
}
#page-course .programsTable .flexTableRow > div {
  border-bottom: #ccc 1px solid;
  padding: 3em 1em;
}
#page-course .programsTable .flexTableRow > div:first-child {
  width: 26em;
}
#page-course .programsTable .flexTableRow > div:last-child {
  width: calc(100% - 26em);
}
#page-course .programsTable .header > div {
  padding: 1em 1em;
}
#page-course #outline #outlineTable th {
  white-space: nowrap;
}
#page-forms .flowImage {
  width: 140px;
}
#page-forms .flowText {
  width: calc(100% - 150px);
}
#page-attendance .chodekiPdfTD {
  text-align: center;
}
#page-attendance .chodekiPdfTD .chodekiPdf {
  width: 200px;
}