@charset "utf-8";

.search_wrap {
    display: flex;
    justify-content: space-between;
}

.search_wrap .map_wrap {
    width: 554px;
}

.search_wrap .map_wrap .map {
    background: url(../img/map_bg.png) no-repeat left top;
    width: 554px;
    height: 747px;
    position: relative;
}

.search_wrap .map_wrap .map a {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 18px;
    overflow: hidden;
    text-indent: -1000px;
    z-index: 20;
    /*background: rgba(0,0,0,.3);*/
}

.search_wrap .map_wrap .map .link01 {
    left: 75px;
    top: 101px;
    width: 60px;
}

.search_wrap .map_wrap .map .link02 {
    left: 111px;
    top: 143px;
}

.search_wrap .map_wrap .map .link03 {
    left: 204px;
    top: 119px;
}

.search_wrap .map_wrap .map .link04 {
    left: 159px;
    top: 188px;
}

.search_wrap .map_wrap .map .link05 {
    left: 108px;
    top: 271px;
}

.search_wrap .map_wrap .map .link06 {
    left: 210px;
    top: 240px;
}

.search_wrap .map_wrap .map .link07 {
    left: 299px;
    top: 272px;
}

.search_wrap .map_wrap .map .link08 {
    left: 38px;
    top: 328px;
}

.search_wrap .map_wrap .map .link09 {
    left: 30px;
    top: 396px;
}

.search_wrap .map_wrap .map .link10 {
    left: 41px;
    top: 431px;
}

.search_wrap .map_wrap .map .link11 {
    left: 85px;
    top: 391px;
    height: 46px;
    width: 15px;
}

.search_wrap .map_wrap .map .link12 {
    left: 114px;
    top: 365px;
    height: 60px;
    width: 15px;
}

.search_wrap .map_wrap .map .link13 {
    left: 144px;
    top: 456px;
}

.search_wrap .map_wrap .map .link14 {
    left: 158px;
    top: 388px;
}

.search_wrap .map_wrap .map .link15 {
    left: 194px;
    top: 301px;
}

.search_wrap .map_wrap .map .link16 {
    left: 250px;
    top: 314px;
}

.search_wrap .map_wrap .map .link17 {
    left: 197px;
    top: 335px;
}

.search_wrap .map_wrap .map .link18 {
    left: 186px;
    top: 361px;
}

.search_wrap .map_wrap .map .link19 {
    left: 224px;
    top: 376px;
}

.search_wrap .map_wrap .map .link20 {
    left: 278px;
    top: 336px;
}

.search_wrap .map_wrap .map .link21 {
    left: 291px;
    top: 370px;
}

.search_wrap .map_wrap .map .link22 {
    left: 252px;
    top: 403px;
}

.search_wrap .map_wrap .map .link23 {
    left: 218px;
    top: 426px;
    width: 60px;
}

.search_wrap .map_wrap .map .link24 {
    left: 75px;
    top: 584px;
}

.search_wrap .map_wrap .map .link25 {
    left: 81px;
    top: 628px;
}

.search_wrap .map_wrap .map .link26 {
    left: 245px;
    top: 522px;
}

.search_wrap .map_wrap .map .link27 {
    left: 76px;
    top: 674px;
}

.search_wrap .map_wrap .map .link28 {
    left: 297px;
    top: 462px;
    width: 30px;
}

.search_wrap .map_wrap .map .link29 {
    left: 310px;
    top: 408px;
}

.search_wrap .map_wrap .map .link30 {
    left: 302px;
    top: 692px;
}

.search_wrap .map_wrap .map .link31 {
    left: 359px;
    top: 678px;
}

.search_wrap .map_wrap .map .link32 {
    left: 412px;
    top: 658px;
}

.search_wrap .map_wrap .map .link33 {
    left: 425px;
    top: 627px;
}

.search_wrap .map_wrap .map .link34 {
    left: 434px;
    top: 596px;
}

.search_wrap .map_wrap .map .link35 {
    left: 447px;
    top: 576px;
    width: 30px;
}

.search_wrap .map_wrap .map .link36 {
    left: 455px;
    top: 547px;
}

.search_wrap .map_wrap .map .link37 {
    left: 467px;
    top: 523px;
}

.search_wrap .map_wrap .map .link38 {
    left: 481px;
    top: 497px;
}

.search_wrap .map_wrap .map .link39 {
    left: 491px;
    top: 473px;
}

.search_wrap .map_wrap .map .link40 {
    left: 351px;
    top: 429px;
    width: 30px;
}

.search_wrap .map_wrap .map .link41 {
    left: 472px;
    top: 324px;
}

.search_wrap .map_wrap .map .link42 {
    left: 489px;
    top: 431px;
}

.search_wrap .map_wrap .map .link43 {
    left: 486px;
    top: 377px;
}

.search_wrap .map_wrap .map .link44 {
    left: 470px;
    top: 284px;
    width: 60px;
}

