.boxTitle {
    margin-bottom: 70px;
}

.boxTitle .titleBig {
    font-size: 50px;
    text-align: center;
    font-weight: 400;
    color: #333333;
    margin-bottom: 52px;
    letter-spacing: 5px;
}

.boxTitle .subTitleBig {
    font-size: 20px;
    text-align: center;
    color: #3e3a39;
    line-height: 2;
    letter-spacing: 1.5px;
}

/* areaPickup */
.areaPickup {
    position: relative;
    padding-top: 79px;
    margin-bottom: 121px;
}

.areaPickup .mapPickup {
    text-align: center;
}

/* areaGood */
.areaGood {
    background: #f4f7f4;
    padding: 100px 0 106px;
}

.areaGood .inner {
    position: relative;
}

.areaGood .inner:before {
    content: "";
    position: absolute;
    background: url('../images/location/before-good.png') no-repeat;
    background-size: 100%;
    width: 372px;
    height: 313px;
    top: -203px;
    right: -28px;
}

.areaGood .listGood {
    margin-bottom: 38px;
    display: flex;
    flex-wrap: wrap;
}

.areaGood .listGood li {
    width: calc((100%/5) - 4px);
    margin-bottom: 18px;
    margin-right: 5px;
}

.areaGood .listGood li:nth-child(5n) {
    margin-right: 0;
}

.areaGood .listGood li .goodPhoto {
    margin-bottom: 2px;
}

.areaGood .listGood li .goodPhoto img {
    width: 100%;
}

.areaGood .listGood li .titleGood {
    color: #3e3a39;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.areaGood .listInfoGood {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 34px;
}

.areaGood .listInfoGood>li {
    width: 49.4%;
}

.areaGood .listInfoGood>li:nth-child(n + 3) {
    margin-top: 42px;
}

.areaGood .listInfoGood>li:nth-child(2n) {
    padding: 0 22px 0 14px;
}

.titleInfGood {
    font-size: 20px;
    color: #3e3a39;
    position: relative;
    padding-left: 21px;
    margin-bottom: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.pinkColor:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(242, 157, 165, 1) 50%, rgba(134, 203, 191, 1) 50%);
    background-size: 100% 100%;
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
}

.yellowColor:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(246, 172, 43, 1) 67%, rgba(134, 203, 191, 1) 67%);
    background-size: 100% 100%;
    width: 7px;
    height: 91%;
    left: 1px;
    top: 2px;
}

.blueColor:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(27, 185, 238, 1) 67%, rgba(134, 203, 191, 1) 67%);
    background-size: 100% 100%;
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
}

.areaGood .listInfoGood>li .listSchool {}

.areaGood .listInfoGood>li .listSchool>li {
    position: relative;
    display: flex;
    font-size: 13px;
    color: #3e3a39;
    justify-content: space-between;
    margin-bottom: 7px;
}

.areaGood .listInfoGood>li .listSchool>li:after {
    content: "";
    position: absolute;
    background: #3e3a39;
    background-size: 100%;
    height: 1px;
    width: 100%;
    top: 11px;
    left: 0;
}

.areaGood .listInfoGood>li .listSchool>li .name {
    background: #f4f7f4;
    z-index: 1;
    max-width: 390px;
    padding: 0 8px 0 1px;
}

.areaGood .listInfoGood>li .listSchool>li .distance {
    background: #f4f7f4;
    z-index: 1;
    min-width: 160px;
    max-width: 250px;
    padding: 0 0px 0 7px;
}

.txtInfoGood {
    display: flex;
    font-size: 12px;
    color: #666666;
    margin-bottom: 2px;
}

.txtInfoGood .flower {}

.txtInfoGood .txtFlower {
    letter-spacing: 1px;
}

.areaGood .wrapInterSchool {
    background: #fff;
    padding: 43px 30px 41px 30px;
    margin-top: 72px;
}

.areaGood .wrapInterSchool .titleInterSchool {
    font-size: 26px;
    color: #3e3a39;
    text-align: center;
    font-weight: 400;
    letter-spacing: 2.1px;
    margin-bottom: 23px;
}

.areaGood .wrapInterSchool .txtSubInterSchool {
    font-size: 16px;
    text-align: center;
    color: #3e3a39;
    line-height: 1.87;
    letter-spacing: 0.5px;
    margin-bottom: 33px;
}

