@media screen and (max-width: 768px) {
    .tpl-section {
        padding-bottom: 23vw;
    }
}

.tpl-figure.bg-normal {
    background-color: #F8F7F6;
}

.tpl-figure.bg-medium {
    background-color: #e5e2dd;
}

.tpl-figure img.mix-multiply {
    mix-blend-mode: multiply;
}

.tpl-card .tpl-card__title .fs-12{
    font-size: 1.2rem;
}

/* mv slider */
.mv{position: relative; z-index: 1;}
.mv .swiper-pagination{justify-content: center;bottom: 35px !important;}
.mv .swiper-pagination-bullet{height: 2px !important;}
.mv .tpl-stack.swiper{padding-bottom: 0;}
.mv .m-cap{position: absolute; bottom:-20px; right:2px; color: #3F2121;line-height: 1.3; opacity: 0; visibility: hidden;}
.mv .swiper-slide {overflow-y: unset;}
.mv .swiper-slide-visible .m-cap{opacity: 1; visibility: visible;}

.btn-more {
    position: relative;
    display: block;
    background: transparent;
    font-size: 1.6rem;
    margin: 35px 0 0;
}

.btn-more__label {
    font-family: 'Montserrat', sans-serif;
}

.btn-more__arrow {
    max-width: 178px;
    position: absolute;
    top: 100%;
    left: 0;
    transition: transform .4s ease-in-out;
    margin-top: 4px;
}

@media screen and (max-width: 768px) {
    .btn-more {
        margin: 25px 0 0;
    }
}

#location .block01 {
    display: block;
    position: relative;
    background-color: #E5E1DD;
    padding: 0 32px 0 44px;
}

#location .block01:hover .btn-more__arrow {
    transform: translateX(20px);
}

@media screen and (min-width: 769px) {
    #location .block01 .col-1 {
        flex: unset;
        width: 47.765%;
        transform: translateY(5.5%);
    }

    #location .block01 .col-2 .img-abs {
        position: absolute;
        top: -5%;
        right: 0%;
        width: 26.315%;
    }
}

@media screen and (max-width: 768px) {
    #location .block01 {
        padding: 30px 0 40px;
    }

    #location .block01 .tpl-row--v-center {
        align-items: flex-start;
    }

    #location .block01 .col-1 {
        background-color: #e5e2dd;
        padding-top: 30px;
    }

    #location .block01 .col-1 .tpl-figure {
        scale: 1.1;
        transform: translateY(1.4%);
    }

    #location .block01 {
        background-color: #F8F7F6;
    }
}
#location.tpl-section{padding-top:1px;margin-top: 0;}
#location .tpl-block {margin-top: 0;}
@media screen and (max-width: 768px) {
    #location .tpl-block{padding-top: 0;}
}
#education-01 .block01 .tpl-modal {
    width: 91.704%;
    margin: 0 auto;
}

#education-01 .block01 .tpl-modal .tpl-figure {
    overflow: unset;
}

#education-01 .block01 .tpl-modal .tpl-figure img {
    width: 100%;
}

#education-01 .block01 .tpl-figure .tpl-caption {
    padding-right: 0;
    top: 100%;
}

#education-01 .block01 .tpl-note {
    font-size: 1rem;
    line-height: 2;
    max-width: 730px;
    margin: 50px auto 0;
}

@media screen and (min-width: 769px) {
    #education-01.tpl-section{
        padding-bottom: 550px;
    }

    #education-01 .block01 .tpl-note {
        padding-left: 100px;
    }
}

@media screen and (max-width: 768px) {

    #education-01 .block01 .tpl-modal {
        width: 100%;
    }

    #education-01 .block01 .tpl-modal::after {
        top: 100%;
    }

    #education-01 .block01 .tpl-figure .tpl-caption {
        top: unset;
        bottom: -66px;
    }

    #education-01 .block01 .tpl-modal .tpl-figure img {
        width: 100%;
        scale: 1.2;
    }

    #education-01 .block01 .tpl-note {
        margin: 80px auto 0;
    }
}

#education-02 .tpl-cover__bg {
    overflow: unset;
}

#education-02 .tpl-cover__bg .tpl-figure {
    overflow: unset;
}

#education-02 .block02 .tpl-article__copy {
    padding-top: 40px;
}

#education-02 .block02 .block-inner {
    padding-top: 90px;
}

#education-02 .block02 .block-inner .tpl-caption--out {
    padding: 8px 0;
}

#education-02 .block02 .tpl-card__body {
    padding-top: 20px;
}

#education-02 .block02 .tpl-card__title {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.5;
}

#education-02 .block02 .tpl-card__copy {
    padding-top: 20px;
}

