.cp-exterior-design-360-v5{position:relative;background:#fff;color:#000;overflow:hidden}.cp-exterior-design-360-v5 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cp-exterior-design-360-v5 .is-mo,.cp-exterior-design-360-v5 .section-mobile{display:none}.cp-exterior-design-360-v5 .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cp-exterior-design-360-v5__inner{width:100%;height:-webkit-calc(100lvh - 60px);height:calc(100lvh - 60px);height:calc(100lvh - 60px);position:relative}.cp-exterior-design-360-v5__headline{position:absolute;max-width:1640px;max-width:164rem;top:100px;top:10rem;bottom:100px;bottom:10rem;left:-webkit-calc(50% - 820px);left:calc(50% - 820px);left:calc(50% - 820px);right:-webkit-calc(50% - 820px);right:calc(50% - 820px);right:calc(50% - 820px);z-index:1}.cp-exterior-design-360-v5__headline .cm-section-title{margin:0;position:absolute;padding:0;-webkit-transition:opacity 0.5s ease,-webkit-transform 0.8s ease;transition:opacity 0.5s ease,-webkit-transform 0.8s ease;transition:transform 0.8s ease,opacity 0.5s ease;transition:transform 0.8s ease,opacity 0.5s ease,-webkit-transform 0.8s ease;will-change:transform,opacity}.cp-exterior-design-360-v5__headline .cm-section-title__subtitle{margin-bottom:20px;margin-bottom:2rem}.cp-exterior-design-360-v5__headline .cm-section-title__title{margin-top:0}.cp-exterior-design-360-v5__inner[data-exterior-type="B"] .cm-section-title,.cp-exterior-design-360-v5__inner[data-exterior-type="B"] .cp-exterior-design-360-v5__request-img{-webkit-transition:opacity 0.3s ease,-webkit-transform 0.4s ease;transition:opacity 0.3s ease,-webkit-transform 0.4s ease;transition:transform 0.4s ease,opacity 0.3s ease;transition:transform 0.4s ease,opacity 0.3s ease,-webkit-transform 0.4s ease}.cp-exterior-design-360-v5__inner[data-exterior-type="B"] .cp-exterior-design-360-v5__description{-webkit-transition:opacity 0.3s ease,-webkit-transform 0.4s ease;transition:opacity 0.3s ease,-webkit-transform 0.4s ease;transition:transform 0.4s ease,opacity 0.3s ease;transition:transform 0.4s ease,opacity 0.3s ease,-webkit-transform 0.4s ease}.cp-exterior-design-360-v5 .cm-section-desc{margin-top:0}.cp-exterior-design-360-v5__description{font-family:"genesis-text-office",sans-serif;line-height:1.5;position:absolute;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);width:640px;width:64rem;opacity:0;-webkit-transition:opacity 0.4s ease,-webkit-transform 0.6s ease;transition:opacity 0.4s ease,-webkit-transform 0.6s ease;transition:transform 0.6s ease,opacity 0.4s ease;transition:transform 0.6s ease,opacity 0.4s ease,-webkit-transform 0.6s ease;will-change:transform,opacity}.cp-exterior-design-360-v5__description[data-position-index="0"]{top:0;left:0}.cp-exterior-design-360-v5__description[data-position-index="1"]{top:0;right:0}.cp-exterior-design-360-v5__description[data-position-index="2"]{bottom:0;left:0}.cp-exterior-design-360-v5__description[data-position-index="3"]{bottom:0;right:0}.cp-exterior-design-360-v5__request{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cp-exterior-design-360-v5__request-img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;will-change:opacity,transform;-webkit-transition:opacity 0.5s ease,-webkit-transform 0.8s ease-in;transition:opacity 0.5s ease,-webkit-transform 0.8s ease-in;transition:transform 0.8s ease-in,opacity 0.5s ease;transition:transform 0.8s ease-in,opacity 0.5s ease,-webkit-transform 0.8s ease-in}.cp-exterior-design-360-v5__canvas{background:#fff;position:absolute;width:100%;height:100%;object-fit:cover;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cp-exterior-design-360-v5__canvas.canvas-mobile{display:none}.cp-exterior-design-360-v5 .cm-section-title__subtitle{color:#767676}@media (max-width:1919px){.cp-exterior-design-360-v5__headline{left:120px;left:12rem;right:120px;right:12rem}.cp-exterior-design-360-v5__description{width:520px;width:52rem}}@media (max-width:1599px){.cp-exterior-design-360-v5__headline{left:100px;left:10rem;right:100px;right:10rem}}@media (max-width:1359px){.cp-exterior-design-360-v5__headline{left:76px;left:7.6rem;right:76px;right:7.6rem}}.type-dark .cp-exterior-design-360-v5{background:#000;color:#fff}.type-light .cp-exterior-design-360-v5{background:#fff;color:#000}@media (max-width:1023px){.cp-exterior-design-360-v5 .is-pc,.cp-exterior-design-360-v5 .section-pc{display:none}.cp-exterior-design-360-v5 .is-mo,.cp-exterior-design-360-v5 .section-mobile{display:block}.cp-exterior-design-360-v5__inner{height:-webkit-calc(100lvh - 52px);height:calc(100lvh - 52px);height:calc(100lvh - 52px)}.cp-exterior-design-360-v5__headline{top:60px;top:6rem;bottom:85px;bottom:8.5rem;left:20px;left:2rem;right:20px;right:2rem}.cp-exterior-design-360-v5__headline .cm-section-title__subtitle{margin-bottom:12px;margin-bottom:1.2rem}.cp-exterior-design-360-v5__headline .cm-section-title__title{margin-top:0}.cp-exterior-design-360-v5 .cm-section-desc{margin-top:0}.cp-exterior-design-360-v5__description{width:100%;-webkit-transform:unset;-ms-transform:unset;transform:unset;-webkit-transition:opacity 0.5s ease,-webkit-transform 0.8s ease;transition:opacity 0.5s ease,-webkit-transform 0.8s ease;transition:transform 0.8s ease,opacity 0.5s ease;transition:transform 0.8s ease,opacity 0.5s ease,-webkit-transform 0.8s ease}.cp-exterior-design-360-v5__description[data-position-index="0"]{top:0;left:0}.cp-exterior-design-360-v5__description[data-position-index="1"]{top:0;right:0}.cp-exterior-design-360-v5__description[data-position-index="2"]{bottom:0;left:0}.cp-exterior-design-360-v5__description[data-position-index="3"]{bottom:0;right:0}.cp-exterior-design-360-v5__canvas.canvas-mobile{display:block}.cp-exterior-design-360-v5__canvas.canvas-pc{display:none}}