/*--------------------
	VARIABLE
--------------------*/
/*--------------------
	COMMON
--------------------*/
@media screen and (max-width: 640px) {
  .pc {
    display: none !important; } }

.sp {
  display: none; }
  @media screen and (min-width: 641px) {
    .sp {
      display: block; } }

/*--------------------
	SCHOOLSLIST
--------------------*/
#prefecture .mvlow.cor {
  background: url("../img/prefecture/img_mv.jpg") no-repeat center center/cover; }
#prefecture .grade {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin: 40px 0; }
  @media screen and (max-width: 640px) {
    #prefecture .grade {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; } }
  #prefecture .grade li {
    text-align: center; }
    #prefecture .grade li:first-child a {
      background: #ef8da2; }
    #prefecture .grade li:nth-child(2) a {
      background: #f5a200; }
    #prefecture .grade li:nth-child(3) a {
      background: #8ec443; }
    #prefecture .grade li:nth-child(4) a {
      background: #56b879; }
    #prefecture .grade li:last-child a {
      background: #2cb6af; }
    #prefecture .grade li a {
      display: inline-block;
      width: 100%;
      text-align: center;
      color: #fff;
      font-size: 1.2rem;
      font-weight: bold;
      padding: 10px 0; }
      @media screen and (max-width: 640px) {
        #prefecture .grade li a {
          width: 110px;
          font-size: 1rem; } }
      #prefecture .grade li a:hover {
        text-decoration: none; }
#prefecture h3 {
  margin-bottom: 20px !important; }
#prefecture p {
  margin-bottom: 40px; }
#prefecture .content .btn {
  text-align: right; }
  #prefecture .content .btn a {
    background: #2151a7;
    text-align: center;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    filter: drop-shadow(3px 3px 0 #ddd);
    transition: .2s; }
    #prefecture .content .btn a:hover {
      text-decoration: none;
      filter: none; }
    #prefecture .content .btn a i {
      margin-left: .5em; }
#prefecture .content h4 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: .1em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    #prefecture .content h4 {
      font-size: 1.2rem; } }
  #prefecture .content h4 span {
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    padding: 10px 200px 10px 30px; }
    @media screen and (max-width: 640px) {
      #prefecture .content h4 span {
        padding: 6px 150px 6px 15px; } }
#prefecture .content h5 {
  color: #999;
  margin-bottom: 20px; }
#prefecture .content ul li {
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px dotted #666;
  margin-bottom: 10px; }
  #prefecture .content ul li a {
    color: #2151a7; }
#prefecture .content .kindergarten h4 {
  border-color: #ef8da2; }
  #prefecture .content .kindergarten h4 span {
    background: #ef8da2; }
#prefecture .content .kindergarten ul li {
  color: #ef8da2; }
#prefecture .content .elementary h4 {
  border-color: #f5a200; }
  #prefecture .content .elementary h4 span {
    background: #f5a200; }
#prefecture .content .elementary ul li {
  color: #f5a200; }
#prefecture .content .junior-high h4 {
  border-color: #8ec443; }
  #prefecture .content .junior-high h4 span {
    background: #8ec443; }
#prefecture .content .junior-high ul li {
  color: #8ec443; }
#prefecture .content .high h4 {
  border-color: #56b879; }
  #prefecture .content .high h4 span {
    background: #56b879; }
#prefecture .content .high ul li {
  color: #56b879; }
#prefecture .content .university h4 {
  border-color: #2cb6af; }
  #prefecture .content .university h4 span {
    background: #2cb6af; }
#prefecture .content .university ul li {
  color: #2cb6af; }