/* school */
/******************************************************************************
 * 10.03 - school
*****************************************************************************/
.archive_header{
  margin-bottom: 100rem;
}
.archive_header p{
  line-height: 2em;
}
.siteFrame{
  width: 1100rem;
}

.school_inner_wrap{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-bottom: 80rem;
  border-bottom: 1px solid #dedede;
  margin-bottom: 90rem;
}
.school_inner_up{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
}
.school_inner_photo{
  width: 530rem;
  margin-right: 50rem;
}
.school_inner_photo img{
  width: 100%;
}
.school_inner_main{
  width: 700rem;
}
.school_inner_main header{
  margin-bottom: 30rem;
}
.school_inner_main header h3{
  font-size: 24px;
  font-weight: 800;
  color: #2c3c8a;
  margin-bottom: .5em;
}
.school_inner_main header .sc_icons{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
}
.school_inner_main header .sc_icons *{
  display: block;
  font-size: 18rem;
  height: 30rem;
  line-height: 29rem;
  padding: 0 .5em;
  color: #fff;
}
.school_inner_main header .sc_icons * + *{
  margin-left: 10rem;
}
.school_inner_main header .sc_icons a{
  background-color: #000733;
}
.school_inner_main header .sc_icons span{
  background-color: #2c3c8a;
}
.school_inner_main h4{
  font-size: 16rem;
  line-height: 2em;
  color: #ff0000;
  font-weight: 800;
}
.school_inner_main p{
  font-size: 16px;
  line-height: 2em;
  font-weight: 400;
}
.school_inner_main p + p,
.school_inner_main p + h4{
  margin-top: 2em;
}

.school_table{
  width: 100%;
  margin-top: 60rem;
}
.school_table th{
  font-size: 18rem;
  font-weight: bold;
  line-height: 50rem;
  color: #fff;
  background-color: #2c3c8a;
  text-align: center;
}
.school_table th:nth-child(1){ width: 300rem; }
.school_table th:nth-child(2){ width: 160rem; }
.school_table th:nth-child(3){ width: 160rem; }
.school_table th:nth-child(4){ width: 220rem; }
/* .school_table th:nth-child(1){ width: 376rem; } */

.school_table th + th,
.school_table td + td{
  border-left: 1px solid #fff;
}
.school_table tr + tr{
  border-top: 1px solid #fff;
}
.school_table td{
  font-size: 16rem;
  line-height: 1.6em;
  color: #000;
  background-color: #c5c5c5;
  text-align: center;
  padding: 10rem 0;
}
.school_table tr:nth-child(2n) td{
  background-color: #dedede;
}
.table_memo{
  font-size: 16rem;
  margin: 1em 0;
}
.school_table caption{
  font-size: 24rem;
  color: #2c3c8a;
  margin-bottom: 20rem;
  font-weight: 800;
}


.scool_other_header{
  margin-top: 80rem;
  margin-bottom: 50rem;
  text-align: center;
}
.scool_other_header .en_title{
  font-family: 'Montserrat', sans-serif;
  font-size: 30rem;
  font-weight: 500;
  color: #fff;
  background-color: #000733;
  width: 395rem;
  height: 40rem;
  line-height: 38rem;
  display: block;
  margin: auto;
  margin-bottom: 15rem;
}
.scool_other_header .jp_title{
  font-size: 18rem;
  font-weight: 700;
  color: #000733;
}

.scool_other{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 240rem;
}
.scool_other_inner{
  width: calc((100% - 80rem) / 3);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.scool_other_inner .main_img{
  width: 100%;
  height: auto;
  margin-bottom: 20rem;
}
.scool_other_inner h3{
  font-size: 20rem;
  font-weight: 800;
  color: #000733;
  margin-bottom: 20rem;
  line-height: 1.6em;
}
.scool_other_inner p{
  font-size: 16rem;
  text-align: left;
  color: #000;
  line-height: 2em;
  word-break: break-all;
}


@media screen and (max-width:768px){
  .siteFrame{
    width: 100%;
  }
  .school_inner_up{
    flex-direction: column;
  }
  .school_inner_photo{
    width: 100%;
    margin-bottom: 50rem;
  }

  .school_inner_main header h3{
    font-size: 32rem;
    text-align: center;
  }
  .school_inner_main header .sc_icons{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .school_inner_main header .sc_icons *{
    font-size: 28rem;
    height: 50rem;
    line-height: 48rem;
    text-align: center;
  }
  .school_inner_main header .sc_icons * + *{
    margin-left: 5rem;
  }
  .school_inner_main header .sc_icons span{
    width: calc((100% - 5rem) / 2);
  }
  .school_inner_main header .sc_icons a{
    width: 240rem;
    margin-top: 5rem;
    margin-left: inherit;
    margin-top: 25rem;
  }
  .school_inner_main header{
    margin-bottom: 60rem;
  }
  .school_inner_main h4,.school_inner_main p{
    font-size: 28rem;
  }

  .school_table{
    width: 100%;
    margin-top: 60rem;
  }
  .school_table th:nth-child(1),
  .school_table th:nth-child(2),
  .school_table th:nth-child(3),
  .school_table th:nth-child(4){ width: inherit; }
  .school_table th{
    width: 215rem !important;
    font-size: 28rem;
  }
  .school_table td{
    width: 495rem;
    font-size: 26rem;
    text-align: left;
    padding-left: .5em;
  }
  .table_memo{
    font-size: 22rem;
    text-align: center;
  }
  .scool_other{
    flex-direction: column;
  }
  .scool_other_inner{
    width: 100%;
  }
  .scool_other_inner + .scool_other_inner{
    margin-top: 80rem;
  }
  .scool_other_inner .main_img{
    margin-bottom: 30rem;
  }
  .scool_other_inner h3{
    font-size: 28rem;
    margin-bottom: 30rem;
  }
  .scool_other_inner p{
    font-size: 28rem;
  }
  .scool_other_header{
    margin-top: 170rem;
    margin-bottom: 65rem;
  }
  .scool_other_header .en_title{
    width: 395rem;
    line-height: 40rem;
    margin-bottom: 25rem;
  }
  .scool_other_header .jp_title{
    font-size: 28rem;
  }

  .school_table caption{
    font-size: 28rem;
    text-align: center;
  }



}