@charset "utf-8";
/* CSS Document */

/* -------------------------
/* Created date: 2021.12.15
/* Created user: yamaguchi
/* Last up date: 2023.12.06
/* Last up date user: yamaguchi
/* for sp and pc
--------------------------*/
/* ======== search top start ================*/
/* page menu bar */
.searchTop .menuBar {
  display: block;
  padding: 10px 12px 20px;
}

.searchTop .searchBar {
  display: flex;
}

.searchTop .searchBar div {
  min-width: 42%;
}

.searchTop .selectDown {
  position: relative;
}

.searchTop .selectDown::after {
  content: '';  
  top: 50%;
  right: 8px;
  width: 8px;
  height: 8px;
  border-bottom: solid 1px #333;
  border-right: solid 1px #333;
  transform: translate(0, -50%) rotate(45deg);
}

.searchTop .selectDown select {
  padding: 10px 1.5em 10px 0.5em;
  box-shadow: -1px -1px 0 0 #ccc inset, -1px 1px 0 0 #ccc inset;
  border-radius: 0 0.3rem 0.3rem 0;
  font-size: 1.4rem;
  width: 100%;
}

.searchTop .kakeru .selectDown select {
  border-radius: 0.3rem 0 0 0.3rem;
  box-shadow: 1px 1px 0 0 #ccc inset, -1px -1px 0 0 #ccc inset;
}

.searchTop .schoolType,
.searchTop .area {
  position: relative;
  display: block;
  font-size: 1.4rem;
}

.searchTop .searchBtn {
  margin-left: 1%;
  width: 15%;
}

.searchTop .searchBtn input {
  display: none;
}

.searchTop .searchBtn label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 100%;
  background: #2ca87f;
  background: linear-gradient(45deg, #2ca87f 0%, #52bf9b 100%);
  border-radius: 0.5rem;
  text-align: center;
  transition: all .25s 0s linear;
}

.searchTop .searchBtn label span {
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
}

/* page tab */
.searchTop .tabNavi {
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  max-width: var(--outerWidth);
}

.searchTop .tabNavi ul {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr) 1.25fr;
  align-items: flex-end;
  padding: 0 5px;
}

.searchTop .tabNavi ul::before {
  content: '';  
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgb(var(--naviKoiBlue));
}

.searchTop .tabNavi li {
  position: relative;
  cursor: pointer;
  height: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
}

.searchTop .tabNavi h2 {
  position: relative;
  display: grid;
  place-content: center;
  padding: 5px;
  height: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.5rem;
}

.searchTop .tabNavi .location {
  background: #fff;
  border: solid 1px rgb(var(--naviKoiBlue));
  border-bottom-color: #fff;
}

.searchTop .tabNavi .location h2 {
  position: relative;
  cursor: default;
  color: rgb(var(--naviKoiBlue));
}

.searchTop .tabNavi .tabTtl{
  margin: 0 auto 30px;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  color: rgb(var(--naviKoiBlue));
}

/* page contetnts */
.searchTop .eriaBlock,
.searchTop .gakumonBlock,
.searchTop .shigotoBlock,
.searchTop .shikakuBlock,
.joukenBlock {
  padding-top: 30px;
}

/* left */
.searchTop .eriaBlock .colLeft {
  display: none;
}

/* right */
.searchTop .eriaBlock .flexCols.cols2 {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
}

.searchTop .eriaBlock .colRight>ul {
  display: grid;
  gap: 20px;
}

