@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:2;z-index:-1;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:relative;font-family:"Crimson Text","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;overflow:hidden}a:not([class]){text-decoration-skip-ink:none}img,picture{max-width:100%;max-height:100%;height:auto;vertical-align:bottom}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html{font-size:62.5%;overflow-x:hidden}h2{font-size:30px;line-height:1.2;font-weight:500;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-style:normal;color:#333;letter-spacing:.05em}h3{font-size:22px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;line-height:2;letter-spacing:.05em;color:#333;font-weight:500;text-align:center}p{font-size:1.6rem;color:#333;line-height:2;letter-spacing:.05em}i{font-style:normal}a{text-decoration:none;color:#333}ul{padding-left:0;list-style:none;margin:0}ol{padding-left:0}button{border:0}video{display:block;margin:0;padding:0}@media screen and (max-width:1024px){p{font-size:1.3rem;line-height:2em}}.inner{clear:both;display:block;margin:0 auto;position:relative;max-width:1140px;width:100%;padding-left:calc(15px + constant(safe-area-inset-left));padding-right:calc(15px + constant(safe-area-inset-right))}.section-inner{max-width:1620px;margin:0 auto}.section{padding-top:clamp(60px, 8.3333vw, 120px);padding-bottom:clamp(60px, 8.3333vw, 120px)}.section .section-title{text-align:left;margin-bottom:clamp(60px, 4.6875vw, 90px);position:relative}.section .section-title .title-en{font-size:clamp(24px, 4.16666vw, 60px);line-height:1.4}.section .section-title .title{font-size:clamp(13px, 1.1111vw, 16px);position:relative;line-height:1.6}.section .section-title .description{margin-top:clamp(30px, 2.777vw, 40px);color:#273148}@media screen and (max-width:768px){.inner{padding:0 4%}}.btn{display:flex;align-items:center;justify-content:space-between;text-align:center;text-decoration:none;padding:1em;border:.5px solid #333;color:#333;cursor:pointer;position:relative;overflow:hidden;z-index:1;max-width:280px;font-size:1.4rem;width:100%;background-color:#fff;transition:color .3s ease}.btn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#333;transform:translateX(-100%);transition:transform .3s ease;z-index:-1}.btn:hover:before{transform:translateX(0)}.btn:hover{color:#fff}.btn-inner-circle{position:relative;display:block;width:2.5em;height:2.5em;border:1px solid #ddd;border-radius:50%;background-color:#fff;transition:background-color .3s ease,border-color .3s ease}.btn-inner-circle:before{position:absolute;top:50%;left:40%;width:8px;height:8px;content:"";border-top:1px solid #5d5d5d;border-right:1px solid #5d5d5d;transform:translate(-50%,-50%) rotate(45deg);transition:transform .5s ease,opacity .5s ease;opacity:1}.btn-inner-circle:after{content:"";position:absolute;top:50%;left:-50%;width:8px;height:8px;border-top:.5px solid #fff;border-right:.5px solid #fff;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:left .5s ease,opacity .5s ease,border-color .5s ease}.btn:hover .btn-inner-circle{background-color:#333;border-color:#fff}.btn:hover .btn-inner-circle:before{transform:translate(150%,-50%) rotate(45deg);opacity:0}.btn:hover .btn-inner-circle:after{left:50%;transform:translate(-60%,-50%) rotate(45deg);border-color:#fff;opacity:1}@media screen and (max-width:768px){.btn{font-size:1.2rem}}@media screen and (max-width:768px){.btn{margin:0 auto}}.circle-btn{position:relative;display:block;width:5rem;height:5rem;border:1px solid #ddd;border-radius:50%;background-color:#fff;transition:background-color .3s ease,border-color .3s ease}.circle-btn:before{position:absolute;top:50%;left:50%;width:6px;height:6px;content:"";border-top:1px solid #333;border-right:1px solid #333;transform:translate(-50%,-50%) rotate(45deg);transition:transform .5s ease,opacity .5s ease;opacity:1}.circle-btn:after{content:"";position:absolute;top:50%;left:-50%;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:left .5s ease,opacity .5s ease,border-color .5s ease}.circle-btn:hover,.circle-btn.active{background-color:#333;border-color:#333}.circle-btn:hover:before,.circle-btn.active:before{transform:translate(150%,-50%) rotate(45deg);opacity:0}.circle-btn:hover:after,.circle-btn.active:after{left:50%;transform:translate(-50%,-50%) rotate(45deg);border-color:#fff;opacity:1}.circle-left-btn{position:relative;display:block;width:5rem;height:5rem;border:1px solid #ddd;border-radius:50%;background-color:#fff;transition:background-color .3s ease,border-color .3s ease}.circle-left-btn:before{position:absolute;top:50%;left:50%;width:6px;height:6px;content:"";border-top:1px solid #333;border-left:1px solid #333;transform:translate(-50%,-50%) rotate(-45deg);transition:transform .5s ease,opacity .5s ease;opacity:1}.circle-left-btn:after{content:"";position:absolute}@media screen and (max-width:768px){.circle-btn,.circle-left-btn{width:3.5rem;height:3.5rem}.circle-btn:before,.circle-left-btn:before,.circle-btn:after,.circle-left-btn:after{width:4px;height:4px}}.section-btn{font-size:clamp(13px, 1.111vw, 16px);padding:.5em 1.5em;position:relative;overflow:hidden;color:#333;transition:color .3s ease,background-color .3s ease;border-bottom:1px solid #333;background-color:transparent}.section-btn:before{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:1px;background-color:#333;transition:left .3s ease,width .3s ease}.section-btn:hover{background-color:#eee;border-bottom:none}.menu{padding:0}.flex-container{display:flex;flex-wrap:wrap}@media screen and (max-width:500px){.section .section-title{margin-bottom:30px}.section{padding-top:60px}}.breadcrumb ul{list-style:none;padding:0;margin:0}.breadcrumb li{display:inline;font-size:clamp(10px, 0.8333vw, 12px)}.breadcrumb li a{color:inherit;text-decoration:none}.breadcrumb li:first-child a{color:#9e9e9e}.breadcrumb li+li:before{content:">";margin:0 .5em;color:#333}@media screen and (max-width:768px){.breadcrumb{flex-wrap:wrap}}.body{position:relative}.header-navi{display:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:99;margin-bottom:90px;height:105px;width:100%;background-color:transparent;transition:background-color .5s ease-in-out}.site-header.whiteBackground{background-color:#fff}.site-header.transparentBackground{background-color:transparent}.hidden{display:none}#header{transition:top .3s}.header-hidden{top:-120px}#header.HeightMin{position:fixed;z-index:999;animation:DownAnime .5s forwards}#header.HeightMin .site-title .logo img{content:url(//suginoko.co.jp/wp-content/themes/suginokohousing/images/header-logo.svg);width:249px;height:48px}#header.HeightMin .site-title .title-wrapper{display:none}#header.HeightMin .header-list{top:50px}#header.HeightMin .header-sub{top:15px}#header.HeightMin .header-list li a,#header.HeightMin .header-sub li a{position:relative}#header.HeightMin .header-sub li a:after{content:"";width:1px;height:15px;background-color:#1e1e1e;position:absolute;top:5px;left:0;display:flex;align-items:center}#header.HeightMin .header-list li a,#header.HeightMin .header-sub li a{color:#1e1e1e}#header.HeightMin .header-sub .header-tel a span:before{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/images/header-tel-bk.svg)}#header.HeightMin .header-sub>li:first-child>a:after{display:none}#header.HeightMin .header-list li a:after{position:absolute;left:0;content:"";width:100%;height:.5px;background:#2a4073;bottom:-2px;transform:scale(0,1);transform-origin:left top;transition:transform .3s}#header.HeightMin .header-list li a:hover:after{transform:scale(1,1)}#header.HeightMin .header-sub li a:hover{color:#2a4073}.default-header .header-list>li>a{color:#333}.custom-header .header-list>li>a{color:#fff}.HeightMin .header-nav a,.whiteBackground .header-nav a{color:#333}.custom-header.whiteBackground .header-nav a{color:#fff}@keyframes DownAnime{from{opacity:0;transform:translateY(-150px)}to{opacity:1;transform:translateY(0)}}.header-logo{position:absolute;top:30px;left:40px;text-align:center}.header-logo .title-wrapper{text-align:center;color:#fff;margin-top:.5em}.header-logo .title-wrapper span{display:block;line-height:1.4}.header-logo .title-wrapper .position{font-size:1.6rem}.header-logo .title-wrapper .title{font-size:2.4rem;letter-spacing:.1em}.header-list-container{position:absolute;width:100%}.header-list{right:30px;top:60px;position:absolute}.header-list li{position:relative;display:inline-block;vertical-align:top;padding:0 1em}.header-list>li>a{position:relative;display:block;letter-spacing:1px;font-size:13px;color:#fff;text-decoration:none;transition:opacity .4s ease}.header-contact .text{color:#fff;font-size:1.2rem}@media screen and (max-width:1350px){.header-logo{top:20px;left:20px}.header-logo .logo{width:80%}}@media screen and (max-width:1140px){.header-list{display:none}}@media screen and (max-width:1024px){.site-header{height:90px}}@media screen and (max-width:768px){.header-logo .title-wrapper{display:none}}@media screen and (max-width:500px){.site-header{height:75px}}.openbtn{position:fixed;z-index:9999;top:20px;right:20px;cursor:pointer;width:45px;height:45px;background:linear-gradient(135deg,#2a4073,#6a89cc);background:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-main-background.jpg);box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;transition:background .3s,box-shadow .3s}.openbtn:hover{box-shadow:0 6px 8px rgba(0,0,0,.15)}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:50%;transform:translateX(-50%);border-radius:2px;background-color:#fff;width:60%;height:2px}.openbtn span:nth-of-type(1){top:14px}.openbtn span:nth-of-type(2){top:22px}.openbtn span:nth-of-type(3){top:30px}.openbtn.active span:nth-of-type(1){top:22px;transform:translate(-50%,0) rotate(45deg);width:60%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:22px;transform:translate(-50%,0) rotate(-45deg);width:60%}@media screen and (max-width:1150px){.openbtn{display:block}}#g-nav{position:fixed;z-index:1000;top:0;right:-120%;width:50%;height:100%;background:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-main-background.jpg);transition:all .8s;overflow:scroll}#g-nav.panelactive{right:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:40%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav .content{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;padding:9em 0;height:100%}#g-nav li{position:relative}#g-nav li a{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;text-align:left;font-weight:600;font-size:1.2rem}#g-nav .content .logo{margin-bottom:6em}@media screen and (max-width:500px){#g-nav .content{transform:translate(-50%,-55%)}}.g-nav-list{display:none;padding-left:4em}.g-nav-btn,.g-nav-link{color:#010302;position:relative;display:flex;align-items:center;gap:5px;margin:1.5em 0;font-weight:600;transition:color .3s}.g-nav-btn:hover,.g-nav-link:link{color:#008756}.g-nav-link p,.g-nav-btn p,.g-nav-list li a{font-size:1.5rem}.g-nav-link .item{position:relative;padding-left:1rem;color:#fff}.g-nav-link .item:before{content:"";display:block;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background-repeat:no-repeat;background-size:100% auto;width:25px;height:25px}.g-nav-btn .item{position:relative;padding-left:1em;font-weight:600;color:#fff}.g-nav-btn:after{content:"＋";position:absolute;top:50%;right:20px;transform:translateY(-50%);color:#fff;font-size:20px}.g-nav-btn.active:after{content:"－";color:#fff}.g-nav-sns{margin:3em 0;bottom:10%;left:10%;width:80%}.g-nav-logo{display:block;width:30vw;margin:0 auto}.g-nav-sns .flex-container{display:flex;align-items:center;gap:20px}.g-nav-list{padding:0 4em 1em}.g-nav-list li{padding:.5em 0}.g-nav-list li a{position:relative;color:#fff;transition:.3s;display:inline-block;font-weight:500}.g-nav-list li a:before{content:"ー";display:block;position:absolute;top:50%;left:-20px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background-repeat:no-repeat;background-size:100% auto;color:#fff}.g-nav-cv-btn .item a{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.g-nav-cv-btn .note{font-size:1.2rem}@media screen and (max-width:800px){.header-reserve{display:none}#g-nav{width:100%}.g-nav-cv-btn{display:block}}@media screen and (max-width:500px){.header-logo{top:15px;left:15px}.openbtn{top:15px;right:15px}.header-logo .title-wrapper .position{font-size:1.3rem}.header-logo .title-wrapper .title{font-size:1.8rem}.g-nav-logo{display:block;width:200px;margin:0 auto}.header-nav .content .logo{margin-bottom:6em}.g-nav-link p,.g-nav-btn p,.g-nav-list li a{font-size:1.3rem}}.header-side{position:fixed;right:0;top:20%;z-index:100;opacity:0;transition:opacity .5s ease-in;box-shadow:0 4px 8px rgba(0,0,0,.2)}.header-side.visible{opacity:1}.header-side .item{writing-mode:vertical-rl;background-color:#fff;max-width:55px;position:relative;border-bottom:.2px solid #c8c8c8;display:block;color:#333;font-size:clamp(10px, 1.5625vw, 12px);letter-spacing:.1em;display:block;text-align:center;padding:5em 1em 3em}.header-side .item span i{writing-mode:horizontal-tb;line-height:1.2}.header-side .item:before{width:22px;height:22px;position:absolute;top:10%;left:50%;transform:translate(-50%,10%);background-repeat:no-repeat;background-size:cover;content:""}.header-side .item-line .line-text .text{writing-mode:horizontal-tb;display:inline-block;margin-bottom:1em;line-height:.1}.header-side .item-line .line-text .last-text{margin-bottom:.5em}.header-side .item-phone:hover:before{animation:shake .4s ease-in-out infinite}.header-side .item-line:hover:before{animation:fade-line 1s ease-in-out infinite}.header-side .item-phone:before{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image/side-icon-phone.svg)}.header-side .item-line:before{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image/side-icon-line.svg)}@keyframes shake{0%{transform:translate(-50%,10%)}25%{transform:translate(-60%,10%)}50%{transform:translate(-40%,10%)}75%{transform:translate(-60%,10%)}100%{transform:translate(-50%,10%)}}@keyframes fade-line{0%,100%{opacity:1}50%{opacity:.5}}@media screen and (max-width:768px){.header-side{display:none}}.header-side-sp{display:none;position:fixed;left:0;bottom:0;z-index:100}.header-side-sp{width:100%}.header-side-sp .container{display:flex;align-items:center}.header-side-sp .item{background-color:#fff;flex-basis:50%;position:relative;border-bottom:.2px solid #c8c8c8;display:block;color:#333;display:block;text-align:center;padding:1em;width:100%;font-size:clamp(10px, 1.5625vw, 12px);letter-spacing:.1em}.header-side-sp .item span i{writing-mode:horizontal-tb;line-height:1.2}.header-side-sp .item:before{width:18px;height:18px;position:relative;top:0;left:0;background-repeat:no-repeat;background-size:cover;content:"";display:inline-block;margin-right:8px;vertical-align:middle}.header-side-sp .item-line .line-text .text{writing-mode:horizontal-tb;display:inline-block;margin-bottom:1em;line-height:.1}.header-side-sp.item-line .line-text .last-text{margin-bottom:.5em}.header-side-sp .item-phone:hover:before{animation:shake .4s ease-in-out infinite}.header-side-sp .item-line:hover:before{animation:fade-line 1s ease-in-out infinite}.header-side-sp .item-phone:before{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image/side-icon-phone.svg)}.header-side-sp .item-line:before{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image/side-icon-line.svg)}@media screen and (max-width:768px){.header-side-sp{display:block}}.site-footer .access-container{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image/footer-tel-background.jpg);background-size:cover;background-position:center;color:#fff;padding:20px 0;text-align:center;display:flex;align-items:center;gap:2em;justify-content:center;margin-bottom:6rem}.site-footer .access-container .title{font-size:1.4rem;display:block;line-height:1.2}.site-footer .access-container .time p{color:#fff;text-align:left;font-size:1rem}.site-footer .link-container .flex-container{justify-content:center;gap:1em;margin-bottom:6rem}.site-footer .main-footer{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image/footer-background.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:6em 0 12rem}.site-footer .footer-menu{display:block}.site-footer .main-footer .flex-container{width:80%;margin:0 auto;justify-content:space-between;flex-wrap:nowrap}.site-footer .main-footer .thumbnail{margin-bottom:2em}.site-footer .main-footer .content-wrapper,.site-footer .main-footer .title{color:#fff;margin-bottom:1em}.site-footer .footer-menu .flex-container{margin-top:6rem;flex-wrap:wrap;justify-content:left;gap:1em;width:70%;margin-right:0;width:100%;margin-right:0;padding-right:0}.site-footer .footer-menu .flex-container li{flex-basis:calc(33.33%);margin-right:0;margin-bottom:2rem;box-sizing:border-box;white-space:nowrap}.site-footer .main-footer .information-item{flex-basis:50%}.site-footer .main-footer .content-wrapper span{display:block;font-size:clamp(12px, 0.972222vw, 14px)}.site-footer .footer-menu li a{font-size:1.4rem}.site-footer .footer-menu li a,.footer-content .copyright{color:#fff;font-size:1.2rem;letter-spacing:.1em}.site-footer .link-container .flex-container .flex-item:hover{opacity:.6}.site-footer .footer-content{width:80%;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:4em;position:absolute;bottom:5px;left:50%;transform:translate(-50%,-50%);z-index:-1}.site-footer .footer-content .sns-link{height:100%;display:flex;align-items:center;gap:1em}.site-footer .number{width:25vw}.main-footer .information-item a.thumbnail{display:block;width:50vw}.footer-menu-sp-container .menu .item{font-size:1.2rem}@media screen and (max-width:1000px){.site-footer .footer-menu .flex-container{.site-footer .main-footer .menu-item{flex-basis:50%}.site-footer .footer-menu .flex-container li{flex-basis:50%}.site-footer .footer-menu .menu-item{flex-basis:50%}}}@media screen and (max-width:768px){.site-footer .access-container{padding:2em;gap:1em;flex-direction:column}.site-footer .access-container .number{width:45vw}.site-footer .main-footer .flex-container{flex-direction:column-reverse}.site-footer .footer-menu{display:none}.site-footer .footer-menu .flex-container li{flex-basis:calc(50% - 1em)}}@media screen and (max-width:500px){.site-footer .link-container .flex-container .flex-item{flex-basis:45vw}.site-footer .main-footer .flex-container{width:90%}}.footer-menu-sp-container{display:none}.footer-menu-sp-container .menu{padding:1em 0}.footer-menu-sp-container .menu a{font-size:1.2rem;color:#fff}@media screen and (max-width:768px){.footer-menu-sp-container{display:block;margin-bottom:60px;z-index:-1}}.thumbnail-delay{opacity:0}.fadeIn{transition:.8s ease-in-out;transform:translateY(30px);opacity:0}.fadeIn.on{transform:translateY(0);opacity:1}.fadeLeft{-webkit-transition:.8s ease-in-out;-moz-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;transition:.8s ease-in-out;transform:translateX(-30px);opacity:0;filter:alpha(opacity=0);-moz-opacity:0}.fadeLeft.on{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;transform:translateX(0)}.fadeRight{-webkit-transition:.8s ease-in-out;-moz-transition:.8s ease-in-out;-o-transition:.8s ease-in-out;transition:.8s ease-in-out;transform:translateX(30px);opacity:0;filter:alpha(opacity=0);-moz-opacity:0}.fadeRight.on{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;transform:translateX(0)}.fadeUp{animation-name:fadeUpAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.bgextend{animation-name:bgextendAnimeBase;animation-duration:1s;animation-fill-mode:forwards;position:relative;overflow:hidden;opacity:0}@keyframes bgextendAnimeBase{from{opacity:0}to{opacity:1}}.bgappear{animation-name:bgextendAnimeSecond;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards;opacity:0}@keyframes bgextendAnimeSecond{0%{opacity:0}100%{opacity:1}}.bgLRextend:before{animation-name:bgLRextendAnime;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#333}@keyframes bgLRextendAnime{0%{transform-origin:left;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}100%{transform-origin:right;transform:scaleX(0)}}.bgRLextend:before{animation-name:bgRLextendAnime;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#333}@keyframes bgRLextendAnime{0%{transform-origin:right;transform:scaleX(0)}50%{transform-origin:right;transform:scaleX(1)}50.001%{transform-origin:left}100%{transform-origin:left;transform:scaleX(0)}}#loading{width:100vw;height:100vh;transition:all 5s;background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-main-background.jpg);position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center}.loading-container{width:200px;height:100px;margin:0 auto;opacity:1}.ball{width:10px;height:10px;margin:10px auto;border-radius:50px}.ball:nth-child(1){background:#fff;-webkit-animation:right 1s infinite ease-in-out;-moz-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out}.ball:nth-child(2){background:#fff;-webkit-animation:left 1.1s infinite ease-in-out;-moz-animation:left 1.1s infinite ease-in-out;animation:left 1.1s infinite ease-in-out}.ball:nth-child(3){background:#fff;-webkit-animation:right 1.05s infinite ease-in-out;-moz-animation:right 1.05s infinite ease-in-out;animation:right 1.05s infinite ease-in-out}.ball:nth-child(4){background:#fff;-webkit-animation:left 1.15s infinite ease-in-out;-moz-animation:left 1.15s infinite ease-in-out;animation:left 1.15s infinite ease-in-out}.ball:nth-child(5){background:#fff;-webkit-animation:right 1.1s infinite ease-in-out;-moz-animation:right 1.1s infinite ease-in-out;animation:right 1.1s infinite ease-in-out}.ball:nth-child(6){background:#fff;-webkit-animation:left 1.05s infinite ease-in-out;-moz-animation:left 1.05s infinite ease-in-out;animation:left 1.05s infinite ease-in-out}.ball:nth-child(7){background:#fff;-webkit-animation:right 1s infinite ease-in-out;-moz-animation:right 1s infinite ease-in-out;animation:right 1s infinite ease-in-out}@-webkit-keyframes right{0%{-webkit-transform:translate(-15px)}50%{-webkit-transform:translate(15px)}100%{-webkit-transform:translate(-15px)}}@-webkit-keyframes left{0%{-webkit-transform:translate(15px)}50%{-webkit-transform:translate(-15px)}100%{-webkit-transform:translate(15px)}}@-moz-keyframes right{0%{-moz-transform:translate(-15px)}50%{-moz-transform:translate(15px)}100%{-moz-transform:translate(-15px)}}@-moz-keyframes left{0%{-moz-transform:translate(15px)}50%{-moz-transform:translate(-15px)}100%{-moz-transform:translate(15px)}}@keyframes right{0%{transform:translate(-15px)}50%{transform:translate(15px)}100%{transform:translate(-15px)}}@keyframes left{0%{transform:translate(15px)}50%{transform:translate(-15px)}100%{transform:translate(15px)}}.loaded{opacity:0;visibility:hidden}.loadingbg{visibility:hidden;opacity:0}body.appear.home .loadingbg{visibility:visible;opacity:1;content:"";position:fixed;z-index:999;width:100%;height:100vh;top:0;left:0;transform:scaleY(0);background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-main-background.jpg);animation-name:PageAnime;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}body:not(.home) .main-content{opacity:1}@keyframes PageAnime{0%{transform-origin:bottom;transform:scaleY(0)}50%{transform-origin:bottom;transform:scaleY(1)}50.001%{transform-origin:top}100%{transform-origin:top;transform:scaleY(0)}}.main-content{opacity:0}body.appear .main-content{animation-name:PageAnimeAppear;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}@media screen and (max-width:500px){.loading-container{width:20vw;height:auto}.ball{width:7px;height:7px}}.common-top{padding-bottom:0;padding-top:140px}.common-top .common-title{width:95%;margin:0 auto 6rem}.common-top .common-title .title-en{font-size:clamp(60px, 10.9722vw, 158vw);color:#969696;opacity:.2;line-height:1}.common-top .common-title .title{font-size:clamp(20px, 2.08333vw, 30px);font-weight:600}.common-top .breadcrumb{width:95%;margin:0 auto 3rem}.breadcrumb{display:flex;align-items:center;justify-content:left;font-size:12px}.breadcrumb span{color:#969696}.breadcrumb span:not(:last-child):after{content:">";margin:0 10px;color:#969696}.breadcrumb span:last-child{color:#333}.page-link{margin-bottom:clamp(60px, 8.3333vw, 180px)}.page-link .flex-container{justify-content:center}.page-link .flex-container .flex-item{padding:0 2em;border-right:1px solid #c8c8c8}.page-link .flex-container .flex-item:last-child{border-right:none}.page-link .flex-container .flex-item a{font-size:clamp(12px, 0.97222vw, 14px)}.page-link .flex-container .flex-item :hover{opacity:.3}@media screen and (max-width:768px){.page-link .flex-container{flex-direction:column;gap:1em}.page-link .flex-container .flex-item{list-style:disc;padding:0;border-right:0}.page-link .flex-container .flex-item a{color:#b2b2b2}.page-link .flex-container .flex-item::marker{color:#b2b2b2}.page-link .flex-container .flex-item a:hover{color:#333}}@media screen and (max-width:768px){.breadcrumb{justify-content:left;margin-bottom:1rem}.common-top .breadcrumb{margin-bottom:1rem}}.modaal-video .modaal-inner-wrapper{padding:0}.modaal-close:after,.modaal-close:before{background:#ccc}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#666}.top-hero{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-main-background.jpg);background-size:cover;background-attachment:fixed;padding-bottom:clamp(60px, 8.3333vw, 240px);position:relative;padding-top:clamp(200px, 16.6666vw, 240px)}.top-hero .text-container{margin-bottom:clamp(40px, 5.5555vw, 80px);margin-left:auto;margin-right:auto;width:90%}.top-hero .text-container .title,.top-hero .text-container .sub-title{color:#fff}.top-hero .text-container .title{font-size:clamp(40px, 6.25vw, 90px);line-height:1.1;letter-spacing:.05em}.top-hero .text-container .title .br{display:block}.top-hero .text-container .sub-title{font-size:clamp(20px, 2.36111vw, 34px)}.top-hero .slider-container .thumbnail img{width:100%}.top-hero .top-movie-btn{position:absolute;bottom:2%;right:5%;animation:rotate 8s linear infinite;transition:transform .3s ease}.top-hero .top-movie-btn img{width:20vw;max-width:120px}.top-hero .top-movie-btn:hover{animation:rotate 2s linear infinite;transform:scale(1.1)}.top-information{margin-bottom:clamp(60px, 12.5vw, 180px);padding-bottom:0}.top-information .section-title{margin-bottom:64px}.top-information .section-title .title-en{font-size:clamp(20px, 2.22222vw, 32px)}.top-information .slider-container{margin-bottom:clamp(90px, 12.5vw, 180px);display:flex}.top-information .text-container{flex-wrap:nowrap;justify-content:space-between;margin-bottom:90px}.top-information .text-container .title{font-size:clamp(24px, 3.0555vw, 40px);text-align:left;line-height:1.4}.top-information .text-container .title-item .title{white-space:nowrap}.top-information .text-container .text-item{flex-basis:65%}.top-information .slider-container img{width:100%}.top-information .slider-container .thumbnail{margin-right:1em}.top-information .text-slider figure{margin-right:6em}.top-information .text-slider .thumbnail img{width:100%;height:auto}.top-information-thumbnail{margin-bottom:90px}.top-information-thumbnail img{display:block;margin:0 auto;width:100%;max-width:1140px}@media screen and (max-width:1200px){.top-information{margin-left:auto;margin-right:auto;width:95%}}@media screen and (max-width:768px){.top-information .text-container{flex-direction:column;gap:30px;margin-bottom:60px}.top-information .text-slider .thumbnail img{width:100%;height:auto}.top-information .section-title{margin-bottom:24px}.top-information-thumbnail{margin-bottom:60px}}@media screen and (max-width:500px){.top-information .text-container{margin-bottom:40px}.top-information .text-slider figure{margin-right:0}.top-information-thumbnail{margin-bottom:40px}}.top-product{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-main-background.jpg);background-size:cover;background-attachment:fixed;background-repeat:repeat}.top-product .product-container{margin-bottom:clamp(90px, 12.5vw, 180px)}.top-product .product-container .title{text-align:center;margin-bottom:clamp(28px, 3.8888vw, 56px)}.top-product .product-container .title img{max-width:100%;height:auto;max-width:220px}.top-product .product-container .main-thumbnail{width:95%;margin:0 auto;margin-bottom:clamp(60px, 8.333vw, 120px)}.top-product .product-container .main-thumbnail img{display:block;width:100%}.top-product .product-container .flex-container{align-items:flex-start;justify-content:space-between;width:90%;margin:0 auto;flex-wrap:nowrap;gap:2em}.top-product .product-container .text-wrapper .title,.top-product .product-container .text-wrapper .text{color:#fff}.top-product .product-container .text-wrapper .title{font-size:clamp(22px, 1.8055vw, 26px);line-height:1.4;text-align:left}.top-product .product-container .text-wrapper .text{margin-bottom:32px}.top-product .flex-container .thumbnail img{width:100%}.top-product .flex-container .text-wrapper{flex-basis:60%;width:100%}@media screen and (max-width:1000px){.top-product .product-container .flex-container{flex-direction:column;padding:0;row-gap:60px}.top-product .product-container .flex-container .thumbnail{width:70vw;height:400px}.top-product .product-container .flex-container .thumbnail img{object-fit:cover;object-position:center center}}@media screen and (max-width:768px){.top-product .product-container .flex-container .thumbnail{width:100%;height:240px;margin-left:auto;margin-right:auto}.top-product .product-container .flex-container{flex-direction:column}@media (max-width:768px){.top-product .title img{width:40vw}}}@media screen and (max-width:500px){.top-product .product-container .flex-container{align-items:center}.top-product .product-container .flex-container .thumbnail{margin-left:0;margin-right:0;width:90vw}.top-product .product-container .main-thumbnail{margin-bottom:30px}.top-product .product-container .text-wrapper .title{font-size:18px}}.top-work{background-image:linear-gradient(to bottom,#fff 50%,#e1e1e1 50%)}.top-work .section-title{margin-bottom:0}.top-work .section-wrapper{display:flex;align-items:center;justify-content:space-between;width:90%;margin:0 auto;margin-bottom:clamp(30px, 4.16666vw, 60px)}.top-work .flex-item{padding-left:1em;padding-right:1em}.top-work .slider-container .circle-btn{position:absolute;top:50%;right:0;transform:translate(-50%,-100%)}.top-work .slider-container .circle-left-btn{position:absolute;top:50%;left:0;z-index:2;transform:translate(0,-100%)}.top-work .slick-list{margin:0 2em}@media screen and (max-width:1130px){.top-work .slider-wrapper{height:360px;overflow:hidden}}@media screen and (max-width:500px){.top-work .slider-wrapper{margin-right:0}}.top-news .section-title{margin-bottom:0}.top-news .section-wrapper{display:flex;align-items:center;justify-content:space-between;width:90%;margin:0 auto;margin-bottom:clamp(30px, 4.16666vw, 60px)}.top-news .list-container{width:90%;margin:0 auto}.top-news .list{display:flex;align-items:center;justify-content:space-between;padding:1em .5em;border-bottom:.5px solid #9e9e9e;font-size:1.3rem;letter-spacing:.1em}.top-news .list:hover{background-color:#eee}.top-news .list-wrapper{display:flex;align-items:center;gap:2em}.top-news .list-content{display:flex;align-items:center;gap:1em}.top-news .list .category{font-size:1rem;padding:.3em 1em;background-color:#333;color:#fff}.top-news .news-article{width:90%;margin:0 auto}@media screen and (max-width:768px){.top-news .list{padding:1em .5em}.top-news .list-wrapper{flex-direction:column;display:inline-block}.top-news .list .category{padding:.1em .8em;font-size:.9rem}}.top-about{width:90%;margin:0 auto}.top-about .flex-container{align-items:center;flex-wrap:nowrap;gap:6em;margin-bottom:120px;justify-content:center}.top-about .text-wrapper .text{max-width:500px;margin-bottom:4em}.top-about .flex-container{gap:6em}.top-about .area-container{margin-bottom:0}.top-about .area-container .title-wrapper{margin-bottom:60px}.top-about .area-container .title-wrapper .sub{font-size:clamp(12px, 0.97222vw, 14px)}.top-about .area-container .title-wrapper .title{font-size:clamp(20px, 1.9444vw, 28px);text-align:left}.top-about .area-container .content{margin-bottom:50px;max-width:280px;padding:1em}.top-about .area-container .content-wrapper .title{font-size:clamp(16px, 1.52777vw, 22px);position:relative;padding-left:1em;margin-bottom:.5em}.top-about .area-container .content-wrapper .title:before{content:"";width:15px;height:1px;background-color:#2680bf;position:absolute;top:50%;left:0}.top-about .area-container .content-wrapper .area-4:before{background-color:#f78126}.area-1{color:#2680bf}.area-4{color:#f78126}.top-about .area-container .content-wrapper .list{display:flex;align-items:center;flex-wrap:wrap;gap:1em}.top-about .area-container .content-wrapper .list li{font-size:clamp(14px, 1.25vw, 18px);flex-basis:30%;white-space:nowrap}.top-about .area-container .content-wrapper{flex-wrap:wrap}.top-about .area-container .content .description{font-size:1.2rem}@media screen and (max-width:768px){.top-about{width:100%}.top-about .flex-container{flex-direction:column}.top-about .content-container{flex-direction:column-reverse}.top-about .content-container .title-item{width:90%;margin:0 auto}.top-about .flex-container .thumbnail img{width:100%}.top-about .area-container{flex-direction:row;gap:1em;justify-content:space-between}.top-about .area-container .text-wrapper{flex-basis:50%}.top-about .area-container .thumbnail{flex-basis:50%}.top-about .area-container .content-wrapper .list li{flex-basis:0}}@media screen and (max-width:600px){.top-about .area-container{flex-direction:column;gap:3em}.top-about .area-container .flex-item{width:90%}.top-about .area-container .title-wrapper{margin-bottom:30px}.top-about .area-container .content-wrapper{display:flex;gap:2em}.top-about .area-container .content-wrapper .title:before{width:10px}.top-about .area-container .content{margin-bottom:0;padding:0;flex-basis:100%}}.top-company{margin-bottom:clamp(60px, 8.3333vw, 180px);padding-bottom:0}.top-company .inner{max-width:1420px;padding:0}.top-company .flex-container{justify-content:space-between;position:relative;align-items:flex-start}.top-company .text-wrapper{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-company-background.jpg);display:flex;align-items:left;justify-content:center;flex-direction:column;padding:5vw;width:50vw;max-width:750px}.top-company .thumbnail{position:absolute;top:15%;right:0;flex-basis:50%;width:50vw;max-width:750px}.top-company .text-wrapper .section-title .title-en,.top-company .text-wrapper .section-title .title,.top-company .text-wrapper .content .text{color:#fff}.top-company .text-wrapper .text{margin-bottom:3em}.top-company .text-wrapper .content{max-width:500px;display:block}@media screen and (max-width:768px){.top-company .flex-container{flex-direction:column-reverse;align-items:center}.top-company .text-wrapper,.top-company .thumbnail{width:90vw;max-width:none}.top-company .thumbnail{position:static;width:100%;height:240px}.top-company .thumbnail img{width:100%;object-fit:cover}.top-company .text-wrapper{width:100%}}@media screen and (max-width:480px){.top-company .text-wrapper,.top-company .thumbnail{width:100vw}.top-company .text-wrapper{padding:10vw}}.top-sns{width:90%;margin:0 auto;margin-bottom:clamp(60px, 8.3333vw, 180px);padding-bottom:0}.top-sns .section-title{margin-bottom:0}.top-sns .section-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}.top-sns .section-btn{font-size:clamp(13px, 1.111vw, 16px);padding:.5em 1.5em;position:relative;color:#333;transition:color .3s ease,background-color .3s ease;border-bottom:1px solid #333;background-color:transparent}.top-sns .instgram-btn{position:relative;display:inline-block;padding-left:2em;font-size:clamp(13px, 1.111vw, 16px)}.top-sns .instgram-btn:hover{opacity:.5}.top-sns .instgram-btn:before{content:"";background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/top-sns-instagram.svg);background-repeat:no-repeat;width:35px;height:35px;margin-right:1em;position:absolute;top:50%;left:-1em;transform:translateY(-50%)}.top-sns .section-btn:hover{background-color:#eee;border-bottom:none}.top-sns .instgram-sp-btn{display:none}@media (max-width:500px){.top-sns .instgram-btn{display:none}.top-sns .instgram-sp-btn{display:block}.top-sns .section-wrapper{margin-bottom:30px}}.sb_instagram_header{display:none}#sbi_images{position:relative}#sb_instagram.sbi_col_4 #sbi_images{grid-template-columns:1fr !important}#sbi_images .circle-btn{position:absolute;right:0;top:50%;transform:translate(0,0)}#sbi_images .circle-left-btn{position:absolute;left:0;top:50%;transform:translate(-50%,0);z-index:3}.top-link-container{background-image:linear-gradient(to right,#fff 15%,#e1e1e1 85%);margin-bottom:clamp(60px, 12.5vw, 180px);position:relative;padding:9em 0}.top-link-container .flex-container{justify-content:center;gap:3em;max-width:1140px;margin:0 auto}.top-link-container .flex-item{transition:transform .3s ease}.top-link-container .flex-item:hover{transform:scale(1.05)}@media screen and (max-width:1000px){.top-link-container .flex-item{width:40vw}}@media screen and (max-width:768px){.top-link-container{padding:4em}.top-link-container .flex-container{gap:1em}}@media screen and (max-width:600px){.top-link-container{padding:2em}}.common-contact{margin-bottom:clamp(90px, 12.5vw, 180px);padding:0 5%}.common-contact a{width:70vw;transition:transform .3s ease}.common-contact a:hover{transform:scale(1.05)}.common-contact .thumbnail{margin:0 auto}.common-contact .thumbnail img{margin:0 auto;display:block}.about-top{margin-bottom:0;padding-bottom:0}.about-about{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/about-about-background.png);background-size:cover;background-attachment:fixed}.about-about .page-link{width:85%;margin:0 auto;margin-bottom:clamp(60px, 12.5vw, 180px)}.about-about .page-link .flex-container{justify-content:center}.about-about .page-link .flex-container .flex-item{padding:0 2em;border-right:1px solid #c8c8c8}.about-about .page-link .flex-container .flex-item:last-child{border-right:none}.about-about .page-link .flex-container .flex-item a{font-size:clamp(12px, 0.97222vw, 14px)}.about-about .page-link .flex-container .flex-item :hover{opacity:.3}.about-about .text-wrapper{width:80%;margin:0;max-width:480px;margin-left:5%}.about-about .about-image{margin-bottom:6rem}.about-about .about-image img{margin:0 auto;display:block}.about-about .about-content-container .title-wrapper{text-align:center;margin-bottom:3rem}.about-about .about-content-container .title-wrapper .sub-title{font-size:clamp(14px, 1.25vw, 18px)}.about-about .about-content-container .title-wrapper .title{font-size:clamp(18px, 2.0833vw, 30px)}.about-about .about-content-container .content-container{padding:6rem;box-shadow:0 4px 8px rgba(0,0,0,.1);width:90%;margin:0 auto;background-color:rgba(255,255,255,.6);display:flex;flex-wrap:wrap;row-gap:1.5rem;max-width:1200px}.about-about .content-container .content-wrapper{padding:2em;border-right:.5px solid #969696;flex-basis:25%}.about-about .content-container .content-wrapper:nth-child(4n){border-right:none}.about-about .content-container .content-wrapper .title{text-align:center;margin-bottom:2rem;line-height:1;font-size:clamp(14px, 1.1111vw, 16px);font-weight:600}.about-about .content-container .content-wrapper .text{font-size:13px;line-height:1.8}.about-about .about-content-thumbnail{width:80%;margin:0;mix-blend-mode:multiply;text-align:center}@media screen and (max-width:768px){.about-about .page-link .flex-container{flex-direction:column;gap:1em}.about-about .page-link .flex-container .flex-item{list-style:disc;padding:0;border-right:0}.about-about .page-link .flex-container .flex-item a{color:#333;text-decoration:none;transition:color .3s,text-decoration .3s}.about-about .page-link .flex-container .flex-item a:hover{color:#000;text-decoration:underline}.about-about .page-link .flex-container .flex-item::marker{color:#b2b2b2}.about-about .page-link .flex-container .flex-item a:hover{color:#333}.about-about .text-wrapper{margin-bottom:60px}.about-about .about-content-container .content-container{justify-content:space-between;row-gap:0;padding:3rem}.about-about .about-image{width:80vw;margin:0 auto 6rem}.about-about .content-container .content-wrapper{flex-basis:48%;border-right:none;border-bottom:1px solid #969696;padding:2em}.about-about .about-content-thumbnail{width:100%}}@media screen and (max-width:500px){.about-about .about-content-container .content-container{padding:1rem}.about-about .content-container .content-wrapper .text{font-size:1.1rem}}.about-warranty{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/about-warranty-background.jpg);padding-top:140px;padding-bottom:140px;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}.about-warranty .section-title{margin-bottom:0}.about-warranty .section-wrapper{display:flex;align-items:center;width:80%;margin:0 auto 120px;gap:6rem;max-width:1200px}.about-warranty .section-title .title-en,.about-warranty .section-title .title{color:#fff}.about-warranty .section-title{flex-basis:45%}.about-warranty .section-title .title-en{font-size:clamp(12px, 0.97222vw, 14px);margin-bottom:3rem}.about-warranty .section-title .title{font-size:clamp(16px, 1.6666vw, 24px)}.about-warranty .section-description{margin-top:3rem}.about-warranty .section-description .text{color:#fff}.about-warranty .content-container{width:80%;margin:0 auto;max-width:980px}.about-warranty .content-container .flex-container{background-color:#333;padding:clamp(20px, 4.1666vw, 60px) clamp(14px, 2.77777vw, 40px);margin-bottom:2em;flex-wrap:nowrap;align-items:center;gap:6rem}.about-warranty .content-container .flex-item:first-child{flex-basis:25%;border-right:.5px solid #fff;padding-right:1em}.about-warranty .content-container .flex-item:last-child{flex-basis:70%}.about-warranty .content-container .thumbnail img{display:block;margin:0 auto}.about-warranty .content-container .title{color:#fff;font-size:clamp(14px, 1.111vw, 18px);margin-top:.5em}.about-warranty .content-container .flex-container .description{color:#fff;font-size:14px}@media screen and (max-width:1200px){.about-warranty .section-wrapper{flex-direction:column;align-items:flex-start;gap:3rem;width:90%;margin-bottom:60px}}@media screen and (max-width:768px){.about-warranty{padding:90px 0}.about-warranty .content-container{width:90%}.about-warranty .content-container .flex-container{gap:2rem}.about-warranty .content-container .flex-container .description{font-size:13px;line-height:1.8}.about-warranty .content-container .title{font-size:1.3rem}}@media screen and (max-width:500px){.about-warranty .content-container{width:80%}.about-warranty .content-container .flex-container{flex-direction:column}.about-warranty .content-container .flex-item:first-child{border-right:0}.about-warranty .content-container .flex-container{gap:1.5rem}}.about-product .section-title-wrapper{width:90%;margin:0 auto;margin-bottom:clamp(60px, 8.3333vw, 180px)}.about-product .section-title .title-en{font-size:clamp(12px, 0.97222vw, 14px);margin-bottom:3rem}.about-product .section-title .title{font-size:clamp(16px, 1.6666vw, 24px);line-height:2}.about-product .section-description{width:65%}.about-product .section-description .text{margin-bottom:3rem}.about-product .content-wrapper{position:relative;margin-bottom:40rem}.about-product .content-wrapper .flex-container{align-items:center;gap:6rem;position:relative;flex-wrap:nowrap}.about-product .content-wrapper .flex-container .title{margin-right:auto;margin-left:auto}.about-product .content-wrapper .detail-wrapper{padding:6rem;background-color:#fff;position:absolute;width:50%;position:absolute;z-index:1;top:63%;box-shadow:0 4px 8px rgba(0,0,0,.2)}.about-product .durable-wrapper .detail-wrapper{right:0}.about-product .detail-wrapper .title{text-align:left;margin-bottom:4rem;font-size:clamp(18px, 1.9444vw, 28px)}.about-product .detail-wrapper .text{margin-bottom:2em}.about-product .detail-wrapper .text:last-child{margin-bottom:0}.product-btn{max-width:510px;width:80%;border:.5px solid #333;padding:10px 20px;font-size:1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 auto;margin-bottom:clamp(90px, 8.333vw, 180px);text-decoration:none;color:#333;transition:background-color .3s,color .3s;box-shadow:0 4px 8px rgba(0,0,0,.2)}.product-btn:after{content:"→";font-size:1.5rem;position:absolute;right:20px}.product-btn:hover{background-color:#333;color:#fff}@media screen and (max-width:1100px){.about-product .content-wrapper .detail-wrapper{position:static}.about-product .content-wrapper{margin-bottom:clamp(60px, 10.9vw, 120px)}.about-product .content-wrapper .detail-wrapper{width:80%;margin-left:auto}}@media screen and (max-width:768px){.about-product .section-description{width:90%}.about-product .content-wrapper .flex-container{flex-direction:column;gap:3rem}.about-product .durable-wrapper .flex-container{flex-direction:column-reverse}.about-product .content-wrapper .detail-wrapper{margin-left:0}.about-product .content-wrapper .detail-wrapper{width:100%;box-shadow:none;padding-bottom:0}.about-product .content-wrapper .flex-container .title{width:30vw}}@media screen and (max-width:500px){.about-product .content-wrapper .detail-wrapper{padding:3rem;padding-bottom:0}}.about-lineup{width:90%;margin:0 auto;margin-bottom:clamp(90px, 8.333vw, 180px);max-width:1240px;padding-bottom:0}.about-lineup .section-title{margin-bottom:0}.about-lineup .section-title{margin-bottom:0}.about-lineup .section-wrapper{margin-bottom:30px}.about-lineup .section-title .title-en{font-size:clamp(12px, 0.97222vw, 14px);margin-bottom:1.5rem}.about-lineup .section-title .title{font-size:clamp(16px, 1.6666vw, 24px);line-height:2}.about-lineup .section-description{width:65%}.about-lineup .flex-container{justify-content:center;gap:3rem}.about-lineup .content-item{flex-basis:48%}.about-lineup .thumbnail{position:relative}.about-lineup .tag-number{padding:.7em 1em;background-color:rgba(19,19,19,.9);position:absolute;top:10px;left:10px;text-align:center;line-height:1.4}.about-lineup .tag-number span,.about-lineup .tag-number .number,.about-lineup .content-detail .subtext,.about-lineup .content-detail .title{color:#fff}.about-lineup .tag-number .type{font-size:1.3rem;line-height:1;letter-spacing:.05em}.about-lineup .tag-number .number{font-size:clamp(16px, 2.08333vw, 30px);line-height:1}.about-lineup .content-detail{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(19,19,19,.7);padding:1em 2em}.about-lineup .content-detail .subtext{font-size:clamp(10px, 0.97222vw, 14px)}.about-lineup .content-detail .title{font-size:clamp(14px, 1.388vw, 20px);font-weight:600}@media screen and (max-width:1000px){.about-lineup .section-description{width:100%}}@media screen and (max-width:850px){.about-lineup .content-item{flex-basis:45%}}@media screen and (max-width:768px){.about-lineup .tag-number .type{font-size:1rem}.about-lineup .content-detail{padding:.5em 1rem}}@media screen and (max-width:700px){.about-lineup .content-item{flex-basis:90%}.about-lineup .content-detail .subtext{font-size:.9rem}.about-lineup .content-detail .title{font-size:1.3rem;line-height:1.6}}#article-strengths .page-link{padding-top:clamp(60px, 8.3333vw, 120px);width:90%;margin-left:auto;margin-right:auto}.strengths-top{margin-bottom:0}.strengths-content{padding-top:0;width:90%;margin:0 auto;margin-bottom:clamp(60px, 8.333vw, 180px)}.strengths-content .flex-container{align-items:flex-start;margin-bottom:140px;justify-content:center;flex-wrap:nowrap;gap:8em;align-items:center}.strengths-content .flex-container .description{flex-basis:30%}.strengths-content .title-container span{display:block}.strengths-content .title-container{margin-bottom:20px}.strengths-content .title-container .title-en{color:#969696;font-size:clamp(12px, 0.694vw, 14px);line-height:1;letter-spacing:.1em}.strengths-content .title-container .title{font-size:clamp(14px, 1.25vw, 18px)}.strengths-content .primary-text{font-size:clamp(16px, 1.66666vw, 24px);text-align:left;margin-bottom:2em;line-height:2}.strengths-content .description .text{max-width:330px;line-height:1.6}.strengths-content .title-wrapper .title{margin-bottom:60px}.strengths-content .title-wrapper .title{font-size:clamp(16px, 1.6666vw, 24px);position:relative}.strengths-content .title-wrapper .title span{background-color:#fff;padding:.5em}.strengths-content .title-wrapper .title:before{content:"";display:flex;align-items:center;width:100%;background-color:#333;height:.5px;position:absolute;top:50%;z-index:-1}.strengths-content .title-wrapper .description{text-align:left;max-width:530px;margin:0 auto 90px}.strengths-content .content-container .flex-container{justify-content:center;gap:60px;flex-wrap:nowrap;align-items:flex-start}.strengths-content .content-container .flex-container .flex-item{text-align:center}.strengths-content .content-container .flex-container .flex-item .tetx{font-size:clamp(12px, 0.9722vw, 14px)}.strengths-content .content-container .flex-container .title{font-size:clamp(13px, 1.1111vw, 16px);font-weight:400;padding-bottom:1em;text-align:center}.strengths-content .content-container .title .bold{font-weight:600;font-size:clamp(16px, 1.5222vw, 22px);padding:0 .3em}.strengths-content .content-container .thumbnail{margin-bottom:20px}@media screen and (max-width:1024px){.strengths-content .flex-container .description{flex-basis:70%}.strengths-content{width:95%}}@media screen and (max-width:768px){.content-skeletion-container .flex-container{flex-direction:column}.strengths-content .content-container .text{text-align:center}}@media screen and (max-width:600px){.strengths-content .flex-container{flex-wrap:wrap;gap:3rem}.strengths-content .flex-container.flex-item{flex-basis:50%}.strengths-content .flex-container .description{width:90%;flex-basis:100%}.strengths-content .flex-container{margin-bottom:60px}.strengths-content .title-wrapper .title{margin-bottom:30px}.strengths-content .title-wrapper .description{margin-bottom:30px}.strengths-content .content-container .flex-container{gap:30px;flex-direction:column}.strengths-content .content-container .flex-container .flex-item img{width:70%;margin:0 auto;display:block}.strengths-content .content-container .flex-container .flex-item{text-align:left}.strengths-content .description .text{max-width:none}}.strengths-content .content-skeleton-item{display:flex;align-items:center;gap:3rem}.strengths-content .content-container .bold-text{font-weight:600;margin-bottom:1em;text-align:center;font-size:1.5rem}.strengths-content .content-skeletion-container .flex-container{margin-bottom:0}.strengths-content .content-skeletion-container .text-wrapper{padding-bottom:2rem;border-bottom:1px solid #969696;margin-bottom:2rem}.strengths-content .content-skeletion-container .text-wrapper .text{color:#605858}.strengths-content .content-skeletion-container .description .text{font-size:1.4rem;max-width:none}@media screen and (max-width:768px){.content-skeletion-container .sp-none{display:none}}.strengths-content .description .text-wrapper{margin-bottom:3em}.strengths-content .description .text-wrapper span{display:block}.strengths-content .description .text-wrapper .main-text{font-size:clamp(18px, 2.77777vw, 40px);line-height:1.6;letter-spacing:.1em}.strengths-content .description .text-wrapper .min-text{font-size:clamp(14px, 1.66666vw, 24px)}.content-earthquake-grade .title-wrapper{margin-bottom:120px}.content-earthquake-grade .title-wrapper .description{margin-bottom:3em}.content-earthquake-grade .flex-container{align-items:end;max-width:700px;margin:0 auto 140px}.content-earthquake-grade .flex-container .circle{display:block;margin-right:auto}.content-earthquake-grade .text-wrapper{width:70%;margin:0 auto 30px}.content-earthquake-grade .text-wrapper .line-text{background:linear-gradient(transparent 50%,#ffc20e 30%)}.strengths-content .content-structural-calculation .flex-container{margin-bottom:0}.strengths-content .content-structural-calculation .description{margin-bottom:3em;max-width:735px}.strengths-content .content-structural-calculation .title-wrapper{margin-bottom:90px}.content-earthquake-grade .wrapper-sp{display:none}@media screen and (max-width:768px){.content-earthquake-grade .wrapper{display:none}.content-earthquake-grade .wrapper-sp{display:block;margin-bottom:60px}.airtight-container .text-wrapper{margin:0 auto 3rem}}.airtight-container .text-wrapper{border:.5px solid #f2a713;padding:1em;max-width:260px;margin-left:auto}.airtight-container .text-wrapper .title{color:#f2a713;font-weight:600;border-bottom:.5px solid #f2a713;margin-bottom:.5em}.airtight-container .text-wrapper .text{font-size:12px;line-height:1.8}.ventilation-container .main-container{align-items:center}.ventilation-container .thumbnail{flex-basis:70%}.ventilation-container .thumbnail img{width:80%}.ventilation-container .content-wrapper{flex-basis:40%}.ventilation-container .content-wrapper .text{text-align:left}.strengths-content .ventilation-container .content-wrapper .title{font-size:clamp(14px, 1.25vw, 18px);font-weight:600}.ventilation-container .bottom-container .thumbnail{margin-bottom:1em}.strengths-content .ventilation-container .bottom-container .title{font-size:clamp(14px, 1.25vw, 18px);font-weight:600;padding-bottom:0}.ventilation-container .bottom-container .cold{color:#66bdcc}.ventilation-container .bottom-container .warm{color:#f2a714}@media screen and (max-width:600px){.ventilation-container .flex-container{flex-direction:column}.ventilation-container .flex-container .thumbnail{text-align:center !important}.ventilation-container .thumbnail img{width:100%}}.company-outline{width:85%;margin:0 auto;margin-bottom:280px}.company-outline .section-title .en-title{text-align:left;font-weight:600}.company-outline .content-container table{width:100%}.company-outline .content-container table tr{display:flex;border-bottom:1px solid #d0d0d0;align-items:flex-start;padding:2em .5em;text-align:left;font-size:clamp(13px, 1.1111vw, 16px)}.company-outline .content-container table tr:first-child{border-top:1px solid #d0d0d0}.company-outline .content-container table tr:last-child{border-bottom:none}.company-outline .content-container table th{flex-basis:20%;font-weight:500}.company-outline .content-container table td{flex-basis:80%;letter-spacing:.05em}.company-outline .content-container table td span{display:block}.company-outline .content-container .place-wrapper{margin-bottom:3em}.company-outline .content-container .place-wrapper .flex-container{gap:2rem}.company-outline .content-container .list{padding-left:2em;margin:0}.company-outline .content-container .place-wrapper .title{font-weight:600}.google-btn{padding:.5em 1.5em;border-radius:40px;background-color:#333;font-size:1rem;color:#fff;border:.5px solid #333;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.google-btn:hover{background-color:#fff;color:#333;border-color:#333}.company-outline .map{position:relative;width:100%;padding-top:56.25%}.company-outline .map iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:768px){.company-outline{padding-bottom:0;width:90%}.company-outline .content-container .place-wrapper .flex-container{gap:1rem;margin-bottom:2rem}}.company-bottom{margin-bottom:90px}.company-bottom .background{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/company-bottom-background.jpg);position:relative;z-index:-1;height:240px}.company-bottom .thumbnail{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2;width:80%}.company-bottom .thumbnail img{width:100%;margin:0 auto}.company-slider{margin-bottom:clamp(60px, 8.3333vw, 180px)}.company-slider ul{display:flex;align-items:center;flex-wrap:wrap}.company-slider .thumbnail{flex-basis:25%}.company-slider .thumbnail img{width:100%}@media screen and (max-width:768px){.company-outline{margin-bottom:120px}.company-bottom .background{height:180px}.company-bottom .thumbnail{width:100%}}.news-archieve-section{margin-top:clamp(90px, 8.333vw, 180px)}.news-archieve-section .inner{max-width:1160px;margin:0 auto}.news-archive-container{width:100%;background-color:#fff;margin-bottom:240px;border-radius:20px}.news-archive-container .list{display:flex;align-items:center;justify-content:space-between;padding:3em .5em;border-bottom:.5px solid #9e9e9e;font-size:1.3rem;letter-spacing:.1em;text-decoration:none;color:inherit}.news-archive-container .list:hover{background-color:#eee}.news-archive-container .list-wrapper{display:flex;align-items:center;gap:2em}.news-archive-container .list-content{display:flex;align-items:center;gap:1em}.news-archive-container .list .category{font-size:1rem;padding:.3em 1em;background-color:#333;color:#fff}.news-archive-container .list .category .post-categories a{color:#fff}.news-archive-container .list:hover{background-color:#eee}.news-archive-container .pagination{text-align:right;margin-bottom:90px;display:flex;justify-content:center;gap:1em}.news-archive-container .page-numbers{background-color:transparent;border:1px solid #1b2848;padding:1em 1.5em;font-size:1.2rem}.news-archive-container .page-numbers:active,.news-archive-container .page-numbers.current{background-color:#0b1733;color:#fff}@media screen and (max-width:768px){.news-archive-container .list-wrapper{flex-direction:column;display:inline-block}.news-archive-container .list .category{padding:.1em .8em;font-size:.9rem}.news-archive-container .list{padding:1em .5em}}@media screen and (max-width:500px){.news-archive-container{margin-bottom:80px}}.news-single-section .inner{max-width:920px;margin:0 auto}.news-single-section .thumbnail{margin-bottom:3em}.news-single-section .thumbnail img{width:100%}.news-single-container{margin-bottom:clamp(60px, 8.3333vw, 180px)}.news-single-container .header{margin-bottom:6rem}@media screen and (max-width:767px){.news-single-container .header{margin-bottom:3rem}}.news-single-container .title{font-size:clamp(18px, 1.66666vw, 24px);line-height:1.4;font-weight:600;margin:1em 0 1.5em;text-align:center}@media screen and (max-width:767px){.news-single-container .title{font-size:1.6rem;margin:.8em 0 1.2em}}.news-single-container .content h1,.news-single-container .content h2{font-size:2.4rem;line-height:1.5;letter-spacing:.12em;padding:.5em 0;margin-bottom:1.5em;border-bottom:solid 3px #2a4073}@media screen and (max-width:767px){.news-single-container .content h1,.news-single-container .content h2{font-size:1.6rem;line-height:1.7;letter-spacing:.08em}}.news-single-container .content h3{font-size:1.8rem;line-height:1.8;letter-spacing:.12em;padding:.25em .5em;margin-bottom:1.2em;border-left:solid 5px #2a4073;text-align:left}@media screen and (max-width:767px){.news-single-container .content h3{font-size:1.4rem;line-height:2;letter-spacing:.08em}}.news-single-container .content p{font-size:16px;font-size:1.6rem;line-height:2;letter-spacing:.14em;padding:.25em .5em;margin-bottom:.5em}@media screen and (max-width:767px){.news-single-container .content p{font-size:14px;font-size:1.4rem}}.news-single-container .content img{display:block;height:auto !important;max-width:100%;width:100%}.news-single-container .content blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}.news-single-container .content code{padding:2px 4px;font-size:90%;color:#273148;background-color:#f9f2f4;border-radius:4px}.news-single-container .content pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857;word-break:break-all;word-wrap:break-word;color:#010302;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}.news-single-container .content dt{font-weight:700}.news-single-container .content b,.news-single-container .content strong{font-weight:700;color:#273148}.news-single-container .content a{word-wrap:break-word;color:#00f}.news-single-container .content ul{list-style-type:disc}.news-single-container .content ul li{list-style-type:inherit;margin-left:2em}.news-single-container .content ol{list-style-type:decimal}.news-single-container .content ol li{list-style-type:inherit;margin-left:2em}.news-single-container .content table{width:100%;max-width:100%;word-break:break-word;border:1px solid #ccc}.news-single-container .content table tr th,.news-single-container .content table tr td{padding:1em}@media screen and (max-width:767px){.news-single-container .content table tr th,.news-single-container .content table tr td{padding:.5em}}.news-single-container .content table tr th,.news-single-container .content table tr td{border:1px solid #ccc}.news-single-container .loop-wrapper .link{padding:2em;border-top:1px solid #eee;border-bottom:1px solid #eee;max-width:200px;letter-spacing:.1em;text-align:center;margin:6em auto}.construction-infomation{padding-top:0}.construction-infomation .construction-container{width:80%;margin:0 auto}.construction-infomation .construction-container .thumbnail{margin-bottom:clamp(30px, 4.1666vw, 60px);text-align:center}.construction-infomation .construction-container .thumbnail img{width:100%}.construction-infomation .construction-container .wrapper .description{margin-bottom:clamp(30px, 4.1666vw, 60px)}.construction-infomation .construction-container .product-btn{margin-bottom:0}@media screen and (max-width:768px){.construction-infomation.construction-container{width:85%}.construction-infomation .construction-container .product-btn{width:70%;font-size:12px}}@media screen and (max-width:500px){.construction-infomation .construction-container{width:90%}}.construction-content{background-color:#f7f7f7}.construction-content .construction-container{width:80%;margin:0 auto;max-width:1200px}.construction-content .construction-container .sort-wrapper{padding-bottom:.5em;display:flex;align-items:center;border-bottom:1px solid #969696;margin-bottom:clamp(30px, 4.16666vw, 60px)}.construction-content .construction-container .sort-wrapper span{font-size:clamp(14px, 1.25vw, 18px)}.construction-content .construction-container .sort-wrapper .title{margin-right:1em}.construction-content .flex-container{justify-content:center;gap:1em}.construction-content .flex-item{flex:1 1 calc(33.333% - 20px);box-sizing:border-box;max-width:360px;min-width:360px}.construction-content .flex-item .thumbnail img{width:100%}.construction-content .flex-item .item-content{padding:2rem;background-color:#fff}.construction-content .item-content .category{padding:.3em 1em;background-color:#333;margin-bottom:1em;color:#fff;font-weight:600;display:inline-block}.construction-content .item-content .title-wrapper{margin-bottom:2em}.construction-content .item-content .title-wrapper .title{font-size:13px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.construction-content .item-content .title-wrapper .sub-title{font-size:12px;color:#969696}.construction-content .flex-item .product-btn{margin-bottom:0;font-size:12px;width:90%}.construction-content .flex-container .thumbnail{height:clamp(180px, 16.666vw, 240px)}.construction-content .flex-container .thumbnail img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:800px){.construction-content .flex-item{flex-basis:48%}}@media screen and (max-width:500px){.construction-content .flex-item{flex-basis:95%}.construction-content .construction-container{width:90%}.construction-content .flex-container{row-gap:2rem;justify-content:center}.construction-content .flex-item .item-content{padding:2em}}.construction-single{padding-top:0}.construction-top-thumbnail{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/construction-single-top.jpg);width:100%;background-repeat:no-repeat;background-size:100%;height:clamp(120px, 27.6vw, 400px)}.construction-top{position:relative}.construction-top .content-title{position:absolute;bottom:0;left:50%;transform:translate(-50%,0%);width:90%;max-width:1160px;height:auto;padding:3em;background-color:#fff}.construction-top .breadcrumb{margin-bottom:2em}.construction-top .sub-title-wrapper{display:flex;align-items:center;gap:2em;margin-bottom:1em}.construction-top .category{padding:.3em 1em;background-color:#333;color:#fff;font-weight:600;display:inline-block}.construction-top .sub-title{font-size:12px;color:#333;line-height:1}.construction-top .title-wrapper .title{font-size:clamp(16px, 2.08333vw, 30px);font-weight:600;margin-bottom:1rem;line-height:1.8;display:inline-block}.construction-top .tag-wrapper{gap:1em;display:flex;align-items:center}.construction-top .tag-wrapper .tag{padding:.5em 1em;font-size:1rem;border:.5px solid #333}.construction-single .construction-content{width:80%;margin:0 auto;padding:3em 0;background-color:#fff;max-width:1160px}.construction-single .content-thumbnail{margin-bottom:6rem}.construction-single .content-thumbnail img{width:100%}.construction-single .construction-content .content-information .content-title{font-size:clamp(16px, 1.94444vw, 28px);border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:3rem}.construction-single .content-information{margin-bottom:6rem}.construction-single .information-table{width:100%}.construction-single .information-table tr{display:flex;border-bottom:1px solid #d0d0d0;align-items:flex-start;padding:.5em;text-align:left;font-size:clamp(13px, 1.1111vw, 16px)}.construction-single .information-table tr:last-child{border-bottom:none}.construction-single .information-table th{flex-basis:20%;font-weight:500}.construction-single .information-table td{flex-basis:80%;letter-spacing:.05em}.construction-single .construction-content .content{margin-bottom:6rem}.construction-single .content-photogallary{margin-bottom:6rem}.construction-single .content-photogallary .content-title{font-size:clamp(16px, 1.94444vw, 28px);border-bottom:1px solid #333;padding-bottom:1rem;margin-bottom:3rem}.construction-single .content-photogallary .flex-container{justify-content:space-between}.construction-single .content-photogallary .flex-container .flex-item{flex-basis:19%}.construction-single .construction-content .product-btn{margin-bottom:0}.hide-area{display:none}.modaal-close:after,.modaal-close:before{background:#ccc}.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#666}@media screen and (max-width:768px){.construction-top .content-title{padding:2em;position:static;transform:none}.construction-single .information-table th{flex-basis:25%}.construction-single .construction-content{width:90%}.construction-single .content-photogallary .flex-container{gap:1rem;justify-content:center}.construction-single .content-photogallary .flex-container .flex-item{flex-basis:30%}}@media screen and (max-width:500px){.construction-single .construction-content{width:90%;padding-top:0}.construction-top .content-title{padding:0}.construction-single .construction-top .content-title{max-width:90%;margin:0 auto}.construction-single .construction-top{background-size:cover;height:240px}.construction-single .information-table tr{font-size:12px}.construction-single .information-table th{flex-basis:40%}.construction-single .content-thumbnail{margin-bottom:3rem}.construction-single .content-information{margin-bottom:3rem}.construction-single .content-photogallary .flex-container{gap:1rem}}.privacypolicy-section{padding-top:0}.privacypolicy-section .introduction-text{margin-bottom:clamp(60px, 8.3vw, 120px)}.privacypolicy-section .introduction-text .text{font-size:clamp(13px, 1.1111vw, 16px)}.privacypolicy-section .content-container{margin-bottom:90px}.privacypolicy-section .content{margin-bottom:60px}.privacypolicy-section .content-container .title{font-size:1.8rem;text-align:left;margin-bottom:1.5rem;letter-spacing:.1em;position:relative;padding-left:.5em}.privacypolicy-section .content-container .title:before{content:"";display:flex;align-items:center;width:2px;height:25px;background-color:#333;position:absolute;left:0;top:50%;transform:translateY(-50%)}.privacypolicy-section .content-container .content ul{list-style:disc;padding-left:2em}.privacypolicy-section .content-container .content li{font-size:1.6rem;letter-spacing:.1em;color:#1e1e1e}.privacypolicy-section .content-container .main-title{font-size:2.4rem;margin-bottom:4rem;font-weight:500;text-align:left}.privacypolicy-section .content-container .content .text{margin-bottom:3rem}@media screen and (max-width:768px){.privacypolicy-section .content{margin-bottom:30px}.privacypolicy-section .content-container .title{font-size:1.6rem}.privacypolicy-section .content-container .main-title{font-size:2rem;margin-bottom:2rem}.privacypolicy-section .content-container .content li{font-size:1.3rem}}.article.type-404{text-align:center;margin-top:100px;padding:50px;background-color:#f4f4f4;border-radius:10px;box-shadow:0px 4px 6px rgba(0,0,0,.1)}.error-content{margin-bottom:clamp(60px, 1.6666vw, 180px)}.article.type-404 .entry-title{font-size:48px;font-weight:700;color:#ff5e5e;margin-bottom:20px}.article.type-404 .entry-content p{font-size:18px;color:#555}.article.type-404 .entry-content a{display:inline-block;padding:10px 20px;margin-top:30px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.article.type-404 .entry-content a:hover{background-color:#0056b3}@media (max-width:768px){.article.type-404{margin-top:50px;padding:30px}.article.type-404 .entry-title{font-size:36px}.article.type-404 .entry-content p{font-size:16px}}.service-top{padding-top:0}.service-top .main-visual{width:100%;height:100vh}.vegas-slide video{width:100%;height:auto}.service-top .main-title{padding-top:clamp(90px, 8.3333vw, 180px);padding-bottom:clamp(90px, 8.3333vw, 180px)}.service-top .main-title .thumbnail{margin:0 auto 120px;text-align:center;transition:1s}.service-top .main-title .text-container{max-width:680px;margin:0 auto;padding:0 4%}.service-top .main-title .text-container .title{font-size:clamp(22px, 1.94444vw, 28px);margin-bottom:2em;color:#333;transition:2s}.service-top .main-title .text-container .text{text-align:left;margin-bottom:2em;color:#333;transition:3s}.service-top .movie{width:80%;margin:0 auto;margin-bottom:clamp(60px, 6.25vw, 90px);max-width:1080px;position:relative;padding-top:56.25%;max-height:600px}.service-top .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-height:600px}@media screen and (min-width:1440px){.service-top .main-visual{height:80vh}.service-top .movie{padding-top:0;height:600px}}@media screen and (max-width:768px){.service-top .main-title .thumbnail{width:40vw;margin:0 auto 40px}.service-top .main-visual{height:70vh}.service-top .movie{width:90%}.service-top .main-title{padding:60px 0}}.service-introduction .content-wrapper .main-thumbnail{margin-bottom:clamp(90px, 8.3333vw, 180px)}.service-introduction .content-wrapper .main-thumbnail img{display:block;width:90%;margin-right:auto}.service-introduction .content-wrapper .flex-container{width:90%;margin:0 auto;margin-bottom:clamp(120px, 8.3333vw, 180px);flex-wrap:nowrap;gap:10rem;align-items:center;justify-content:center}.service-introduction .r-content-wrapper .flex-container{flex-direction:row-reverse}.service-introduction .content-wrapper .flex-item .title{text-align:left;margin-bottom:40px}.service-introduction .r-content-wrapper .main-thumbnail img{margin-left:auto;margin-right:0}.service-introduction .content-wrapper .flex-item .text{max-width:380px}.service-introduction .r-content-wrapper .flex-item .text{max-width:550px}.service-introduction .content-gallery{margin-bottom:clamp(120px, 16.6666vw, 240px)}.service-introduction .content-gallery .title{font-size:clamp(16px, 1.66666vw, 24px);font-weight:500;text-align:center;margin-bottom:1em}.service-introduction .content-gallery .list{display:flex;align-items:center;gap:1em}.slider5-wrap{width:100%;margin:0 auto;position:relative}.slider-5 .slick-slide img{display:block;width:100%;height:100%;object-fit:cover}.dots-5 .slick-dots{text-align:left;margin-left:auto;margin:0 auto;width:80%}.dots-5 .slick-dots li{display:inline-block;width:100px;height:6px;margin:4px;background:#eaeaea;cursor:pointer}.dots-5 .slick-dots button{display:block;width:0;height:6px;margin:0;font-size:0;padding:0;border:0;opacity:0;outline:none;background:#0a467d;cursor:pointer}.dots-5 .slick-dots .slick-active button{background:#0a467d;opacity:1}@media screen and (max-width:768px){.service-introduction .content-wrapper .main-thumbnail img{width:100%}.service-introduction .content-wrapper .main-thumbnail{margin-bottom:60px}.service-introduction .content-wrapper .flex-container{flex-direction:column-reverse;align-items:flex-start;gap:3rem}.service-introduction .content-wrapper .flex-item .title{margin-bottom:20px;font-size:2rem}}.service-point{background-image:url(//suginoko.co.jp/wp-content/themes/suginokohousing/image-page/service-point-background.jpg);background-repeat:no-repeat;background-size:cover;padding-top:clamp(60px, 9.72222vw, 140px);padding-bottom:clamp(60px, 9.72222vw, 140px)}.service-point .content-container .title-wrapper{width:90%;margin:0 auto 60px}.service-point .content-container .title-wrapper .title,.service-point .content-container .title-wrapper .text{color:#fff}.service-point .content-container .title-wrapper .title{font-size:clamp(17px, 2.083333vw, 30px);margin-bottom:1em;text-align:left}.service-point .content-container .title-wrapper .text{max-width:570px}.service-point .content-container .point-thumbnail{margin-bottom:clamp(30px, 6.25vw, 90px)}.service-point .content-container .point-thumbnail img{width:95%;display:block;margin-left:auto}.service-point .content-container .flex-container{width:90%;margin:0 auto;justify-content:center;gap:2em}.service-point .content-container .flex-container .flex-item{flex-basis:30%}.service-point .flex-container .flex-item img{width:100%;object-fit:cover;height:100%}.service-point .content-container .flex-container .flex-item .text{white-space:nowrap}.service-point .flex-container .flex-item .text{color:#fff;font-size:clamp(12px, 1.111vw, 16px)}.service-point .content-second-wrapper .point-thumbnail img{margin-right:auto;margin:0}.service-point .content-second-wrapper .flex-container{margin-bottom:0}.service-point .content-second-wrapper{margin-top:clamp(90px, 8.3333vw, 180px)}@media screen and (max-width:768px){.service-point .content-container .point-thumbnail img{width:100%}.service-point .content-container .flex-container{flex-wrap:wrap}.service-point .content-container .flex-container .flex-item{width:35vw}.service-point .content-container .flex-container .flex-item .text{font-size:10px}.service-point .content-container .title-wrapper{margin-bottom:30px}}@media screen and (max-width:500px){.service-point .content-container .flex-container .flex-item{width:40vw}.service-point .content-container .flex-container .flex-item .text{font-size:8px}}.service-strengths-link{margin-bottom:clamp(120px, 16.6666vw, 240px)}.service-strengths-link .title{text-align:center;font-size:clamp(18px, 2.7777vw, 40px);line-height:1.8;margin-bottom:clamp(40px, 5.555vw, 80px)}.service-strengths-link .flex-container{justify-content:center;width:70%;flex-wrap:nowrap;margin:0 auto;position:relative;gap:2em}.service-strengths-link .flex-container .flex-item{position:relative}.service-strengths-link .flex-container .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center}.service-strengths-link .flex-container .icon img{width:80%}.service-strengths-link .flex-container .icon .text{color:#fff;font-size:clamp(14px, 1.25vw, 18px);display:inline-block}.background-overlay{position:absolute;top:50%;left:50%;transform:translateX(-50%);width:120%;height:80%;background:linear-gradient(to right,#b7a78d 0%,#eae8e3 50%,#bfba93 100%);z-index:-1}.service-strengths-link .flex-container .flex-item .background{filter:brightness(50%);transition:filter .3s ease}.service-strengths-link .flex-container .flex-item:hover .background{filter:brightness(100%)}@media screen and (max-width:768px){.service-strengths-link .flex-container .icon .text{font-size:13px}}@media screen and (max-width:500px){.background-overlay{width:150%}.service-strengths-link .flex-container .flex-item{flex-basis:30%}.service-strengths-link .flex-container{gap:1em;width:90%}}.service-vr{margin-bottom:180px}.service-vr .title{font-size:clamp(20px, 4.1666vw, 60px);color:#beae92;margin-bottom:1rem;text-align:center;line-height:1}.service-vr iframe{width:95%;margin:0 auto;display:block;height:712px}@media screen and (max-width:768px){.service-vr{margin-bottom:clamp(90px, 8.3333vw, 180px)}.service-vr iframe{height:400px}}.service-link{margin-bottom:180px;display:block;text-align:center;width:80vw;margin-left:auto;margin-right:auto}@media screen and (max-width:768px){.service-link{margin-bottom:clamp(90px, 8.3333vw, 180px);width:90vw}}.service-thumbnail{text-align:center;margin-bottom:clamp(90px, 8.3333vw, 180px)}@media screen and (max-width:600px){.service-thumbnail{margin-bottom:30px}}.service-spec{padding-top:0}.service-spec .inner{width:95%;margin:0 auto}.service-spec .section-title .en-title{font-size:clamp(18px, 2.77777vw, 40px);line-height:1.6}.service-spec .spec-container{gap:30px;justify-content:center}.service-spec .spec-container .title-wrapper{padding:1em 0}.service-spec .spec-container .title-wrapper .sub-text{font-size:1.2rem;color:#333}.service-spec .spec-container .title-wrapper .title{text-align:left;font-size:clamp(14px, 1.1111vw, 16px);line-height:1.4}@media screen and (max-width:785px){.service-spec .spec-container .flex-item{flex-basis:40vw}.service-spec .spec-container{gap:1em}.service-spec .spec-container .title-wrapper .sub-text{font-size:.9rem}.service-spec .spec-container .title-wrapper .title{font-size:1.3rem}}.service-image .inner{width:95%;margin:0 auto}.service-image{margin-bottom:clamp(120px, 20.8333vw, 300px);padding-bottom:0}.service-image .section-title .en-title{font-size:clamp(18px, 2.77777vw, 40px);line-height:1.6}.service-image .image-content .title{text-align:left;font-size:clamp(18px, 2.08333vw, 30px);margin-bottom:2em}.service-flow .inner{width:95%;margin:0 auto}.service-flow{margin-bottom:clamp(120px, 16.6666vw, 240px);position:relative;height:auto;padding-bottom:0}.service-flow .section-title .en-title{font-size:clamp(18px, 2.77777vw, 40px);line-height:1.6}.service-flow .background{position:absolute;top:-60px;left:30%;transform:translateX(-50%);width:100%;height:55%;background-color:#e7e9ec;z-index:-1}.service-flow .flow-container{background-color:#fff;padding:6em}.service-flow .flow-container dl{display:flex;align-items:flex-start;gap:6em;position:relative}.service-flow .flow-container dl dt{font-size:1.2rem;color:#969696;line-height:1.6;letter-spacing:.1em;position:relative;height:100%;display:flex;align-items:center;background-color:#fff;padding:.5em 1em;z-index:2}.service-flow .flow-container dl:after{content:"";position:absolute;top:0;left:3.5em;transform:translateX(-50%);width:1px;background-color:#969696;height:90%;z-index:1}.service-flow .flow-container dd{padding-bottom:6em;margin-top:1em}.service-flow .flow-container dl .title{font-size:clamp(14px, 1.25vw, 18px);margin-bottom:2em;line-height:1;font-weight:600}.service-flow .flow-container dl .text{font-size:1.3rem}.service-flow .flow-container dl:last-of-type:after{display:none}@media (max-width:768px){.service-flow .inner{width:95%;margin:0 auto}.service-flow{margin-bottom:clamp(80px, 10vw, 160px)}.service-flow .section-title .en-title{font-size:clamp(16px, 2vw, 24px)}.service-flow .background{top:-40px;left:50%;transform:translateX(-50%);height:45%}.service-flow .flow-container{padding:2em}.service-flow .flow-container dl{flex-direction:column;gap:2em}.service-flow .flow-container dl dt{font-size:1rem;padding:0;position:relative;padding-left:1.5em}.service-flow .flow-container dl dt:before{content:"";width:1em;height:.5px;background-color:#333;position:absolute;top:50%;left:0;display:flex;align-items:center}.service-flow .flow-container dl:after{display:none}.service-flow .flow-container dd{padding-bottom:4em}.service-flow .flow-container dl .title{font-size:clamp(13px, 1.5vw, 16px);margin-bottom:1em}.service-flow .flow-container dl .text{font-size:1.1rem}}@media screen and (max-width:500px){.service-flow .background{top:-20px}.service-flow .flow-container dl{gap:0}}.service-introduction .content-prodesign .flex-container{align-items:center;gap:10rem;justify-content:center}.service-introduction .content-prodesign .title{text-align:center;font-size:clamp(20px, 2.7777vw, 40px);line-height:1.8;margin-bottom:60px}.service-introduction .content-prodesign .flex-container{width:80%;margin:0 auto;margin-bottom:clamp(90px, 8.3333vw, 180px);flex-wrap:nowrap}.service-introduction .content-prodesign .record{font-size:clamp(14px, 1.111vw, 16px);position:relative;padding:1em}.service-introduction .content-prodesign .record:before{content:"";position:absolute;top:50%;left:0;display:flex;align-items:center;width:10px;background-color:#772163;height:1px}.service-introduction .content-prodesign .second-record:before{background-color:#2680bf}.service-introduction .content-prodesign .name-wrapper{margin-bottom:3em}.service-introduction .content-prodesign .name{font-size:clamp(16px, 1.6666vw, 24px);line-height:1.2}.service-introduction .content-prodesign .name i{font-size:1.4rem;margin-left:.5em}.service-introduction .content-prodesign .en-name{font-size:1.2rem;color:#605858;letter-spacing:.1em}.service-introduction .content-prodesign .text-wrapper{max-width:370px}.service-introduction .content-prodesign .job{font-size:1.4rem;margin-bottom:1em}.service-introduction .content-prodesign .text{font-size:1.4rem}@media screen and (max-width:768px){.service-introduction .content-prodesign .flex-container{gap:2em}.service-introduction .content-prodesign .flex-container{width:90%}.service-introduction .content-prodesign .title{margin-bottom:90px}.service-introduction .content-prodesign .text{font-size:13px}.service-introduction .content-prodesign .record{font-size:1rem;padding-left:1.5em}.service-introduction .content-prodesign .job{font-size:12px}}@media screen and (max-width:500px){.service-introduction .content-prodesign .text{font-size:11px}.service-introduction .content-prodesign .flex-container{flex-direction:column;margin-bottom:30px}.service-introduction .content-prodesign .flex-container .flex-item img{width:70%;margin:0 auto;display:block}}