@charset "UTF-8";
main.wow{animation-name:fadeIn}.banner{display:block;width:100%;height:100vh;overflow:hidden}.banner__box{display:flex;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;height:100%}.banner__box__box__item{top:0;left:0;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:25%;height:100%;transition:width .4s ease-in-out,opacity .4s ease-in-out;overflow:hidden}.banner__box__box__item::after{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.5);transition:opacity .4s ease-in-out}.banner__box__box__item__bg{position:absolute;top:-3px;left:-3px;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:calc(100% + 6px);height:calc(100% + 6px);transform-origin:center}.banner__box__box__item__bg::after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(10deg,#000 15%,transparent 70%);opacity:.8}.banner__box__box__item__bg img{object-fit:cover;object-position:center;height:100%}.banner__box__box__item__logo{display:block;width:auto;max-width:calc(100% - 40px);pointer-events:none;transition:opacity .4s ease-in-out;z-index:50}.banner__box__box__item__logo img{object-fit:contain;object-position:center;max-width:260px;max-height:100px;filter:brightness(0) invert(1)}.banner__box__box__item__info{position:absolute;bottom:0;left:0;display:block;width:100%;padding:min(80px,10vh) min(50px,8%);opacity:0;pointer-events:none;transition:opacity .4s ease-in-out;z-index:30}.banner__box__box__item__info__logo{display:block;width:100%;max-width:100%;margin:0 0 35px 0}.banner__box__box__item__info__logo img{object-fit:contain;object-position:left bottom;max-width:245px;max-height:80px}.banner__box__box__item__info__text{display:block;width:100%;font-size:18px;line-height:1.2;color:var(--textColor);font-family:inherit;letter-spacing:.5px}.banner__box__box__item__info__link{position:absolute;bottom:0;left:0;display:block;width:100%;height:100vh}.banner__box__box__item__info__link::before{content:'';position:absolute;bottom:calc(min(80px,10vh) - 9px);right:min(50px,8%);display:block;width:75px;padding:40px 0 0 0;background:url(/assets/images/common/icon_arrwo_next_brown.svg) center/contain no-repeat;filter:brightness(0) invert(1)}.banner__box__box__item__info__link:hover::before{animation:arrowMovw 2s linear infinite}.banner__tool{position:absolute;bottom:0;left:0;display:none;flex-wrap:wrap;align-items:stretch;align-content:stretch;justify-items:flex-start;justify-content:flex-start;width:100%;z-index:50}.banner__tool__item{display:block;width:25%;border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);cursor:pointer}.banner__tool__item::before{content:'';position:relative;display:block;width:100%;padding:100% 0 0 0}.banner__tool__item::after{content:'';position:absolute;top:-1px;left:max(25%,calc(50% - 40px));display:block;width:80px;height:1px;max-width:50%;background:#fff;transform-origin:center;transform:scaleX(0);transition:transform .4s ease-in-out}.banner__tool__item:last-child{border-right:none}.banner__tool__item__logo{position:absolute;top:50%;left:50%;display:block;width:calc(100% - 20px);transform:translate(-50%,-50%);overflow:hidden}.banner__tool__item__logo img{width:100%;height:100%;filter:brightness(0) invert(1);opacity:.5;transition:filter .4s ease-in-out,opacity .4s ease-in-out}.banner__box__box__item[data-style="stosa"] .banner__box__box__item__logo{width:105px;max-width:40%}.banner__box__box__item[data-style="stosa"] .banner__box__box__item__info__logo{width:120px}.banner__box__box__item[data-style="stosa"] .banner__box__box__item__info__logo img{background:linear-gradient(to left,#fff 0%,#fff 100%) center / calc(100% - 2px) calc(100% - 2px) no-repeat}.banner__tool__item[data-style="stosa"] .banner__tool__item__logo{width:55px}.banner__box__box__item[data-style="kohler"] .banner__box__box__item__logo{width:186px;max-width:60%}.banner__box__box__item[data-style="kohler"] .banner__box__box__item__info__logo{width:208px}.banner__tool__item[data-style="kohler"] .banner__tool__item__logo{width:93px}.banner__box__box__item[data-style="berry_alloc"] .banner__box__box__item__logo{width:257px}.banner__box__box__item[data-style="berry_alloc"] .banner__box__box__item__info__logo{width:245px}.banner__tool__item[data-style="berry_alloc"] .banner__tool__item__logo{width:123px}.banner__box__box__item[data-style="san_marco"] .banner__box__box__item__logo{width:145px;max-width:60%}.banner__box__box__item[data-style="san_marco"] .banner__box__box__item__info__logo{width:138px}.banner__tool__item[data-style="san_marco"] .banner__tool__item__logo{width:70px}.banner__box__box__item.current{width:50%;flex:0 0 auto}.banner__box__box__item.current::after{opacity:0}.banner.focus .banner__box__box__item:not(.current){width:calc(50% / 3)}.banner.focus .banner__box__box__item__logo{opacity:.7}.banner__box__box__item.current .banner__box__box__item__logo{opacity:0}.banner__box__box__item.current .banner__box__box__item__info{opacity:1;pointer-events:all}.banner__tool__item.current::after{transform:none}@media screen and (max-width:991px){.banner__box__box__item{position:absolute;width:100%;opacity:0}.banner__box__box__item::after{display:none}.banner__box__box__item__bg::after{background:linear-gradient(170deg,rgba(0,0,0,.2) 15%,transparent 40%) center/ 100% no-repeat,linear-gradient(10deg,rgba(0,0,0,.6) 50%,transparent 70%) center/ 100% no-repeat;opacity:1}.banner__box__box__item__logo{display:none}.banner__box__box__item__info{display:flex;flex-direction:column;align-items:center;align-content:center;justify-items:center;justify-content:center;height:100%;padding:190px 30px 240px 30px;opacity:1;pointer-events:all;margin:0 0 48px 0}.banner__box__box__item__info__logo img{margin:0 auto;object-position:center bottom}.banner__box__box__item__info__text{font-size:22px;text-align:center}.banner__box__box__item__info__link::before{bottom:auto;top:60vh;right:calc(50vw - 37px)}.banner__box__box__item__info__link:hover::before{animation:none}.banner__tool{display:flex}.banner__tool__item__logo{width:calc(100% - 40px);height:calc(100% - 30px);max-width:150px;max-height:55px}.banner__tool__item__logo img{object-fit:contain;object-position:center}.banner__box__box__item.current{width:100%;opacity:1}.banner.focus .banner__box__box__item:not(.current){width:100%}.banner__box__box__item.current .banner__box__box__item__logo{opacity:1}.banner__tool__item.current .banner__tool__item__logo img{filter:none;opacity:1}.banner__tool__item[data-style="stosa"].current .banner__tool__item__logo img{background:linear-gradient(to left,#fff 0%,#fff 100%) center / calc(100% - 2px) calc(100% - 2px) no-repeat}}@media screen and (max-width:767px){.banner__tool__item{width:50%}.banner__tool__item::before{padding:70px 0 0 0}.banner__tool__item:nth-child(even){border-right:none}.banner__tool__item[data-style="stosa"] .banner__tool__item__logo{width:35px}.banner__tool__item[data-style="kohler"] .banner__tool__item__logo{width:60px}.banner__tool__item[data-style="berry_alloc"] .banner__tool__item__logo{width:80px}.banner__tool__item[data-style="san_marco"] .banner__tool__item__logo{width:45px}}@media screen and (max-width:575px){.banner{height:calc(100vh - 60px)}.banner__box__box__item__info{margin:0 0 35px 0;padding:100px 20px 150px 20px}.banner__box__box__item__info__logo{margin:0 auto 30px auto}.banner__box__box__item__info__text{font-size:18px}.banner__box__box__item__info__link::before{top:67vh;right:calc(50vw - 25px);width:50px;padding:30px 0 0 0}.banner__box__box__item[data-style="stosa"] .banner__box__box__item__info__logo{width:70px}.banner__box__box__item[data-style="kohler"] .banner__box__box__item__info__logo{width:105px}.banner__box__box__item[data-style="berry_alloc"] .banner__box__box__item__info__logo{width:157px}.banner__box__box__item[data-style="san_marco"] .banner__box__box__item__info__logo{width:100px}}@media (any-hover:none){.banner__box__box__item__info__link:hover::before{animation:none}}@supports (-webkit-touch-callout:none){@media screen and (max-width:575px){.banner{height:calc(100vh - 70px)}}}@-moz-document url-prefix(){}