.searchTop .eriaBlock .colRight>ul>li {
  display: grid;
  gap: 15px;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(1),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(1) {
  --mainColor: #32ade2;
  --subColor: #e5f4fc;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(2),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(2) {
  --mainColor: #60b051;
  --subColor: #e4f5e7;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(3),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(3) {
  --mainColor: #32a8a0;
  --subColor: #e5f4fc;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(4),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(4) {
  --mainColor: #a2c639;
  --subColor: #f1f8e3;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(5),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(5) {
  --mainColor: #fcb646;
  --subColor: #fff6e5;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(6),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(6) {
  --mainColor: #e8623b;
  --subColor: #fdeae2;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(7),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(7) {
  --mainColor: #eea4b9;
  --subColor: #fef4f6;
}

.searchTop .eriaBlock .colRight>ul>li:nth-child(8),
.searchTop .eriaBlock .colLeft>ul>li:nth-child(8) {
  --mainColor: #e08653;
  --subColor: #fcf0e7;
}

.searchTop .eriaBlock .colRight h3 {
  font-size: 1.7rem;
  line-height: 1.5;
  text-align: center;
}

.searchTop .eriaBlock .colRight a {
  position: relative;
  display: grid;
  place-content: center;
  height: 100%;
  min-height: 2.5em;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  background: var(--subColor);
  border: solid 1px var(--mainColor);
  border-radius: 0.5rem;
}

.searchTop .eriaBlock .colRight a::before {
  content: '';
  top: 50%;
  right: 0.5em;
  width: 0.5em;
  height: 0.5em;
  border-right: solid 2px rgb(var(--naviKoiBlue));
  border-bottom: solid 2px rgb(var(--naviKoiBlue));
  font-weight: bold;
  transform: translate(0, -50%) rotate(-45deg);
}

.searchTop .eriaBlock .colRight h3 a {
  padding: 6px;
  background: var(--mainColor);
  font-size: 1.7rem;
  font-weight: bold;
  color: #fff;
}

.searchTop .eriaBlock .colRight h3 a::before {
  border-color: #fff;
}

.searchTop .eriaBlock .colRight h3+ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.searchTop .eriaBlock .colRight a span {
  font-size: 1.6rem;
  font-weight: bold;
}

.searchTop .eriaBlock .colRight>ul>li h3+ul li a::before {
  border-width: 1px;
  border-color: var(--mainColor);
}

.searchTop .eriaBlock .colRight>ul>li h3+ul li span {
  color: var(--mainColor);
}



.searchTop .joukenBlock h2 {
  padding: 30px 0 10px;
  font-size: 1rem;
  line-height: 1.2;
}

.searchTop .joukenBlock h2 span {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: bold;
}

.searchTop .joukenBlock h4 {
  padding: 15px 15px 0 15px;
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: bold;
  color: rgb(var(--naviKoiBlue));
}

.searchTop .articleBlock .hide{
  display: none;
}

.searchTop .exambnr {
  padding: 0 10px 15px;
}

.searchTop .senmonShigoto h2{
  margin: 60px 0 30px;
  padding: 10px 15px;
  border-top: 1px solid rgb(var(--naviKoiBlue));
  border-bottom: 1px solid rgb(var(--naviKoiBlue));
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
}

@media screen and (min-width: 768px) {

  /* -------------------------
  /* for pc
  --------------------------*/
  /* ======== search Top start ================*/
  /* page menu bar */
  .searchTop .menuBar {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 50px;
  }

  .searchTop .selectDown:hover:after {
    opacity: .5;
    transition: all .25s 0s linear;
  }

  .searchTop .menuBar form {
    width: auto;
    display: inline;
  }

  .searchTop .searchBar div {
    width: auto;
    min-width: inherit;
  }

  .searchTop .searchBar .kakeru {
    position: relative;
    padding-right: 2.25em;
    font-size: 1.6rem;
  }

  .searchTop .searchBar .kakeru::before,
  .searchTop .searchBar .kakeru::after {
    content: '';
    top: 50%;
    right: 0.5em;
    width: 1.25em;
    height: 2px;
    background: rgba(128, 128, 128, 1);
    transform: translate(0, -50%) rotate(45deg);
  }

  .searchTop .searchBar .kakeru::after {
    transform: translate(0, -50%) rotate(-45deg);
  }

  .searchTop .kakeru .selectDown select {
    border-radius: 0.5rem;
  }

  .searchTop .selectDown select {
    padding: 11px 1.5em 11px 0.5em;
    min-width: 200px;
    font-size: 1.6rem;
    border-radius: 0.5rem;
    box-shadow: 1px 1px 0 0 #ccc inset, -1px -1px 0 0 #ccc inset;
  }

  .searchTop .schoolType,
  .searchTop .area {
    padding-left: 3em;
    font-size: 1.6rem;
  }

  .searchTop .schoolType::before,
  .searchTop .area::before {
    content: '';
    top: 50%;
    left: 0;
    width: 2.5em;
    height: 100%;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.92 39.91"><path fill="rgba(82,191,155,1)" fill-rule="evenodd" d="M47.63,10.74a.64.64,0,0,0-.45-.18l-13.5,0,0-10a.61.61,0,0,0-.19-.44A.64.64,0,0,0,33,0L14.72.05a.67.67,0,0,0-.45.18.64.64,0,0,0-.18.45l0,10-13.5,0a.67.67,0,0,0-.45.18.69.69,0,0,0-.18.45l.1,28a.64.64,0,0,0,.19.45.63.63,0,0,0,.45.18l17.06,0,0-9.61a.67.67,0,0,1,.18-.45.64.64,0,0,1,.45-.19l11.15,0a.65.65,0,0,1,.45.19.67.67,0,0,1,.18.45l0,9.61,17.07-.05a.62.62,0,0,0,.44-.18.65.65,0,0,0,.19-.45l-.11-28A.67.67,0,0,0,47.63,10.74Zm-37,10.69a.64.64,0,0,1-.19.45.61.61,0,0,1-.44.19H5.58a.65.65,0,0,1-.45-.19A.67.67,0,0,1,5,21.44l0-3.44a.64.64,0,0,1,.19-.45.68.68,0,0,1,.45-.19H10a.64.64,0,0,1,.45.19.63.63,0,0,1,.18.45Zm10.78,0a.64.64,0,0,1-.19.45.61.61,0,0,1-.44.19H16.36a.65.65,0,0,1-.63-.63V18a.6.6,0,0,1,.18-.45.67.67,0,0,1,.45-.18h4.38a.63.63,0,0,1,.45.18.64.64,0,0,1,.19.45ZM23.9,10.59a3.43,3.43,0,1,1,3.41-3.44A3.44,3.44,0,0,1,23.9,10.59Zm8.26,10.78a.67.67,0,0,1-.18.45.64.64,0,0,1-.45.19H27.14a.6.6,0,0,1-.44-.18.64.64,0,0,1-.19-.45V18a.63.63,0,0,1,.18-.45.64.64,0,0,1,.45-.19h4.38a.67.67,0,0,1,.45.18.65.65,0,0,1,.19.45Zm10.78,0a.69.69,0,0,1-.18.45.67.67,0,0,1-.45.18H37.93a.63.63,0,0,1-.45-.18.64.64,0,0,1-.19-.45V17.92a.63.63,0,0,1,.18-.45.64.64,0,0,1,.45-.19h4.38a.64.64,0,0,1,.45.19.61.61,0,0,1,.19.44Z" /></svg>') no-repeat center center;
    background-size: 2.25em auto;
    transform: translate(0, -50%);
  }

  .searchTop .area::before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.92 39.91"><path fill="rgba(82,191,155,1)" fill-rule="evenodd" d="M34.64,39H26.28V30.73H13.14V23.64H27.47V14.18H43V39ZM27.47,0H43V11.82H27.47ZM0,23.64H10.75V39H0ZM23.89,39H13.14V33.09H23.89Z" /></svg>') no-repeat center center;
  }

  .searchTop .searchBtn {
    margin-left: 10px;
    width: auto;
  }

  .searchTop .searchBtn label {
    padding: 0 5px;
    transition: all .25s 0s linear;
  }

  .searchTop .searchBtn label span {
    padding-left: 0.9em;
    font-size: 1.6rem;
    letter-spacing: 0.2em;
  }

  .searchTop .searchBtn label span::before {
    content: '';
    top: 50%;
    left: 0;
    width: 0.8em;
    height: 0.8em;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.71 54.42"><path fill="rgba(255,255,255,1)" fill-rule="evenodd" d="M1.56,53.4a4.35,4.35,0,0,0,6.14-.54l9.81-11.74a21.86,21.86,0,0,0,24.41-36A21.85,21.85,0,0,0,10.83,35.5L1,47.23A4.39,4.39,0,0,0,1.56,53.4ZM15.15,11.27l2.59-2.51a16.36,16.36,0,0,1,3-1.84l3.35-1.19A16.49,16.49,0,0,1,38.56,9.14a16.61,16.61,0,1,1-23.41,2.13Z" /></svg>') no-repeat center center;
    background-size: cover;
    background-size: auto 100%;
    transform: translate(0, -50%);
  }

  .searchTop .searchBtn label:hover {
    opacity: .5;
    transition: all .25s 0s linear;
  }

  /* page tab */
  .searchTop .tabNavi {
    padding: 0 50px;
  }

  .searchTop .tabNavi ul{
    padding: 0 clamp(15px, 2vw, 50px);
  }

  .searchTop .tabNavi h2 {
    position: relative;
    z-index: 3;
    padding: 15px;
    border-width: 2px;
    font-size: 1.8rem;
    transition: all 0.25s 0s ease-in;
  }

  .searchTop .tabNavi li::before {
    z-index: 1;
    bottom: 100%;
    left: 50%;
    z-index: 1;
    content: '';
    width: 74px;
    height: 51px;
    background: url('../../../img/module/layout/pikapika_star.png') no-repeat center center;
    background-size: 100% auto;
    transform: translate(-50%, 100%);
    opacity: 0;
  }

  .searchTop .tabNavi li::after {
    content: '';
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--naviKoiBlue));
    border-radius: 0.5rem 0.5rem 0 0;
    transform: scale(1, 0);
    transform-origin: center bottom;
    transition: all 0.25s 0s ease-in;
  }

  .searchTop .tabNavi li:not(.location):hover:before {
    transform: translate(-50%, 100%);
    animation: Jump1 1s ease 1 0s;
  }

  @keyframes Jump1 {
    0% {
      opacity: 0;
      transform: translate(-50%, 100%);
    }

    50% {
      opacity: 1;
      transform: translate(-50%, -50%);
    }

    100% {
      transform: translate(-50%, 100%);
      opacity: 0;
    }
  }

  .searchTop .tabNavi li:not(.location):hover::after {
    transform: scale(1, 1);
  }

  .searchTop .tabNavi li:not(.location):hover h2 {
    color: #fff;
  }

  .searchTop .gakumonBlock h3,
  .searchTop .shigotoBlock h3,
  .searchTop .shikakuBlock h3,
  .searchTop .joukenBlock h3 {
    cursor: default;
  }

  .col h3:not(.eriaBlock h3) a {
    padding-right: 15px;
  }

  @media all and (-ms-high-contrast:none) {

    .searchTop .gakumonBlock h3,
    .searchTop .shigotoBlock h3,
    .searchTop .shikakuBlock h3,
    .searchTop .joukenBlock h3 {
      padding-top: 20px;
    }
  }

  .searchTop .gakumonBlock h3,
  .searchTop .shigotoBlock h3,
  .searchTop .shikakuBlock h3,
  .searchTop .joukenBlock h3,
  .searchTop .gakumonBlock h3 span,
  .searchTop .shigotoBlock h3 span,
  .searchTop .shikakuBlock h3 span,
  .searchTop .joukenBlock h3 span {
    font-size: 2.1rem;
  }

  .searchTop .gakumonBlock h3::before,
  .searchTop .shigotoBlock h3::before,
  .searchTop .shikakuBlock h3::before,
  .searchTop .joukenBlock h3::before {
    display: none;
  }

  .searchTop .gakumonBlock h3.close::before,
  .searchTop .shigotoBlock h3.close::before,
  .searchTop .shikakuBlock h3.close::before,
  .searchTop .joukenBlock h3.close::before {
    display: none;
  }

  .searchTop .gakumonBlock h3 span+span,
  .searchTop .shigotoBlock h3 span+span,
  .searchTop .shikakuBlock h3 span+span,
  .searchTop .joukenBlock h3 span+span {
    display: inline;
    font-weight: normal;
    font-size: 1.5rem;
  }

  /* from area seach -------- */
  .searchTop .eriaBlock .flexCols.cols2 {
    gap: 30px;
    padding: 0 30px;
  }

  /* left */
  .searchTop .eriaBlock .colLeft {
    position: relative;
    display: block;
    justify-self: center;
    width: 100%;
    max-width: 781px;
    aspect-ratio: 2 / 1.41101152368758;
  }

  .searchTop .eriaBlock .eriaTtl{
    position: absolute;
    top: 13%;
    left: 10%;
    width: 34.99308437067773%;
    max-width: 253px;
  }

  .searchTop .eriaBlock .eriaTtl img{
    width: 100%;
    height: auto;
  }

  .searchTop .eriaBlock .colLeft>ul {
    position: relative;
    height: 100%;
  }

  .searchTop .eriaBlock .colLeft h3 {
    position: absolute;
    width: 15%;
    height: 8%;
  }

  .searchTop .eriaBlock .colLeft h3 a{
    font-size: 1.2rem;
    text-align: center;
    border-radius: 0.4rem;
    background: var(--subColor);
    border: solid 1px var(--mainColor);
    color: var(--mainColor);
  }

  /* habahiro h3 */
  .searchTop .eriaBlock .colLeft h3.wide {
    width: 16.5%;
  }

  .searchTop .eriaBlock .colLeft>ul>li>ul>li {
    position: absolute;
    width: 7.0694087403599%;
    aspect-ratio: 2 / 1.4545454545454546;
  }

  .searchTop .eriaBlock .colLeft a {
    position: relative;
    z-index: 1;
    display: grid;
    place-content: center;
    height: 100%;
    transition: all 0.2s 0s ease-out;
  }

  .searchTop .eriaBlock .colLeft>ul>li>ul>li a {
    background: var(--mainColor);
    border: solid 1px var(--mainColor);
    color: #fff;
    font-size: 1.2rem;
    overflow: hidden;
  }
  
  .searchTop .eriaBlock .colLeft a:hover {
    z-index: 99;
    transform: translate(0, -10px) scale(1.3, 1.3);
    box-shadow: 0 30px 15px -5px rgba(0, 0, 0, 0.25);
    opacity: 1;
    font-weight: bold;
  }

  .searchTop .eriaBlock .colLeft>ul>li>ul>li a:hover {
    background: #fff;
    border-color: var(--mainColor);
    color: var(--mainColor);
  }

  /* hokkaido only */
  .searchTop .eriaBlock .colLeft li.hokkaido {
    width: 17.40740740740741%;
    aspect-ratio: 2 / 1.6176470588235294;
  }

  /* haba-hiro type */
  .searchTop .eriaBlock .colLeft li.wide {
    width: 14.39588688946015%;
    aspect-ratio: 2 / 0.7142857142857143;
  }

  /* tate-naga type */
  .searchTop .eriaBlock .colLeft li.vertical {
    width: 7.03703703703704%;
    height: 14.81958762886598%;
  }

  /* hokkaido-tohoku list */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) h3 {
    top: 14.17525773195876%;
    right: 21.2037037037037%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(1) {
    top: 0;
    right: 0;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(5),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(7) {
    right: 2.96296296296296%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(4),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(6) {
    right: 10.27777777777778%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(2) {
    top: 25.51546391752577%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(4) {
    top: 33.11855670103093%;
    /* 257px */
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(5),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(6) {
    top: 40.72164948453608%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(1) li:nth-child(7) {
    top: 48.32474226804124%;
  }

  /* koushinetsu-hokuriku */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) h3 {
    top: 35.05154639175258%;
    right: 21.2037037037037%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(3) {
    right: 17.59259259259259%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(4) {
    right: 24.90740740740741%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(5),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(6) {
    right: 32.22222222222222%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(4),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(5) {
    top: 48.32474226804124%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(6) {
    top: 55.92783505154639%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(2) li:nth-child(1) {
    top: 71.1340206185567%;
  }

  /* kantou */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) h3 {
    top: 90.33505154639175%;
    right: 2.96296296296296%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(5),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(6) {
    right: 2.96296296296296%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(4),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(7) {
    right: 10.27777777777778%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(6),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(7) {
    top: 55.92783505154639%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(4),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(5) {
    top: 63.53092783505155%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(3) {
    top: 71.1340206185567%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(3) li:nth-child(2) {
    top: 78.73711340206186%;
  }

  /* chubu */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) h3 {
    top: 90.33505154639175%;
    right: 20.27777777777778%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(2) {
    right: 17.59259259259259%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(3) {
    right: 24.90740740740741%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(4) {
    right: 32.22222222222222%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(3) {
    top: 55.92783505154639%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(4) {
    top: 71.1340206185567%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(4) li:nth-child(2) {
    top: 78.73711340206186%;
  }

  /* kinki */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) h3 {
    top: 50.51546391752577%;
    right: 43.14814814814815%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(4) {
    right: 32.22222222222222%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(5),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(6) {
    right: 39.53703703703704%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(2) {
    right: 46.85185185185185%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(4) {
    top: 63.53092783505155%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(5) {
    top: 71.1340206185567%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(5) li:nth-child(6) {
    top: 78.73711340206186%;
  }

  /* chugoku */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) h3 {
    top: 50.51546391752577%;
    right: 60.55555555555556%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(3) {
    right: 54.16666666666667%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(4) {
    right: 61.48148148148148%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(5) {
    right: 68.7962962962963%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(4),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(5) {
    top: 63.53092783505155%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(6) li:nth-child(2) {
    top: 71.1340206185567%;
  }

  /* shikoku */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) h3 {
    top: 90.33505154639175%;
    right: 37.59259259259259%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(4) {
    right: 55.09259259259259%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(3) {
    right: 62.40740740740741%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(2) {
    top: 81.18556701030928%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(7) li:nth-child(4) {
    top: 88.78865979381443%;
  }

  /* kyushu.okinawa */
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) h3 {
    top: 50.51546391752577%;
    right: 77.96296296296296%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(5),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(6) {
    right: 77.96296296296296%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(4),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(7) {
    right: 85.27777777777778%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(8) {
    right: 92.59259259259259%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(1),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(2),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(5) {
    top: 63.53092783505155%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(3),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(4),
  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(6) {
    top: 71.1340206185567%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(7) {
    top: 78.73711340206186%;
  }

  .searchTop .eriaBlock .colLeft>ul>li:nth-child(8) li:nth-child(8) {
    top: 90.07731958762887%;
  }

  /* right */
  .searchTop .eriaBlock .colRight {
    display: grid;
    margin: 0;
    padding: 15px;
    background: #f2f4f8;
    border-radius: 1rem;
  }

  .searchTop .eriaBlock .colRight a::before {
    content: none;
  }

  .searchTop .eriaBlock .colRight>ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }

  .searchTop .eriaBlock .colRight>ul>li {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    gap: 15px 30px;
    margin: 0;
  }

  .searchTop .eriaBlock .colRight>ul>li:nth-child(2){
    grid-row: 2 / 3;
  }

  .searchTop .eriaBlock .colRight>ul>li:nth-child(3){
    grid-row: 3 / 4;
  }

  .searchTop .eriaBlock .colRight>ul>li:nth-child(4){
    grid-row: 4 / 5;
  }

  .searchTop .eriaBlock .colRight>ul>li:nth-child(5){
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
  
  .searchTop .eriaBlock .colRight>ul>li:nth-child(6){
    grid-row: 2 / 3;
    grid-column: 2 / 3;
  }

  .searchTop .eriaBlock .colRight>ul>li:nth-child(7){
    grid-row: 3 / 4;
    grid-column: 2 / 3;
  }

  .searchTop .eriaBlock .colRight>ul>li:nth-child(8){
    grid-row: 4 / 5;
    grid-column: 2 / 3;
  }

  .searchTop .eriaBlock .colRight h3 {
    color: rgb(var(--naviKoiBlue));
  }

  .searchTop .eriaBlock .colRight h3+ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px 0;
  }

  .searchTop .eriaBlock .colRight h3+ul::before {
    content: '';
    top: 0;
    left: -15px;
    width: 2px;
    height: 100%;
    background: rgb(var(--naviKoiBlue));
  }

  .searchTop .eriaBlock .colRight a {
    height: auto;
    min-height: auto;
    background: none !important;
    box-shadow: 0 0 0 0;
    border: none;
    color: rgb(var(--naviKoiBlue));
    font-weight: normal !important;
    text-decoration: underline;
  }

  .searchTop .eriaBlock .colRight h3 a {
    padding: 0;
    width: auto;
    font-size: 1.2rem;
    line-height: 1.2;
    color: rgb(var(--naviKoiBlue));
  }

  .searchTop .eriaBlock .colRight a span {
    font-size: 1.2rem;
    color: rgb(var(--naviKoiBlue)) !important;
    font-weight: normal !important;
  }

  /* from detailed seach -------- */
  .searchTop .joukenBlock h2 {
    display: none;
  }

  .searchTop .joukenBlock .cols2+h3{
    margin-bottom: 30px;
  }

  .searchTop .joukenBlock h4 {
    padding: 0;
  }

  .searchTop .exambnr {
    margin: 0 auto;
    max-width: 920px;
    margin-bottom: 30px;
  }

}

@media screen and (min-width:1400px) {
  .searchTop .eriaBlock .flexCols.cols2 {
    grid-template-columns: 2fr 1fr;
    padding: 0;
  }

  .searchTop .eriaBlock .colRight>ul {
    grid-template-columns: 1fr;
  }

  .searchTop .eriaBlock .colRight>ul>li {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    gap: 15px 30px;
    margin: 0;
  }

  .searchTop .eriaBlock .colRight>ul>li:nth-child(n){
    grid-row: auto;
    grid-column: auto;
  }
}

@media screen and (min-width:1300px) and (max-width:1500px) {
  .searchTop .eriaBlock .colLeft>ul>li h3 {
    font-size: 1.1vw;
  }

  .searchTop .eriaBlock .colLeft li a span {
    font-size: 1vw;
  }
}

@media screen and (max-width:1130px) {
  .searchTop .eriaBlock .colLeft li a span {
    font-size: 1.2rem;
  }

  .searchTop .eriaBlock .colLeft li a:hover span {
    transform: scale(1, 1);
  }

  .searchTop .allList li {
    text-align: right;
  }
}

/* ======== article end ================*/