@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- page_ttl
- location
- education_sec
- park_sec
-------------------------*/
/*============================
#page_ttl
============================*/
#page_ttl::after {
    background: url(../common/img/kv.jpg) no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    #page_ttl::after {
        background: url(../common/img/kv_sp.jpg) no-repeat;
        background-size: cover;
    }
}

/*============================
共通
============================*/
body {
    color: #1C3A1C;
}

.inner {
    max-width: 860px;
}

.notes_area {
    background-color: #fff;
}

.sttl_f40_en {
    margin-bottom: 60px;
    color: #585216;
}
.sttl_f40_en.icon .en::before, .sttl_f40_en.icon .en::after {
    filter: brightness(0) saturate(100%) invert(26%) sepia(96%) saturate(352%) hue-rotate(17deg) brightness(91%) contrast(90%);
}

.sttl_f25 {
    position: relative;
    text-align: center;
    margin-bottom: 84px;
}
@media screen and (max-width: 768px) {
    .sttl_f25 {
        margin-bottom: 48px;
    }
}
.sttl_f25::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -44px;
    width: 70px;
    height: 14.77px;
    background: url(../common/img/flower_icon02.svg) no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .sttl_f25::after {
        width: 50px;
        height: 10.55px;
        bottom: -26px;
    }
}

.bg {
    padding: 96px 0 0;
    background: url(../common/img/bg_01.jpg) no-repeat top center;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .bg {
        padding: 42px 0 0;
        background: url(../common/img/bg_01_sp.jpg) no-repeat top center;
        background-size: cover;
    }
}

/*============================
intro
============================*/
.intro {
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin-bottom: 169.67px;
}
@media screen and (max-width: 768px) {
    .intro {
        gap: 16px;
        margin-bottom: 64px;
    }
}
.intro .flower_icon {
    max-width: 40.77px;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .intro .flower_icon {
        max-width: 26.91px;
    }
}
.intro p {
    font-size: 1.8rem;
    line-height: 2.333;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .intro p {
        font-size: 1.2rem;
        line-height: 2.333;
    }
}

/*============================
	common
============================*/
@media screen and (max-width: 768px) {
    .common .sttl_f40_en {
        position: relative;
        z-index: 1;
        margin-bottom: 40px;
    }
}

