:root{--swiper-theme-color:var(--main-color);--swiper-pagination-color:var(--main-color)}@keyframes slideAnime{0%{opacity:0;z-index:10;transform:scale(1)}5%{opacity:1}95%{opacity:1}100%{opacity:0;z-index:1;transform:scale(1.3)}}@keyframes marquee{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}.main{display:flex;flex-direction:column;gap:var(--gap-xxxl);padding-bottom:80px}@media (min-width:768px){.main{gap:80px}}.fv{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100dvh;min-height:560px;padding-inline:var(--content-spacing);padding-bottom:var(--p-lg) var(--p-xxxl)}.fv .slide{display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.fv .slide .picture{display:block;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:1;animation:slideAnime 25s infinite}.fv .slide .picture.picture1{}.fv .slide .picture.picture2{animation-delay:5s}.fv .slide .picture.picture3{animation-delay:10s}.fv .slide .picture.picture4{animation-delay:15s}.fv .slide .picture.picture5{animation-delay:20s}.fv .slide .picture .img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.fv .slide::after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;display:block;background:linear-gradient(180deg,rgba(19,124,210,0.7) 0%,rgba(19,124,210,0.4) 10%,rgba(19,124,210,0.1) 16.83%,rgba(159,200,232,0) 100%);z-index:11}.fv .title{position:relative;z-index:20;display:flex;flex-direction:column;gap:var(--gap-md);color:var(--text-contrast-color);font-size:clamp(28px,5vw,40px);font-weight:500;line-height:1.2;text-align:left;letter-spacing:var(--p-sm);text-shadow:0 0 5px rgba(0,0,0,0.3);word-break:auto-phrase;writing-mode:vertical-rl}@media (min-width:768px){.fv .title .title{gap:var(--gap-lg)}}.fv .topics{position:absolute;bottom:20px;left:0;right:var(--content-spacing);z-index:20;display:flex;align-items:center;max-width:700px;width:-moz-fit-content;width:fit-content;height:60px;background:var(--base-color);border-radius:0 12px 12px 0;padding-inline:18px}.fv .topics .link{display:grid;grid-template-columns:min-content 1fr min-content;gap:var(--gap-sm);font-size:var(--text-sm);text-decoration:none;line-height:var(--line-height-lg)}.fv .topics .link .date{color:#404040}.fv .topics .link .text{max-width:-moz-fit-content;max-width:fit-content;min-width:200px;color:var(--text-color);overflow:hidden;white-space:nowrap}.fv .topics .link .text .text-marquee{display:inline-block;padding-left:100%;animation:marquee 10s linear infinite}.fv .topics .link::after{content:'\f138';display:inline-block;color:var(--sub-color);font:var(--fa-font-solid);font-size:var(--text-xl)}.fv .topics .link:hover{opacity:0.7}.section .title-top{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;color:var(--gray,#404040);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--line-height-lg)}.section .title-top .english{color:var(--main-color);font-family:var(--family-poppins);font-size:28px;letter-spacing:1.6px;line-height:var(--line-height-md)}@media (min-width:768px){.section .title-top .english{font-size:var(--text-xxl)}}@media (min-width:768px){.section .title-top{flex-direction:row-reverse;justify-content:flex-end;gap:16px;font-size:var(--text-lg)}.section .title-top .english{font-size:40px;line-height:1}}.swiper .swiper-pagination{position:unset;padding-block-start:24px}.swiper .swiper-button-prev,.swiper .swiper-button-next{display:flex;justify-content:center;align-items:center;width:54px;height:54px;border-radius:54px;background:linear-gradient(130deg,var(--main-color) 50%,#fff 50.1%) no-repeat 100% 0 /240% 100%;margin:unset;transition:0.4s cubic-bezier(0.77,0,0.175,1)}.swiper .swiper-button-prev::after,.swiper .swiper-button-next::after{font-size:22px;font-weight:700}.swiper .swiper-button-prev:hover,.swiper .swiper-button-next:hover{background-position:0 0;transition:0.4s cubic-bezier(0.77,0,0.175,1)}.swiper .swiper-button-prev:hover::after,.swiper .swiper-button-next:hover::after{color:#fff}.swiper .swiper-button-next.swiper-button-disabled,.swiper .swiper-button-prev.swiper-button-disabled{opacity:0}.swiper .swiper-button-prev{left:20px}.swiper .swiper-button-next{right:20px}.section-newsandprogress{padding-inline:var(--content-spacing)}.section-newsandprogress .inner{padding-bottom:40px}@media (min-width:768px){.section-newsandprogress .inner{display:flex;justify-content:space-between;align-items:center;padding-bottom:64px}}.section-newsandprogress .inner .links{display:none}@media (min-width:768px){.section-newsandprogress .inner .links{display:block}.section-newsandprogress .inner .links .button-link{width:-moz-fit-content;width:fit-content}}.section-newsandprogress .newsandprocess-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px min(4vw,48px);padding-bottom:40px}@media (min-width:960px){.section-newsandprogress .newsandprocess-list{grid-template-columns:repeat(3,1fr)}}.section-newsandprogress .newsandprocess-list .newsandprocess-item{position:relative;background:#f8f6f3;border-radius:16px;overflow:hidden;border:2px solid var(--deco1-color)}.section-newsandprogress .newsandprocess-list .newsandprocess-item .image{width:100%;height:auto;max-height:300px;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover}.section-newsandprogress .newsandprocess-list .newsandprocess-item .content{padding:16px 12px;align-items:center}.section-newsandprogress .newsandprocess-list .newsandprocess-item .content .head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:4px}.section-newsandprogress .newsandprocess-list .newsandprocess-item .content .head .time{font-size:14px}.section-newsandprogress .newsandprocess-list .newsandprocess-item .content .head .types{width:-moz-fit-content;width:fit-content;text-align:right}.section-newsandprogress .newsandprocess-list .newsandprocess-item .content .head .types .newsandprocess-type{display:inline-block;padding:2px 10px 3px;border-radius:4px;background:#b2aa3c;color:var(--text-contrast-color);font-size:12px;font-weight:700}.section-newsandprogress .newsandprocess-list .newsandprocess-item .content .title .title-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:15px;line-height:1.6}@media (min-width:768px){.section-newsandprogress .newsandprocess-list .newsandprocess-item .content .title .title-text{font-size:var(--text-lg)}}.section-newsandprogress .newsandprocess-list .newsandprocess-item .content .description{display:none}.section-newsandprogress .newsandprocess-list .newsandprocess-item .item-link{width:100%;height:100%;border-radius:16px;position:absolute;z-index:2;left:0;top:0;box-sizing:border-box}.section-newsandprogress .newsandprocess-list .newsandprocess-item .item-link:hover{background-color:rgba(255,255,255,0.3);border:1px solid var(--sub-color)}@media (min-width:768px){.section-newsandprogress>.links{display:none}}.section-concept{padding-inline:unset;background:#f8f6f3}@media (min-width:768px){.section-concept{display:flex;justify-content:space-between;flex-direction:row-reverse;gap:3vw;padding-block:40px;padding-inline:var(--content-spacing) 0}}.section-concept::before{content:'';display:block;width:100%;height:auto;aspect-ratio:3/2;background:url(../image/home-concept.jpg) no-repeat center/cover}@media (min-width:768px){.section-concept::before{max-width:762px;max-height:544px;width:55%;border-radius:20px 0 0 20px}}.section-concept .inner{display:flex;flex-direction:column;gap:16px;padding:40px var(--content-spacing)}@media (min-width:768px){.section-concept .inner{padding-inline:0;gap:24px;min-width:420px}}.section-concept .title-top{align-items:flex-start;padding-bottom:16px;font-size:20px;line-height:1.7}@media (min-width:768px){.section-concept .title-top{display:flex;flex-direction:column-reverse;gap:16px;font-size:clamp(28px,3vw,34px)}}.section-concept .title-top .english{font-size:16px}@media (min-width:768px){.section-concept .title-top .english{font-size:28px}}.section-concept .text{font-size:15px;line-height:1.6;text-align:justify}@media (min-width:768px){.section-concept .text{font-size:16px}.section-concept .text span{display:block}}.section-modelhouse,.section-openhouse{padding-block:40px;padding-inline:unset;background:linear-gradient(to bottom,#f8f6f3 60%,transparent 60%)}@media (min-width:768px){.section-modelhouse,.section-openhouse{display:grid;grid-template-columns:max(36%,380px) 1fr;padding-inline:unset;background:unset}}.section-modelhouse .inner,.section-openhouse .inner{padding-inline:var(--content-spacing)}@media (min-width:768px){.section-modelhouse .inner,.section-openhouse .inner{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:34px;padding-block:64px;padding-inline:var(--content-spacing) 20px;background:#f8f6f3;border-radius:0px 20px 20px 0px}}.section-modelhouse .inner .title-top,.section-openhouse .inner .title-top{flex-direction:column-reverse;padding-bottom:24px}@media (min-width:768px){.section-modelhouse .inner .title-top,.section-openhouse .inner .title-top{align-items:flex-start}}.section-modelhouse .inner .notes-list,.section-openhouse .inner .notes-list{display:flex;flex-direction:column;gap:4px;padding-bottom:30px}.section-modelhouse .inner .notes-list .notes-item,.section-openhouse .inner .notes-list .notes-item{display:flex;gap:8px;font-size:15px;line-height:1.6}.section-modelhouse .inner .notes-list .notes-item::before,.section-openhouse .inner .notes-list .notes-item::before{content:'●';color:var(--main-color);font-size:0.5rem;line-height:26px}.section-modelhouse .inner .links,.section-openhouse .inner .links{display:none}@media (min-width:768px){.section-modelhouse .inner .links,.section-openhouse .inner .links{display:block}.section-modelhouse .inner .links .button-link,.section-openhouse .inner .links .button-link{width:-moz-fit-content;width:fit-content;margin-inline:unset}}.section-modelhouse .modelhouse-list,.section-openhouse .modelhouse-list,.section-modelhouse .openhouse-list,.section-openhouse .openhouse-list{width:100%;padding-bottom:24px}@media (min-width:768px){.section-modelhouse .modelhouse-list,.section-openhouse .modelhouse-list,.section-modelhouse .openhouse-list,.section-openhouse .openhouse-list{padding-bottom:34px;padding-inline:8px}.section-modelhouse .modelhouse-list .swiper-pagination,.section-openhouse .modelhouse-list .swiper-pagination,.section-modelhouse .openhouse-list .swiper-pagination,.section-openhouse .openhouse-list .swiper-pagination{text-align:left;padding-block:10px 0}}@media (min-width:768px){.section-modelhouse .openhouse-list,.section-openhouse .openhouse-list{padding-bottom:0}}.section-modelhouse .openhouse-list:has(.swiper-pagination-lock),.section-openhouse .openhouse-list:has(.swiper-pagination-lock){padding-bottom:30px}.section-modelhouse .modelhouse-item,.section-openhouse .modelhouse-item,.section-modelhouse .openhouse-item,.section-openhouse .openhouse-item{display:flex;width:280px;margin-inline:8px}@media (min-width:768px){.section-modelhouse .modelhouse-item,.section-openhouse .modelhouse-item,.section-modelhouse .openhouse-item,.section-openhouse .openhouse-item{min-width:360px}}@media (min-width:768px){.section-modelhouse>.links,.section-openhouse>.links{display:none}}.section-openhouse{padding-inline:unset}@media (min-width:768px){.section-openhouse{display:grid;grid-template-columns:max(36%,380px) 1fr;background:unset;padding-block:0}}.section-openhouse .inner{padding-inline:var(--content-spacing)}@media (min-width:768px){.section-openhouse .inner{display:flex;flex-direction:column;justify-content:space-between;min-width:-moz-max-content;min-width:max-content;padding-block:64px;padding-inline:var(--content-spacing) 20px;background:#f8f6f3;border-radius:0px 20px 20px 0px}}.section-openhouse .inner .title-top{flex-direction:column-reverse;padding-bottom:24px}@media (min-width:768px){.section-openhouse .inner .title-top{align-items:flex-start}}.section-openhouse .inner .links{display:none}@media (min-width:768px){.section-openhouse .inner .links{display:block}.section-openhouse .inner .links .button-link{width:-moz-fit-content;width:fit-content;margin-inline:unset}}.section-openhouse .openhouse-cube{overflow:hidden}@media (min-width:768px){.section-openhouse>.links{display:none}}.section-openhouse .scube-typeA .pic.stage-negotiation{position:relative}.section-openhouse .scube-typeA .pic.stage-negotiation::after{content:'商談中';position:absolute;top:50%;left:50%;display:block;width:80px;height:20px;background:#e0af1b;border-radius:8px;color:var(--text-contrast-color);font-size:var(--text-sm);line-height:1.3;text-align:center;translate:-50% -50%}.section-openhouse .scube-typeA .price{min-width:0;font-weight:bold;margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:calc(41 / 24)}.section-openhouse .scube-typeA .price .unit{font-size:16px;line-height:calc(27 / 16)}.section-openhouse .scube-typeA .openhouse-info{font-size:15px;line-height:calc(25 / 15);font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}@media (min-width:768px){.section-openhouse .scube-typeA .openhouse-info{font-size:16px}}.section-works .inner{padding-bottom:24px;padding-inline:var(--content-spacing)}@media (min-width:768px){.section-works .inner{display:flex;justify-content:space-between;align-items:center}}.section-works .inner .links{display:none}@media (min-width:768px){.section-works .inner .links{display:block}.section-works .inner .links .button-link{width:-moz-fit-content;width:fit-content}}.section-works .notes{padding-inline:var(--content-spacing);padding-bottom:32px;font-size:15px;text-align:center}@media (min-width:768px){.section-works .notes{text-align:left}}.section-works .works-list{width:100%;overflow:hidden;padding-bottom:24px}@media (min-width:768px){.section-works .works-list{padding-bottom:0}.section-works .works-list:has(.swiper-pagination-lock) .swiper-wrapper{justify-content:center}}.section-works .works-item{display:flex;width:280px;margin-inline:8px}@media (min-width:768px){.section-works .works-item{width:360px;min-width:360px}}@media (min-width:768px){.section-works>.links{display:none}}.section-construction{padding:64px var(--content-spacing);background:#f8f6f3}@media (min-width:768px){.section-construction{padding-bottom:80px}}.section-construction .inner{padding-bottom:24px}@media (min-width:768px){.section-construction .inner{padding-bottom:48px}}.section-construction .inner .title-top{padding-bottom:16px;font-size:20px;line-height:1.7;text-align:center}@media (min-width:768px){.section-construction .inner .title-top{display:flex;flex-direction:column-reverse;gap:16px;font-size:clamp(28px,3vw,34px)}}.section-construction .inner .title-top .english{font-size:16px}@media (min-width:768px){.section-construction .inner .title-top .english{font-size:28px}}.section-construction .inner .notes{text-align:center}.section-construction .cards{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}@media (min-width:768px){.section-construction .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,40px);padding-bottom:clamp(16px,2vw,40px)}}.section-construction .cards .card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--base-color);border-radius:8px;padding:16px 16px 20px 16px}@media (min-width:768px){.section-construction .cards .card{gap:24px;padding:24px 20px}}.section-construction .cards .card .title{font-size:18px;font-weight:700;line-height:1.7}@media (min-width:768px){.section-construction .cards .card .title{font-size:28px}}.section-construction .cards .card .text{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;font-size:15px;line-height:1.6}@media (min-width:768px){.section-construction .cards .card .text{display:flex;flex-direction:column;font-size:16px}}.section-construction .cards .card .text::before{content:'';display:block;width:62px;aspect-ratio:1/1;background:no-repeat center/contain}@media (min-width:768px){.section-construction .cards .card .text::before{width:96px}}.section-construction .cards .card:nth-child(1) .text::before{background-image:url(../image/home-construction-icon-01.png)}.section-construction .cards .card:nth-child(2) .text::before{background-image:url(../image/home-construction-icon-02.png)}.section-construction .cards .card:nth-child(3) .text::before{background-image:url(../image/home-construction-icon-03.png)}.section-construction .cards-small{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding-bottom:24px}@media (min-width:768px){.section-construction .cards-small{grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,40px);padding-bottom:48px}}.section-construction .cards-small .card{display:flex;flex-direction:column;align-items:center;gap:8px;grid-column:span 2;background:var(--base-color);border-radius:8px;padding:clamp(16px,2vw,40px) 0;font-size:clamp(12px,2vw,20px);font-weight:700;line-height:1.7}@media (min-width:768px){.section-construction .cards-small .card{grid-column:unset}}.section-construction .cards-small .card::before{content:'';display:block;width:48px;aspect-ratio:1/1;background:no-repeat center/contain}@media (min-width:768px){.section-construction .cards-small .card::before{width:80px}}.section-construction .cards-small .card:nth-child(1){grid-column:span 3}.section-construction .cards-small .card:nth-child(1)::before{background-image:url(../image/home-construction-icon-04.png)}@media (min-width:768px){.section-construction .cards-small .card:nth-child(1){grid-column:unset}}.section-construction .cards-small .card:nth-child(2){grid-column:span 3}.section-construction .cards-small .card:nth-child(2)::before{background-image:url(../image/home-construction-icon-05.png)}@media (min-width:768px){.section-construction .cards-small .card:nth-child(2){grid-column:unset}}.section-construction .cards-small .card:nth-child(3)::before{background-image:url(../image/home-construction-icon-06.png)}.section-construction .cards-small .card:nth-child(4)::before{background-image:url(../image/home-construction-icon-07.png)}.section-construction .cards-small .card:nth-child(5)::before{background-image:url(../image/home-construction-icon-08.png)}.section-youtube{display:flex;flex-direction:column;padding:48px var(--content-spacing) 120px;background:#f8f6f3 url(../image/home-youtube-bg.png) no-repeat bottom right/260px auto}@media (min-width:768px){.section-youtube{flex-direction:row;gap:clamp(20px,3vw,80px);margin-inline-start:var(--content-spacing);padding:clamp(48px,6.25vw,80px);border-radius:20px 0 0 20px;background-size:420px auto}}.section-youtube .inner{display:flex;flex-direction:column;align-items:center;padding-inline:24px;padding-bottom:32px}@media (min-width:768px){.section-youtube .inner{min-width:-moz-max-content;min-width:max-content;justify-content:stretch;padding:0;align-items:start}}.section-youtube .inner .title-top{flex-direction:column;align-items:center;gap:8px;padding-bottom:12px;color:var(--main-color);font-size:clamp(24px,3vw,32px);line-height:1.6;text-align:center}@media (min-width:768px){.section-youtube .inner .title-top{padding-bottom:24px;align-items:start;text-align:left}}.section-youtube .inner .title-top::before{content:'';display:block;width:40px;aspect-ratio:1/1;background:url(../image/home-youtube-icon.svg) no-repeat center/contain}@media (min-width:768px){.section-youtube .inner .title-top::before{width:48px}}.section-youtube .inner .notes{padding-bottom:24px;font-size:15px;line-height:1.6;text-align:center}@media (min-width:768px){.section-youtube .inner .notes{padding-bottom:48px;font-size:18px;text-align:left}}.section-youtube .inner .links .button-link{width:-moz-fit-content;width:fit-content;margin-inline:unset}.section-youtube .youtube-thumb{align-self:center;position:relative;width:100%;max-width:600px}.section-youtube .youtube-thumb .open{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;background:none;border:none}.section-youtube .youtube-thumb .open::before{content:'';display:block;width:88px;aspect-ratio:1/1;border-radius:48px;background:#da1616 url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="88" height="89" viewBox="0 0 88 89" fill="none"><path d="M61.5651 44.239L35.2173 59.451L35.2173 29.0271L61.5651 44.239Z" fill="white"/></svg>') no-repeat center center/contain}.section-youtube .youtube-thumb .open:hover{background:rgba(255,255,255,0.4);cursor:pointer}.section-youtube .youtube-thumb iframe{width:100%;aspect-ratio:16/9;border:3px solid #fff;border-radius:5px}.youtube-modal{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);align-items:center;justify-content:center;padding-inline:var(--content-spacing);z-index:2000}.youtube-modal iframe{width:100%;max-width:600px;aspect-ratio:4/3}.youtube-modal[aria-hidden='true']{display:none}.youtube-modal[aria-hidden='false']{display:flex}.section-bnr{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px 32px}@media (min-width:768px){.section-bnr{flex-direction:row}}.section-bnr .link:hover{opacity:0.7}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes skeltonLoading{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skelton-typeA-list{display:grid;grid-template-areas:200px 10px 10px 10px;gap:var(--gap-md);width:calc((100% - 20px) / 1.2);margin-inline:auto}.skelton-typeA-list:not(:nth-child(1)){display:none}.skelton-typeA-list .item-image{aspect-ratio:1;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeA-list .item-image::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}.skelton-typeA-list .item{height:18px;position:relative;width:100%;overflow:hidden;background-color:#ddd}.skelton-typeA-list .item::before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));animation:skeltonLoading 1.2s ease-in-out infinite}@media (min-width:460px){.skelton-typeA-list{width:calc((100% - 20px) / 1.8)}}@media (min-width:768px){.skelton-typeA-list{width:100%;display:grid;grid-template-areas:200px 10px 10px 10px;gap:var(--gap-md)}.skelton-typeA-list:not(:nth-child(1)){display:grid}}