.areaGood .wrapInterSchool .listInterSchool {
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0 52px;
}

.areaGood .wrapInterSchool .listInterSchool li {
    width: calc((100%/4) - 12px);
    margin-right: 16px;
}

.areaGood .wrapInterSchool .listInterSchool li:nth-child(4n) {
    margin-right: 0;
}

.areaGood .wrapInterSchool .listInterSchool li .interPhoto {
    margin-bottom: 10px;
}

.areaGood .wrapInterSchool .listInterSchool li .interPhoto img {
    width: 100%;
}

.areaGood .wrapInterSchool .listInterSchool li .titleInter {
    font-size: 13px;
    text-align: center;
    color: #221815;
    letter-spacing: 0.6px;
    font-weight: 400;
}

/* goingOut */
.goingOut {
    margin-bottom: 119px;
}

/* areaLiving */
.titleLiving {
    font-size: 40px;
    color: #333333;
    font-weight: normal;
    padding-bottom: 8px;
    border-bottom: 1px solid #5e5e5e;
    padding-left: 5px;
    letter-spacing: 4.3px;
    margin-bottom: 40px;
}

.areaLiving {
    margin-bottom: 123px;
}

.areaLiving .wrapShopping {
    margin-top: -25px;
    margin-bottom: 86px;
}

.areaLiving .listShopping {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.areaLiving .listShopping li {
    width: calc((100%/2) - 21px);
}

.areaLiving .listShopping li:nth-child(3n) {
    margin-right: 0;
}

.areaLiving .listShopping li:first-child {
    width: 100%;
    margin-bottom: 43px;
    margin-right: 0;
}

.areaLiving .listShopping li:first-child .boxShopping {
    display: flex;
    justify-content: space-between;
}

.areaLiving .listShopping li:first-child .boxShopping .shoppingPhoto {
    width: 580px;
}

.areaLiving .listShopping li .boxShopping .shoppingPhoto img {}

.areaLiving .listShopping li .boxShopping .txtShopping {
    width: calc(100% - 622px);
    font-size: 16px;
    text-align: justify;
    margin-top: -1px;
    line-height: 1.85;
    letter-spacing: 1.3px;
}

.areaLiving .wrapPark {
    margin-bottom: 85px;
}

.areaLiving .wrapPark .listPark {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areaLiving .wrapPark .listPark li {
    width: calc((100%/2) - 21px);
    /* margin-right: 40px; */
}

.areaLiving .wrapPark .listPark li:nth-child(2n) {
    margin-right: 0;
}

.areaLiving .wrapPark .wrapParkPhoto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 14px;
}

.areaLiving .wrapPark .wrapParkPhoto .partPhoto {
    width: 53.8%;
    /* margin-right: 29px; */
}

.areaLiving .wrapPark .wrapParkPhoto .partPhoto img {
    width: 100%;
}

.areaLiving .wrapPark .wrapParkPhoto .partPhotoTwo {
    width: 41%;
    margin-right: 0;
}

.areaLiving .wrapPark .txtPark {
    font-size: 16px;
    color: #3e3a39;
    text-align: justify;
    letter-spacing: 1.5px;
    line-height: 1.87;
    padding-left: 1px;
}

.areaLiving .wrapEducation {
    margin-bottom: 76px;
}

.areaLiving .listEducation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areaLiving .listEducation li {
    width: calc((100%/2) - 22px);
    /* margin-right: 42px; */
}

.areaLiving .listEducation li:nth-child(2n) {
    margin-right: 0;
}

.areaLiving .listEducation li .boxEduction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areaLiving .listEducation li .boxEduction .educationPhoto {
    width: 228px;
    /* margin-right: 19px; */
}

.areaLiving .listEducation li .boxEduction .educationPhoto img {
    width: 100%;
}

.areaLiving .listEducation li .boxEduction .txtEducation {
    width: calc(100% - 247px);
    font-size: 16px;
    text-align: justify;
    color: #3e3a39;
    line-height: 1.88;
    margin-top: -11px;
    letter-spacing: 1px;
}

/*.areaAccess*/
.areaAccess {
    background: #f4f7f4;
    padding: 100px 0 85px;
}

.areaAccess .accessTitle {
    position: relative;
    font-size: 30px;
    font-weight: 500;
    color: #3e3a39;
    padding-left: 34px;
    margin-bottom: 17px;
    letter-spacing: 5.6px;
}

.areaAccess .accessTitle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translateY(-50%);
    width: 7px;
    height: 34px;
    background: url('../images/location/area-access-bg-orange.png')no-repeat;
    background-size: 100%;
}

