@charset "UTF-8";
/* ----------------------------------------------------------------
topics
----------------------------------------------------------------- */
#topics h2 {
  font-size: 170%;
  margin: 1em auto 2em;
  font-size: 250%;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #topics h2 {
    font-size: 170%;
  }
}
#topics .btnCont {
  padding-top: 90px;
}
@media screen and (max-width: 767px) {
  #topics .btnCont {
    padding-top: 45px;
  }
}
#topics .btnCont a {
  font-size: 1.2em;
}
#topics #sec00 {
  text-align: center;
}
#topics #sec00 h2 {
  margin-bottom: 1em;
  color: #fff;
  display: block;
  background: #34AF40;
  padding: 0.5em 0.7em;
}
#topics #sec00 h4 strong {
  font-weight: normal;
  color: #34AF40;
}
#topics #sec00 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 2em auto;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  #topics #sec00 ul {
    display: block;
  }
}
#topics #sec00 ul li {
  box-sizing: border-box;
  font-size: 1.5em;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0.5em 1em;
  margin: 0;
  position: relative;
  line-height: 1;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  #topics #sec00 ul li {
    max-width: none;
  }
}
#topics #sec00 ul li:nth-child(1) {
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #topics #sec00 ul li:nth-child(1) {
    text-align: left;
  }
}
#topics #sec00 ul li:nth-child(1) {
  font-size: 2em;
}
@media screen and (max-width: 767px) {
  #topics #sec00 ul li:nth-child(1) {
    font-size: 2em;
  }
}
#topics #sec00 ul li big {
  font-size: 150%;
  color: #ea5c53;
  display: inline-block;
  margin-left: 0.2em;
}
#topics #sec00 ul li big span {
  font-size: 50%;
}
#topics #sec00 ul li small {
  font-size: 70%;
}
#topics #sec00 p {
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #topics #sec00 p {
    text-align: left;
  }
}
#topics #sec00 p strong {
  font-size: 2em;
  color: #ea5c53;
}
#topics #sec01 {
  text-align: center;
}
#topics #sec01 h2 {
  margin-bottom: 1em;
  color: #fff;
  display: block;
  background: #34AF40;
  padding: 0.5em 0.7em;
}
#topics #sec01 h4 strong {
  font-weight: normal;
  color: #34AF40;
}
#topics #sec01 .flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #topics #sec01 .flex {
    display: block;
  }
}
#topics #sec01 .flex div {
  flex: 0 0 47%;
}
#topics #sec01 .flex div ul {
  margin: 2em auto;
  padding: 0;
  list-style: none;
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  #topics #sec01 .flex div ul {
    display: block;
  }
}
#topics #sec01 .flex div ul li {
  box-sizing: border-box;
  font-size: 1.5em;
  padding: 0.5em 0;
  margin: 0;
  position: relative;
  line-height: 1;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  #topics #sec01 .flex div ul li {
    max-width: none;
  }
}
#topics #sec01 .flex div ul li:nth-child(1) {
  font-size: 2em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #topics #sec01 .flex div ul li:nth-child(1) {
    font-size: 2em;
  }
}
#topics #sec01 .flex div ul li big {
  font-size: 150%;
  color: #ea5c53;
  display: inline-block;
  margin-left: 0.2em;
}
#topics #sec01 .flex div ul li big span {
  font-size: 50%;
}
#topics #sec01 .flex div ul li small {
  font-size: 70%;
}
#topics #sec01 .flex ul + p {
  text-align: right;
}
#topics #sec01 .flex p {
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  #topics #sec01 .flex p {
    text-align: left;
  }
}
#topics #sec01 .flex p strong {
  font-size: 2em;
  color: #ea5c53;
}
#topics #sec02 {
  text-align: center;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  #topics #sec02 {
    padding-top: 50px;
  }
}
#topics #sec02 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 2em auto 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  #topics #sec02 ul {
    display: block;
  }
}
#topics #sec02 ul li {
  font-size: 1.5em;
  flex: 0 0 48%;
  padding: 0;
  margin: 0 0 30px;
  position: relative;
  line-height: 1;
  text-align: left;
}
#topics #sec02 ul li::before {
  content: "・";
  color: #34AF40;
  margin-left: -1em;
}

