@charset "utf-8";


/*------------------------------------
　mainVisual slider
------------------------------------*/ 

#mainVisual.index_mainVisual {}
#mainVisual.index_mainVisual .wrapper  {
    background: url("../images/index/mainVisual_background.jpg") no-repeat center;
    background-size: cover;
    background-position: top center;
    position: relative;
}
#mainVisual.index_mainVisual .wrapper .headline {
    position: relative;
}
#mainVisual.index_mainVisual .wrapper .headline > * {
    position: relative;
    z-index: 100;
}
#mainVisual.index_mainVisual .wrapper .headline img {
    z-index: 0;
    width: 3.9em;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
#mainVisual.index_mainVisual .wrapper .headline > *:not(.animate__animated) {
    opacity: 0;
}
#mainVisual .bg_title > * > * > *:not(img) {
    overflow: hidden;
    padding-top: 0.15em;
    height: .95em;
    text-shadow: 0 0 15px rgba(0,0,0,0.65);
    z-index: 1;
}
#mainVisual .bg_title > * > * > * > * {
    -webkit-animation-delay: 0.20s;
    animation-delay: 0.20s;
}
#mainVisual .bg_title > * > * > * + * > * {
    -webkit-animation-delay: .40s;
    animation-delay: .40s;
}
#mainVisual .bg_title > * > * > * + * + * > * {
    -webkit-animation-delay: .60s;
    animation-delay: .60s;
}
#mainVisual .bg_title > * > * > img {
    position: absolute;
    z-index: 0;
}
#mainVisual.index_mainVisual .wrapper > .bg_title {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-left: -0.1em;
    -webkit-transform: skewY(-5deg) skewX(5deg);
    transform: skewY(-5deg) skewX(5deg);
    transform-origin: top center;
    z-index: 0;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
}
#mainVisual.index_mainVisual .wrapper > .bg_title p {
    line-height: .85em;
    font-weight: bold;
}
#mainVisual.index_mainVisual .wrapper > .bg_title > *:not(.animate__animated) {
    visibility: hidden;
}
#mainVisual.index_mainVisual .wrapper > *:not(.bg_title) {
    position: relative;
    z-index: 10;
}





@media only screen and (max-width: 767px) {

#mainVisual.index_mainVisual {
    min-height: 50rem;
    height: 45.0vw;
}
#mainVisual.index_mainVisual .wrapper > .bg_title {
    margin-bottom: clamp( calc( 20px * 0.2 ), calc( 12.5vw * 0.2 ), calc( 27.0rem * 0.0 ));
    font-size: clamp(20px, 11.5vw, 25.0rem);
}
#mainVisual.index_mainVisual .wrapper > .bg_title > * {
    margin-bottom: 1.5vw;
    padding-bottom: .1em;
}
#mainVisual .bg_title > * > * > img {
    width: 1.75em;
    height: 1.75em;
    bottom: .45em;
    left: clamp(calc(20px * 6.5 ), calc(11.5vw * 6.5 ), calc(25.0rem * 6.5 ));
}
#mainVisual.index_mainVisual .wrapper {
    padding-top: var(--header_height);
    padding-bottom: clamp( calc( 20px * 2.0 ), calc( 12.5vw * 3.0 ), calc( 27.0rem * 2.0 ));
}

#mainVisual.index_mainVisual .wrapper .headline > * {
text-shadow: 0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9);

}




}
@media only screen and (max-width: 576px) {




}
@media print, screen and (min-width: 768px) {
#mainVisual.index_mainVisual {
    min-height: 65rem;
    height: 60.0vw;
}
#mainVisual.index_mainVisual .wrapper > .bg_title {
    margin-left: -0.1em;
    margin-bottom: clamp( calc( 20px * 0.2 ), calc( 9.65vw * 0.2 ), calc( 27.0rem * 0.0 ));
    font-size: clamp(20px, 9.65vw, 27.0rem);
}
#mainVisual.index_mainVisual .wrapper > .bg_title > * {
    margin-bottom: 1.85vw;
    padding-bottom: .15em;
}
#mainVisual .bg_title > * > * > img {
    width: 1.75em;
    height: 1.75em;
    bottom: .45em;
    left: 5.65em;
}
#mainVisual.index_mainVisual .wrapper {
    background-attachment: fixed;
    padding-top: var(--header_height);
    padding-bottom: clamp( calc( 20px * 2.0 ), calc( 9.65vw * 3.0 ), calc( 27.0rem * 2.0 ));
}

}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
   
}