.search_wrap .map_wrap .map .link45 {
    left: 364px;
    top: 361px;
}

.search_wrap .map_wrap .map .link46 {
    left: 364px;
    top: 304px;
    width: 75px;
}

.search_wrap .map_wrap .map .link47 {
    left: 64px;
    top: 492px;
    width: 30px;
}

.search_wrap .map_wrap .map .link48 {
    left: 112px;
    top: 470px;
    width: 30px;
}

.search_wrap .map_wrap .map .link49 {
    left: 150px;
    top: 482px;
}

.search_wrap .map_wrap .map .link50 {
    left: 244px;
    top: 563px;
}

.search_wrap .map_wrap .map .link51 {
    left: 216px;
    top: 609px;
}

.search_wrap .map_wrap .map .link52 {
    left: 172px;
    top: 647px;
    width: 75px;
}

.search_wrap .map_wrap .map .link53 {
    left: 118px;
    top: 506px;
}

.search_wrap .map_wrap .map .link54 {
    left: 272px;
    top: 598px;
}

.search_wrap .map_wrap .map .link55 {
    left: 106px;
    top: 120px;
}

.search_wrap .map_wrap .map .link56 {
    left: 250px;
    top: 300px;
}

.search_wrap .map_wrap .map .link57 {
    left: 205px;
    top: 317px;
}

.search_wrap .map_wrap .map .link58 {
    left: 37px;
    top: 310px;
}

.search_wrap .map_wrap .map .link59 {
    left: 32px;
    top: 382px;
}

.search_wrap .map_wrap .map .link60 {
    left: 147px;
    top: 442px;
}

.search_wrap .map_wrap .map .link61 {
    left: 75px;
    top: 648px;
}

.search_wrap .map_wrap .map .link62 {
    left: 474px;
    top: 268px;
}

.search_wrap .map_wrap .map img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.search_wrap .map_wrap .map a:hover+img {
    opacity: 1;
}

.search_wrap .map_wrap .map .area01 {
    left: 62px;
    top: 65px;
}

.search_wrap .map_wrap .map .area02 {
    left: 101px;
    top: 62px;
}

.search_wrap .map_wrap .map .area03 {
    left: 157px;
    top: 62px;
}

.search_wrap .map_wrap .map .area04 {
    left: 111px;
    top: 155px;
}

.search_wrap .map_wrap .map .area05 {
    left: 65px;
    top: 206px;
}

.search_wrap .map_wrap .map .area06 {
    left: 181px;
    top: 167px;
}

.search_wrap .map_wrap .map .area07 {
    left: 262px;
    top: 216px;
}

.search_wrap .map_wrap .map .area08 {
    left: 19px;
    top: 284px;
}

.search_wrap .map_wrap .map .area09 {
    left: 17px;
    top: 371px;
}

.search_wrap .map_wrap .map .area10 {
    left: 32px;
    top: 409px;
}

.search_wrap .map_wrap .map .area11 {
    left: 77px;
    top: 383px;
}

.search_wrap .map_wrap .map .area12 {
    left: 83px;
    top: 346px;
}

.search_wrap .map_wrap .map .area13 {
    left: 131px;
    top: 408px;
}

.search_wrap .map_wrap .map .area14 {
    left: 132px;
    top: 308px;
}

.search_wrap .map_wrap .map .area15 {
    left: 170px;
    top: 264px;
}

.search_wrap .map_wrap .map .area16 {
    left: 237px;
    top: 256px;
}

.search_wrap .map_wrap .map .area17 {
    left: 189px;
    top: 324px;
}

.search_wrap .map_wrap .map .area18 {
    left: 185px;
    top: 339px;
}

.search_wrap .map_wrap .map .area19 {
    left: 221px;
    top: 342px;
}

.search_wrap .map_wrap .map .area20 {
    left: 258px;
    top: 318px;
}

.search_wrap .map_wrap .map .area21 {
    left: 264px;
    top: 346px;
}

.search_wrap .map_wrap .map .area22 {
    left: 256px;
    top: 385px;
}

.search_wrap .map_wrap .map .area23 {
    left: 211px;
    top: 406px;
}

.search_wrap .map_wrap .map .area24 {
    left: 206px;
    top: 427px;
}

.search_wrap .map_wrap .map .area25 {
    left: 242px;
    top: 466px;
}

.search_wrap .map_wrap .map .area26 {
    left: 250px;
    top: 468px;
}

.search_wrap .map_wrap .map .area27 {
    left: 255px;
    top: 444px;
}

.search_wrap .map_wrap .map .area28 {
    left: 267px;
    top: 444px;
}

.search_wrap .map_wrap .map .area29 {
    left: 272px;
    top: 372px;
}

.search_wrap .map_wrap .map .area30 {
    left: 308px;
    top: 488px;
}

.search_wrap .map_wrap .map .area31 {
    left: 328px;
    top: 472px;
}

.search_wrap .map_wrap .map .area32 {
    left: 347px;
    top: 480px;
}