/* ----------------------------------------------------------------
results
----------------------------------------------------------------- */
/*
<ul class="tab">
		<li><a href="#results1" class="selected">普通科進学コース</a></li>
		<li><a href="#results2">普通科総合コース・情報ビジネス科</a></li>
		<li><a href="#results3">過去の合格実績</a></li>
	</ul>
*/
.tab {
  list-style: none;
  margin: auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .tab {
    display: block;
  }
}
.tab li {
  flex: 0 0 25%;
  box-sizing: border-box;
  padding: 0 1px;
  margin: 0;
}
@media screen and (max-width: 1280px) {
  .tab li {
    flex: 0 0 50%;
    margin-bottom: 1px;
  }
}
@media screen and (max-width: 991px) {
  .tab li {
    max-width: none;
    padding: 0;
    margin-bottom: 1px;
  }
}
.tab li a {
  display: block;
  text-decoration: none;
  padding: 1em;
  background: #eee;
}
.tab li a::after {
  content: "\f107";
  font-family: "FontAwesome";
  display: block;
  line-height: 1;
}
.tab li a.selected {
  color: #fff;
}
.tab li:nth-child(1) a.selected {
  background: #6AB2C6;
}
.tab li:nth-child(2) a.selected {
  background: #E87926;
}
.tab li:nth-child(3) a.selected {
  background: #87C248;
}
.tab li:nth-child(4) a.selected {
  background: #F89B79;
}

.results .ttl1 {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.results .results-nav {
  padding: 30px 20px 50px !important;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .results .results-nav {
    padding: 15px 20px 25px !important;
    margin-bottom: 50px;
  }
}
.results .pageNav li {
  flex: 0 0 40%;
}
.results .w800 {
  max-width: 600px;
}
.results .results-list .w800 {
  max-width: 1000px;
}

.result-tb {
  border: none;
  margin-bottom: 5em;
}
.result-tb * {
  border: none;
}
.result-tb th,
.result-tb td {
  border: 1px solid #ddd !important;
  padding: 0.5em 1em;
}
.result-tb thead {
  background-color: #f5f5f5;
}
.result-tb thead th:first-of-type {
  text-align: left;
}
.result-tb thead th {
  font-weight: normal;
}
.result-tb tbody tr td:first-of-type {
  width: 60%;
}
.result-tb tbody tr td:not(:first-of-type) {
  text-align: center;
}
.result-tb tfoot tr {
  background-color: #f5f5f5;
}
.result-tb tfoot tr td:first-of-type {
  text-align: center;
}
.result-tb tfoot tr td:last-of-type {
  text-align: center;
}

.jisseki-list {
  padding: 0px 0;
  font-feature-settings: "palt";
}
.jisseki-list h3 {
  background-color: #52a4dd;
  color: #fff;
  text-align: center;
}
.jisseki-list h4 {
  background-color: #f5f5f5;
  text-align: center;
}
.jisseki-list ul li {
  border-color: #ddd;
}
.jisseki-list ul li strong {
  color: #FE1D00;
}

.results-soc .ttl1::after,
.results-soc .jisseki-list h3 {
  background: #E87926;
}
.results-soc .pageNav li a::after {
  color: #E87926;
}

.results-int .ttl1::after,
.results-int .jisseki-list h3 {
  background: #87C248;
}
.results-int .pageNav li a::after {
  color: #87C248;
}

.results-biz .ttl1::after,
.results-biz .jisseki-list h3 {
  background: #F89B79;
}
.results-biz .pageNav li a::after {
  color: #F89B79;
}