.areaAccess .accessTitle.pinkColor:before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(242, 157, 165, 1) 65%, rgba(134, 203, 191, 1) 65%);
    background-size: 100% 100%;
    width: 6px;
    height: 34px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.areaAccess .accessTitle.titleBlue:before {
    background: url('../images/location/area-access-bg-blue.png')no-repeat;
    background-size: 100%;
}

.areaAccess .accessTitle.titlePink:before {
    background: url('../images/location/area-access-bg-pink.png')no-repeat;
    background-size: 100%;
}

.areaAccess .accessCeso {
    margin-bottom: 76px;
}

.areaAccess .accessCeso .cesoPlaces {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 31px;
}

.areaAccess .accessCeso .cesoPlaces .placeBox {
    width: calc(100%/6 - 5px);
    margin-bottom: 32px;
}

.areaAccess .accessCeso .cesoPlaces .placeBox:not(:nth-child(6n)) {
    margin-right: 6px;
}

.areaAccess .accessSlide .placeBox .placePhoto {
    margin-bottom: 6px;
}

.areaAccess .accessSlide .placeBox .placePhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.areaAccess .accessSlide .placeBox .placeName {
    text-align: center;
    font-size: 13px;
    color: #221815;
    letter-spacing: -1px;
}

.areaAccess .accessCeso .cesoMap {
    width: 100%;
}

.areaAccess .accessCeso .cesoMap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*accessCeso*/
.areaAccess .accessWrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 86px;
}

.areaAccess .accessWrap .wrapBox {
    width: calc(100%/2 - 17px);
}

.areaAccess .accessWrap .accessNoth {
    margin-right: 34px;
}

.areaAccess .accessWrap .wrapBox .wrapPlaces {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    min-height: 604px;
    margin-bottom: 36px;
}

.areaAccess .accessWrap .wrapBox .wrapPlaces .placeBox {
    width: calc(100%/3 - 4px);
    margin-bottom: 27px;
}

.areaAccess .accessWrap .wrapBox .placeBox .placePhoto {
    margin-bottom: 10px;
}

.areaAccess .accessWrap .wrapBox .placeBox .placeName {
    letter-spacing: 1px;
}

.areaAccess .accessWrap .wrapBox .wrapPlaces .placeBox:not(:nth-child(3n)) {
    margin-right: 5px;
}

.areaAccess .accessWrap .wrapBox .wrapParti .partiPhoto {
    width: 100%;
    margin-bottom: 10px;
}

.areaAccess .accessWrap .wrapBox .wrapParti .partiPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.areaAccess .accessWrap .wrapBox .wrapParti .partiSub {
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 15px;
    letter-spacing: 1.3px;
    color: #3e3a39;
}

.areaAccess .accessWrap .wrapBox .wrapParti .partiNote {
    font-size: 13px;
    line-height: 1.6;
    margin-left: 2px;
    letter-spacing: 1.1px;
    color: #3e3a39;
}

/*accessWrap*/


.areaAccess .accessInstruct .intructTitle {
    font-size: 34px;
    font-weight: 300;
    margin-bottom: 25px;
    letter-spacing: 2.9px;
    color: #3e3a39;
}

.areaAccess .accessInstruct .intructSub {
    font-size: 16px;
    line-height: 1.85;
    letter-spacing: 1.2px;
    color: #3e3a39;
}

.areaAccess .accessInstruct .intructMap {
    margin-top: -129px;
    width: 95.33%;
    margin-left: 4.07%;
}

#footer {
    margin-top: 0;
}

@media (max-width: 1360px) and (min-width: 769px) {
    .areaGood .inner:before {
        width: 25vw;
        height: 23vw;
        top: -203px;
        right: 20px;
    }
}

