@charset "UTF-8";
/*---------- Reset ----------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, dfn, em, img, q, s, small, strong, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block; }

html {
  font-size: 62.5%; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

address {
  font-style: normal; }

/*---------- Color ----------*/
/*---------- Common ----------*/
body {
  overflow-x: hidden;
  background: #ECEFF1;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif; }

.flex {
  display: flex; }

/*---------- Contents ----------*/
.head {
  padding: 20px 0;
  width: 100%;
  background: #fff; }
  .head .head-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .head h1 {
    font-size: 1.6rem;
    font-weight: normal;
    color: #263238; }
  .head a {
    color: #263238;
    font-size: 1.2rem;
    text-decoration: none; }
  .head a:hover {
    text-decoration: underline; }

.region {
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: border-box;
  margin-bottom: 20px;
  background: #455a64; }
  .region ul {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    height: 52px; }
  .region li a {
    color: #fff;
    text-decoration: none; }

.toggle {
  display: none; }

.option {
  display: block;
  position: relative;
  max-width: 660px;
  margin-bottom: 10px; }

.title, .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: all 0.4s;
  border-radius: 3px; }

.title {
  display: block;
  padding: 20px;
  background: #fff; }

.title:after, .title:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 20px;
  width: 2px;
  height: 0.75em;
  background: #455a64;
  transition: all 0.4s; }

.title:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.content {
  max-height: 0;
  overflow: hidden;
  background: #fff; }

.toggle:checked + .title, .toggle:checked + .title + .content {
  padding-right: 20px;
  padding-left: 20px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }

.toggle:checked + .title + .content {
  max-height: 600px;
  padding-bottom: 20px; }

.toggle:checked + .title:before {
  -webkit-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important; }

.text h2, .text h3, .text p, .text dl {
  color: #263238; }

.text h2 {
  padding: 20px 0; }

.text h3 {
  font-weight: normal; }

.text p {
  line-height: 1.6em;
  margin-bottom: 0.5em; }

.text a {
  color: #1B5E20;
  text-decoration: none; }

.text a:hover {
  text-decoration: underline; }

.text dt, .text dd {
  line-height: 1.6em; }

footer {
  margin-top: 60px;
  padding: 30px 0;
  background: #263238; }
  footer p {
    font-size: 1.4rem;
    color: #fff;
    text-align: center; }

/*---------- Media Query ----------*/
.wrap {
  display: block;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 10px; }

.wrap-flex {
  display: flex;
  flex-direction: column;
  margin: 0 auto; }

.region {
  font-size: 1.3rem; }

.text {
  font-size: 1.4rem; }

.sc-list {
  box-sizing: border-box;
  border: 1px solid #CFD8DC;
  border-top: none;
  border-radius: 3px; }
  .sc-list dt, .sc-list dd {
    border-top: 1px solid #CFD8DC; }
  .sc-list dt {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ECEFF1;
    text-align: center; }
  .sc-list dd {
    padding: 8px; }

@media screen and (min-width: 768px) {
  .wrap {
    padding: 0; }
  .wrap-flex {
    flex-direction: row; }
  .region {
    font-size: 1.6rem; }
  .text {
    font-size: 1.6rem; }
  .sc-list dt {
    padding-left: 8px;
    padding-right: 8px;
    text-align: left;
    flex-basis: 30%;
    vertical-align: middle; }
  .sc-list dd {
    border-left: solid 1px #CFD8DC;
    flex-basis: 70%; } }

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