@media print, screen and (min-width: 992px) {

#mainVisual.index_mainVisual {
    height: 100vh;
    min-height: 87.0rem;
}


}
@media print, screen and (min-width: 1200px) {

}



/*------------------------------------

------------------------------------*/ 
#cm {
    margin-top: -4.5vw;
    position: relative;
    z-index: 10;
}
#cm + section {
    position: relative;
    z-index: 10;
}
    

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {
#cm {
}


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}




/*------------------------------------

------------------------------------*/ 
article#real-estate-distribution .wrapper,
article#real-management .wrapper {
    position: relative;
}
article#real-estate-distribution .wrapper > *,
article#real-management .wrapper > * {
    position: relative;
    z-index: 10;
}
article#real-estate-distribution .wrapper:after,
article#real-management .wrapper:after {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,0.37);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
article#real-estate-distribution .wrapper {
    background: url("../images/index/real-estate-distribution_background.jpg") no-repeat center;
    background-size: cover;
}
article#real-management .wrapper {
    background: url("../images/index/rental-management_background.jpg") no-repeat center;
    background-size: cover;
}

@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}


/*------------------------------------

------------------------------------*/ 

.list-works-item {}
.list-works-item > .works-icon {
    aspect-ratio: 1 / 1;
}
@media only screen and (max-width: 767px) and (min-width: 575px) {

.list-works-item {
    display: flex;
    display: -moz-flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
    margin-right: -15px;
    margin-left: -15px;
}
.list-works-item > .works-icon {
    width : calc(100% / 5) ;
    width : -webkit-calc(100% / 5) ;
    margin: 0 15px;
}
.list-works-item > .works_detail {
    width : calc(100% -  100% / 5) ;
    width : -webkit-calc(100% -  100% / 5) ;
    padding: 0 15px;
}
.list-works-item > .works_detail .headline.text-center {
    text-align: left !important;
}

}
@media only screen and (max-width: 575px) {

.list-works-item > .works-icon {
    width: 9rem;
    margin: 0 auto;
}


}
@media print, screen and (min-width: 768px) {

.list-works-item > .works-icon {
    width: 9rem;
}

}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}



/*------------------------------------

------------------------------------*/ 