.search_wrap .map_wrap .map .area33 {
    left: 355px;
    top: 473px;
}

.search_wrap .map_wrap .map .area34 {
    left: 365px;
    top: 466px;
}

.search_wrap .map_wrap .map .area35 {
    left: 375px;
    top: 448px;
}

.search_wrap .map_wrap .map .area36 {
    left: 392px;
    top: 445px;
}

.search_wrap .map_wrap .map .area37 {
    left: 402px;
    top: 442px;
}

.search_wrap .map_wrap .map .area38 {
    left: 388px;
    top: 408px;
}

.search_wrap .map_wrap .map .area39 {
    left: 442px;
    top: 444px;
}

.search_wrap .map_wrap .map .area40 {
    left: 325px;
    top: 395px;
}

.search_wrap .map_wrap .map .area41 {
    left: 406px;
    top: 365px;
}

.search_wrap .map_wrap .map .area42 {
    left: 443px;
    top: 428px;
}

.search_wrap .map_wrap .map .area43 {
    left: 438px;
    top: 376px;
}

.search_wrap .map_wrap .map .area44 {
    left: 410px;
    top: 337px;
}

.search_wrap .map_wrap .map .area45 {
    left: 336px;
    top: 331px;
}

.search_wrap .map_wrap .map .area46 {
    left: 323px;
    top: 273px;
}

.search_wrap .map_wrap .map .area47 {
    left: 96px;
    top: 490px;
}

.search_wrap .map_wrap .map .area48 {
    left: 115px;
    top: 484px;
}

.search_wrap .map_wrap .map .area49 {
    left: 135px;
    top: 488px;
}

.search_wrap .map_wrap .map .area50 {
    left: 220px;
    top: 517px;
}

.search_wrap .map_wrap .map .area51 {
    left: 200px;
    top: 595px;
}

.search_wrap .map_wrap .map .area52 {
    left: 171px;
    top: 624px;
}

.search_wrap .map_wrap .map .area53 {
    left: 62px;
    top: 62px;
}

.search_wrap .map_wrap .map .area54 {
    left: 170px;
    top: 263px;
}

.search_wrap .map_wrap .map .area55 {
    left: 242px;
    top: 443px;
}

.search_wrap .map_wrap .map .txt {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    opacity: 1;
}

.search_wrap .detail_wrap {
    width: 420px;
}

.search_wrap .detail_wrap .box+.box {
    margin-top: 40px;
}

.search_wrap .detail_wrap .box form,
.search_wrap .inner {
    padding: 0 1.5em;
}

.search_wrap .detail_wrap .box .txt:nth-child(n+2) {
    margin-top: 2em;
    margin-bottom: .5em;
}

.search_wrap .detail_wrap .box .name {
    width: 100%;
    margin-top: 1em;
}

.search_wrap .detail_wrap .box .name td {
    background: #EFEFEF;
}

.search_wrap .detail_wrap .box .name a {
    display: block;
    width: 100%;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    font-size: 2.1rem;
    color: #000;
    background: #EFEFEF;
}

.search_wrap .detail_wrap .box .name a:hover {
    text-decoration: underline;
    color: #fff;
    background: #338047;
}

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

    .search_wrap {
        display: block;
    }

    .search_wrap .map_wrap {
        width: 100%;
    }

    .search_wrap .map_wrap .gps_btn>* {
        display: block;
        width: 100%;
        padding: 1em;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        border: 1px solid #338047;
        color: #338047;
        border-radius: 5px;
    }

    .search_wrap .map_wrap .gps_btn>*::before {
        content: url(../img/form_gps.png);
        margin-right: .5em;
        vertical-align: -.3em;
    }

    .search_wrap .detail_wrap {
        width: 100%;
        margin-top: 30px;
    }

    .search_wrap .detail_wrap .box+.box {
        margin-top: 30px;
    }

    .search_wrap .detail_wrap .box .name a {
        font-size: 1.5rem;
    }

}

.atm_wrap {
    margin-top: 60px;
}

.atm_wrap .list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 45px;
}

.atm_wrap .list .item {
    width: calc((100% - 150px) / 4);
    margin-left: 50px;
    margin-right: -1px;
}

.atm_wrap .list .item:nth-child(4n+1) {
    margin-left: 0;
}

.atm_wrap .list .item:nth-child(n+5) {
    margin-top: 45px;
}

.atm_wrap .list .item a {
    transition: opacity .3s;
}

.atm_wrap .list .item a:hover {
    opacity: .6;
}

.atm_wrap .list .item img {
    width: 100%;
}

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

    .atm_wrap {
        margin-top: 40px;
    }

    .atm_wrap .list {
        margin-top: 20px;
    }

    .atm_wrap .list .item {
        width: calc((100% - 10px) / 2);
        margin-left: 10px;
    }

    .atm_wrap .list .item:nth-child(2n+1) {
        margin-left: 0;
    }

    .atm_wrap .list .item:nth-child(n+3) {
        margin-top: 10px;
    }

}