@charset "utf-8";

.search_intro {width: 90vw;margin: 0 auto;margin-bottom: 40px;}
@media (min-width:768px) {
    .search_intro { text-align: center; }
}

/* タブ以外 */
h2 {width: 90vw;margin: 0 auto;margin-bottom: 0.5em;}
.city_block {margin-bottom: 2em;border-radius: 6px;margin-top: 80px;}
.search_inner a {display: block;width: 100vw;border-bottom: 1px solid #DADADA;padding: 10px 5vw;text-decoration: none;color: #333;}
.search_inner a:hover {text-decoration: underline;}
@media (min-width:768px) {
  h2 {width: min(90vw,1320px);color: #004680;display: flex;align-items: center;}
  h2:before {background-color: #004680;border-radius: 0;content: "";display: inline-block;height: 1.1em;margin-right: .6em;vertical-align: middle;width: .25em;}  
  .search_inner {display: flex;flex-direction: row;flex-wrap: wrap;column-gap: 10px;row-gap: 20px;}
  .search_inner a {border-bottom: none;padding: 0;width: calc(calc(100% - 20px) / 3);}
  .school_contents_wrap_back {width: min(90vw,1320px);margin: 0 auto;background: #EDF5FD;}
  .school_contents_wrap {width: min(80vw,1100px);margin: 0 auto;}
  .school_lists{margin-bottom: 80px;}
}
@media (min-width:900px) {
    .search_inner a {width: calc(calc(100% - 30px) / 4);}
}

@media (min-width:1200px) {
    .search_inner a {width: calc(calc(100% - 40px) / 5);}
      .school_contents_wrap {width: min(70vw,1100px);}
}

/* タブボタン */
.tab-buttons {display: flex;margin-bottom: 1em;border-bottom: 2px solid #DADADA;}
.tab-button {flex: 1;padding: 10px;cursor: pointer;border: none;font-size: 16px;text-align: center;transition: background 0.3s;}
.tab-button.active {background: #fff;border-bottom: 2px solid #FC5942;font-weight: bold;}

/* タブコンテンツ */
.tab-content {display: none;padding: 1em 0;}
.tab-content.active {display: block;}

/* PC表示用（768px以上） */
@media (min-width:768px) {
  .tab-buttons { display: none; }          /* タブ非表示 */
  .tab-contents{padding-bottom: 80px;}
  .tab-content { display: block !important; padding: 0; padding-top: 80px;} /* 両方表示 */
  .pc-only { display: block; margin: 10px 0 20px 0; font-weight: bold; font-size: 20px; border-bottom: 1px solid #DADADA;
padding-bottom: 10px;}
}

/* スマホ用（768px未満） */
@media (max-width:767px) {
  .pc-only { display: none; }
}