#works .wrapper {
    position: relative;
}
#works .wrapper > .bg_title {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: skewY(-5deg) skewX(0deg);
    transform: skewY(-5deg) skewX(0deg);
    transform-origin: top center;
    line-height: .95em;
    z-index: 0;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
}
#works .wrapper > .bg_title > *:not(.animate__animated) {
    visibility: hidden;
}
#works .wrapper > *:not(.bg_title) {
    position: relative;
    z-index: 10;
}
.work_headline {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}
.work_headline .title:not(.animate__animated) {
    visibility: hidden;
}
.work_headline > * {
    position: relative;
    z-index: 10;
}
.work_headline:after {
    content: "";
    position: absolute;
    object-fit: cover;
    object-position: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left:50%;
}
.real-estate-distribution .work_headline:after {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.work_detail:not(.animate__animated) {
    visibility: hidden;
}
.real-estate-distribution .work_headline:after {
    background-image: url("../images/common/real-estate-distribution.jpg");
}
.rental-management .work_headline:after {
    background-image: url("../images/common/rental-management.jpg");
}



@media only screen and (max-width: 767px) {

#works .wrapper > .bg_title {
    margin-top: 0;
    font-size: clamp(20px, 13.5vw, 26.5rem);
}
.work_headline,
.work_headline:after {
    height: 30rem;
}
.work_headline:after {
    width: 100vw;
}
.work_headline .title {
    white-space: normal;
}

}
@media only screen and (max-width: 575px) {

.work_headline,
.work_headline:after {
    max-height: 30rem;
    height: 40vw;
}


}
@media print, screen and (min-width: 768px) {

#works .wrapper > .bg_title {
    margin-top: -.075em;
    font-size: clamp(20px, 13.5vw, 26.5rem);
}
.work_detail {
    aspect-ratio: 1 / 1;
}
.work_headline,
.work_headline:after {
    height: 40rem;
}
.work_headline:after {
    width: 90vw;
}
.work_headline .title {
    white-space: normal;
}

}
@media print, screen and (min-width: 992px) {

.work_headline,
.work_headline:after {
    height: 58rem;
}
.work_headline:after {
    width: 129rem;
}

}
@media print, screen and (min-width: 1200px) {

#works .wrapper > .bg_title {}
.work_headline {
}
.work_headline:after {
}
.work_headline .title {
    word-wrap: break-word;
    white-space: nowrap !important;
}


}






















/*------------------------------------

------------------------------------*/ 

.list-flow {
    padding-left: 15px;
    padding-right: 15px;
}
.list-flow-item {
    position: relative;
    counter-increment: chapter;
    aspect-ratio: 1 / 1;
    display: flex;
    display: -moz-flex;
    display:-webkit-flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.list-flow-item:before {
    content: "0"counter(chapter);
    text-align: center;
    color: var(--color01);
    font-family: 'Bahnschrift' ,'BIZ UDPGothic',Montserrat !important;
    display: block;
    font-weight: bold;
}
.list-flow-item:after {
    content: "";
    position: absolute;
    width : calc(100% + 15px) ;
    width : -webkit-calc(100% + 15px) ;
    padding-bottom : calc(100% + 15px) ;
    padding-bottom : -webkit-calc(100% + 15px) ;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left:50%;
    border: 1px solid var(--color01);
    display: block;
}
.list-flow-item .title {
    position: relative;
    z-index: 10;
    height: 4em;
}

@media only screen and (max-width: 767px) {
.list-flow-item {
    width : calc(100% / 3) ;
    width : -webkit-calc(100% / 3) ;
}
.list-flow-item:before {
    font-size: clamp(22px, 3.4vw, 2.6rem);
}
.list-flow-item:after {
    border-width: 2px;
}
.list-flow-item:nth-child(n+4) {
    margin-top: -30px;
}


}
@media only screen and (max-width: 575px) {

.list-flow-item {
    width : calc(100% / 2) ;
    width : -webkit-calc(100% / 2) ;
}
.list-flow-item:nth-child(n+3) {
    margin-top: 0;
}
.list-flow-item:nth-child(n+5) {
    margin-top: -15px;
}

}
@media print, screen and (min-width: 768px) {

.list-flow-item:before {
	font-size: 2.4em;
	/*	font-size: 36px;	*/
}
.list-flow-item {
    width : calc(100% / 3.95) ;
    width : -webkit-calc(100% / 3.95) ;
}
.list-flow-item:nth-child(n+4) {
    margin-top: -30px;
}


}
@media print, screen and (min-width: 992px) {

.list-flow-item {
    width : calc(100% / 5) ;
    width : -webkit-calc(100% / 5) ;
}
.list-flow-item:after {
    top: -7.5px;
}
.list-flow-item:nth-child(n+4) {
    margin-top: 0;
}

}
@media print, screen and (min-width: 1200px) {
}







































/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}
















/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}










/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 575px) {

}
@media print, screen and (min-width: 768px) {


}
@media print, screen and (min-width: 992px) {
}
@media print, screen and (min-width: 1200px) {
}