@charset "UTF-8";
/*

index.css

*/



@media screen and ( max-width:1500px ){}
@media screen and ( max-width:1024px ){}
@media screen and ( max-width:768px ){}



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

body

======================================== */
body {
}
body.active {
}



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

header

======================================== */
/*
header_flexbox flexitem_right_pc nav
*/
/* .header .header_flexbox .flexitem_right_pc .nav {
    display: none;
} */



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

mousecursor

======================================== */
.cursor_01{
	/* position */
    position: fixed;
    top: 0;
    left: 0;
	/* display */
    opacity: 0;
    z-index: 400;
	/* box */
    width: 100px;
    height: 100px;
	/* font */
    color: #fff;
	/* border */
    border-radius: 50%;
	/* background */
    background-color: rgba( 76, 145, 199, 0.5 );
	/* animation */
    transition: .1s;
	/* etc */
    pointer-events: none;
}
.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;
}
.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_01.show {
    opacity: 1;
}
.cursor_02.show {
    opacity: 1;
}



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

main_visual

======================================== */
.main_visual {
	/* position */
    position: relative;
	/* display */
	/* box */
    width: 100%;
    margin: 0 0 230px 0;
    height: 100vh;
	/* font */
	/* border */
	/* background */
    background-image: url( '../img/index/main_visual_pc.png' );
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .main_visual {
        /* position */
        /* display */
        /* box */
        margin: 0 0 100px 0;
        /* font */
        /* border */
        /* background */
        background-image: url( '../img/index/main_visual_sp.png' );
        background-position: center center;
        /* animation */
        /* etc */
    }
}