@media (max-width: 1280px) and (min-width: 769px) {
    .areaLiving .listShopping li {
        width: 48.3%;
    }

    .areaLiving .listShopping li:first-child .boxShopping .shoppingPhoto,
    .areaLiving .listShopping li:first-child .boxShopping .txtShopping {
        width: 48.3%;
    }

    .areaLiving .wrapPark .listPark li {
        width: 48.3%;
    }

    .areaLiving .wrapPark .wrapParkPhoto .partPhoto {
        width: 55%;
    }

    .areaLiving .wrapPark .wrapParkPhoto .partPhotoTwo {
        width: 40%;
    }

    .areaLiving .listEducation li {
        width: 48.3%;
    }

    .areaLiving .listEducation li .boxEduction .educationPhoto {
        width: 45%;
    }

    .areaLiving .listEducation li .boxEduction .txtEducation {
        width: 51%;
    }
}

@media (max-width: 1255px) and (min-width: 769px) {
    .areaGood .listInfoGood>li .listSchool>li .name {
        max-width: 320px;
    }
}

@media (max-width: 1250px) and (min-width: 769px) {
    .areaAccess .accessWrap .wrapBox .wrapPlaces {
        min-height: 42vw;
    }
}

@media (max-width: 1100px) and (min-width: 769px) {
    .areaGood .inner:before {
        width: 26vw;
        height: 24vw;
        top: -172px;
        right: 20px;
    }

    .areaGood .listInfoGood>li .listSchool>li .name {
        max-width: 260px;
    }

    .areaLiving .wrapPark .wrapParkPhoto .partPhoto img {
        height: 18vw;
    }
}

@media (max-width: 1060px) and (min-width: 769px) {
    .areaAccess .accessWrap .wrapBox .wrapPlaces {
        min-height: 47vw;
    }
}

@media(max-width:1050px) and (min-width:769px) {
    .areaAccess .accessInstruct .intructMap {
        width: 100%;
        margin: -70px 0 0;
    }
}