/*============================
#landscape_sec
============================*/
#landscape_sec {
    color: #1C3A1C;
}
#landscape_sec h3.sttl_f31 {
    text-align: center;
}
#landscape_sec .sttl_f40_en {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .sttl_f40_en {
        margin-bottom: 48px;
    }
}
#landscape_sec .sttl_f25 {
    text-align: center;
}
#landscape_sec .area_area {
    margin-bottom: 208px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area {
        margin-bottom: 48px;
    }
}
#landscape_sec .area_area .flex_area {
    display: flex;
    gap: 7%;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area {
        display: contents;
    }
}
#landscape_sec .area_area .flex_area .img_area {
    width: 49%;
    max-width: 420px;
    height: -moz-fit-content;
    height: fit-content;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .img_area {
        width: 100%;
        max-width: 100%;
        margin-bottom: 24px;
    }
}
#landscape_sec .area_area .flex_area .txt_area {
    width: 45%;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area {
        width: 90%;
        margin: 0 auto;
    }
}
#landscape_sec .area_area .flex_area .txt_area .txt_f16 {
    line-height: 1.75;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .txt_f16 {
        margin-bottom: 24px;
        text-align: center;
        line-height: 2.3;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area {
    justify-content: flex-start;
    gap: 0 40px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area {
        display: flex;
        gap: 0 30px;
        width: 90%;
        max-width: 330px;
        margin: 0 auto;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_f16 {
    margin-bottom: 0;
    text-align: left;
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .num_list {
    counter-reset: counter01;
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item {
    position: relative;
    padding-left: 2.8rem;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item {
        padding-left: 2rem;
        line-height: 2;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item:not(:last-child) {
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item:not(:last-child) {
        margin-bottom: 5px;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item::before {
    position: absolute;
    counter-increment: counter01;
    content: "" counter(counter01) " ";
    z-index: 2;
    font-size: 1.4rem;
    color: #fff;
    left: 1.1rem;
    top: 0.2rem;
    transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item::before {
        font-size: 1rem;
        left: 0.75rem;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item::after {
    content: "";
    position: absolute;
    top: 0.3rem;
    left: 0;
    background: #1C3A1C;
    border-radius: 50vw;
    width: 2.2rem;
    height: 2.2rem;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area .num_list > .item::after {
        top: 0.4rem;
        width: 1.5rem;
        height: 1.5rem;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item {
    position: relative;
    padding-left: 2.8rem;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item {
        padding-left: 2rem;
        line-height: 2;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item > span {
    display: block;
    font-size: 1rem;
    margin-top: -5px;
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item:not(:last-child) {
    margin-bottom: 5px;
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item::before {
    position: absolute;
    z-index: 2;
    font-size: 1.4rem;
    color: #fff;
    left: 1.1rem;
    top: 0.2rem;
    transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item::before {
        font-size: 1rem;
        left: 0.75rem;
    }
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item:nth-child(1)::before {
    content: "A";
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item:nth-child(2)::before {
    content: "B";
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item:nth-child(3)::before {
    content: "C";
}
#landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item::after {
    content: "";
    position: absolute;
    top: 0.3rem;
    left: 0;
    background: #2B56BB;
    border-radius: 50vw;
    width: 2.2rem;
    height: 2.2rem;
    z-index: 1;
}
@media screen and (max-width: 768px) {
    #landscape_sec .area_area .flex_area .txt_area .flex_area .txt_list > .item::after {
        top: 0.4rem;
        width: 1.5rem;
        height: 1.5rem;
    }
}
#landscape_sec .terrace_area {
    margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .terrace_area {
        margin-bottom: 48px;
    }
}
#landscape_sec .terrace_area .img_area {
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .terrace_area .img_area {
        margin-bottom: 24px;
    }
}
#landscape_sec .terrace_area .txt_f16 {
    text-align: center;
}
#landscape_sec .plant_area {
    margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .plant_area {
        margin-bottom: 48px;
    }
}
#landscape_sec .plant_area .plant_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 2%;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .plant_area .plant_list {
        gap: 22px 2%;
    }
}
#landscape_sec .plant_area .plant_list > .item {
    width: 23.5%;
}
#landscape_sec .plant_area .plant_list > .item p {
    margin-top: 8px;
    font-size: 1.2rem;
    text-align: center;
}
@media screen and (max-width: 768px) {
    #landscape_sec .plant_area .plant_list > .item p {
        font-size: 1rem;
    }
}
#landscape_sec .plant_area .txt_f16 {
    text-align: center;
}
#landscape_sec .community_area {
    margin-bottom: 140px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .community_area {
        margin-bottom: 48px;
    }
}
#landscape_sec .community_area .img_area {
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    #landscape_sec .community_area .img_area {
        width: 100%;
        margin-bottom: 25px;
    }
}
#landscape_sec .community_area .txt_f16 {
    text-align: center;
}

/*============================
#entrance_sec
============================*/
.entrance_sec {
    text-align: center;
    padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .entrance_sec {
        padding-bottom: 40px;
    }
}
.entrance_sec .img_area {
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .entrance_sec .img_area {
        margin-bottom: 24px;
    }
}

/*============================
#sprits_sec
============================*/
.sprits_sec {
    padding: 54px 0 60px;
    background: url(../common/img/bg02.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .sprits_sec {
        padding: 39px 0 42px;
        background: url(../common/img/bg02_sp.jpg) no-repeat;
        background-size: cover;
    }
}
.sprits_sec .sttl_f40_en.icon {
    color: #fff;
}
.sprits_sec .sttl_f40_en.icon .en::before, .sprits_sec .sttl_f40_en.icon .en::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(106deg) brightness(102%) contrast(105%);
}
.sprits_sec .sttl_f25::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(106deg) brightness(102%) contrast(105%);
}
.sprits_sec .txt_f16 {
    margin-bottom: 60px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .sprits_sec .txt_f16 {
        margin-bottom: 48px;
    }
}
.sprits_sec .flex_area {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .sprits_sec .flex_area {
        display: contents;
    }
}
.sprits_sec .flex_area .left_area {
    width: 38.9%;
}
@media screen and (max-width: 768px) {
    .sprits_sec .flex_area .left_area {
        width: 80%;
        margin: 0 auto 40px;
    }
}
.sprits_sec .flex_area .left_area .flex_area {
    gap: 0;
}
@media screen and (max-width: 768px) {
    .sprits_sec .flex_area .left_area .flex_area {
        display: flex;
        width: 90%;
        margin: 0 auto 20px;
    }
}
.sprits_sec .flex_area .left_area .flex_area .img_area {
    width: 44.5%;
}
.sprits_sec .flex_area .left_area .flex_area .name_area {
    width: 55.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sprits_sec .flex_area .left_area .flex_area .name_area .en {
    font-size: 1.2rem;
    margin-bottom: 8px;
}
.sprits_sec .flex_area .left_area .flex_area .name_area .jp {
    font-size: 2rem;
}
.sprits_sec .flex_area .left_area .txt_f12 {
    font-size: 1.2rem;
    line-height: 1.5;
}
.sprits_sec .flex_area .right_area {
    width: 55.2%;
}
@media screen and (max-width: 768px) {
    .sprits_sec .flex_area .right_area {
        width: 100%;
    }
}
.sprits_sec .flex_area .right_area .img_area {
    margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
    .sprits_sec .flex_area .right_area .movie_area {
        width: 90%;
        margin: 0 auto;
    }
}

/*============================
#common_space
============================*/
.common_space {
    text-align: center;
    padding-top: 120px;
    padding-bottom: 105px;
    background-position-y: 100%;
}
@media screen and (max-width: 768px) {
    .common_space {
        padding-top: 60px;
        padding-bottom: 40px;
    }
}
.common_space .img_area {
    margin-inline: auto;
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .common_space .img_area {
        margin-bottom: 24px;
    }
}
.common_space .img_area.img1 {
    max-width: 1152px;
}
@media screen and (max-width: 768px) {
    .common_space .img_area.img1 {
        width: 91.3%;
    }
}
@media screen and (max-width: 768px) {
    .common_space .img_area.img3 {
        width: 91.3%;
    }
}
.common_space .txt_area {
    margin-top: 45px;
}
@media screen and (max-width: 768px) {
    .common_space .txt_area {
        margin-top: 27px;
    }
}
.common_space .txt_area p[class^=txt_f] {
    text-align: center;
    line-height: 1.75;
}
@media screen and (max-width: 768px) {
    .common_space .txt_area p[class^=txt_f] {
        line-height: 1.6;
    }
}
.common_space .txt_area + .img_area {
    margin-top: 110px;
}
@media screen and (max-width: 768px) {
    .common_space .txt_area + .img_area {
        margin-top: 48px;
    }
}
.common_space .txt_area + h4 {
    margin-top: 120px;
}
@media screen and (max-width: 768px) {
    .common_space .txt_area + h4 {
        margin-top: 50px;
    }
}

/*============================
#community_support
============================*/
.community_support {
    padding: 54px 0 60px;
    background: url(../common/img/bg02.jpg) no-repeat;
    background-size: cover;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .community_support {
        padding: 39px 0 42px;
        background: url(../common/img/bg02_sp.jpg) no-repeat;
        background-size: cover;
    }
}
.community_support .sttl_f40_en.icon {
    color: #fff;
}
.community_support .sttl_f40_en.icon .en::before, .community_support .sttl_f40_en.icon .en::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(106deg) brightness(102%) contrast(105%);
}
@media (max-width: 374px) {
    .community_support .sttl_f40_en.icon .en {
        font-size: 2.1rem;
    }
}
.community_support .sttl_f25 {
    margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
    .community_support .sttl_f25 {
        margin-bottom: 50px;
    }
}
.community_support .sttl_f25::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(106deg) brightness(102%) contrast(105%);
}
@media (max-width: 374px) {
    .community_support .sttl_f25 {
        font-size: 1.6rem;
    }
}
.community_support .txt_f16 {
    margin-top: -7px;
    margin-bottom: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.75;
}
@media screen and (max-width: 768px) {
    .community_support .txt_f16 {
        margin-top: 0;
        margin-bottom: 8px;
        font-size: 1.4rem;
    }
}
.community_support .txt_f15 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.86;
}
@media screen and (max-width: 768px) {
    .community_support .txt_f15 {
        font-size: 1.3rem;
    }
}
.community_support .flex_area {
    display: flex;
    justify-content: space-between;
}
.community_support .flex_area:nth-of-type(1) {
    gap: 20px;
    margin-bottom: 76px;
}
@media screen and (max-width: 768px) {
    .community_support .flex_area:nth-of-type(1) {
        display: block;
        margin-bottom: 36px;
    }
}
.community_support .flex_area:nth-of-type(1) .img_area {
    width: 62.18%;
}
@media screen and (max-width: 768px) {
    .community_support .flex_area:nth-of-type(1) .img_area {
        width: 100%;
        margin-bottom: 16px;
    }
}
.community_support .flex_area:nth-of-type(1) .txt_area {
    width: calc(37.82% - 20px);
}
@media screen and (max-width: 768px) {
    .community_support .flex_area:nth-of-type(1) .txt_area {
        width: 100%;
    }
}
.community_support .flex_area:nth-of-type(2) {
    gap: 60px;
}
@media screen and (max-width: 768px) {
    .community_support .flex_area:nth-of-type(2) {
        gap: 20px;
    }
}
.community_support .flex_area:nth-of-type(2) .txt_f16 {
    margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
    .community_support .flex_area:nth-of-type(2) .txt_f16 {
        margin-bottom: 8px;
    }
}
.community_support .flex_area .left_area .img_area {
    margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
    .community_support .flex_area .left_area .img_area {
        margin-bottom: 16px;
    }
}
.community_support .flex_area .right_area .img_area {
    margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
    .community_support .flex_area .right_area .img_area {
        margin-bottom: 16px;
    }
}
/*# sourceMappingURL=common_page.css.map */