@charset "UTF-8";
@font-face {
    font-family: "Freizeit_regular";
    src: url("../font/Freizeit120-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Freizeit_medium";
    src: url("../font/Freizeit120-Medium.otf") format("opentype");
}
@font-face {
    font-family: "Freizeit_bold";
    src: url("../font/Freizeit120-Bold.otf") format("opentype");
}
@font-face {
    font-family: "Freizeit_ExtraBold";
    src: url("../font/Freizeit120-ExtraBold.otf") format("opentype");
}
html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
    text-align: left;
    position: relative;
    -webkit-text-size-adjust: 100%;
    letter-spacing: -0.05em;
    line-height: 1.8em;
    font-feature-settings: "palt";
    font-family: "national-park", "m-plus-rounded-1mn", "sans-serif" !important;
    font-weight: 500;
    font-style: normal;
    scrollbar-gutter: stable;
}
body {
    height: 100%;
    margin: auto;
    overflow-wrap: anywhere;
    font-family: "national-park", "m-plus-rounded-1mn", "sans-serif" !important;
    font-weight: 500;
    font-style: normal;
}
li {
    list-style: none;
    text-decoration: none;
}
a {
    color: #000;
    text-decoration: none;
}
h1 {
    display: block;
    font-size: auto;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: normal;
    unicode-bidi: isolate;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
}
img {
    width: 100%;
    height: auto;
}
p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
/*-------------------COMMON--------------------------*/
html.is-modal-open, body.is-modal-open {
    overflow: hidden;
    height: 100%;
}
body.is-modal-open {
    touch-action: none;
}
.insta, .navToggle, .navToggle_bk {
    transition: opacity 0.3s ease;
}
body.is-modal-open .insta, body.is-modal-open .navToggle, body.is-modal-open .navToggle_bk {
    opacity: 0;
    pointer-events: none;
}
.en_600 {
    font-weight: 600;
}
.sp-only, .m1500-only {
    display: none;
}
.container {
    width: calc(100% - 7vw);
    padding: 9% 3.5vw;
}
.bg_blue {
    background-color: #00A7D6;
}
.inview.fadein {
    opacity: 0;
    transition-duration: .5s;
}
.inview.fadein.active {
    opacity: 1;
}
.inview.fadein_more {
    opacity: 0;
    transition-duration: 2.5s;
    transition-delay: 100ms;
}
.inview.fadein_more.active {
    opacity: 1;
}
.inview.fadeup {
    opacity: 0;
    transition-duration: .5s;
    transition-delay: 100ms;
    transform: translateY(4vw);
}
.inview.fadeup.active {
    opacity: 1;
    transform: translateX(0vw);
}
.katakata {
    animation: ani_yura 10s infinite ease alternate;
}
.katakata02 {
    animation: ani_yura 8s infinite ease alternate;
}
@keyframes ani_yura {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    21% {
        transform: translate(0, 0) rotate(0deg);
    }
    22% {
        transform: translate(0, 0) rotate(-3deg);
    }
    23% {
        transform: translate(0, -1px) rotate(0deg);
    }
    24% {
        transform: translate(0, -1px) rotate(3deg);
    }
    25% {
        transform: translate(0px, 0) rotate(-2deg);
    }
    26% {
        transform: translate(0, 1px) rotate(0deg);
    }
    27% {
        transform: translate(0, 0) rotate(3deg);
    }
    28% {
        transform: translate(0, 0) rotate(0deg);
    }
    61% {
        transform: translate(0, 0) rotate(0deg);
    }
    62% {
        transform: translate(0, 0) rotate(-3deg);
    }
    63% {
        transform: translate(0, -1px) rotate(0deg);
    }
    64% {
        transform: translate(0, -1px) rotate(3deg);
    }
    65% {
        transform: translate(0px, 0) rotate(-2deg);
    }
    66% {
        transform: translate(0, 1px) rotate(0deg);
    }
    67% {
        transform: translate(0, 0) rotate(3deg);
    }
    68% {
        transform: translate(0, 0) rotate(0deg);
    }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
.inview.popup {
    opacity: 0;
    scale: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.inview.popup.active {
    opacity: 1;
    scale: 1;
    transition: .4s cubic-bezier(.37, .49, .35, 1.28);
}
.plus {
    animation: rotateY 4s infinite;
    animation-timing-function: linear;
}
@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
    }
    80% {
        transform: rotateY(0deg);
    }
    90% {
        transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
.modal, .modal_garden, .modal_market, .modal_setagaya, .modal_live {
    position: fixed;
    inset: 0;
    z-index: 9999;
}
/*-------------------HEADER--------------------------*/
.is_flow {
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}
.is_flow.is-active {
    opacity: 1;
}
.insta {
    width: 30px;
    position: fixed;
    top: 50px;
    right: 3.5vw;
    cursor: pointer;
    z-index: 999;
}
.navToggle_bk.is_flow {
    position: fixed;
    width: 30px;
    height: 30px;
    top: 50px;
    left: 3.5vw;
    cursor: pointer;
    z-index: 999;
}
.navToggle_bk.is_flow span {
    width: 100%;
    height: 4px;
    border-radius: 3px;
    display: block;
    mix-blend-mode: difference;
    background: #000;
    position: absolute;
    transition: top .5s ease, -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out, top .5s ease;
    transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
.navToggle_bk span:nth-child(1) {
    top: 0;
}
.navToggle_bk span:nth-child(2) {
    top: 8px;
}
.navToggle_bk span:nth-child(3) {
    top: 16px;
}
.navToggle_bk.is_flow.active span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #000;
}
.navToggle_bk.is_flow.active span:nth-child(2) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
}
.navToggle_bk.is_flow.active span:nth-child(3) {
    display: none;
}
.navToggle {
    position: fixed;
    width: 30px;
    height: 30px;
    top: 50px;
    left: 3.5vw;
    cursor: pointer;
    z-index: 999;
}
.navToggle span {
    width: 100%;
    height: 4px;
    border-radius: 3px;
    display: block;
    mix-blend-mode: difference;
    background: #FFF;
    position: absolute;
    transition: top .5s ease, -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out, top .5s ease;
    transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
.navToggle span:nth-child(1) {
    top: 0;
}
.navToggle span:nth-child(2) {
    top: 8px;
}
.navToggle span:nth-child(3) {
    top: 16px;
}
.navToggle.active span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #000;
}
.navToggle.active span:nth-child(2) {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
}
.navToggle.active span:nth-child(3) {
    display: none;
}
.global_sp {
    position: fixed;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    transition-duration: .5s;
    transition-delay: 50ms;
    visibility: hidden;
}
.open .global_sp {
    background-color: rgba(0, 0, 0, 0.6);
    visibility: visible;
    opacity: 1;
    z-index: 99;
}
.global_sp_wh {
    background-color: #fff;
    width: 39vw;
    height: 100vh;
    padding: 160px 50px 0;
    font-family: "Freizeit_Extrabold";
    font-size: 2.5rem;
    line-height: 1.5rem;
    transition-duration: .5s;
    transition-delay: 50ms;
    visibility: hidden;
    text-align: left;
}
.open .global_sp_wh {
    visibility: visible;
    opacity: 1;
}
.global_sp_wh span {
    font-size: 1rem;
    font-family: "m-plus-rounded-1mn";
}
.global_sp_wh li {
    margin-bottom: 40px;
    line-height: 0.7em;
}
.garden_green {
    color: transparent !important;
    background: linear-gradient(to right, #6DD1B5 50%, #000 50%) 100%;
    background-clip: text;
    background-size: 200% 100%;
    transition: background-position .8s;
}
.market_pink {
    color: transparent !important;
    background: linear-gradient(to right, #F1A5A7 50%, #000 50%) 100%;
    background-clip: text;
    background-size: 200% 100%;
    transition: background-position .8s;
}
.session_yellow {
    color: transparent !important;
    background: linear-gradient(to right, #F6B361 50%, #000 50%) 100%;
    background-clip: text;
    background-size: 200% 100%;
    transition: background-position .8s;
}
.map_wh {
    color: transparent !important;
    background: linear-gradient(to right, #fff 50%, #000 50%) 100%;
    background-clip: text;
    background-size: 200% 100%;
    transition: background-position .8s;
}
.garden_green:hover, .market_pink:hover, .session_yellow:hover {
    background-position: 0 100%;
}
.map_wh:hover {
    background-position: 0 100%;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #000000;
    text-stroke-width: 0.5px;
    text-stroke-color: #000000;
}
.map_wh span {
    color: #000 !important;
}
/*-------------------CONTENTS--------------------------*/
#main {
    width: 100%;
    font-family: "national-park", "m-plus-rounded-1mn", "sans-serif";
    letter-spacing: -0.05em;
}
#top_section {
    position: relative;
    width: 100%;
    height: 100vh;
}
.kv {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-image: url("../imgs/01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    top: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease;
}
.kv.is-visible {
    opacity: 1;
    visibility: visible;
}
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.top_sectionWrap {
    width: 100%;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.top_triangle {
    position: relative;
    width: 55vh;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(25px);
}
/* kv 読み込み後に付与される */
.top_triangle.is-animate {
    animation: top_fadeIn .5s ease-in .5s forwards;
}
@keyframes top_fadeIn {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
body.kv-loaded .top_fadeIn {
    animation: fadeInUp 0.8s ease forwards;
}
.top_text {
    position: relative;
    width: calc(100% - 20vw);
    margin: 20px auto;
    text-align: center;
    color: #fff;
    opacity: 0;
    transform: translateY(25px);
}
.top_text.is-animate {
    animation: top_fadeIn .5s ease-in .5s forwards;
}
.top_date {
    font-family: "Freizeit_medium";
    font-size: 2.5vw;
    letter-spacing: -0.05rem;
    margin-bottom: 10px;;
}
.top_date span {
    font-size: 1.8rem;
}
.top_textFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25vw;
}
.top_textFlex img {
    width: 24px;
    margin-right: 20px;
}
.top_logo_flex {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(25px);
}
.top_logo_flex.is-animate {
    animation: top_fadeIn .5s ease-in 1.5s forwards;
}
.top_logo_left {
    width: 15vh;
}
.top_logo_right {
    width: 15vh;
}
/*-------------------Section_01--------------------------*/
#section_01 {
    position: relative;
    padding-top: 6%;
}
.sec_01_flex {
    display: flex;
    justify-content: center;
}
.sec_01_img {
    width: 28vw;
}
.sec_02_img {
    width: 27vw;
    margin-left: -7vw;
}
.sec_text {
    margin-top: 6%;
    text-align: center;
}
.sec_text p {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8em;
}
/*-------------------Section_02--------------------------*/
#section_02 {
    padding-top: 0;
    padding-bottom: 80px;
    text-align: center;
}
.section_02_title p {
    font-family: "Freizeit_bold";
    font-size: 3rem;
    color: #fff;
}
.section_02_text {
    margin-top: 5.5%;
    margin-bottom: 3vw;
    line-height: 2.5rem;
}
.section_02_text p {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 30px;
    line-height: 1.8em;
}
.section_02_text p:nth-child(2) {
    margin-bottom: 7px;
}
p.section_02_small {
    font-size: 1rem;
}
.modal-open {
    border: solid 1px #fff;
    font-weight: bold;
    width: 300px;
    height: 70px;
    color: #00A7D6;
    background: #fff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 0.93rem;
}
.modal-open:hover {
    border: solid 1px #fff;
    background-color: #00A7D6;
    color: #fff;
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transition: .4s;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    color: #00A7D6;
    padding: 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
    z-index: 99;
    inset: 0;
    overflow-y: scroll;
}
.modal-content{
	padding-bottom: 30px;
}
.modal.is-active, .modal_garden.is-active, .modal_market.is-active, .modal_setagaya.is-active, .modal_live.is-active {
    opacity: 1;
    visibility: visible;
}
.modal-content p {
    font-size: 1.25rem;
    margin-bottom: 3%;
}
.modal-container {
    position: relative;
    width: 100%;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.modal-close {
    position: relative;
    display: flex;
    justify-content: flex-end;
    right: 5%;
    margin-bottom: 5%;
    color: #000;
    cursor: pointer;
    gap: 1vw;
}
.modal-close p {
    font-family: "Freizeit_bold";
    font-size: 1rem;
    color: #00A7D6;
}
.batsu {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
}
.batsu::before, .batsu::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 30px;
    background: #00A7D6;
    border-radius: 5px;
}
.batsu::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.batsu::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.section_02_muchan {
    width: 6vw;
    margin: 5vw auto 0;
}
.speechBubble {
    position: relative;
    display: inline-block;
    margin-top: 45px;
    padding: 20px;
    border-radius: 16px;
    background-color: #fff;
    text-align: left;
    font-size: 0.8125rem;
    line-height: 1.7em;
    color: #000000;
    text-align: center;
}
.speechBubble::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -14%;
    left: 41%;
    display: block;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    border-width: 29px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.5) rotate(-45deg);
}
/*-------------------Section_AreaMap--------------------------*/
area {
    cursor: pointer !important;
    display: none !important;
}
/*.js-scroll-overlap {
    z-index: 10;
}*/
body.is-modal-open .js-scroll-overlap {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
    transform: none !important;
}
.js-scroll-overlap:not(.is-disabled) {
    --sticky-offset: -1px;
    position: sticky;
    top: var(--sticky-offset);
}
.relative {
    position: relative;
}
.bg_white {
    position: relative;
    background-color: #fff;
    z-index: 10;
}
.areamap_title {
    display: flex;
    justify-content: center;
    margin-bottom: 8%;
}
.areamap_title p {
    font-family: "Freizeit_ExtraBold";
    font-size: 3.75rem;
}
/*#area_map {
    height: 100vh;
}*/
#garden {
    padding-bottom: 15%;
    text-align: left;
}
.area_map_img {
    width: 100vh;
    position: relative;
    margin: 0 auto;
}
.area_map_img map {
    opacity: 0;
    transition-property: transform;
}
#map area {
    cursor: pointer;
}
.bg_green {
    z-index: 10;
    text-align: left;
    position: relative;
    background-color: #6DD1B5;
}
.gardern_flex {
    padding-bottom: 8%;
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 5vw;
}
.garder_left {
    width: 34vw;
}
.garder_left {
    text-align: left;
}
p.map_title {
    font-family: "Freizeit_bold";
    font-size: 3.75rem;
    color: #fff;
    letter-spacing: -0.07em;
    text-align: left;
}
p.map_title_small {
    font-size: 1rem;
    margin-top: 1rem;
    color: #fff;
    text-align: left;
}
p.map_obi {
    margin-top: 2em;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 2rem;
    color: #fff;
}
p.map_caption {
    font-size: 1rem;
    line-height: 2rem;
    margin-top: 2vw;
    color: #fff;
}
.slider_moreWrap {
    width: 780px;
    margin: 0 auto;
    padding-bottom: 5%;
}
.muchan_flex {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 3vw;
    z-index: 10;
    margin-bottom: -30px;
}
.slider_muchan {
    /*position: absolute;
    top: -2vw;
    left: -1vw;*/
    z-index: 9;
    width: 10%;
    transform: rotate(18deg);
}
#garden .balloonWrap {
    /*position: absolute;
    top: -2vw;
    left: 6vw;*/
}
.balloon {
    background-color: #fff;
    display: inline-block;
    border-radius: 15px;
    padding: 12px;
}
.balloon p {
    font-weight: bold;
    font-size: 0.938rem;
}
.balloon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 11%;
    left: -9%;
    display: block;
    border-style: solid;
    border-color: transparent #fff #fff transparent;
    border-width: 21px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleY(0.5) rotate(135deg);
}
.slider-container {
    position: relative;
    width: 100%;
    height: 55vh;
    overflow: hidden;
}
.slideimg_garden {
    position: absolute;
    inset: 0;
    opacity: 0;
    background-size: cover;
    background-position: center;
    animation: slideAnime_garden 12s infinite;
    border-radius: 15px 15px 0 0;
}
.s1 {
    background-image: url("../imgs/garden_01.jpg");
}
.s2 {
    background-image: url("../imgs/garden_02.jpg");
}
.s3 {
    background-image: url("../imgs/garden_03.jpg");
}
.s4 {
    background-image: url("../imgs/garden_04.jpg");
}
/* delay設計 */
.s1 {
    animation-delay: 0s;
} /* 4s */
.s2 {
    animation-delay: 3s;
} /* 2s */
.s3 {
    animation-delay: 6s;
} /* 2s */
.s4 {
    animation-delay: 9s;
} /* 2s */
.clone {
    animation-delay: 12s;
} /* クロスフェード専用 */
/* keyframes */
@keyframes slideAnime_garden {
    /* フェードイン 1.5s */
    0% {
        opacity: 0;
    }
    12.5% {
        opacity: 1;
    }
    /* 表示 */
    37.5% {
        opacity: 1;
    }
    /* フェードアウト 1.5s */
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.modal_pop_title {
    font-size: 1.25rem;
    margin-bottom: 30px;
	font-weight: bold;
}
.modal-bf_obi {
    font-size: 1.375rem;
    font-weight: bold;
}
.modal-bf_obi.sub {
    font-size: 1.2rem;
}
.modal-bf_caption {
    margin: 30px 0 35px;
    font-size: 1rem;
}
.modal-bf_contents, .modal-bf_contents_garden {
    position: relative;
    color: #000;
    background: #fff;
    border-radius: 0px 0px 10px 10px;
    border: none;
    padding: 30px 70px 50px;
    text-align: left !important;
}
.modal-bf_contents_garden .community_info th {
    width: 16%;
}
.modal_garden {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.6);
    color: #000;
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
    z-index: 99;
    inset: 0;
}
.modal-open_garden {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    gap: 1vw;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    cursor: pointer;
    font-size: 1rem;
    z-index: 10;
    font-family: "Freizeit_bold";
}
.plus {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}
.plus::before {
    content: "";
    position: absolute;
    top: 46%;
    left: 50%;
    width: 4px;
    height: 40px;
    background: #000;
    border-radius: 5px;
}
.plus::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 46%;
    width: 4px;
    height: 40px;
    background: #000;
    border-radius: 5px;
}
.plus::before {
    transform: translate(-50%, -50%) rotate(90deg);
}
.modal-container_garden {
    width: 780px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.modal-content_garden {
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 70px;
}
p.modal_pop_obi {
    font-size: 1.25rem;
    margin-bottom: 20px;
}
p.modal_pop_caption {
    font-size: 1rem;
    margin-bottom: 2rem;
    margin: 30px 0 35px;
}
p.modal_pop_caption_02 {
    font-size: 1.25em;
    margin-bottom: 1rem;
}
p.modal_pop_caption_note {
    background-color: #000;
    color: #fff;
    width: 289px;
    padding-left: 2px;
    padding-bottom: 2px;
}
.modal-close_garden {
    position: absolute;
    right: 23px;
    top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    color: #000;
    cursor: pointer;
}
.modal-close_garden p {
    font-family: "Freizeit_bold";
    font-size: 1rem;
}
.batsu_more {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
}
.batsu_more::before, .batsu_more::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 40px;
    background: #000;
    border-radius: 5px;
}
.batsu_more::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.batsu_more::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
/*-------------------Section_MARKET--------------------------*/
.bg_pink {
    background-color: #F1A5A7;
    width: 97.5vw;
    margin: 0 auto;
    z-index: 11;
    position: relative;
}
#market {
    text-align: left;
    padding: 0 2.5vw;
}
.local_flex {
    display: flex;
    align-items: center;
    gap: 5vw;
    margin: 0 auto 8%;
}
.local_left {
    text-align: left;
}
.local_right {
    width: 34vw;
}
.muchan_local_flex {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 2vw;
    z-index: 10;
    margin-bottom: -30px;
}
.slider_muchan_local {
    /*position: absolute;
    top: -2vw;
    right: 1vw;*/
    width: 6.5%;
    ;
    transform: rotate(-5deg);
}
.muchan_local_flex .balloonWrap {
    /*position: absolute;
    top: -2vw;
    right: 7vw;*/
}
.muchan_local_flex .balloonWrap .balloon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 9%;
    left: 83%;
    display: block;
    border-style: solid;
    border-color: #fff transparent transparent #fff;
    border-width: 21px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleY(0.5) rotate(135deg);
}
.muchan_local_flex .balloonWrap {
    transform: rotate(-10deg);
    margin-top: 38px;
}
.slideimg_local {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-size: cover;
    background-position: center;
    animation: slideAnime 10s infinite;
    border-radius: 15px 15px 0px 0px;
}
.slideimg_local:nth-of-type(1) {
    background-image: url("../imgs/local_01.jpg");
    animation-delay: 2s;
}
.slideimg_local:nth-of-type(2) {
    background-image: url("../imgs/local_02.jpg");
    animation-delay: 4s;
}
.slideimg_local:nth-of-type(3) {
    background-image: url("../imgs/local_03.jpg");
    animation-delay: 6s;
}
.slideimg_local:nth-of-type(4) {
    background-image: url("../imgs/local_04.jpg");
    animation-delay: 8s;
}
.slideimg_local:nth-of-type(5) {
    background-image: url("../imgs/local_05.jpg");
    animation-delay: 10s;
}
@keyframes slideAnime {
    0%, 63%, 100% {
        opacity: 0;
    }
    20%, 33% {
        opacity: 1;
    }
}
.market_flexWrap {
    display: flex;
    justify-content: flex-start;
    margin-left: -75px;
}
.muchan_market_flex {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11%;
    z-index: 10;
    margin-bottom: -150px;
}
.slider_muchan_market {
    /*position: absolute;
	top: 0vw;
    left: -3vw;*/
    width: 40%;
    transform: rotate(-7deg);
    z-index: 9;
}
.muchan_market_flex .balloonWrap {
    /*position: absolute;
    top: 6.5vw;
    left: -6vw;*/
}
.muchan_market_flex .balloonWrap .balloon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -24%;
    left: 38%;
    display: block;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    border-width: 21px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.5) rotate(-45deg);
}
.slideimg_market {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-size: cover;
    background-position: center;
    animation: slideAnime 6s infinite;
    border-radius: 15px 15px 0px 0px;
}
.slideimg_market:nth-of-type(1) {
    background-image: url("../imgs/market_01.jpg");
    animation-delay: 2s;
}
.slideimg_market:nth-of-type(2) {
    background-image: url("../imgs/market_02.jpg");
    animation-delay: 4s;
}
.slideimg_market:nth-of-type(3) {
    background-image: url("../imgs/market_03.jpg");
    animation-delay: 6s;
}
.modal_market {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.6);
    color: #000;
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
    z-index: 99;
    inset: 0;
}
.modal-open_market {
    position: absolute;
    top: 30px;
    right: 20px;
    display: flex;
    gap: 1vw;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    cursor: pointer;
    font-size: 1rem;
    z-index: 10;
    font-family: "Freizeit_bold";
}
.community_info {
    width: 100%;
    margin-top: 15px;
    line-height: 2.2em;
}
.community_info th {
    width: 18%;
    vertical-align: top;
}
.community_info td {
    vertical-align: top;
    line-height: 1.8em;
}
.info_notice {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 0.75rem;
    line-height: 1.5em;
}
.modal-container_market {
    width: 780px;
    height: 65vh;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: relative;
    overflow-y: scroll;
    border-radius: 15px;
}
.modal-content_market {
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 70px;
}
.modal-close_market {
    position: absolute;
    right: 23px;
    top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    color: #000;
    cursor: pointer;
}
.modal-close_market p {
    font-family: "Freizeit_bold";
    font-size: 1rem;
}
.pop_flex {
    display: flex;
    /*justify-content: space-between;*/
    margin-top: 30px;
    gap: 3vw;
}
.pop_left {
    width: 170px;
}
.pop_right {
    width: 29vw;
}
.pop_profiel_name {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 1.8rem;
}
.pop_profiel_name span {
    font-weight: bold;
}
.pop_profiel {
    font-size: 0.75rem;
    line-height: 1.8em;
}
.pop_profiel_02 {
    font-size: 1rem;
    line-height: 1.8rem;
}
.balloonWrap_profile {
    position: relative;
    margin-top: 35px;
    margin-bottom: 80px;
}
.balloon_profile {
    background-color: #fff;
    border: solid 1px #F1A5A7;
    display: inline-block;
    border-radius: 15px;
    padding: 18px 32px;
    font-size: 0.8em;
    line-height: 1.8em;
}
.balloon_profile::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -22.7px;
    left: 87px;
    display: block;
    border-style: solid;
    border-color: transparent transparent #Fff #Fff;
    border-width: 24px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.5) rotate(135deg);
    z-index: 20;
}
.balloon_profile::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -24px;
    left: 86px;
    display: block;
    border-style: solid;
    border-color: transparent transparent #F1A5A7 #F1A5A7;
    border-width: 25px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.51) rotate(135deg);
}
.pop_button, .pop_button_sp {
    width: 300px;
    height: 4.8vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #000;
    border: solid 1px #000;
    color: #fff;
}
.pop_button_en {
    padding-bottom: 3px;
    width: 300px;
    height: 4.8vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #000;
    border-radius: 10px;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    margin-top: 40px;
}
.pop_button_en_profile {
    width: 300px;
    height: 4.8vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #000;
    border-radius: 10px;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    margin-top: 40px;
}
.pop_button a, .pop_button_en a, .pop_button_en_profile a {
    color: #fff;
}
@media (hover: hover) {
  .pop_button:hover,
  .pop_button_en:hover,
  .pop_button_en_profile:hover {
      border: solid 1px #000;
      background-color: #FFF;
      color: #000;
      opacity: 1.0;
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transition: .3s;
  }

  .pop_button a:hover,
  .pop_button_en a:hover,
  .pop_button_en_profile a:hover {
      color: #000;
  }
}
.wh_pop {
    position: relative;
    color: #000;
    background: #fff;
    border-radius: 10px;
    border: none;
    text-align: left;
    padding: 30px 70px 50px;
}
/*-------------------Section_SESSION--------------------------*/
.bg_yellow {
    background-color: #F6B361;
    width: 94vw;
    margin: 0 auto;
    z-index: 10;
    position: relative;
}
#session {
    padding: 0 1vw;
    text-align: left;
}
.session_flex {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 5vw;
    margin-top: 1.5%;
    margin-bottom: 8%;
}
.session_left {
    text-align: left;
}
.session_right {
    width: 34vw;
}
.img-container {
    position: relative;
    width: 100%;
    margin-bottom: -10px;
}
.img-container img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.setagaya_flexWrap {
    display: flex;
    justify-content: flex-start;
    margin-left: -28%;
}
.muchan_setagaya_flex {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1vw;
    z-index: 10;
    margin-bottom: -140px;
}
.slider_muchan_setagaya {
    /*position: absolute;
    left: -6vw;*/
    width: 40%;
    transform: rotate(18deg);
}
.muchan_setagaya_flex .balloonWrap {
    /*position: absolute;
	top: 5.5vw;
    left: -13vw;*/
    transform: rotate(11deg);
}
.muchan_setagaya_flex .balloonWrap .balloon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -31%;
    left: 57%;
    display: block;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    border-width: 21px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.5) rotate(-45deg);
}
.modal_setagaya {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.6);
    color: #000;
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
    z-index: 99;
    inset: 0;
}
.modal-open_setagaya {
    position: absolute;
    top: 30px;
    right: 20px;
    display: flex;
    gap: 1vw;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    cursor: pointer;
    font-size: 1rem;
    z-index: 10;
    font-family: "Freizeit_bold";
}
.modal-container_setagaya {
    width: 780px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: relative;
}
.modal-content_setagaya {
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 70px;
}
.modal-close_setagaya {
    position: absolute;
    right: 23px;
    top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    color: #000;
    cursor: pointer;
}
.modal-close_setagaya p {
    font-family: "Freizeit_bold";
    font-size: 1rem;
}
.live_flexWrap {
    margin-right: -3%;
}
.muchan_live_flex {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1;
    margin-bottom: -10%;
}
.slider_muchan_live {
    width: 6.5%;
}
.muchan_live_flex .balloonWrap {
    transform: rotate(-6deg);
}
.muchan_live_flex .balloonWrap .balloon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 51%;
    left: 52%;
    display: block;
    border-style: solid;
    border-color: transparent transparent #fff #fff;
    border-width: 21px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.5) rotate(-45deg);
}
.modal_live {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.6);
    color: #000;
    padding: 40px 20px;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    box-sizing: border-box;
    z-index: 99;
    inset: 0;
}
.modal-open_live {
    position: absolute;
    top: 30px;
    right: 20px;
    display: flex;
    gap: 1vw;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    cursor: pointer;
    font-size: 1rem;
    z-index: 10;
    font-family: "Freizeit_bold";
}
.modal-container_live {
    width: 780px;
    height: 65vh;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: relative;
    overflow-y: scroll;
    border-radius: 15px;
}
.modal-content_live {
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 70px;
}
.modal-close_live {
    position: absolute;
    right: 23px;
    top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    color: #000;
    cursor: pointer;
}
.modal-close_live p {
    font-family: "Freizeit_bold";
    font-size: 1rem;
}
.school_flexWrap {
    display: flex;
    justify-content: flex-end;
    margin-right: -27%;
}
.muchan_school_flex {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;
    gap: 2vw;
    margin-top: -7%;
    margin-bottom: -6%;
}
.slider_muchan_school {
    width: 35%;
    /*position: absolute;
    right: -9vw;
    top: 2vw;*/
}
.muchan_school_flex .balloonWrap {
    transform: rotate(-6deg);
    margin-left: -50px;
    /*position: absolute;
    right: -12.5vw;
    top: -3vw;*/
}
.muchan_school_flex .balloonWrap .balloon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 45%;
    left: 16%;
    display: block;
    border-style: solid;
    border-color: transparent transparent #fff #fff;
    border-width: 21px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.5) rotate(-45deg);
}
/*-------------------FOOTER--------------------------*/
.footer_blue {
    width: 100vw;
    height: 100vh;
    margin: 0 auto;
    background-color: #00A7D6;
    /*padding: 17vw 0;*/
}
.footer_center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.footer_muchan_flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5%;
    gap: 3vw;
}
.footer_muchan_flex .balloonWrap .balloon::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 44%;
    left: 38%;
    display: block;
    border-style: solid;
    border-color: transparent transparent #fff #fff;
    border-width: 21px;
    border-radius: 10px 10px 10px 10px;
    transform: scaleX(0.5) rotate(-45deg);
}
.footer_muchan {
    width: 5vw;
}
.footerWrap {
    text-align: center;
}
p.footer_caption {
    color: #fff;
}
.footer_caption {
    margin-bottom: 2rem;
}
.top_rise_logo {
    position: relative;
    width: 75px;
    margin: auto;
    margin-top: 4%;
    cursor: pointer;
}
@media screen and (max-width: 1500px) {
    .m1500-only {
        display: block;
    }
    .modal-bf_contents, .modal-bf_contents_garden, .wh_pop {
        padding: 30px 40px 50px;
    }
}
@media screen and (max-width: 1150px) {
    /*#section_01 {
        height: 78vh;
    }*/
    .slider_moreWrap {
        width: 630px;
    }
    .section_02_title p {
        line-height: 5rem;
    }
    .modal-bf_contents, .modal-bf_contents_garden {
        padding: 30px 35px;
    }
    .pop_button, .pop_button_en, .pop_button_en_profile, .pop_button_sp {
        width: 33vw;
        height: 5.5vw;
        padding-bottom: 3px;
    }
    .modal-container_garden, .modal-container_market, .modal-container_local, .modal-container_session {
        width: 69.5vw;
    }
}
@media screen and (max-width: 900px) {
    .slider_moreWrap {
        width: 550px;
    }
    .slider-container {
        height: 38vh;
    }
    .modal-container_garden, .modal-container_market, .modal-container_local, .modal-container_session {
        width: 550px;
    }
}
@media screen and (max-width: 780px) {
    /*-------------------PARALAX--------------------------*/
    .js-scroll-overlap:not(.is-disabled) {
        --sticky-offset: -1px;
        position: sticky;
        top: var(--sticky-offset, -1000px);
    }
    /*-------------------MODAL--------------------------*/
    .modal-content p {
        font-size: 100%;
    }
    .modal-content {
        position: relative;
        top: 45%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        padding-bottom: 20%;
    }
    .modal-close {
        position: relative;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 14%;
        right: 0%;
        gap: 3vw;
    }
    .modal-close p {
        font-size: 0.813rem;
    }
    .batsu::before, .batsu::after {
        width: 4px;
    }
    .modal-container_garden {
        width: 81vw;
    }
    .modal-content_garden {
        padding: 30px 27px 60px;
    }
    .modal_pop_caption {
        font-size: 0.8125rem;
        line-height: 1.5rem;
    }
    .modal_pop_caption_02 {
        font-size: 0.938rem !important;
        line-height: 1.5rem;
    }
    .pop_profiel_02 {
        font-size: 0.813rem;
        line-height: 1.5rem;
    }
    .modal-close_garden {
        top: auto;
        bottom: 20px;
        right: 20px;
    }
    .modal-close_garden p, .modal-close_market p, .modal-close_setagaya p, .modal-close_live p {
        font-size: 0.8125rem;
    }
    .batsu_more {
        width: 30px;
        height: 30px;
    }
    .batsu_more::before, .batsu_more::after {
        top: 47%;
        width: 4px;
        height: 30px;
    }
    .modal-container_market {
        width: 82vw;
    }
    .modal-content_market {
        padding: 30px 27px 0px;
    }
    .modal-close_market {
        position: relative;
        top: auto;
        right: 0;
        bottom: 20px;
        justify-content: flex-end;
    }
    .speechBubble {
        margin-top: 35px;
    }
    .speechBubble::after {
        left: 40%;
    }
    .pop_flex {
        align-items: center;
        margin-bottom: 10px;
    }
    .pop_profiel_name {
        line-height: 1.2rem;
        margin-bottom: 0;
        font-size: 0.7rem;
    }
    .pop_profiel {
        line-height: 1.2rem;
    }
    .pop_left {
        width: 90px;
        height: 90px;
    }
    .pop_right {
        width: 33vw;
    }
    .pop_profiel {
        font-size: 0.6875rem;
        line-height: 1.2rem;
    }
    .popWrap {
        margin-top: 50px;
    }
    .modal-container_setagaya {
        width: 78.5vw;
    }
    .modal-content_setagaya {
        padding: 30px 27px 60px;
        border-radius: 15px;
    }
    .modal-close_setagaya {
        position: relative;
        top: auto;
        right: 0;
        bottom: -30px;
        justify-content: flex-end;
    }
    .modal-close_live {
        position: relative;
        top: auto;
        right: 0;
        bottom: 20px;
        justify-content: flex-end;
    }
    .modal-container_live {
        width: 78.5vw;
    }
    .modal-content_live {
        height: 65vh;
        overflow-y: scroll;
        padding: 30px 27px 0px;
    }
    .info_detail_live {
        margin-top: -3px;
        margin-bottom: 70px;
        line-height: 1.5rem;
    }
    .garden_green, .session_yellow, .market_pink, .map_wh {
        color: #000 !important;
    }
    /*-------------------COMMON--------------------------*/
    .pc-only {
        display: none !important;
    }
    .sp-only {
        display: block !important;
    }
    .m1500-only {
        display: none !important;
    }
    .global_sp_wh {
        width: 66vw;
    }
    .global_sp_wh {
        font-size: 1.5625rem;
        padding: 160px 20px 0;
    }
    .global_sp_wh span {
        font-size: 0.8125rem;
    }
    .kv {
        background-image: url("../imgs/01_sp.jpg");
    }
    .navToggle, .navToggle_bk.is_flow {
        top: 25px;
        width: 30px;
        height: 30px;
    }
    .navToggle span, .navToggle_bk.is_flow span {
        height: 3px;
    }
    .top_rise_logo {
        width: 58px;
        margin-top: 9%;
    }
    .insta {
        top: 25px;
        width: 20px;
    }
    .top_sectionWrap {
        top: 55%;
    }
    .top_date {
        font-size: 5vw;
        margin-bottom: 0px;
    }
    .top_date span {
        font-size: 1rem;
    }
    .top_textFlex {
        font-size: 12px;
    }
    .top_textFlex img {
        width: 15px;
        height: 100%;
        margin-right: 7px;
    }
    .top_triangle {
        width: 57%;
    }
    .top_text {
        width: 100%;
        margin: 30px auto 0;
    }
    .top_logo_flex {
        margin: 30px auto 0;
    }
    .top_logo_left, .top_logo_right {
        width: 110px;
    }
    #section_01 {
        height: auto;
    }
    .sec_01_flex {
        /*width: calc(100% - 70px);*/
        margin: auto 27px auto 40px;
		gap: 5vw;
    }
    .sec_01_img {
        width: 66vw;
    }
    .sec_02_img {
        width: 77vw;
        margin-left: -21vw;
    }
    .modal-open {
        font-size: 0.75rem;
        width: 242px;
        height: 50px;
    }
    .sec_text {
        margin-top: 30px;
    }
    .sec_text p {
        color: #fff;
        font-size: 1em;
        line-height: 1.8rem;
    }
    .section_02_text {
        margin-top: 10vw;
        margin-bottom: 10vw;
    }
    .section_02_text {
        line-height: 1.8rem;
        margin: 10vw 20px;
    }
    .section_02_title p {
        font-size: 2.1875rem;
        line-height: 2.2rem;
    }
    .section_02_muchan {
        width: 14vw;
        margin: 40px auto 0;
    }
    .section_02_text p {
        font-size: 1rem;
    }
    p.section_02_small {
        font-size: 0.9em;
    }
    .speechBubble {
        font-size: 0.8em;
    }
    .areamap_title p {
        font-size: 2.1875em;
    }
    #area_map {
        /*height: 42vh;*/
        padding-top: 22%;
        padding-bottom: 12%;
    }
    #area_map.js-scroll-overlap {
        --sticky-offset: 0px !important;
    }
    .area_map_img {
        width: 80%;
    }
    .gardern_flex {
        justify-content: flex-start;
        padding-bottom: 6%;
        align-items: flex-start;
        gap: 0vw;
    }
    .garder_left {
        width: 60%;
    }
    .sp_garden_flex_right {
        margin-left: -12vw;
    }
    p.map_title {
        font-size: 9vw;
    }
    p.map_title_small {
        font-size: 2.8vw;
        margin-top: 1.8vw;
    }
    p.map_caption {
        margin-top: 7vw;
        font-size: 0.875rem;
        line-height: 1.5rem;
    }
    .balloon p {
        font-size: 0.75rem;
    }
    .balloon {
        padding: 5px 14px
    }
    .balloon::after {
        top: 4px;
        left: -10px;
        border-width: 17px;
        transform: scaleY(0.5) rotate(128deg);
    }
    .container {
        padding: 22% 3.5vw 80px;
    }
    .slider_muchan {
        width: 9vw;
    }
    .slider_moreWrap {
        margin: 13% auto 0;
        width: 87%;
        padding-bottom: 0vw;
    }
    .slider-container {
        height: 44vh;
    }
    .muchan_flex {
        margin-left: 0vw;
    }
    .modal-bf_contents {
        padding: 20px 27px;
    }
    .modal-bf_contents_garden {
        padding: 20px 27px 70px;
    }
    .modal-bf_obi {
        font-size: 1rem;
        line-height: 1.5em;
    }
    .modal-bf_obi.sub {
        font-size: 0.8rem;
    }
    .modal-bf_caption {
        margin: 20px 0 1.9em;
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .modal-open_garden {
        top: auto;
        bottom: 30px;
        right: 20px;
        font-size: 0.75rem;
    }
    .modal_pop_caption_note {
        font-size: 0.8125rem;
        width: 232px !important;
    }
    .modal_pop_caption_02 {
        font-size: 0.938rem !important;
        line-height: 1.5rem;
    }
    .plus::before {
        height: 30px;
        top: 36%;
    }
    .plus::after {
        height: 30px;
    }
    .bg_pink {
        width: 100%;
    }
    #market {
        padding: 0;
    }
    .local_flex {
        justify-content: space-between;
        align-items: flex-start;
        gap: 0vw;
        width: calc(100% - 60px);
        margin: 0 30px;
    }
    .local_left {
        width: 61%;
    }
    .local_right {
        width: 50vw;
        margin-left: -27vw;
        margin-bottom: 6vw;
    }
    p.map_obi {
        font-size: 1.125rem;
    }
	.sp_obi{
		width: calc(100% - 60px);
		margin: auto 30px;
	}
    .modal-open_market {
        top: auto;
        bottom: 30px;
        font-size: 0.8125em;
    }
    .community_info {
        font-size: 0.9rem;
        margin-top: 5px;
        line-height: 1.5em;
    }
	.info_title{
		margin-bottom: 7px;
	}
    .info_detail {
        margin-top: -3px;
        margin-bottom: 15px;
        line-height: 1.5em;
    }
    .pop_button_sp {
        width: 242px;
        height: 50px;
        font-size: 0.75rem;
        margin: 30px auto 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background-color: #000;
        border: solid 1px #000;
        color: #fff;
    }
    .wh_pop {
        padding: 20px 27px;
    }
    .pop_button, .pop_button_en {
        width: 242px;
        height: 50px;
        font-size: 0.75rem;
        margin: 30px auto 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background-color: #000;
        border: solid 1px #000;
        color: #fff;
    }
    .pop_button_en_profile {
        width: 242px;
        height: 50px;
        font-size: 0.75rem;
        margin: 30px auto 90px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        background-color: #000;
        border: solid 1px #000;
        color: #fff;
    }
    p.modal_pop_obi {
        font-size: 1rem
    }
    p.modal-bf_obi_sp {
        font-weight: bold;
        font-size: 0.9rem;
        line-height: 1.5rem;
        margin-bottom: 15px;
    }
    p.modal_pop_caption {
        margin: 20px 0 1.9em;
        font-size: 0.9rem;
    }
    .bg_yellow {
        width: 100%;
    }
    #session {
        padding: 0;
    }
    .session_title {
        margin-left: -17vw;
        width: 63%;
    }
    .session_flex {
        padding-bottom: 0;
        align-items: flex-start;
        gap: 0vw;
		width: calc(100% - 60px);
        margin: auto 30px -9%;
    }
    .session_right {
        margin: 0;
    }
    .session_left {
        width: 83%;
        margin: auto 0 auto auto;
    }
    .session_right {
        width: 54vw;
        margin: 10vw 0;
    }
    .slider_muchan_setagaya {
        width: 10vw;
        margin-left: 39px;
        margin-bottom: 9px;
    }
    .info_notice {
        margin-bottom: 20px;
    }
    .modal-open_setagaya {
        top: auto;
        bottom: 30px;
        font-size: 0.8125em;
    }
    .slider_muchan_live {
        width: 6.5vw;
        top: 3vw;
        right: 0vw;
    }
    .info_detail_sp {
        margin-bottom: 70px;
        margin-top: 0em;
    }
    .modal-open_live {
        top: auto;
        bottom: 30px;
        right: 20px;
        font-size: 0.8125rem;
    }
    .modal_pop_title {
        margin-bottom: 20px;
        font-size: 1rem;
        line-height: 1.5em;
    }
    .footer_blue {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        padding: 80px 0;
        box-sizing: border-box;
    }
    .footer_center {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    .footer_caption:nth-child(2) {
        margin-bottom: 0rem;
    }
    .footer_caption {
        font-size: 0.75rem;
    }
    .footer_muchan {
        width: 9vw;
    }
    .footer_muchan_flex {
        gap: 5vw;
    }
}
@media screen and (max-width: 430px) {
    @media screen and (max-width: 780px) {
        .pop_button, .pop_button_en, .pop_button_sp {
            width: 200px;
        }
        .modal-container_garden, .modal-container_market, .modal-container_local, .modal-container_session {
            width: 83%;
        }
        .modal-container_setagaya, .modal-container_live {
            width: 82%;
        }
        .modal-content p {
            font-size: 1em;
            line-height: 1.4em;
        }
        .footer_muchan_flex .balloonWrap .balloon::after {
            top: 17%;
            left: 33%;
        }
        .market_flexWrap {
            margin-left: -7px;
        }
		.muchan_market_flex{
			align-items: flex-start;
		}
		.muchan_market_flex .balloonWrap .balloon::after{
			left: 12%;
		}
        .muchan_local_flex .balloonWrap .balloon::after {
            top: -6%;
            left: 75%;
        }
        .setagaya_flexWrap {
            margin-left: -3%;
            margin-top: -7%;
            margin-bottom: -27px;
        }
        .muchan_setagaya_flex {
            margin-bottom: 17px;
			align-items: flex-start;
			
        }
		.muchan_setagaya_flex .balloonWrap .balloon::after{
			left: 11%;
		}
        .muchan_live_flex .balloonWrap .balloon::after {
            top: 25%;
        }
        .top_logo_left, .top_logo_right {
            width: 70px;
        }
        .slider_muchan, .slider_muchan_setagaya, .footer_muchan {
            width: 12vw;
        }
        .slider_muchan_market {
            width: 12vw;
            top: 5vw;
            left: 7vw;
        }
        .slider_muchan_live {
            width: 9vw;
            right: -4vw;
        }
        .slider_muchan_local {
            width: 9vw;
            right: -5vw;
        }
        .section_02_muchan {
            width: 50px;
        }
        #garden .balloonWrap {
            left: 12vw;
        }
        .sp_garden_flex_right {
            margin-left: -12vw;
			width: 60%;
        }
        .gardern_flex {
            padding-bottom: 0;
            align-items: flex-start;
			justify-content: space-between;
            gap: 0vw;
            width: calc(100% - 60px);
            margin: auto 30px;
        }
		.garder_right{
			width: calc(100% - 60px);
			margin: auto 30px
		}
        p.map_title {
            font-size: 2.1875rem;
        }
        p.map_title_small {
            font-size: 0.75em;
            margin-top: 0.3rem;
        }
        .slider_moreWrap {
            width: 80%;
        }
        .slider-container {
            height: 23vh;
        }
}
@media screen and (max-width: 375px) {
	.sp_garden_flex_right {
            width: 63%;
        }
	.session_right {
		width: 51vw;
	}
}