.main_visual .annotation {
	/* position */
    position: absolute;
    bottom: 5px;
    right: 5px;
	/* display */
	/* box */
    margin: 0;
	/* font */
    color: #fff;
    font-family: "Murecho", sans-serif;
    font-size: 1.2rem;
    line-height: 1.125;
    letter-spacing: 0.04em;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .main_visual .annotation {
        /* position */
        /* display */
        /* box */
        /* font */
        font-size: 1rem;
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}





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

chapter

======================================== */
.chapter {
	/* position */
    position: relative;
	/* display */
	/* box */
    width: 100%;
    max-width: 1920px;
    height: 600px;
    margin: 0 auto 240px auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter {
        /* position */
        /* display */
        /* box */
        height: auto;
        margin: 0 0 120px 0;
        padding: 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
.chapter .chapter_bg
*/
.chapter .chapter_bg {
	/* position */
    position: absolute;
    top: 0;
	/* display */
    z-index: 100;
    overflow: hidden;
	/* box */
    width: 72%;
    max-width: 1370px;
    height: 600px;
    margin: 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_bg {
	/* position */
    right: 0;
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_right .chapter_bg {
	/* position */
    position: relative;
    top: auto;
	/* display */
    margin: 0 auto 0 0;
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_bg, 
    .chapter.content_left .chapter_bg, 
    .chapter.content_right .chapter_bg {
    	/* position */
        position: relative;
    	/* display */
    	/* box */
        width: 100%;
        height: calc( 100vw * 0.56 );
        margin: 0;
        padding: 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
.chapter .chapter_bg .chapter_bg_wrap
*/
.chapter .chapter_bg .chapter_bg_wrap {
	/* position */
	/* display */
    z-index: 100;
	/* box */
    width: 100%;
    height: 600px;
	/* font */
	/* border */
	/* background */
    background-repeat: no-repeat;
    background-size: cover;
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_bg .chapter_bg_wrap {
    background-position: top right;
}
.chapter.content_right .chapter_bg .chapter_bg_wrap {
    background-position: top left;
}
.chapter.position .chapter_bg .chapter_bg_wrap {
    background-image: url( '../img/index/position__position_bg__position_bg_wrap__bg.webp' );
}
.chapter.buildingplan .chapter_bg .chapter_bg_wrap {
    background-image: url( '../img/index/buildingplan__buildingplan_bg__buildingplan_bg_wrap__bg.webp' );
}
.chapter.floorplan .chapter_bg .chapter_bg_wrap {
    background-image: url( '../img/index/floorplan__floorplan_bg__floorplan_bg_wrap__bg.webp' );
}
.chapter.esg .chapter_bg .chapter_bg_wrap {
    background-image: url( '../img/index/esg__esg_bg__esg_bg_wrap__bg.webp' );
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_bg .chapter_bg_wrap, 
    .chapter.content_left .chapter_bg .chapter_bg_wrap, 
    .chapter.content_right .chapter_bg .chapter_bg_wrap {
        width: 100%;
        height: calc( 100vw * 0.56 );
        background-size: contain;
        background-position: center center;
    }
}



/*
.chapter .chapter_bg .annotation
*/
.chapter .chapter_bg .annotation {
	/* position */
    position: absolute;
    bottom: 5px;
	/* display */
    display: inline-block;
	/* box */
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 1.2rem;
    color: #fff;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_bg .annotation {
	/* position */
    right: 5px;
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_right .chapter_bg .annotation {
	/* position */
    left: 5px;
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_bg .annotation, 
    .chapter.content_left .chapter_bg .annotation, 
    .chapter.content_right .chapter_bg .annotation {
    	/* position */
        bottom: calc( ( ( 100vw * 0.56 ) * 0.2 ) + 5px );
        left: auto;
        right: 5px;
        /* display */
        /* box */
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



/*
.chapter .chapter_content
*/
.chapter .chapter_content {
	/* position */
    position: absolute;
    bottom: 100px;
	/* display */
    z-index: 200;
	/* box */
    width: 765px;
    height: 600px;
    height: auto;
	/* font */
	/* border */
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_content {
	/* position */
    left: 0;
	/* display */
	/* box */
    margin: 0 auto 0 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_right .chapter_content {
	/* position */
    right: 0;
	/* display */
	/* box */
    margin: 0 0 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_content, 
    .chapter.content_left .chapter_content, 
    .chapter.content_right .chapter_content {
    	/* position */
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        /* display */
        /* box */
        width: 100%;
        height: auto;
        margin: calc( ( 100vw * 0.56 ) * 0.2 * -1 ) 0 0 0;
        padding: 0 15px;
        /* font */
        /* border */
        /* background */
        background-color: transparent;
        z-index: 200;
        /* animation */
        /* etc */
    }
}



/*
.chapter .chapter_content .content_box
*/
.chapter .chapter_content .content_box {
	/* position */
	/* display */
    z-index: 200;
	/* box */
    width: 600px;
    padding: 0 0 8.0em 0;
	/* font */
	/* border */
	/* background */
    background-color: #fff;
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_content .content_box {
	/* position */
	/* display */
	/* box */
    margin: 0 0 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_right .chapter_content .content_box {
	/* position */
	/* display */
	/* box */
    margin: 0 auto 0 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_content .content_box, 
    .chapter.content_left .chapter_content .content_box, 
    .chapter.content_right .chapter_content .content_box {
        width: 100%;
        margin: 0 auto;
        padding: 32px 0 0 0;
        background-color: #fff;
    }
}



/*
.chapter .chapter_content .content_box
*/
.chapter .chapter_content .content_box h2 {
	/* position */
	/* display */
    z-index: 200;
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_content .content_box h2 {
	/* position */
	/* display */
    z-index: 200;
	/* box */
    margin: 0 auto 2.4rem 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_right .chapter_content .content_box h2 {
	/* position */
	/* display */
    z-index: 200;
	/* box */
    margin: 0 0 2.4rem auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.position .chapter_content .content_box h2 {
	/* position */
	/* display */
	/* box */
    width: 52.333%;
    max-width: 314px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.buildingplan .chapter_content .content_box h2 {
	/* position */
	/* display */
	/* box */
    width: 81%;
    max-width: 486px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.floorplan .chapter_content .content_box h2 {
	/* position */
	/* display */
	/* box */
    width: 63.833%;
    max-width: 383px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.esg .chapter_content .content_box h2 {
	/* position */
	/* display */
	/* box */
    width: 63.833%;
    max-width: 383px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter .chapter_content .content_box h2 img {
	/* position */
	/* display */
	/* box */
    width: 100%;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_content .content_box h2, 
    .chapter.content_left .chapter_content .content_box h2, 
    .chapter.content_right .chapter_content .content_box h2 {
        width: 100%;
        max-width: 156px;
        margin: 0 auto 2.4rem auto;
    }
    .chapter.position .chapter_content .content_box h2 {
        /* position */
        /* display */
        /* box */
        width: 100%;
        max-width: 166.5px;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .chapter.buildingplan .chapter_content .content_box h2 {
        /* position */
        /* display */
        /* box */
        width: 100%;
        max-width: 243px;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .chapter.floorplan .chapter_content .content_box h2 {
        /* position */
        /* display */
        /* box */
        width: 100%;
        max-width: 191.5px;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .chapter.esg .chapter_content .content_box h2 {
        /* position */
        /* display */
        /* box */
        width: 100%;
        max-width: 191.5px;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
    .chapter .chapter_content .content_box h2 img {
    }
}



/*
.chapter .chapter_content .content_box. lead
*/
.chapter .chapter_content .content_box .lead {
	/* position */
	/* display */
	/* box */
    width: 75%;
    width: 100%;
    z-index: 200;
	/* font */
    font-family: "Murecho", sans-serif;
    font-size: 3.2rem;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_content .content_box .lead {
	/* position */
	/* display */
	/* box */
    margin: 0 auto 4.8rem 0;
	/* font */
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_right .chapter_content .content_box .lead {
	/* position */
	/* display */
	/* box */
    margin: 0 0 4.8rem auto;
	/* font */
    text-align: right;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_content .content_box .lead, 
    .chapter.content_left .chapter_content .content_box .lead, 
    .chapter.content_right .chapter_content .content_box .lead {
        width: 100%;
        font-size: 2.4rem; /* デザインは 24px */
        text-align: center;
        margin: 0 0 1.6rem 0;
    }
}



/*
.chapter .chapter_content .content_box. btn_view_more
*/
.chapter .chapter_content .content_box .btn_view_more a {
	/* position */
    position: relative;
	/* display */
    display: flex;
    justify-content: space-around;
    align-items: center;
	/* box */
    width: 50%;
    max-width: 300px;
    padding: 15px 25px;
	/* font */
    color: #0064b1;
    font-weight: 500;
	/* border */
    border: solid 1px #0064b1;
	/* background */
    background-color: transparent;
	/* animation */
	/* etc */
}
.chapter.content_left .chapter_content .content_box .btn_view_more a {
	/* position */
	/* display */
	/* box */
    margin: 0 auto 0 0;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter.content_right .chapter_content .content_box .btn_view_more a {
	/* position */
	/* display */
	/* box */
    margin: 0 0 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.chapter .chapter_content .content_box .btn_view_more a::before {
	/* position */
    position: absolute;
    top: 50%;
    right: -32px;
	/* display */
    content: "";
	/* box */
    width: 52px;
    height: 1px;
	/* font */
	/* border */
	/* background */
    background: #003686;
	/* animation */
    transition: all 0.3s linear;
	/* etc */
}
.chapter .chapter_content .content_box .btn_view_more a:hover::before {
	/* position */
    right: -42px;
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter .chapter_content .content_box .btn_view_more a, 
    .chapter.content_left .chapter_content .content_box .btn_view_more a, 
    .chapter.content_right .chapter_content .content_box .btn_view_more a {
        width: 100%;
        max-width: 230px;
        margin: 0 auto 0 auto;
    }
    .chapter .chapter_content .content_box .btn_view_more a:before {
        width: 42px;
    }
}





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

chapter_annotation

======================================== */
.chapter_annotation {
	/* position */
    position: relative;
	/* display */
	/* box */
    width: 100%;
    max-width: 1920px;
    height: 160px;
    margin: 0 auto 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter_annotation {
        /* position */
        /* display */
        /* box */
        height: 80px;
        margin: 0;
        padding: 0;
        /* font */
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}



.chapter_annotation p {
	/* position */
    position: relative;
	/* display */
	/* box */
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	/* font */
    color: #696868;
    font-family: "Murecho", sans-serif;
    font-size: 1.3rem;
    text-align: left;
	/* border */
	/* background */
	/* animation */
	/* etc */
}
@media screen and ( max-width: 768px ){
    .chapter_annotation p {
        /* position */
        /* display */
        /* box */
        padding: 0 15px;
        /* font */
        font-size: 1rem;
        /* border */
        /* background */
        /* animation */
        /* etc */
    }
}




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

bg_line

======================================== */
/*
position_bg_line
*/
.position_bg_line {
	/* position */
    position: absolute;
    top: 600px;
    top: 350px;
    left: 0;
	/* display */
    display: none;
    z-index: 1;
    overflow: hidden;
	/* box */
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.position_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1986.08px;
    height: 493.91px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.position_bg_line .svg_path_line_00 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.position_bg_line .svg_path_line_00.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 ){
    .position_bg_line.sp {
        top: -80px;
        display: block;
    }
    .position_bg_line svg {
        width: 100%;
        height: auto;
    }
    .position_bg_line .svg_path_line_00 {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
    .position_bg_line .svg_path_line_00.active {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}





/*
position_bottom_bg_line
*/
.position_bottom_bg_line {
	/* position */
    position: absolute;
    top: 600px;
    top: 350px;
    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 */
}
.position_bottom_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1966.86px;
    height: 677.65px;
    float: right;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.position_bottom_bg_line .svg_path_line_01 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.position_bottom_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: 768px ){
    .position_bottom_bg_line {
        top: auto;
        bottom: calc( calc( 100vw * 129.188 ) / 375 * -1 );
        margin: 0;
    }
    .position_bottom_bg_line svg {
        width: 100%;
        height: auto;
    }
    .position_bottom_bg_line .svg_path_line_01 {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
    .position_bottom_bg_line .svg_path_line_01.active {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}





/*
buildingplan_bg_line
*/
.buildingplan_bg_line {
	/* position */
    position: absolute;
    top: 600px;
    top: 350px;
    left: 0;
	/* display */
    display: block;
    z-index: 1;
    overflow: hidden;
	/* box */
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1986.08px;
    height: 493.91px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.buildingplan_bg_line .svg_path_line_02 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.buildingplan_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 ){
    .buildingplan_bg_line {
        top: auto;
        bottom: calc( calc( 100vw * 100.25 ) / 375 * -1 );
        margin: 0;
    }
    .buildingplan_bg_line svg {
        width: 100%;
        height: auto;
    }
    .buildingplan_bg_line .svg_path_line_02 {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
    .buildingplan_bg_line .svg_path_line_02.active {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}





/*
floorplan_bg_line
*/
.floorplan_bg_line {
	/* position */
    position: absolute;
    top: 600px;
    top: 300px;
    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 */
}
.floorplan_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1966.86px;
    height: 677.65px;
    float: right;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.floorplan_bg_line .svg_path_line_03 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.floorplan_bg_line .svg_path_line_03.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: 768px ){
    .floorplan_bg_line {
        top: auto;
        bottom: calc( calc( 100vw * 129.188 ) / 375 * -1 );
        margin: 0;
    }
    .floorplan_bg_line svg {
        width: 100%;
        height: auto;
    }
    .floorplan_bg_line .svg_path_line_03 {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
    .floorplan_bg_line .svg_path_line_03.active {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}





/*
esg_bg_line
*/
.esg_bg_line {
	/* position */
    position: absolute;
    top: -25px;
    left: 0;
	/* display */
    display: block;
    z-index: 1;
    overflow: hidden;
	/* box */
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.esg_bg_line svg {
	/* position */
	/* display */
	/* box */
    width: 1986.08px;
    height: 493.91px;
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
}
.esg_bg_line .svg_path_line_04 {
	/* position */
	/* display */
	/* box */
	/* font */
	/* border */
	/* background */
	/* animation */
	/* etc */
    stroke-dasharray: 2100px;
    stroke-dashoffset: 2100px;
}
.esg_bg_line .svg_path_line_04.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 ){
    .esg_bg_line {
        top: 30px;
        margin: 0;
    }
    .esg_bg_line svg {
        width: 100%;
        height: auto;
    }
    .esg_bg_line .svg_path_line_04 {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
    }
    .esg_bg_line .svg_path_line_04.active {
        stroke-dasharray: none;
        stroke-dashoffset: 0;
        animation: none;
    }
}





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

footer

======================================== */
.footer .footer_contact {
    background-color: #fff;
}
@media screen and ( max-width: 768px ){
    .footer .footer_contact {
        margin: 0 15px 4em 15px;
    }
}