@charset "utf-8";
/* CSS Document */



/* ========================================

mousecursor

======================================== */
.cursor_02 {
	/* position */
    position: fixed;
    top: 0;
    left: 0;
	/* display */
    opacity: 0;
    z-index: 400;
	/* box */
    width: 140px;
    height: 140px;
	/* font */
    color: #000;
	/* border */
    border-radius: 50%;
    border: solid 1px #fff;
	/* background */
    background-color: rgba( 255, 255, 255, 0.5);
	/* animation */
    transition: .1s;
	/* etc */
    pointer-events: none;
    mix-blend-mode: screen;
}
.cursor_02 .mouse__txt {
	/* position */
    position: absolute;
    top: 50%;
    left: 50%;
	/* display */
    transform: translate(-50%, -50%);
	/* box */
    width: 100%;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.cursor_03 {
	/* position */
    position: fixed;
    top: 0;
    left: 0;
	/* display */
    opacity: 0;
    z-index: 400;
	/* box */
    width: 140px;
    height: 140px;
	/* font */
    color: #000;
	/* border */
    border-radius: 50%;
	/* background */
    background: linear-gradient( to bottom, rgba( 74, 169, 206, 0.5 ), rgba( 31, 58, 109, 0.5 ) );
	/* animation */
    transition: .1s;
	/* etc */
    pointer-events: none;
}
.cursor_03 .mouse__txt {
	/* position */
    position: absolute;
    top: 50%;
    left: 50%;
	/* display */
    transform: translate(-50%, -50%);
	/* box */
    width: 100%;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.cursor_02.show, 
.cursor_03.show {
    opacity: 1;
}



/* ========================================

buildingplan/index
buildingplan

======================================== */
.buildingplan {
	/* position */
    position: relative;
	/* display */
    z-index: 100;
	/* box */
    width: 100%;
    margin: 0;
    padding: 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan {
        margin: 0;
    }
}



/*
buildingplan_container
*/
.buildingplan .buildingplan_container {
	/* position */
    position: relative;
	/* display */
    z-index: 200;
	/* box */
    width: 100%;
    max-width: 1950px;
    margin: 0 auto 0 auto;
    padding: 0 15px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .buildingplan_container {
        margin: 0 0 0 0;
    }
}



/*
lead
*/
.buildingplan .buildingplan_container .lead {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 0 0 50px 0;
	/* font */
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .buildingplan_container .lead h2 {
	/* position */
	/* display */
    display: inline-block;
	/* box */
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 3.2rem;
    line-height: 1.5em;
    text-align: center;
	/* border */
	/* background */
    background: linear-gradient( to right ,#1f3a6d , #4babd0 );
    background: -webkit-linear-gradient( to right ,#1f3a6d , #4babd0 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .buildingplan_container .lead {
        margin: 0 auto 0 auto;
        padding: 0 0 40px 0;
    }
    .buildingplan .buildingplan_container .lead h2 {
        font-size: 2.0rem;
    }
}



/*
text
*/
.buildingplan .buildingplan_container .text {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 0 0 40px 0;
	/* font */
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .buildingplan_container .text p {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0 0 0 0;
    padding: 0 0 40px 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.6rem;
    line-height: 2;
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .buildingplan_container .text {
        padding: 0 0 0 0;
    }
    .buildingplan .buildingplan_container .text p {
        padding: 0 0 50px 0;
        font-size: 1.5rem;
        line-height: 1.5em;
    }
}



/*
main_image
*/
.buildingplan .buildingplan_container .main_image {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 90px auto;
    padding: 0 0 0 0;
	/* font */
	/* border */
	/* background */
    background-color: #fff;
	/* animation */
	/* etc */
}
.buildingplan .buildingplan_container .main_image img {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0;
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .buildingplan_container .main_image {
        margin: 0 auto 40px auto;
    }
    .buildingplan .buildingplan_container .main_image img {
    }
}



/*
floor_image
*/
.buildingplan .buildingplan_container .floor_image {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 1009px;
    margin: 0 auto 90px auto;
    padding: 0 0 0 0;
	/* font */
	/* border */
	/* background */
    background-color: #fff;
	/* animation */
	/* etc */
}
.buildingplan .buildingplan_container .floor_image .image {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0;
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .buildingplan_container .floor_image .image img {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0;
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .buildingplan_container .floor_image {
        margin: 0 auto 70px auto;
    }
    .buildingplan .buildingplan_container .floor_image .image::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url( '../img/common/icon_zoom.png' );
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        transition: opacity 1s;
    }
    .buildingplan .buildingplan_container .floor_image .image.active::before {
        opacity: 0;
    }
    .buildingplan .buildingplan_container .floor_image .image img {
    }
}



/*
mobility_container
*/
.buildingplan .mobility_container {
	/* position */
    position: relative;
	/* display */
    z-index: 200;
	/* box */
    width: 100%;
    max-width: 1950px;
    margin: 0 auto 0 auto;
    padding: 0 15px 90px 15px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .mobility_container {
        margin: 0;
        padding: 0 15px 60px 15px;
    }
}



/*
mobility_bg_line
*/
.buildingplan .mobility_bg_line {
	/* position */
    position: absolute;
    top: 45%;
    top: 70%;
    top: 0;
    left: calc( 50% - 960px );
	/* display */
    z-index: 1;
    overflow: hidden;
	/* box */
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .mobility_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1920px;
    height: 443.41px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .mobility_bg_line .svg_path_line_01 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.buildingplan .mobility_bg_line .svg_path_line_01.active {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
    animation: move_line_01 5s;
    animation-fill-mode: forwards;
	/* etc */
    stroke-dasharray: 2100px;
}
@keyframes move_line_01 {
    0% {
        stroke-dashoffset: 2100px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}
@media screen and ( max-width: 1920px ){
    .buildingplan .mobility_bg_line {
        left: 0;
    }
}
@media screen and ( max-width: 768px ){
    .buildingplan .mobility_bg_line {
        display: none;
    }
}
.buildingplan .mobility_bg_line_bottom_sp {
	/* position */
    position: absolute;
    top: 60%;
    left: 0;
	/* display */
    display: none;
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .mobility_bg_line_bottom_sp {
        top: auto;
        bottom: calc( 100vw * 30 / 375 );
        left: 0;
        display: block;
    }
}



/*
lead
*/
.buildingplan .mobility_container .lead {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 0 0 50px 0;
	/* font */
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .mobility_container .lead h2 {
	/* position */
	/* display */
    display: inline-block;
	/* box */
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 3.2rem;
    line-height: 1.5em;
    text-align: center;
	/* border */
	/* background */
    background: linear-gradient( to right ,#1f3a6d , #4babd0 );
    background: -webkit-linear-gradient( to right ,#1f3a6d , #4babd0 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .mobility_container .lead {
        margin: 0 auto 0 auto;
        padding: 0 0 25px 0;
    }
    .buildingplan .mobility_container .lead h2 {
        font-size: 2.0rem;
    }
}



/*
map_image
*/
.buildingplan .mobility_container .map_image {
	/* position */
    position: relative;
	/* display */
    z-index: 10;
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 0 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .mobility_container .map_image img {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0;
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .mobility_container .map_image {
        margin: 0 auto 30px auto;
    }
    .buildingplan .mobility_container .map_image::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url( '../img/common/icon_zoom.png' );
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        transition: opacity 1s;
    }
    .buildingplan .mobility_container .map_image.active::before {
        opacity: 0;
    }
    .buildingplan .mobility_container .map_image img {
    }
}



/*
image_container
*/
.buildingplan .mobility_container .image_container {
	/* position */
    position: relative;
	/* display */
    z-index: 10;
	/* box */
    width: 100%;
    max-width: 768px;
    margin: 0 auto 90px auto;
    padding: 0 0 0 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .mobility_container .image_container.sp {
    display: none;
}
@media screen and ( max-width: 768px ){
    .buildingplan .mobility_container .image_container {
        margin: 0 auto 30px auto;
    }
    .buildingplan .mobility_container .image_container.sp {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        margin: 0 auto;
    }
    .buildingplan .mobility_container .image_container .image {
        width: calc( 50% - 10px );
    }
    .buildingplan .mobility_container .image_container .image img {
        /* position */
        /* display */
        display: block;
        /* box */
        margin: 0;
        width: 100%;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
entrance_container
*/
.buildingplan .entrance_container {
	/* position */
    position: relative;
	/* display */
    z-index: 10;
	/* box */
    width: 100%;
    margin: 0;
    padding: 0 0 180px 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .entrance_container {
        padding: 0 0 60px 0;
    }
}



/*
entrance_bg_line
*/
.entrance_container .entrance_bg_line {
	/* position */
    position: absolute;
    top: 0;
    right: 0;
	/* display */
    z-index: 1;
    overflow: hidden;
	/* box */
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
	/* font */
    text-align: right;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.entrance_container .entrance_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1966.86px;
    height: 677.65px;
    float: right;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.entrance_container .entrance_bg_line .svg_path_line_02 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.entrance_container .entrance_bg_line .svg_path_line_02.active {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
    animation: move_line_02 5s;
    animation-fill-mode: forwards;
	/* etc */
    stroke-dasharray: 2100px;
}
@keyframes move_line_02 {
    0% {
        stroke-dashoffset: 2100px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}
@media screen and ( max-width: 768px ){
    .entrance_container .entrance_bg_line {
        display: none;
    }
}



/*
entrance_container .caption
*/
.buildingplan .entrance_container .caption {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 5px 0;
	/* font */
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .entrance_container .caption p {
	/* position */
	/* display */
    display: inline-block;
	/* box */
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 2.4rem;
    color: #1f3a6d;
    line-height: 1.333;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .entrance_container .caption p span {
	/* position */
	/* display */
    display: inline-block;
	/* box */
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.8rem;
    color: #1f3a6d;
    line-height: 1.777;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .entrance_container .caption {
    }
    .buildingplan .entrance_container .caption p {
        padding: 0 15px;
        font-size: 1.8rem;
    }
    .buildingplan .entrance_container .caption p span {
        font-size: 1.2rem;
    }
}




/*
entrance_container .image_wrap
*/
.buildingplan .entrance_container .image_wrap {
	/* position */
    position: relative;
	/* display */
    z-index: 20;
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .entrance_container .image_wrap .image {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0;
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .entrance_container .image_wrap .image img {
	/* position */
	/* display */
	/* box */
    margin: 0;
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .entrance_container .image_wrap {
        overflow-x: scroll;
    }
    .buildingplan .entrance_container .image_wrap .image {
        width: 950px;
    }
    .buildingplan .entrance_container .image_wrap::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        display: block;
        z-index: 10;
        width: 100%;
        height: 100%;
        background-image: url( '../img/common/icon_swipe.png' );
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        transition: opacity 1s;
    }
    .buildingplan .entrance_container .image_wrap.active::before {
        opacity: 0;
    }
    .buildingplan .entrance_container .image_wrap .image img {
    }
}



.buildingplan .entrance_container .annotation {
	/* position */
	/* display */
    display: none;
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .entrance_container .annotation p {
}
@media screen and ( max-width: 768px ){
    .buildingplan .entrance_container .annotation {
        /* position */
        position: relative;
        /* display */
        display: block;
        /* box */
        width: 100%;
        margin: 0 auto;
        padding: 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .buildingplan .entrance_container .annotation p {
        padding: 5px 5px 0 0;
        font-family: "Murecho", sans-serif;
        font-size: 1rem;
        color: #333;
        line-height: 1;
        text-align: right;
    }
}



/*
amenities_container
*/
.buildingplan .amenities_container {
	/* position */
    position: relative;
	/* display */
    z-index: 10;
	/* box */
    width: 100%;
    margin: 0;
    padding: 150px 0;
	/* font */
	/* border */
	/* background */
    background-color: #ececec;
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container {
        margin: 0;
        padding: 40px 0 100px 0;
    }
}



/*
lead
*/
.buildingplan .amenities_container .lead {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    padding: 0 0 80px 0;
	/* font */
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .lead h2 {
	/* position */
	/* display */
    display: inline-block;
	/* box */
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 3.2rem;
    line-height: 1.5em;
    text-align: center;
	/* border */
	/* background */
    background: linear-gradient( to right ,#1f3a6d , #4babd0 );
    background: -webkit-linear-gradient( to right ,#1f3a6d , #4babd0 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .lead {
        margin: 0 auto 0 auto;
        padding: 0 0 25px 0;
    }
    .buildingplan .amenities_container .lead h2 {
        font-size: 2.0rem;
    }
}



/*
floor_image
*/
.buildingplan .amenities_container .floor_image {
	/* position */
    position: relative;
	/* display */
	/* box */
    width: 100%;
    max-width: 1190px;
    margin: 0 auto 100px auto;
    padding: 0 0 0 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .floor_image .image {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0;
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .floor_image .image img {
	/* position */
	/* display */
	/* box */
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .floor_image {
        margin: 0 auto 30px auto;
        padding: 0 0 0 0;
        overflow-x: scroll;
    }
    .buildingplan .amenities_container .floor_image .image {
        width: 1220px;
        padding: 15px;
    }
    .buildingplan .amenities_container .floor_image::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        display: block;
        z-index: 30;
        width: 100%;
        height: 100%;
        background-image: url( '../img/common/icon_swipe.png' );
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        transition: opacity 1s;
    }
    .buildingplan .amenities_container .floor_image.active::before {
        opacity: 0;
    }
    .buildingplan .amenities_container .floor_image .image img {
    }
}



.buildingplan .amenities_container .floor_image_explain {
    display: none;
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .floor_image_explain {
        display: block;
        width: 100%;
        margin: 0 auto 60px auto;
        padding: 0 25px;
    }
    .buildingplan .amenities_container .floor_image_explain img {
        width: 100%;
    }
}



/*
caption
*/
.buildingplan .amenities_container .caption {
	/* position */
	/* display */
	/* box */
    margin: 0;
    padding: 0 0 30px 0;
	/* font */
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .caption p {
	/* position */
	/* display */
    display: inline-block;
	/* box */
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 2.4rem;
    color: #1f3a6d;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .caption {
    }
    .buildingplan .amenities_container .caption p {
        font-size: 1.8rem;
    }
}



/*
text
*/
.buildingplan .amenities_container .text {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 650px;
    margin: 0 auto 0 auto;
    padding: 0 0 70px 0;
	/* font */
    text-align: center;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .text p {
	/* position */
	/* display */
    display: block;
	/* box */
    margin: 0;
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .text {
        padding: 0 0 0 0;
    }
    .buildingplan .amenities_container .text p {
        padding: 0 15px 60px 15px;
        font-size: 1.5rem;
    }
}



/*
subtitle
*/
.buildingplan .amenities_container .subtitle {
	/* position */
	/* display */
	/* box */
    width: 100%;
    margin: 0 auto 60px auto;
    padding: 0 0 0 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .subtitle.subtitle_a {
    max-width: 280px;
}
.buildingplan .amenities_container .subtitle.subtitle_b {
    max-width: 180px;
}
.buildingplan .amenities_container .subtitle img {
	/* position */
	/* display */
	/* box */
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .subtitle {
        margin: 0 auto 30px auto;
    }
    .buildingplan .amenities_container .subtitle.subtitle_a {
        max-width: 235.5px;
    }
    .buildingplan .amenities_container .subtitle.subtitle_b {
        max-width: 126.5px;
    }
    .buildingplan .amenities_container .subtitle img {
    }
}



/*
flexbox_district
*/
.buildingplan .amenities_container .flexbox_district {
	/* position */
    position: relative;
	/* display */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district.flexbox_a {
    margin: 0 auto 100px auto;
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .flexbox_district {
        /* position */
        /* display */
        display: block;
        /* box */
        width: 100%;
        max-width: none;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .buildingplan .amenities_container .flexbox_district.flexbox_a {
        margin: 0 auto 60px auto;
    }
}



/*
flexitem
*/
.buildingplan .amenities_container .flexbox_district .flexitem {
	/* position */
    position: relative;
	/* display */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
	/* box */
    width: calc( 50% - 20px );
    margin: 0;
    padding: 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district.flexbox_a .flexitem.item_01 {
	/* position */
	/* display */
	/* box */
    width: 100%;
    margin-bottom: 40px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district.flexbox_b .flexitem.item_01, 
.buildingplan .amenities_container .flexbox_district.flexbox_b .flexitem.item_02 {
	/* position */
	/* display */
	/* box */
    margin-bottom: 40px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .flexbox_district .flexitem, 
    .buildingplan .amenities_container .flexbox_district.flexbox_a .flexitem.item_01, 
    .buildingplan .amenities_container .flexbox_district.flexbox_b .flexitem.item_01, 
    .buildingplan .amenities_container .flexbox_district.flexbox_b .flexitem.item_02 {
        /* position */
        /* display */
        flex-direction: column-reverse;
        /* box */
        width: 100%;
        max-width: none;
        margin-bottom: 45px;
        padding: 0 15px;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .buildingplan .amenities_container .flexbox_district.flexbox_a .flexitem.item_03, 
    .buildingplan .amenities_container .flexbox_district.flexbox_b .flexitem.item_04 {
        /* position */
        /* display */
        /* box */
        margin-bottom: 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
flexitem .image
*/
.buildingplan .amenities_container .flexbox_district .flexitem .image {
	/* position */
    position: relative;
	/* display */
	/* box */
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district.flexbox_a .flexitem.item_01 .image {
	/* position */
	/* display */
	/* box */
    width: 56.667%;
    max-width: 680px;
    margin: 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district .flexitem .image img {
	/* position */
	/* display */
	/* box */
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .flexbox_district .flexitem .image, 
    .buildingplan .amenities_container .flexbox_district.flexbox_a .flexitem.item_01 .image {
        /* position */
        /* display */
        /* box */
        width: 100%;
        max-width: none;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .buildingplan .amenities_container .flexbox_district .flexitem .image img {
    }
}



/*
flexitem .content
*/
.buildingplan .amenities_container .flexbox_district .flexitem .content {
	/* position */
    position: relative;
	/* display */
	/* box */
    width: 100%;
    margin: 0;
    padding: 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district.flexbox_a .flexitem.item_01 .content {
	/* position */
	/* display */
	/* box */
    width: 40.834%;
    max-width: 490px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .flexbox_district .flexitem .content {
        /* position */
        position: relative;
        /* display */
        /* box */
        width: 100%;
        margin: 0;
        padding: 0;
        /* font */
        /* border */
        /* background */
        background-color: transparent;
        /* animation */
        /* etc */
    }
    .buildingplan .amenities_container .flexbox_district.flexbox_a .flexitem.item_01 .content {
        /* position */
        /* display */
        /* box */
        width: 100%;
        max-width: none;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
flexitem .content .caption
*/
.buildingplan .amenities_container .flexbox_district .flexitem .content .caption {
	/* position */
	/* display */
	/* box */
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
	/* font */
    text-align: left;
	/* border */
    border-bottom: 1px solid #1f3a6d;
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district .flexitem .content .caption p {
	/* position */
	/* display */
	/* box */
    margin: 0;
    padding: 0;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 2.4rem;
    line-height: 1.125;
    letter-spacing: 0.075em;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district .flexitem .content .caption p span {
	/* position */
	/* display */
	/* box */
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: 0.075em;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .flexbox_district .flexitem .content .caption {
        /* position */
        /* display */
        /* box */
        width: 100%;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .buildingplan .amenities_container .flexbox_district .flexitem .content .caption p {
        /* position */
        /* display */
        /* box */
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .buildingplan .amenities_container .flexbox_district .flexitem .content .caption p span {
        /* position */
        /* display */
        /* box */
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
flexitem .content .text
*/
.buildingplan .amenities_container .flexbox_district .flexitem .content .text {
	/* position */
	/* display */
	/* box */
    width: 100%;
    margin: 0;
    padding: 0;
	/* font */
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan .amenities_container .flexbox_district .flexitem .content .text p {
	/* position */
	/* display */
	/* box */
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.075em;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .buildingplan .amenities_container .flexbox_district .flexitem .content .text {
        /* position */
        /* display */
        /* box */
        width: 100%;
        margin: 0 0 20px 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .buildingplan .amenities_container .flexbox_district .flexitem .content .text p {
        /* position */
        /* display */
        /* box */
        padding: 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}





/* ========================================

concept/index
outline

======================================== */
.outline {
	/* position */
    position: relative;
	/* display */
    z-index: 1;
	/* box */
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 150px 0 100px 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .outline {
        /* position */
        /* display */
        /* box */
        max-width: none;
        padding: 100px 0 50px 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
outline_bg_line
*/
.outline .outline_bg_line {
	/* position */
    position: absolute;
    top: 0;
    top: -300px;
    left: 0;
	/* display */
    z-index: 1;
    overflow: hidden;
	/* box */
    width: 100%;
    max-width: 1920px;
    margin: 0 auto 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.outline .outline_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1986.08px;
    height: 493.91px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.outline .outline_bg_line .svg_path_line_03 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.outline .outline_bg_line .svg_path_line_03.active {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
    animation: move_line_03 5s;
    animation-fill-mode: forwards;
	/* etc */
    stroke-dasharray: 2100px;
}
@keyframes move_line_03 {
    0% {
        stroke-dashoffset: 2100px;
    }
    to {
        stroke-dashoffset: 0px;
    }
}
@media screen and ( max-width: 768px ){
    .outline .outline_bg_line {
        top: 0;
        display: block;
    }
    .outline .outline_bg_line svg {
        width: 100%;
        height: auto;
    }
    .outline .outline_bg_line .svg_path_line_03 {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
    .outline .outline_bg_line .svg_path_line_03.active {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}



/*
outline_container
*/
.outline .outline_container {
	/* position */
    position: relative;
	/* display */
    z-index: 100;
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .outline .outline_container {
        margin: 0;
        padding: 0;
    }
}



/*
subtitle
*/
.outline .outline_container .subtitle {
	/* position */
	/* display */
	/* box */
    width: 100%;
    max-width: 254px;
    margin: 0 auto 60px auto;
    padding: 0 0 0 0;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.outline .outline_container .subtitle img {
	/* position */
	/* display */
	/* box */
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .outline .outline_container .subtitle {
        max-width: 147.5px;
        margin: 0 auto 30px auto;
    }
    .outline .outline_container .subtitle img {
    }
}



/*
outline_table
*/
.outline .outline_container .outline_table {
    width: 100%;
}
.outline .outline_container .outline_table table {
	/* position */
	/* display */
	/* box */
    width: 100%;
    margin: 0 0 12.8rem 0;
	/* font */
	/* border */
    border-collapse: collapse;
	/* background */
    background-color: #fff;
	/* animation */
	/* etc */
}
.outline .outline_container .outline_table tr {
    width: 100%;
}
.outline .outline_container .outline_table th {
	/* position */
	/* display */
	/* box */
    width: 30%;
    max-width: 350px;
    padding: 1.0em;
	/* font */
    font-size: 1.6rem;
    font-family: "Murecho", sans-serif;
    color: #fff;
	/* border */
    border: solid #fff 1px;
	/* background */
    background: linear-gradient( to right, #2576a6, #6bb1d3 );
	/* animation */
	/* etc */
}
.outline .outline_container .outline_table td {
	/* position */
	/* display */
	/* box */
    width: 70%;
    padding: 1.0em;
	/* font */
    font-size: 1.6rem;
    font-family: "Murecho", sans-serif;
	/* border */
    border: solid #ccc 1px;
	/* background */
	/* animation */
	/* etc */
}
.outline .outline_container .outline_table .annotation {
	/* position */
	/* display */
	/* box */
	/* font */
    color: #a4a4a4;
    font-size: 1.2rem;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .outline .outline_container .outline_table {
        padding: 0 15px;
    }
    .outline .outline_container .outline_table table {
        margin: 0 0 4.8rem 0;
    }
    .outline .outline_container .outline_table th {
        width: 35%;
        max-width: none;
        font-size: 1.4rem;
        padding: 1.0em 0.5em;
        vertical-align: middle;
    }
    .outline .outline_container .outline_table td {
        width: 65%;
        max-width: none;
        font-size: 1.4rem;
        padding: 1.0em 0.5em;
        vertical-align: middle;
    }
    .outline .outline_container .outline_table .annotation {
        font-size: 1.0rem;
    }
}





@media screen and ( max-width: 768px ){
    .footer .footer_contact {
        margin-top: 0;
    }
}