@media screen and (min-width: 769px) {
    #education-02 .block01{
        margin-top: -600px;
    }
}

@media screen and (max-width: 768px) {
    #education-02.tpl-section {
        padding-top: 0;
    }

    #education-02.tpl-section .block01{
        padding-top: 0;
    }

    #education-02 .block02 {
        padding-top: 12vw;
    }

    #education-02 .block02 .tpl-article__copy {
        padding-top: 20px;
    }

    #education-02 .tpl-cover {
        min-height: unset;
        height: 47.73vw;
        overflow: unset;
    }

    #education-02 .tpl-cover__bg .tpl-image {
        min-height: unset;
    }
}

#education-03 .tpl-figure {
    height: fit-content;
}

#education-03 .tpl-article__title {
    font-size: 1.6rem;
}

#education-03 .tpl-article__title .fs-14 {
    font-size: 1.4rem;
}

#education-03 .tpl-article__title .fs-12 {
    font-size: 1.2rem;
}

#education-03 .tpl-article__copy .fs-10 {
    font-size: 1rem;
}

#education-03 .block01 {
    padding-top: 0;
}

#education-03 .block01 .tpl-row {
    gap: 20px;
}

#education-03 .block02 .tpl-row {
    gap: 64px;
}

#education-03 .block02 .tpl-article__title {
    column-gap: 20px;
}

@media screen and (min-width: 768px) {
    #education-03 .block02 {
        padding-top: 80px;
    }

    #education-03 .block01 .col-1 {
        flex: unset;
        width: 66.158%;
    }

    #education-03 .block02 .tpl-row .tpl-article__copy {
        max-width: 90%;
    }
}

@media screen and (max-width: 768px) {
    #education-03 .block02 {
        padding-top: 64px;
    }
}

#education-04 .block01 {
    padding-top: 0;
}

/* #education-04 .block01 .tpl-article__title {
} */

#education-04 .block01 .tpl-article__title.fs-20 {
    font-size: 2rem;
    text-align: center;
}

#education-04 .block01 .tpl-article__title.fs-16 {
    font-size: min(4.2vw, 1.6rem);
}

#education-04 .block01 .col-2 .tpl-figure .tpl-caption {
    padding-right: 0;
}

#education-04 .block02 .tpl-row {
    gap: 50px;
}

#education-04 .block02 .col-2 .tpl-card .tpl-figure {
    overflow: unset;
}

#education-04 .block02 .col-2 .tpl-card .tpl-figure .tpl-caption {
    padding-right: 0;
}

#education-04 .block02 .col-2 .tpl-card__body {
    padding-top: 8px;
}

/* #education-04 .block02 .col-2 .tpl-card .tpl-caption {
    top: 100%;
    padding-right: 0;
} */

#education-04 .tpl-button .tpl-button__label {
    font-size: 1.8rem;
    font-weight: 600;
}

#education-04 .block02 .col-1 .tpl-button {
    max-width: 100%;
    color: #ffffff;
    margin-top: 28px;
}

#education-04 .block02 .col-1 .tpl-modal .tpl-figure {
    overflow: unset;
}

#education-04 .block02 .col-1 .tpl-modal .tpl-figure .tpl-caption {
    position: absolute;
    top: 100%;
    padding-right: 0;
}

#education-04 .block02 .col-2 .tpl-card__title,
#education-04 .block-sp .tpl-card__title {
    text-indent: -1.4em;
    padding-left: 1.4em;
    line-height: 1.4;
}

#education-04 .block02 .col-2 .tpl-card__title .fs-10,
#education-04 .block-sp .tpl-card__title .fs-10 {
    font-size: 1rem;
    font-weight: 400;
}

#education-04 .block02 .col-2 .tpl-card__copy,
#education-04 .block-sp .tpl-card__copy {
    padding-top: 0;
}

#education-04 .block02 .col-2 .tpl-card__copy .fs-10,
#education-04 .block-sp .tpl-card__copy .fs-10 {
    font-size: min(2.6vw, 1rem);
}

#education-04 .block02 .col-2 .tpl-card__copy.note-copy,
#education-04 .block-sp .tpl-card__copy.note-copy {
    display: flex;
    align-items: flex-start;
}

#education-04 .block02 .col-2 .tpl-card__copy.note-copy::before,
#education-04 .block-sp .tpl-card__copy.note-copy::before {
    content: "⚫︎";
    color: #000000;
    font-size: 1.2em;
    display: inline-block;
    margin-right: 2px;
    line-height: 1.4;
}

@media screen and (min-width: 768px) {
    #education-04 .block01 .col-2 {
        flex: unset;
        width: 50%;
    }

    #education-04 .block02 .col-1 {
        flex: unset;
        width: 58.407%;
    }
}

