.only-sp {
  display: none; }

.container {
  width: 980px;
  margin: 0 auto; }

.high_school {
  font-size: 16px;
  line-height: 1.8; }
  .high_school h2 {
    margin-bottom: 45px; }

.flex-list {
  display: flex;
  flex-flow: row wrap; }
  .flex-list.col3 {
    margin: 0 0 0 -20px; }
    .flex-list.col3 li {
      width: calc(33.333% - 20px);
      margin-left: 20px; }
  .flex-list.col2 {
    margin: 0 0 0 -40px; }
    .flex-list.col2 li {
      width: calc(50% - 40px);
      margin-left: 40px; }

.section-btn {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 26px 0px;
  border-radius: 5px;
  position: relative;
  background: #ffc3d0;
  background: -moz-linear-gradient(top, #ffc3d0 0%, #ffbac9 4%, #ffa7ba 7%, #ff8ea6 11%, #ff8ea6 88%, #f1869d 92%, #e37e94 96%, #e37e94 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffc3d0), color-stop(4%, #ffbac9), color-stop(7%, #ffa7ba), color-stop(11%, #ff8ea6), color-stop(88%, #ff8ea6), color-stop(92%, #f1869d), color-stop(96%, #e37e94), color-stop(100%, #e37e94));
  background: -webkit-linear-gradient(top, #ffc3d0 0%, #ffbac9 4%, #ffa7ba 7%, #ff8ea6 11%, #ff8ea6 88%, #f1869d 92%, #e37e94 96%, #e37e94 100%);
  background: -o-linear-gradient(top, #ffc3d0 0%, #ffbac9 4%, #ffa7ba 7%, #ff8ea6 11%, #ff8ea6 88%, #f1869d 92%, #e37e94 96%, #e37e94 100%);
  background: -ms-linear-gradient(top, #ffc3d0 0%, #ffbac9 4%, #ffa7ba 7%, #ff8ea6 11%, #ff8ea6 88%, #f1869d 92%, #e37e94 96%, #e37e94 100%);
  background: linear-gradient(to bottom, #ffc3d0 0%, #ffbac9 4%, #ffa7ba 7%, #ff8ea6 11%, #ff8ea6 88%, #f1869d 92%, #e37e94 96%, #e37e94 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc3d0', endColorstr='#e37e94', GradientType=0 ); }
  .section-btn:after {
    position: absolute;
    content: '';
    right: 35px;
    top: 50%;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    background: url(../common/img/high_school/arr_btn.png) left top no-repeat;
    background-size: cover; }

.section-title {
  margin-bottom: 30px; }
  .section-title_tooltip {
    background: #096eb0;
    width: 470px;
    padding: 6px 0px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin: 0 0 10px 0;
    display: inline-block;
    position: relative; }
    .section-title_tooltip:after {
      position: absolute;
      content: '';
      left: 50%;
      bottom: -10px;
      margin-left: -6px;
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 10px solid #096eb0; }
  .section-title_head {
    font-size: 36px;
    color: #015287;
    border-bottom: 2px solid #015287;
    padding: 0px 0px 0px 32px;
    position: relative; }
    .section-title_head:after {
      position: absolute;
      content: '';
      left: 0;
      bottom: 0;
      width: 10px;
      height: 75%;
      background: #015287; }

.physioth-ttl {
  background: #fde401;
  text-align: center;
  padding: 35px 0px 0px 0px; }

.phy-box {
  padding: 10px 30px 15px 30px; }
  .phy-box_t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
    margin-bottom: 5px; }
    .phy-box_t > div {
      display: inline-block;
      font-size: 48px; }
    .phy-box_t figure {
      background: #6faeee;
      width: 160px; }
  .phy-box a {
    display: block;
    padding-right: 40px;
    position: relative;
    font-weight: normal;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    margin-right: 40px; }
    .phy-box a:after {
      position: absolute;
      content: '';
      right: -40px;
      top: 50%;
      margin-top: -16px;
      width: 32px;
      height: 32px;
      background: url(../common/img/high_school/arr_btn.png) left top no-repeat;
      background-size: cover; }

.physioth-wrap {
  background: #fffcdd;
  border: 9px solid #fde401;
  padding: 40px; }
  .physioth-wrap table {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000; }
    .physioth-wrap table thead th {
      color: #fff; }
      .physioth-wrap table thead th:nth-child(2) {
        background: #186ec6; }
        .physioth-wrap table thead th:nth-child(2) a {
          color: #186ec6; }
      .physioth-wrap table thead th:nth-child(3) {
        background: #10b88e; }
        .physioth-wrap table thead th:nth-child(3) a {
          color: #10b88e; }
        .physioth-wrap table thead th:nth-child(3) figure {
          background: #bae4d9; }
    .physioth-wrap table tbody th, .physioth-wrap table tbody td {
      border-left: 1px solid #000;
      border-top: 1px solid #000;
      padding: 25px 20px;
      vertical-align: middle;
      font-size: 18px;
      text-align: center; }
    .physioth-wrap table tbody th {
      width: 20%;
      background: #fff; }
    .physioth-wrap table tbody td {
      width: 40%;
      background: #fff; }
      .physioth-wrap table tbody td h4 {
        margin-bottom: 20px; }
        .physioth-wrap table tbody td h4.blue {
          color: #186ec6; }
        .physioth-wrap table tbody td h4.green {
          color: #10b88e; }
      .physioth-wrap table tbody td ul li {
        text-align: left;
        padding-left: 20px;
        position: relative; }
        .physioth-wrap table tbody td ul li:after {
          position: absolute;
          content: '';
          left: 0;
          top: 7px;
          width: 17px;
          height: 17px;
          border-radius: 50%;
          background: #000; }
      .physioth-wrap table tbody td ul.blue li:after {
        background: #186ec6; }
      .physioth-wrap table tbody td ul.green li:after {
        background: #10b88e; }

.section-experience {
  margin-top: 80px; }
  .section-experience .experience_txt {
    padding-left: 25px;
    margin-bottom: 40px; }
  .section-experience .experience-wrap {
    background: #fffcdd;
    padding: 45px 15px 50px;
    margin: 70px 0px; }
    .section-experience .experience-wrap h3 {
      font-size: 24px;
      margin-bottom: 35px;
      text-align: center; }
    .section-experience .experience-wrap table {
      max-width: 580px;
      margin: 0 auto;
      border: 1px solid #000;
      border-bottom: none;
      background: #fff; }
      .section-experience .experience-wrap table th, .section-experience .experience-wrap table td {
        border-bottom: 1px solid #000;
        padding: 5px 5px; }
      .section-experience .experience-wrap table thead td {
        text-align: center;
        border-left: 1px solid #000; }
      .section-experience .experience-wrap table tbody th {
        background: #ceecff;
        border-left: 1px solid #000;
        vertical-align: middle; }
        .section-experience .experience-wrap table tbody th:nth-child(1) {
          width: 40%;
          border-left: none; }
        .section-experience .experience-wrap table tbody th:nth-child(2) {
          width: 30%; }
      .section-experience .experience-wrap table tbody td {
        text-align: center;
        border-left: 1px solid #000;
        font-size: 16px;
        vertical-align: middle; }
        .section-experience .experience-wrap table tbody td span {
          display: block;
          width: 60px; }
        .section-experience .experience-wrap table tbody td:nth-child(1) {
          width: 5%;
          color: #db3333; }
        .section-experience .experience-wrap table tbody td:nth-child(2) {
          width: 25%; }

.section-business {
  margin-top: 150px; }
  .section-business .free-txt {
    padding-left: 25px; }
    .section-business .free-txt_span {
      display: inline-block;
      font-size: 24px;
      color: #ff0000; }
  .section-business .flex-list {
    margin: 40px 0px 40px -40px; }

.section-attending {
  margin-top: 128px; }
  .section-attending p {
    padding-left: 25px; }
  .section-attending .section-btn {
    margin-top: 60px; }

/*# sourceMappingURL=high_school.css.map */
