@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 */
.areaMap {
    display: none;
}

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

.areaList>ul {
    display: grid;
    gap: 20px;
}

.areaList>ul>li {
    display: grid;
    gap: 15px;
}

.areaList>ul>li:nth-child(1),
.areaMap>ul>li:nth-child(1) {
    --mainColor: #32ade2;
    --subColor: #e5f4fc;
}

.areaList>ul>li:nth-child(2),
.areaMap>ul>li:nth-child(2) {
    --mainColor: #60b051;
    --subColor: #e4f5e7;
}

.areaList>ul>li:nth-child(3),
.areaMap>ul>li:nth-child(3) {
    --mainColor: #32a8a0;
    --subColor: #e5f4fc;
}

.areaList>ul>li:nth-child(4),
.areaMap>ul>li:nth-child(4) {
    --mainColor: #a2c639;
    --subColor: #f1f8e3;
}

.areaList>ul>li:nth-child(5),
.areaMap>ul>li:nth-child(5) {
    --mainColor: #fcb646;
    --subColor: #fff6e5;
}

.areaList>ul>li:nth-child(6),
.areaMap>ul>li:nth-child(6) {
    --mainColor: #e8623b;
    --subColor: #fdeae2;
}

.areaList>ul>li:nth-child(7),
.areaMap>ul>li:nth-child(7) {
    --mainColor: #eea4b9;
    --subColor: #fef4f6;
}

.areaList>ul>li:nth-child(8),
.areaMap>ul>li:nth-child(8) {
    --mainColor: #e08653;
    --subColor: #fcf0e7;
}

.areaList h3 {
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
}

.areaList 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;
}

.areaList 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(135deg);
    position: absolute;
}

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

.areaList h3 a::before {
    border-color: #fff;
}

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

.areaList a span {
    font-size: 1rem;
    font-weight: bold;
}

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

.areaList>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;
    }

    /* areaMap */
    .areaMap {
        position: relative;
        display: block;
        justify-self: center;
        width: 100%;
        max-width: 1000px;
        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;
    }

    .areaMap>ul {
        position: relative;
        height: 100%;
    }

    .areaMap h3 {
        position: absolute;
        width: 15%;
        height: 8%;
    }

    .areaMap h3 a {
        /* font-size: 1.2rem; */
        text-align: center;
        border-radius: 0.4rem;
        background: var(--subColor);
        border: solid 1px var(--mainColor);
        color: var(--mainColor);
        font-weight: 700;
    }

    /* habahiro h3 */
    .areaMap h3.wide {
        width: 16.5%;
    }

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

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

    .areaMap>ul>li>ul>li a {
        background: var(--mainColor);
        border: solid 1px var(--mainColor);
        color: #fff;
        font-size: .85rem;
        overflow: hidden;
    }

    .areaMap 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;
        background: #fff;

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* areaList */
    .areaList {
        display: none;
        /* margin: 0;
        padding: 15px;
        background: #f2f4f8;
        border-radius: 1rem; */
    }

    /*
    .areaList a::before {
        content: none;
    }

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

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

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

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

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

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

    .areaList>ul>li:nth-child(6) {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
    }

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

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

    .areaList h3 {
        color: rgb(var(--naviKoiBlue));
    }

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

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

    .areaList 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;
    }

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

    .areaList 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;
    }

     .areaList>ul {
        grid-template-columns: 1fr;
    }

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

    .areaList>ul>li:nth-child(n) {
        grid-row: auto;
        grid-column: auto;
    } */
}

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

    .areaMap li a span {
        font-size: 1vw;
    } */
}

@media screen and (max-width:1130px) {
    /* .areaMap li a span {
        font-size: 1.2rem;
    } */

    .areaMap li a:hover span {
        transform: scale(1, 1);
    }

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

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