@media screen and (max-width: 768px) {
    #education-04 .block01 .tpl-row {
        flex-direction: column-reverse;
    }

    #education-04 .block02 .tpl-row {
        flex-direction: column-reverse;
    }
}


#childcare-01 .block01 {
    padding-top: 0;
}

#childcare-01 .block01 .tpl-cover__bg {
    overflow: unset;
}

#childcare-01 .block01 .tpl-cover__bg .tpl-caption {
    top: 100%;
}

#childcare-01 .block02 {
    padding-top: 100px;
}

#childcare-01 .block02 .col-2 .tpl-caption {
    padding-right: 0;
}

#childcare-01 .block02 .tpl-headline {
    margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
    #childcare-01 .tpl-cover {
        min-height: unset;
        height: 46.1333vw;
    }

    #childcare-01 .tpl-cover__bg {
        left: 0;
        width: 93vw;
    }

    #childcare-01 .tpl-cover__bg .tpl-image {
        min-height: unset;
    }

    #childcare-01 .block02 .tpl-headline {
        margin-bottom: 20px;
    }
}

#childcare-02 .block01 {
    padding-top: 0;
}

#childcare-02 .block01 .tpl-stack {
    gap: 20px;
}

#childcare-02 .block01 .tpl-card__body{
    padding-top: 10px;
}

/* #childcare-02 .block01 .tpl-col .tpl-card__copy {
    font-size: 1.6rem;
    line-height: 1.2;
} */

#childcare-02 .block01 .tpl-article__title sup {
    font-size: 0.55em;
    margin: 0 0.2em;
}

#childcare-02 .block01 .tpl-article__copy.note-copy{
    font-size: 1rem;
}

#park .tpl-cover__bg {
    overflow: unset;
}

#park .tpl-cover__bg .tpl-figure {
    overflow: unset;
}

#park .tpl-cover__bg .tpl-caption {
    padding-right: 0;
    font-size: 1.3rem;
    font-weight: 500;
}

#park .tpl-cover__bg .tpl-caption span {
    font-size: 1.5rem;
}

#park .block-01 {
    padding-top: 0;
}

#park .block-04 .tpl-stack {
    gap: 34px;
}

#park .block-04 .tpl-card .tpl-card__body {
    padding-top: 10px;
}

/* #park .block-04 .tpl-card .tpl-card__copy {
    font-size: 1.6rem;
    line-height: 1.2;
} */

@media screen and (min-width: 768px) {
    #park .block-01 .tpl-article__title {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    #park .block-03 {
        padding-top: 12vw;
    }
}

#convenience .block-02 .tpl-stack {
    gap: 26px;
}

#gourmet .tpl-stack {
    gap: 20px;
}

#gourmet .block-01 {
    padding-top: 0;
}

#gourmet .block-02 .tpl-figure {
    overflow: unset;
}

#gourmet .block-02 .tpl-figure .tpl-caption {
    top: 100%;
    padding-right: 0;
}

#gourmet .block-03 .tpl-stack .tpl-card__copy .fs-10 {
    font-size: 1rem;
}

@media screen and (min-width: 768px) {
    #gourmet .block-01 .tpl-article__title {
        text-align: center;
    }

    #gourmet .block-03 .tpl-stack{
        overflow-x: hidden;
        width: calc(100vw - var(--content-padding));
    }

    #gourmet .block-03 .tpl-stack .tpl-card .tpl-card__copy.not-full {
        max-width: 90%;
    }

    #gourmet .swiper[data-pc-slider=loop] .swiper-pagination{
        display: none;
    }
}

#market .tpl-stack {
    gap: 20px;
}

#market .block-01 {
    padding-top: 0;
}

@media screen and (min-width: 768px) {
    #market .block-01 .tpl-article__title {
        text-align: center;
    }
}

#culture .tpl-stack {
    gap: 20px;
}

#culture .block-01 {
    padding-top: 0;
}

@media screen and (min-width: 768px) {
    #culture .block-01 .tpl-article__title {
        text-align: center;
    }
}

/* list-map */
#life-info .block-01 {
    padding-top: 0;
}

#life-info .tpl-tab-menu__list{border: none; justify-content: space-between;}
#life-info .tpl-tab-menu__item{width: 16%;min-width: unset;border: none;background: #a69681;flex:unset;}
#life-info .tpl-tab-menu__link{padding: 20px 0;}
#life-info .tpl-tab-menu{width: 100%;padding: 50px 0 0px;}
#life-info .tpl-tab-menu__item a{color: #fff; cursor: pointer; font-size: 1.4rem;}
#life-info .tpl-section{padding: 0;}

