body{margin:0px;font-size:15px;line-height:1.4em;font-feature-settings:"palt";font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
img{border:none;margin:0px;padding:0px;height:auto;display:block;max-width:100%;}
a{text-decoration:none;color:black;}
a img:hover,a:hover{opacity:.6;transition-duration:.3s;transform: translate(2px,2px);}
.fadein {opacity:0;transform:translateY(100px);transition: all 1.5s;}
.fadeinL {opacity:0;transform:translateX(-200px);transition: all 1.5s;}
.fadeinR {opacity:0;transform:translateX(200px);transition: all 1.5s;}
img.pc{display:block;}
img.sp{display:none;}
h1,h2,h3,h4,h5{font-family:'Montserrat',sans-serif;line-height:1.5em;margin:0;padding:0}
ul,ol{list-style-type:none;margin:0;padding:0}
p.align_right{text-align:right;}
br.spbr{display:none;}

/* ヘッダー */
nav{position:fixed;width:100%;z-index:9;transition:all .4s;top:0;height:90px;}
nav img{position:absolute;top:10px;left:10px;transition: all .4s;}
.menu-trigger,.menu-trigger span{float:right;transition: all .4s;box-sizing:border-box;cursor:pointer;}
.menu-trigger{position:relative;width:50px;height:50px;z-index:2;right:20px;top:10px;padding:10px;}
.menu-trigger span{position:absolute;background:white;width:30px;height:3px;}
.menu-trigger span:nth-of-type(1){top:15px;}
.menu-trigger span:nth-of-type(2){top:25px;}
.menu-trigger span:nth-of-type(3){top:35px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform: translateY(5px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);background:white;}
.menu-trigger.active span:nth-of-type(2){display:none;}
.menu-trigger.active span:nth-of-type(3){-webkit-transform: translateY(-5px) rotate(45deg);transform: translateY(-10px) rotate(45deg);background:white;}
.g-nav{display:block;position:absolute;top:0px;right:-16em;background:linear-gradient(-23deg, #000,#32343C);opacity: 0.95;width:10em;height:100vh;padding:3em;transition: all .4s;}
.g-nav.active {right:0%}
.g-nav ul li{text-align:right;margin-bottom:2em;}
.g-nav ul li a{color:white;}
.g-nav ul li h3{line-height:1.1em;font-size:1.5em;padding:0;margin:0;}
.g-nav ul li p{padding:0;margin:0;line-height:1.5em;font-size:.75em}

.is-animation nav{background:rgba(255,255,255,0);height:50px;}
.is-animation nav img{height:40px;top:5px;left:10px;}
.is-animation .menu-trigger{background:rgba(0,0,0,.4)}
.is-animation .menu-trigger{right:20px;top:5px;}

header.pc,article.pc,section.pc{display:block}
header.sp,article.sp,section.sp{display:none}

.home header{width:100%;height:55.30vw;overflow:hidden;background:url(img/head_back_pc.jpg) no-repeat;background-size:contain;position:relative;}
.home header img{position:absolute;}
.home img.head_front_l_pc{width:100%;height:auto;animation:head_front_l 10s forwards;}
@keyframes head_front_l{
0% {transform:translateX(0%)}
60% {transform:translateX(-100%)}
100% {opacity:0}
}
.home img.head_front_r_pc{width:100%;height:auto;animation:head_front_r 10s forwards;}
@keyframes head_front_r{
0% {transform:translateX(0%)}
60% {transform:translateX(100%)}
100% {opacity:0}
}
.home img.head_logo_pc{width:16.26vw;height:auto;animation:head_logo_pc 10s forwards;transform:translateX(-50%);left:50%;bottom:7vw}
@keyframes head_logo_pc{
0% {opacity:0}
20% {opacity:0}
60% {opacity:1}
}



article{width:80em;margin:0em auto;z-index:2;overflow:hidden;}
section#main{position:relative;height:38.55em;}
section#main img{position:absolute;}
section#main img.fadeinL{top:22em;left:0%;width:32em;}
section#main img.fadeinR{top:5.7em;right:0%;width:32em;}
section{position:relative}
section .title{text-align:right;color:white;position:absolute;right:3rem;}
section h1.title{font-size:1.5em;top:1em;}
section h2.title{font-size:.75em;top:5.5em;font-weight:normal;}
section .title2{text-align:right;color:white;position:absolute;right:5rem;letter-spacing:.1em}
section h1.title2{font-size:2.3em;top:1em;}
section h2.title2{font-size:1.5em;top:4em;font-weight:normal;}
img.icon1{width:auto;height:1em;display:inline-block;padding-right:.5em;}

section#news{background:url(img/news_back_pc.jpg) no-repeat;background-size:cover;position:relative;padding:2em 0;}
section#news table{width:60%;margin:0em auto;color:white;border-collapse:collapse;}
section#news table th,section#news table td{padding:.75em;border-top:1px solid white;border-bottom:1px solid white;}
section#news table th{text-align:left;width:10em;font-weight:normal}
.readmore{position:relative;box-sizing:border-box;}
.readmore-content{position:relative;overflow:hidden;height:3.5em;margin-bottom:2em;}
.readmore-label{position:absolute;bottom:-2em;transform:translateX(-50%);left:50%;z-index:2;}
.readmore-label::before{content:'﹀';color:white;font-size:2em;}
.readmore-label:hover::before{opacity:.75;cursor:pointer;}
.readmore-check{display:none;}
.readmore-check:checked ~ .readmore-label:before{content:'︿';}
.readmore-check:checked ~ .readmore-content{height:auto;}

footer{width:80em;margin:1em auto;}
footer ul{text-align:right;margin-right:1em;}
footer ul li{display:inline-block;margin-left:2em;}
footer ul li h3{line-height:1.5em;color:#727171;font-size:1em;padding:0;margin:0;}
footer ul li p{padding:0;margin:0;line-height:1em;font-size:.5em}
footer img {width:17.8em;height:auto;padding-left:1em;}



article#real{background:url(img/real_back_pc.jpg) repeat-y;background-size:contain;position:relative;height:105.5em;}
article#real h1{color:#AAABAB;font-size:3em;line-height:1.2em;}
article#real h2{color:#D2D3D4;font-size:1.5em;line-height:1.2em;}
article#real h3{color:white;font-size:1em;line-height:2em;font-weight:normal;}
article#real section{position:absolute;}
article#real section#real_estate{left:48em;top:16em;text-align:right;}
article#real section#apartment{left:14em;top:45em}
article#real section#text{left:28em;top:59.5em}
article#real section#text ul{display:flex}
article#real section#text ul li{width:8em;height:8em;color:white;text-align:center;margin:0 .5em 0 0em;display:flex;align-items:center;justify-content:center;position:relative;}
article#real section#text ul li::after{content:"";width:8em;height:8em;background:url(img/real_text_back_pc.png);background-size:cover;animation:real_text 2s infinite;position:absolute;z-index:-1}
@keyframes real_text{
0% {opacity:.0}
50% {opacity:1}
100% {opacity:.0}
}
article#real section#text ul li:nth-last-child(-n+2){width:10.5em;height:10.5em;margin:-1.5em .5em 0 0em;}
article#real section#text ul li:nth-last-child(-n+2)::after{width:10.5em;height:10.5em;}
article#real section#text ul li p{font-size:.9em;line-height:1.1em;opacity:1!important}
article#real section#text ul li:nth-last-child(-n+2) p{line-height:1.5em;font-size:1.2em;}
article#real section#text ul li:nth-last-child(1){position:absolute;left:4.24em;top:18em}

article#comapany{background:black;}
article#comapany a{color:white;}
article#comapany ul{display:block;width:100%;color:white;}
article#comapany ul > li{width:100%;padding:5em 10em;border-bottom:1px solid white;}
article#comapany table h3{font-size:1.2em;font-weight:normal;}
article#comapany th{font-weight:normal;vertical-align:top;padding:.5em 1em;white-space:nowrap}
article#comapany td{padding:.5em 1em;line-height:2em;}

article#comapany li.map img{display:inline-block;width:14em;}
article#comapany li.map div{display:inline-block;width:17em;height:14em;}
article#comapany li.map div iframe{width:14em;height:14em;}
article#comapany h3{font-size:1.5em;font-weight:normal;}
article#comapany h3 img.icon2{width:1em;margin-right:.5em;}

article#about{background:url(img/about_back.jpg) no-repeat;background-size:contain;position:relative;height:127em;}
article#about section{padding-top:15em;}
article#about section p{width:60%;margin:0em auto;line-height:2em;font-size:1.6em;}
article#about section .title2{color:black!important;}

article#contact section.contact{background:url(img/contact_back.jpg) no-repeat;background-size:cover;position:relative;height:auto;padding-top:14em;}
article#contact h3{text-align:center;color:white;font-size:1.5em;font-weight:normal;padding:2em 0}
article#contact table{width:60%;margin:0 auto;font-size:1.2em;}
article#contact table th{color:white;text-align:left;font-weight:normal;vertical-align:top;width:10em;padding:2em 0;}
article#contact table td{padding:2em 0;}
article#contact table input,
article#contact table textarea{background:none;color:white;padding:1em;border:none;border-bottom:1px solid white;border-left:1px solid white;width:calc(100% - 2em);}
article#contact input[type=submit]{width:5em;margin:1em auto;font-size:1em;padding:.5em;display:block}

article#contact iframe.pc{display:block;width:37.5em;margin:0 auto;border:none;height:850px;}
article#contact iframe.sp{display:none;}

article#works section.works{background:black url(img/works_back.jpg) no-repeat;background-size:contain;position:relative;min-height:127.5em;height:auto;}
article#works section.works ul{display:flex;flex-wrap:wrap;width:60%;padding:10em 5em;}
article#works section.works ul li{width:calc(100%/2 - 2em);margin:5em 1em;}

article#example{background:url(img/example_back.jpg) no-repeat;background-size:contain;position:relative;}
article#example img{padding-top:20em;}

section#iri img{padding-top:2px;width:100%;max-width:800px;margin:0 auto}

.page header {height:4em;background:#515155;width:80em;margin:0 auto;position:relative;z-index:10}
.page header img{position:absolute;left:3em;transform:translateY(-50%);top:50%;}
.page header ul{position:absolute;right:1em;top:2em;}
.page header ul li{display:inline-block;margin:0 0 0 2em;}
.page header ul li a h3{color:white;line-height:1em;margin:0;padding:0}

.page footer img{width:17.8em;height:auto;margin-left:0em;}

@media all and (min-width: 0) and (max-width:749px)  {
body{font-size:2.66vw;line-height:1.8em;}
img.pc{display:none;}
img.sp{display:block;}
br.spbr{display:block;}
header,article,section,footer{width:100%;}
nav{width:100%;}
nav img{height:3em;left:10px;}
.g-nav {width:15em;right:-21em;}
.g-nav ul{padding-top:2em;}
.g-nav ul li{font-size:1.2em;margin:1em 0}
.menu-trigger{right:0px;top:0px;}
.is-animation .menu-trigger{right:0px;top:0px;}
section .title{right:2rem;}
section .title2{right:3rem;}
section h1.title{font-size:1.75em;top:1em;}
section h2.title{font-size:.75em;top:6em;font-weight:normal;}
section h1.title2{font-size:2em;top:1.5em;}
section h2.title2{font-size:1em;top:6em;font-weight:normal;}

header.pc,article.pc,section.pc{display:none!important}
header.sp,article.sp,section.sp{display:block!important}

.home header{width:100%;height:57.5em;overflow:hidden;background:url(img/sp_head_back.jpg) no-repeat;background-size:cover;position:relative;}
.home img.sp_head_side{width:100%;height:auto;animation:sp_head_side 10s forwards;}
@keyframes sp_head_side{
0% {transform:translateY(0%)}
60% {transform:translateY(-100%)}
100% {opacity:0}
}
.home img.sp_head_logo{width:100%;animation:sp_head_logo 10s forwards;}
@keyframes sp_head_logo{
0% {opacity:0}
20% {opacity:0}
60% {opacity:1}
}
.home img.sp_head_arrow{width:100%;animation:sp_head_arrow 10s forwards;}
@keyframes sp_head_arrow{
0% {opacity:0}
40% {opacity:0}
60% {opacity:1}
}

section#main{height:37.5em;overflow:hidden;background:url(img/sp_main_back.jpg) no-repeat;background-size:cover;position:relative;}
section#main img.btn01{top:4.3em;right:-2.5em;width:26.4em;}
section#main img.btn02{top:25.4em;right:-2.5em;width:26.4em;}

section#news{padding:7em 0 2em;background-size:cover;}
section#news table{width:80%;}
.readmore-content{height:3.5em;}
.readmore-label{bottom:-3em;}

.page header {height:0em;background:none;width:100%;margin:0 auto;position:relative;z-index:10}
.page header img{position:absolute;left:1em;transform:translateY(0%);top:1em;width:3em;}
.page header ul{display:none;}

article#real_sp{background:url(img/sp_real_back01.jpg) no-repeat;background-size:cover;position:relative;height:116em;}
article#real_sp h1{color:#AAABAB;font-size:1.8em;line-height:1.2em;}
article#real_sp h2{color:#D2D3D4;font-size:1.2em;line-height:1.2em;}
article#real_sp h3{color:white;font-size:1em;line-height:2em;font-weight:normal;}
article#real_sp section{position:absolute;}
article#real_sp section#real_estate_sp{left:-4em;top:13em;text-align:right;}
article#real_sp section#apartment_sp{left:2em;top:38em;margin:0;width:auto;}
article#real_sp img{position:absolute;}
article#real_sp img.sp_real_back02{animation:sp_real_back02 2s infinite;position:absolute;z-index:-1}
@keyframes sp_real_back02{
0% {opacity:.0}
50% {opacity:1}
100% {opacity:.0}
}
article#about{height:59.6em;}
article#about section{padding-top:9em;}
article#about section p{width:80%;margin:0em auto;line-height:1.8em;font-size:1em;}

article#comapany ul{padding-top:5em;}
article#comapany ul > li{width:calc(100% - 2em);padding:5em 1em;border-bottom:1px solid white;}
article#comapany li.map img{margin-left:2em;padding-top:1em;}
article#comapany li.map div iframe{margin-left:2em;}

article#works section.works{;min-height:59.8em;}
article#works section.works ul{width:75%;padding:9em 0em 0;}
article#works section.works ul li{margin:1em 1em;}

article#example img{padding-top:9.4em;}

article#contact section.contact{background-size:cover;height:auto;padding:7em 0 5em;}
article#contact h3{font-size:1em;;padding:2em}
article#contact table{width:90%;margin:0 auto;font-size:1.2em;}
article#contact table th,
article#contact table td{padding:1em 0;}
article#contact table input,
article#contact table textarea{padding:.5em;width:calc(100% - 1em);}

article#contact iframe.pc{display:none!important;}
article#contact iframe.sp{display:block!important;width:28em;margin:0 auto;border:none;height:900px;}


footer ul{margin-right:1em;}
footer img {width:17.8em;height:auto;padding-left:.5em;margin-left:0em;}
}