@media (max-width: 1000px) and (min-width: 769px) {
    .areaGood .listInfoGood {
        flex-direction: column;
    }

    .areaGood .listInfoGood>li:nth-child(n + 3) {
        margin-top: 0;
    }

    .areaGood .listInfoGood>li {
        width: 100%;
        margin-bottom: 30px;
    }

    .areaGood .listInfoGood>li:nth-child(2n) {
        padding: 0;
    }

    .areaGood .wrapInterSchool .listInterSchool {
        padding: 0 10px;
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    .areaGood .listGood li {
        width: calc((100%/3) - 15px);
        margin-right: 22px;
    }

    .areaGood .listGood li:nth-child(5n) {
        margin-right: 22px;
    }

    .areaGood .listGood li:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 960px) and (min-width: 769px) {
    .areaLiving .listEducation li .boxEduction {
        flex-direction: column;
    }

    .areaLiving .listEducation li .boxEduction .educationPhoto {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .areaLiving .listEducation li .boxEduction .educationPhoto img {
        width: 100%;
    }

    .areaLiving .listEducation li .boxEduction .txtEducation {
        width: 100%;
        margin-top: 0;
    }
}

@media (max-width: 954px) and (min-width: 769px) {
    .areaLiving .wrapEducation .titleInfGood {
        min-height: 60px;
    }
}

@media (max-width: 865px) and (min-width: 769px) {
    .areaLiving .wrapShopping .listShopping .titleInfGood {
        min-height: 90px;
    }

    .areaLiving .wrapShopping .listShopping li:first-child .titleInfGood {
        min-height: inherit;
    }
}

@media (max-width: 810px) and (min-width: 769px) {
    .areaAccess .accessWrap .wrapBox .wrapPlaces {
        min-height: 49vw;
    }
}


@media (min-width: 769px) {}

@media (max-width: 768px) {
    .boxTitle {
        margin-bottom: 43px;
    }

    .boxTitle .titleBig {
        font-size: 28px;
        letter-spacing: 3px;
        margin-bottom: 20px;
    }

    .boxTitle .subTitleBig {
        font-size: 14px;
        letter-spacing: 0;
    }

    /* areaPickup */
    .areaPickup {
        padding-top: 60px;
        margin-bottom: 80px;
    }

    .areaPickup .mapPickup {
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
    }

    /* areaGood */
    .areaGood {
        padding: 80px 0;
    }

    .areaGood .inner:before {
        width: 31vw;
        height: 28vw;
        top: -24vw;
        right: 10px;
    }

    .titleInfGood {
        font-size: 16px;
    }

    .areaGood .listGood li {
        width: calc((100%/3) - 7px);
        margin-bottom: 12px;
        margin-right: 10px;
    }

    .areaGood .listGood li:nth-child(5n) {
        margin-right: 10px;
    }

    .areaGood .listGood li:nth-child(3n) {
        margin-right: 0;
    }

    .areaGood .listGood li .titleGood {
        font-size: 12px;
        letter-spacing: 0;
    }

    .areaGood .listInfoGood {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .areaGood .listInfoGood>li:nth-child(n + 3) {
        margin-top: 0;
    }

    .areaGood .listInfoGood>li {
        width: 100%;
        margin-bottom: 30px;
    }

    .areaGood .listInfoGood>li:last-child {
        margin-bottom: 0;
    }

    .areaGood .listInfoGood>li:nth-child(2n) {
        padding: 0;
    }

    .areaGood .listInfoGood>li .listSchool>li {
        font-size: 12px;
    }

    .areaGood .listInfoGood>li .listSchool>li .name {
        max-width: 400px;
    }

    .areaGood .listInfoGood>li .listSchool>li .distance {
        min-width: 160px;
        max-width: 160px;
    }

    .areaGood .listInfoGood>li .listSchool>li:after {
        top: 10px;
    }

    .areaGood .wrapInterSchool {
        padding: 25px 15px 25px 15px;
        margin-top: 42px;
    }

    .areaGood .wrapInterSchool .titleInterSchool {
        font-size: 22px;
        letter-spacing: 0;
    }

    .areaGood .wrapInterSchool .txtSubInterSchool {
        font-size: 14px;
    }

    .areaGood .wrapInterSchool .listInterSchool {
        max-width: inherit;
        padding: 0 10px;
        justify-content: space-between;
    }

    .areaGood .wrapInterSchool .listInterSchool li {
        width: 45%;
        margin-right: 0;
    }


    .areaGood .wrapInterSchool .listInterSchool li:nth-child(n + 3) {
        margin-top: 8%;
    }

    .areaGood .wrapInterSchool .listInterSchool li .titleInter {
        font-size: 12px;
    }

    /* goingOut */
    .goingOut {
        margin-bottom: 80px;
    }

    /* areaLiving */
    .titleLiving {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .areaLiving {
        margin-bottom: 80px;
    }

    .areaLiving .wrapShopping {
        margin-top: 0;
        margin-bottom: 80px;
    }

    .areaLiving .listShopping li:first-child .boxShopping {
        flex-direction: column;
    }

    .areaLiving .listShopping li:first-child .boxShopping .shoppingPhoto {
        width: 100%;
        margin-bottom: 20px;
    }

    .areaLiving .listShopping li .boxShopping .txtShopping {
        width: 100%;
        font-size: 14px;
    }

    .areaLiving .listShopping {
        flex-direction: column;
    }

    .areaLiving .listShopping li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 37px;
    }

    .areaLiving .listShopping li:first-child {
        margin-bottom: 37px;
    }

    .areaLiving .listShopping li:last-child {
        margin-bottom: 0;
    }

    .areaLiving .wrapPark {
        margin-bottom: 37px;
    }

    .areaLiving .wrapPark .listPark {
        flex-direction: column;
    }

    .areaLiving .wrapPark .listPark li {
        width: 100%;
        margin-bottom: 37px;
    }

    .areaLiving .wrapPark .listPark li:last-child {
        margin-bottom: 0;
    }

    .areaLiving .wrapPark .wrapParkPhoto {
        margin-bottom: 20px;
    }

    .areaLiving .wrapPark .txtPark {
        font-size: 14px;
    }

    .areaLiving .wrapEducation {
        margin-bottom: 37px;
    }

    .areaLiving .listEducation {
        flex-direction: column;
    }

    .areaLiving .listEducation li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 37px;
    }

    .areaLiving .listEducation.listHealthPort li {
        margin-bottom: 37px;
    }

    .areaLiving .listEducation.listHealthPort li:last-child {
        margin-bottom: 0;
    }

    .areaLiving .listEducation li:last-child {
        margin-bottom: 0;
    }

    .areaLiving .listEducation li .boxEduction .educationPhoto {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .areaLiving .listEducation li .boxEduction .txtEducation {
        width: 100%;
        font-size: 14px;
        margin-top: 0;
    }

    /* areaAccess */
    .areaAccess {
        padding: 80px 0;
    }

    .areaAccess .accessCeso {
        margin-bottom: 37px;
    }

    .areaAccess .accessCeso .cesoPlaces {
        display: block;
        margin: 0 0 32px -0.35%;
    }

    .areaAccess .accessSlide {
        display: block;
        width: 100.7%;
        margin: 0 0 0 -0.35%;
    }

    .areaAccess .accessCeso .cesoPlaces .placeBox {
        margin-bottom: 0;
    }

    .areaAccess .accessCeso .cesoPlaces .placeBox:not(:nth-child(6n)) {
        margin: 0 1.5px;
    }

    .areaAccess .accessWrap .wrapBox .wrapPlaces .placeBox:not(:nth-child(3n)) {
        margin: 0 1.5px;
    }

    .areaAccess .accessSlide .placeBox {
        margin: 0 1.5px;
    }

    .areaAccess .accessSlide .placeBox:not(:nth-child(6n)) {
        margin: 0 1.5px;
    }

    .areaAccess .accessSlide .placeBox .placePhoto {
        margin-bottom: 9px;
    }

    .areaAccess .accessSlide .slick-arrow {
        position: absolute;
        top: 43%;
        transform: translateY(-50%);
        width: 35px;
        height: 35px;
        padding: 7px;
        background-color: rgba(40, 40, 40, 0.5);
        z-index: 10;
    }

    .areaAccess .accessSlide .slick-arrow.prev-button {
        left: -3%;
    }

    .areaAccess .accessSlide .slick-arrow.next-button {
        right: -3%;
    }

    .areaAccess .accessTitle {
        font-size: 16px;
        padding-left: 21px;
    }

    .areaAccess .accessTitle:before {
        height: 100%;
        background-size: cover;
    }

    .areaAccess .accessSlide .placeBox .placeName {
        font-size: 12px;
    }

    .areaAccess .accessCeso .cesoMap {
        height: 350px;
    }

    .areaAccess .accessWrap {
        margin-bottom: 45px;
    }

    .areaAccess .accessWrap .wrapBox {
        width: 100%;
    }

    .areaAccess .accessWrap .wrapBox .wrapPlaces {
        min-height: auto;
    }

    .areaAccess .accessWrap .wrapBox .wrapParti .partiSub {
        font-size: 14px;
    }

    .areaAccess .accessWrap .accessNoth {
        margin: 0 0 37px;
    }

    .areaAccess .accessWrap .wrapBox .wrapParti .partiNote {
        font-size: 12px;
    }

    .areaAccess .accessInstruct .intructTitle {
        font-size: 20px;
        margin-bottom: 7px;
        letter-spacing: 1.8px;
    }

    .areaAccess .accessInstruct .intructSub {
        font-size: 12px;
        line-height: 1.7;
        letter-spacing: 0.9px;
    }

    .areaAccess .accessInstruct .intructMap {
        margin-top: 8px;
        width: 100%;
        margin-left: -2px;
    }
}

@media (max-width: 414px) {
    .areaGood .inner:before {
        width: 36vw;
        height: 31vw;
        top: -34vw;
    }

    .areaGood .listInfoGood>li .listSchool>li .name {
        max-width: 160px;
    }

    .areaGood .listGood li {
        width: calc((100%/3) - 2px);
        margin-bottom: 12px;
        margin-right: 3px;
    }

    .areaGood .listGood li:nth-child(5n) {
        margin-right: 3px;
    }

    .areaGood .listGood li:nth-child(3n) {
        margin-right: 0;
    }

    .areaAccess .accessSlide .slick-arrow {
        position: absolute;
        top: 32.9%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        padding: 7px;
        background-color: rgba(40, 40, 40, 0.5);
        z-index: 10;
    }

    .areaAccess .accessSlide .slick-arrow.prev-button {
        left: -4%;
    }

    .areaAccess .accessSlide .slick-arrow.next-button {
        right: -4%;
    }
}