#life-info .tpl-tab-menu__item a.active {
    background: #3F2121;
    color: #fff;
}

#life-info .tab-content {
    display: none;
}


#life-info #tab-01 {
    display: block;
}

#life-info .tpl-modal .tpl-figure {
    overflow: unset;
}

#life-info .tpl-modal .tpl-figure .tpl-caption {
    padding-right: 0;
}

#life-info .tab-content .tpl-row.block01 {gap: 0;}
#life-info .tab-content .block01 .tpl-modal {width: 50%;height: fit-content;}
#life-info .tab-content .list-info{background: #ffffff;width: 50%;padding: 15px 20px 0;}
#life-info .tab-content .list-info ul{width: 100%;}
#life-info .tab-content .list-info li{display: flex;justify-content: space-between;flex-wrap: wrap;font-size: 1.4rem;margin-bottom: 20px;}
#life-info .tab-content .list-info p span:first-of-type{font-size: 1.2rem;display: inline-flex;justify-content: center;align-items: center;background: #3F2121;color: #fff;width: 18px;height: 18px;margin-right: 10px;padding-bottom: 0.208em;}
#life-info .tab-content .list-info p span.bg-trans{background: transparent;}
#life-info .tab-content .list-info p span.keisoku{display: block; font-size: 72%; display: inline-block;padding-top: 2px;}
#life-info .tab-content .list-info p:nth-of-type(1){display: flex;align-items: center;}
#life-info .tab-content .content{position: relative;}


@media screen and (min-width: 768px) {
    #life-info .block-01 .tpl-article__title{
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    #life-info .tab-content .block01 .tpl-modal {
        width: 100%;
    }
    #life-info .tpl-modal::after {
        top: 100%;
    }
    #life-info .tpl-modal .tpl-figure .tpl-caption {
        bottom: -66px;
        padding-right: 0;
    }
    #life-info .tab-menu__item{width: 49.5%;margin-bottom: 1%;}
    #life-info .tab-content .list-info{margin-top: 80px;width: 100%;}
    #life-info .tab-content .list-info li{font-size: min(2.8vw, 1.7rem);}
    #life-info .tab-content .list-info ul{width: 100%;}
    #life-info .tab-content .list-info li{flex-wrap: nowrap;}
    #life-info .tpl-section{padding: 15vw 0;}

    #life-info .tpl-tab-menu__item {
        width: 32%;
        margin-bottom: 8px;
    }

    #life-info .tpl-tab-menu__item a {
        font-size: min(2.7vw, 1.2rem);
    }

    #life-info .tpl-tab-menu {
        padding: 8vw 0vw 0; 
    }

    #life-info .tpl-section {
        padding: 0;
    }
}

@media screen and (max-width: 400px) {
    #life-info .tpl-tab-content .list-info li{font-size: 1.1rem;margin: 0 0 10px;}
}


/* Modal */
.lity-content #listMap{display: block;}
.tpl-button.tpl-modal{display: flex !important;}

#listMap{width: 1000px; padding: 30px; background: #f8f7f5; display: none; height: calc(100vh - 60px); overflow: auto;}
#listMap .cap{line-height: 1.6;}
.listMap-tit{font-size: 1.8rem; line-height: 1.2; padding: 10px 0; text-align: center; color: #fff; background: #3F2121; width: 100%; max-width: 746px; margin: 0 auto 15px; font-weight: 500;}

.listMap-img{max-width: 746px; width: 100%; margin: 0 auto 40px;}
.listMap-img .cap{text-align: right; margin: 3px 0 0 0;}

.listMap-list{display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; font-weight: 500; margin: 0 0 30px;}
.listMap-list ul{width: 48%;}
.listMap-list li{display: flex; justify-content: space-between; width: 100%; margin: 0 0 15px;}
.listMap-list p:nth-of-type(1){font-size: 1.2rem; line-height: 1.5; position: relative; padding: 0 0 0 24px; position: relative;}
.listMap-list p:nth-of-type(1) span{width: 18px; height: 18px; color: #fff; background: #3F2121; display: block; position: absolute; top: 2px; left: 0; text-align: center; line-height: 1.5; font-family: "Montserrat", sans-serif; font-size: 1.1rem;}
.listMap-list p:nth-of-type(2){text-align: right; font-size: 1.4rem; line-height: 1.4;}

@media screen and (max-width: 1100px) {
    #listMap{width: calc(100vw - 40px); padding: 20px; height: calc(100vh - 70px);}
    .listMap-list ul{width: 100%;}    
}

@media screen and (max-width: 480px) {
    .listMap-list li{display: block;}    
    .listMap-list p:nth-of-type(2){}
}

