html { scroll-behavior: smooth; }
.area-sec > * { transition-duration: .5s; }

.not-opening-icon {
  width: auto !important;
  height: 1.5em;
  vertical-align: middle;
}

/* ------------------------------------------------
 */
.school-area-navi {
  list-style-type: none;
  padding: 0;
}
.school-area-navi a {
  display: block;
  color: inherit;
  text-decoration: none;
  text-align: center;
  /* border: 1px solid #EEE; */
  border: 1px solid #000;  
  padding: 10px 5px;
  font-weight: bold;
  /* font-size: 14px; */
  font-size: 16px;

  background-image: url(../images/fpgvBNWzLHmF.png);
  background-repeat: no-repeat;
  background-position: right .6em center;
  background-size: .6em;
}
.school-area-navi a:not([href]) {
  color: #EEE;
}
.school-area-navi a[href]:hover {
  background: #000;
  color: #FFF;
  opacity: 1;
}
/*
@media screen and (min-width: 1024px) {
  .school-area-navi {
    margin: 0 0 30px;
    display: flex;
    justify-content: space-between;
  }
  .school-area-navi li {
    flex: 0 0 13%;
  }
  .school-area-navi a {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .school-area-navi {
    margin: 0 0 20px;
  }
  .school-area-navi li {
    display: inline-block;
    margin-right: 1em;
  }
}
*/
.school-icon-navi {
  list-style-type: none;
  padding: 0;
  display: flex;
  margin-bottom: 30px;
}
.school-icon-navi img {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .school-icon-navi {
    justify-content: center;
  }
  .school-icon-navi li:not(:last-child) {
    margin-right: 20px;
  }
  .school-icon-navi img {
    width: 36px;
    height: 36px;
    margin-right: 10px;    
  }
}
@media screen and (max-width: 767px) {
  .school-icon-navi {
    font-size: 12px;
  }
  .school-icon-navi img {
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
}


/* ------------------------------------------------
 */
.icon-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.icon-list li {
  display: inline-block;
  margin: 0 15px 0 0;
}
@media screen and (min-width: 768px) {
  .icon-list img {
    width: 36px;
  }
}
@media screen and (max-width: 767px) {
  .icon-list img {
    width: 28px;
  }
}
  
/* ------------------------------------------------
 */
.school-sec h3 {
  background: #F0F0F0;
  /*font-weight: normal;*/
  text-align: center;
}
.entries.-school.card-list {
  /*display: block;*/
}
.entries.-school.card-list > li {
  background: #F6F6F6;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 2px solid #F6F6F6;
  transition-duration: 0.5s;
  padding: .5em;
}
.entries.-school.card-list > li:hover {
  border-color: #B30A1B;
}
.entries.-school.card-list a:hover {
  opacity: 1;
}
.entries.-school.card-list .-container {
  display: flex;
}
.entries.-school.card-list .-fig img {
  object-fit: cover;
}
.entries.-school.card-list .-title {
  /*font-size: 24px;*/
  font-size: 14px;
  margin-top: 0;
  font-weight: bold;
}
.entries.-school.card-list .-cnt > :not(:last-child) {
  margin-bottom: .5em;
}
.entries.-school .link-trial .btn.-border {
  font-size: 14px;
  font-weight: normal;
  border-width: 1px;
  padding: .5em 2em;
}
.entries.-school.img-list li {
  background-size: cover;
}
.entries.-school.img-list a {
  color: #FFF;
  font-weight: bold;
  background: rgba(0,0,0,.4);
}
.entries.-school.img-list .-title {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .school-sec:not(:last-child) {
    margin-bottom: 50px;
  }
  .school-sec h3 {
    padding: 10px 30px;
  }
  .entries.-school.card-list .-fig {
    /*flex: 0 0 387px;*/
    flex: 0 0 160px;
  }
  .entries.-school.card-list .-fig img {
    /*width: 387px;
    height: 254px;*/
    width: 160px;
    height: 160px;
  }
  .entries.-school.card-list .-cnt {
    flex-grow: 1;
    /*padding: 20px 50px;*/
    padding: .5em 1em;
  }
  .entries.-school .-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .entries.-school.img-list li {
    /*flex: 0 0 32%;
    line-height: 210px;*/
    flex: 0 0 15.5%;
    margin-bottom: 15px;
    line-height: 98px;
  }
  /*.entries.-school.img-list li:not(:nth-child(3n)) {*/
  .entries.-school.img-list li:not(:nth-child(6n)) {
    margin-right: 1.4%;
  }
  .entries.-school.img-list a {
    /*height: 210px;*/
    height: 98px;
  }
  .entries.-school.img-list .-title {
    /*font-size: 24px;*/
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .school-sec:not(:last-child) {
    margin-bottom: 30px;
  }
  .school-sec h3 {
    padding: 10px;
  }
  .entries.-school.card-list .-fig {
    flex: 0 0 80px;
  }
  .entries.-school.card-list .-fig img {
    width: 100%;
    /*height: 200px;*/
    height: 80px;
  }
  .entries.-school.card-list .-cnt {
    padding: 0 0 0 1em;
  }
  .entries.-school.card-list .-title {
    margin-top: 0;
  }
  .entries.-school .link-trial {
    margin-top: 10px;
  }
  .entries.-school.img-list li {
    line-height: 113px;
    margin-bottom: 5px;
  }
  .entries.-school.img-list a {
    height: 113px;
  }
  .entries.-school.img-list .-title {
    font-size: 18px;
  }
}
  
/* ------------------------------------------------
   school filter
 */
.school-filter .p-sec-body {
  background: #F6F6F6;
}
.school-filter a {
  color: inherit;
}
@media screen and (min-width: 768px) {
  .school-filter .p-block-body {
    padding: 30px;
  }
  .school-filter .school-list {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .school-filter .p-block-body {
    padding: 20px;
  }
  .school-filter .school-list {
    margin-bottom: 20px;
  }
}

/* ------------------------------------------------
   school list
*/
.school-list.-comma > *,
.school-list.-dot > *,
.school-list.-slash > * {
  white-space: nowrap;
}
.school-list.-comma > *:not(:last-child)::after {
  content: "\3001";
}
.school-list.-dot > *:not(:last-child)::after {
  content: "\30FB";
}
.school-list.-slash > *:not(:last-child)::after {  
  margin: 0 .5em;
  content: "/";
}

/* ------------------------------------------------
   area sec
*/
.area-sec .p-block-h {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-block-h .area-clear {
  color: #0B71E9;
  text-decoration: underline;
  cursor: pointer;
}
.area-sec .p-block-h h3::before {
  content: "――";
  letter-spacing: -.2em;
  width: 2em;
  margin: 0 .5em;
  font-weight: normal;
}
.area-sec .p-sec-body {
  background: #F0F0F0;
  padding-top: 1em;
  padding-bottom: .25em;
}
@media screen and (min-width: 768px) {
  .area-sec .p-block {
    margin-bottom: 50px;
  }
  .area-sec .p-block-h {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .area-sec .p-block,
  .area-sec .school-icon-navi,
  .school-sec .p-block {
    margin-bottom: 20px;
  }
  .area-sec .p-block-h,
  .school-sec .p-block-h {  
    margin-bottom: 15px;
  }
}

.area-list,
.area-list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.area-list li > * {
  display: block;
  color: #000;
  text-decoration: none;
  margin-bottom: .75em;
  cursor: pointer;
  background-color: #FFF;
  white-space: nowrap;
}
.area-groups .area-list li > * {
  padding: .5em;
}
.area-prefs .area-list li > * {
  border-radius: 1.5em;
  border: 2px solid #B30A1B;
  padding: .5em .75em;
}
.area-list li.js-tabbox-tab-i-none > * {
  border-color: #CCC;
  color: #CCC;
  cursor: initial;
}
.area-list li:not(.js-tabbox-tab-i-none) > *:hover {
  background-color: #B30A1B38;
}
.area-list li:not(.js-tabbox-tab-i-none) > *:hover .-count {
  background-color: #FFF;
}
.area-list li.selected > * {
  background-color:  #B30A1B;
}
.area-list li.selected > a {
  background-image: url(../images/TTRXvYjE7DPI.png);
  background-repeat: no-repeat;
  background-position: right .6em center;
  background-size: .6em;
}
.area-list li.selected .-name {
  color: #FFF;
}
.area-list .-name {
  font-weight: bold;
}
.area-list .-count {
  display: inline-block;
  text-align: center;
  background-color: #EEE;
  padding: 0 .5em;
  border-radius: 1em;
  min-width: 2.5em;
  margin-left: .5em;
}

@media screen and (min-width: 768px) {
  .area-list .-name {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .area-list .-name {

  }
}

.area-selected .-change {
  margin-left: .5em;
}
.area-sec-f {
  padding-top: 1em;
  padding-bottom: 1em;
  background: #F0F0F0;
}
.area-sec-f .btn {
  width: 100%;
  padding-top: .5em;
  padding-bottom: .5em;
}

/* ------------------------------------------------
   archive-school-index
*/
.archive-school-index dl.-area > dt {
  background: #F0F0F0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding: 10px;
}
.archive-school-index dl.-area dt,
.archive-school-index dl.-area dd {
  margin: 0;
}
.archive-school-index dl.-pref {
  border-bottom: 1px solid #F0F0F0;
}
.archive-school-index dl.-pref > dt {
  font-weight: bold;
  font-size: 16px;
}
.archive-school-index dl.-pref {
  padding: 15px 10px 5px;
}
.archive-school-index dl.-pref dd ul,
.archive-school-index dl.-pref dd li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.archive-school-index dl.-pref > dd li {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .archive-school-index dl.-area {
    margin-bottom: 40px;
  }
  .archive-school-index dl.-pref {
    display: flex;
  }
  .archive-school-index dl.-pref > dt {
    flex: 0 0 10em;
    margin-right: 20px;
  }
  .archive-school-index dl.-pref > dd {
    flex-grow: 1;
  }
  .archive-school-index dl.-pref > dd li {
    display: inline-block;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .archive-school-index dl.-area {
    margin-bottom: 10px;
  }
  .archive-school-index dl.-area > dt {
    background-image: url(../images/fpgvBNWzLHmF.png);
    background-repeat: no-repeat;
    background-position: right .6em center;
    background-size: .6em;
    cursor: pointer;
  }
  .archive-school-index dl.-area.-selected > dt {
    background-image: url(../images/vTgZNEFFN7Jk.png);
  }
  .archive-school-index dl.-area > dd {
    display: none;
  }
  .archive-school-index dl.-pref > dd {
    margin-top: 10px;
  }
}