.fadeon{opacity:0;transition:all .7s cubic-bezier(0.19, 1, 0.22, 1) .5s}.fadeon.is-on{opacity:1}.fadeup{filter:grayscale(100%);opacity:1;transition:all .5s;transform:translateY(2rem)}.fadeup.is-on{filter:grayscale(0);opacity:1;transform:translateY(0)}#body{overflow:hidden;margin-top:0 !important}@media screen and (max-width: 959px){#body{padding-top:60px;margin-top:0 !important}}#top .top-ttlholder{font-size:4.8rem;font-weight:700;text-align:center;letter-spacing:.2rem;color:#ce000e;margin-bottom:5.5rem}@media screen and (max-width: 959px){#top .top-ttlholder{font-size:3.3rem;margin-bottom:3.5rem}}@media screen and (max-width: 559px){#top .top-ttlholder{font-size:2.3rem;margin-bottom:2rem}}#top .btn a{margin:0 auto;display:flex;justify-content:center;align-items:center;width:220px;height:52px;font-family:"Montserrat",sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.3rem;border:1.5px solid #000;background:#fff;transition:all .3s}#top .btn a:hover{background:#ce000e;color:#fff;border:1.5px solid #ce000e;border-radius:20px}#hero-area{margin-bottom:1rem}#hero-area .slider li.slides,#hero-area .slick-slide{height:540px;overflow:hidden}@media screen and (max-width: 959px){#hero-area .slider li.slides,#hero-area .slick-slide{height:403px}}@media screen and (max-width: 768px){#hero-area .slider li.slides,#hero-area .slick-slide{height:295px}}@media screen and (max-width: 559px){#hero-area .slider li.slides,#hero-area .slick-slide{height:220px}}@media screen and (max-width: 414px){#hero-area .slider li.slides,#hero-area .slick-slide{height:180px}}@media screen and (max-width: 375px){#hero-area .slider li.slides,#hero-area .slick-slide{height:164px}}@media screen and (max-width: 320px){#hero-area .slider li.slides,#hero-area .slick-slide{height:140px}}#hero-area .slider{position:relative}#hero-area .slider li.slides{position:relative}#hero-area .slider li.slides .image02{display:none}@media screen and (max-width: 559px){#hero-area .slider li.slides .image01{display:none}#hero-area .slider li.slides .image02{display:block}}#hero-area .slider li.slides a{transition:all .3s}#hero-area .slider li.slides a:hover{opacity:.5}#hero-area .slick-slide::before,#hero-area .slick-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden}#hero-area .slick-slide::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}#hero-area .slick-slide{position:relative}#hero-area .slick-slide video{display:block;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%, -50%);width:100%}#hero-area .slick-slide img{display:block;position:absolute;top:50%;transform:translate(0, -50%)}#hero-area .slick-slide .slide-image{opacity:0;transition:all .8s ease}#hero-area .slick-slide .slide-image.show{opacity:1}#hero-area .slide-animation{animation:fadezoom 8s 0s forwards}@keyframes fadezoom{0%{transform:scale(1)}100%{transform:scale(1.2)}}#hero-area div.slide-arrow{position:absolute;top:50%;margin-top:-15px;z-index:3;cursor:pointer}#hero-area div.prev-arrow{left:20px;width:0;height:0;transition:all .3s}@media screen and (max-width: 559px){#hero-area div.prev-arrow{left:18px}}#hero-area div.prev-arrow:before{content:"";width:30px;height:30px;border:0px;border-top:solid 2px #fff;border-left:solid 2px #fff;transform:rotate(315deg);position:absolute;top:50%;left:0}@media screen and (max-width: 559px){#hero-area div.prev-arrow:before{width:24px;height:24px}}#hero-area div.prev-arrow:hover{left:14px}@media screen and (max-width: 559px){#hero-area div.prev-arrow:hover{left:18px}}#hero-area div.next-arrow{right:50px;width:0;height:0;transition:all .3s}@media screen and (max-width: 559px){#hero-area div.next-arrow{right:40px}}#hero-area div.next-arrow:before{content:"";width:30px;height:30px;border:0px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg);position:absolute;top:50%;left:0}@media screen and (max-width: 559px){#hero-area div.next-arrow:before{width:24px;height:24px}}#hero-area div.next-arrow:hover{right:44px}@media screen and (max-width: 559px){#hero-area div.next-arrow:hover{right:40px}}#hero-area .slick-dots{text-align:center;bottom:10px}#hero-area .slick-dots li{display:inline-block;vertical-align:top;margin:0 4px;width:60px;height:2px}@media screen and (max-width: 959px){#hero-area .slick-dots li{width:45px}}#hero-area .slick-dots li:last-child{margin:0 0 0 4px}#hero-area .slick-dots li button{width:60px;height:2px;border:none;cursor:pointer;border-radius:0;border:none;padding:0;box-shadow:0 0 0 0 rgba(0,0,0,0);vertical-align:middle;background-color:#ccc;transition:all .3s ease;opacity:1}@media screen and (max-width: 959px){#hero-area .slick-dots li button{width:45px}}#hero-area .slick-dots li button:focus{outline:none}#hero-area .slick-dots li button:hover{opacity:1}#hero-area .slick-dots li button:before{display:none}#hero-area .slick-dots li.slick-active button{background-color:#ce000e;opacity:1}#hero-area .slick-dotted.slick-slider{margin-bottom:0}.newsbox{padding:0 3%;max-width:calc(1100px + 6%);margin:0 auto;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 959px){.newsbox{padding:0 1rem}}@media screen and (max-width: 559px){.newsbox{flex-direction:column;margin-top:1rem}}.newsbox h2{font-size:1.5rem;font-weight:500;width:95px;border-right:1px solid #7b7b7b;margin-right:2.2rem}@media screen and (max-width: 559px){.newsbox h2{display:none;width:100%;margin-right:0;border-right:none}.newsbox h2:before{content:"▼"}}.newsbox .news-list{width:calc(100% - 215px);padding:1rem}@media screen and (max-width: 559px){.newsbox .news-list{width:100%;padding:0;margin-top:1rem}}.newsbox .news-list ul li a{display:flex;font-size:1.5rem;font-weight:400}.newsbox .news-list ul li a .date{width:110px}.newsbox .news-list ul li a .date:after{content:"/";margin-left:1.5rem}.newsbox .news-list ul li a .name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.newsbox .news-list .ticker ul{z-index:1}.newsbox .btn-news{width:100px;z-index:2;margin-left:20px}@media screen and (max-width: 559px){.newsbox .btn-news{margin:1.5rem auto;width:200px}}.newsbox .btn-news a{display:flex;justify-content:center;align-items:center;width:100px;height:32px;border:1px solid #ce000e;color:#ce000e;font-size:1.2rem;font-weight:500;position:relative;border-radius:4px;transition:all .3s}@media screen and (max-width: 559px){.newsbox .btn-news a{width:200px}}.newsbox .btn-news a:hover{background:#ce000e;color:#fff;border:1.5px solid #ce000e;border-radius:20px}#thought{margin:13rem auto 9rem}@media screen and (max-width: 959px){#thought{margin:10rem auto 7rem}}@media screen and (max-width: 559px){#thought{margin:5rem auto 3rem}}#thought .top-lead{font-size:2.2rem;line-height:2;text-align:center;letter-spacing:.1rem;margin-bottom:8rem}@media screen and (max-width: 959px){#thought .top-lead{font-size:2rem;padding:0 1rem;margin-bottom:4rem}}@media screen and (max-width: 559px){#thought .top-lead{text-align:left;font-size:1.7rem;margin-bottom:4rem}#thought .top-lead br{display:none}}#strongth{background:#ededed;padding:15rem 1rem 13rem;position:relative}@media screen and (max-width: 959px){#strongth{padding:10rem 1rem 6rem}}@media screen and (max-width: 559px){#strongth{padding:8rem 1rem 4rem}}#strongth:before{position:absolute;top:0;left:0;content:"";width:0;height:0;border-style:solid;border-width:250px 50vw 0 0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);display:block}@media screen and (max-width: 959px){#strongth:before{border-width:150px 50vw 0 0}}@media screen and (max-width: 559px){#strongth:before{border-width:100px 50vw 0 0}}#strongth:after{position:absolute;top:0;right:0;content:"";width:0;height:0;border-style:solid;border-width:0 50vw 250px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0);display:block}@media screen and (max-width: 959px){#strongth:after{border-width:0 50vw 150px 0}}@media screen and (max-width: 559px){#strongth:after{border-width:0 50vw 100px 0}}#strongth .stlength5{margin:0 auto;margin-top:8rem;width:100%;max-width:994px}@media screen and (max-width: 559px){#strongth .stlength5{margin-top:3rem}}#strongth .strongth_imagebox{display:flex;max-width:1030px;margin:0 auto;padding-top:6rem}@media screen and (max-width: 559px){#strongth .strongth_imagebox{flex-direction:column;padding-top:3rem}}#strongth .strongth_imagebox .image{width:100%;max-width:532px;margin-right:6rem}@media screen and (max-width: 959px){#strongth .strongth_imagebox .image{max-width:50%;margin-right:6%}}@media screen and (max-width: 559px){#strongth .strongth_imagebox .image{max-width:100%;margin:0 auto 2rem}}#strongth .strongth_imagebox .image img{height:auto}#strongth .strongth_imagebox .txt{flex:1}#strongth .strongth_imagebox .txt p{font-family:"Noto Sans JP",sans-serif;font-size:1.5rem;font-weight:400;line-height:2}#strongth .strongth_imagebox .txt .btn a{margin:5rem 0 0}@media screen and (max-width: 959px){#strongth .strongth_imagebox .txt .btn a{margin:3.5rem 0 0}}@media screen and (max-width: 559px){#strongth .strongth_imagebox .txt .btn a{margin:2.5rem auto 0}}.solutionbox{padding:14rem 0;position:relative}@media screen and (max-width: 959px){.solutionbox{padding:11rem 0}}@media screen and (max-width: 559px){.solutionbox{padding:5rem 0}}.solutionbox:before{position:absolute;top:0;left:0;content:"";width:0;height:0;border-style:solid;border-width:90px 155px 0 0;border-color:#c8000d rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);display:block}@media screen and (max-width: 559px){.solutionbox:before{border-width:40px 69px 0 0}}.solutionbox:after{position:absolute;bottom:0;right:0;content:"";width:0;height:0;border-style:solid;border-width:0 0 90px 155px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #c8000d rgba(0,0,0,0);display:block}@media screen and (max-width: 559px){.solutionbox:after{border-width:0 0 40px 69px}}.solutionbox section{padding:0 3%;max-width:calc(1030px + 6%);margin:0 auto}@media screen and (max-width: 959px){.solutionbox section{padding:0 1rem}}.solutionbox section#solution{margin-bottom:13rem}@media screen and (max-width: 959px){.solutionbox section#solution{margin-bottom:9rem}}@media screen and (max-width: 559px){.solutionbox section#solution{margin-bottom:5rem}}.solutionbox section .holder{display:flex}@media screen and (max-width: 959px){.solutionbox section .holder{flex-direction:column}}.solutionbox section .holder .image{width:51.65%;margin-right:6rem}@media screen and (max-width: 959px){.solutionbox section .holder .image{width:100%;max-width:532px;margin:0 auto 2rem}}.solutionbox section .holder .txt{flex:1}.solutionbox section .holder .txt p{font-size:1.5rem;line-height:2.5;letter-spacing:.1rem;margin-bottom:4.5rem}@media screen and (max-width: 559px){.solutionbox section .holder .txt p{line-height:2.1;margin-bottom:2.5rem}}.solutionbox section .holder .txt .btn a{margin:0 !important}@media screen and (max-width: 959px){.solutionbox section .holder .txt .btn a{margin:0 auto !important}}#renovation{margin-bottom:10rem;text-align:center;display:flex;flex-direction:column}@media screen and (max-width: 959px){#renovation{margin-bottom:7rem}}@media screen and (max-width: 559px){#renovation{margin-bottom:5rem}}#renovation .top-ttlholder{order:2}#renovation h3{order:3;font-size:2.6rem;font-weight:500;letter-spacing:.2rem}@media screen and (max-width: 559px){#renovation h3{padding:0 1rem}}#renovation p{order:4;margin:3rem 0 5.5rem;font-size:1.5rem;line-height:2.2;letter-spacing:.1rem}@media screen and (max-width: 559px){#renovation p{text-align:left;line-height:2;margin:3rem 0 3.5rem;padding:0 1rem}#renovation p br{display:none}}#renovation .imagebox{order:1;display:flex;justify-content:space-between;margin-bottom:10rem;height:100%}@media screen and (max-width: 959px){#renovation .imagebox{margin-bottom:5rem}}@media screen and (max-width: 559px){#renovation .imagebox{margin-bottom:3rem}}#renovation .imagebox div{width:49.9%}#renovation .btn{order:5}.brands-wrap{position:relative;padding:20rem 0 8rem;background-image:url(//customhomes.co.jp/wordpress/wp-content/themes/customehomes/img/top/brands-bg.jpg);background-size:cover}@media screen and (max-width: 959px){.brands-wrap{padding:13rem 0 8rem}}@media screen and (max-width: 559px){.brands-wrap{padding:10rem 0 6rem}}.brands-wrap:before{position:absolute;top:0;left:0;content:"";width:0;height:0;border-style:solid;border-width:250px 50vw 0 0;border-color:#ededed rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);display:block}@media screen and (max-width: 959px){.brands-wrap:before{border-width:150px 50vw 0 0}}@media screen and (max-width: 559px){.brands-wrap:before{border-width:100px 50vw 0 0}}.brands-wrap:after{position:absolute;top:0;right:0;content:"";width:0;height:0;border-style:solid;border-width:0 50vw 250px 0;border-color:rgba(0,0,0,0) #ededed rgba(0,0,0,0) rgba(0,0,0,0);display:block}@media screen and (max-width: 959px){.brands-wrap:after{border-width:0 50vw 150px 0}}@media screen and (max-width: 559px){.brands-wrap:after{border-width:0 50vw 100px 0}}.brands-wrap #brands ul{padding:0 3%;max-width:calc(812px + 6%);margin:0 auto}@media screen and (max-width: 959px){.brands-wrap #brands ul{padding:0 1rem}}.brands-wrap #brands ul li:not(:last-child){margin-bottom:6rem}@media screen and (max-width: 559px){.brands-wrap #brands ul li:not(:last-child){margin-bottom:4rem}}.brands-wrap #brands ul li a{display:flex;justify-content:space-between;transition:all .3s}.brands-wrap #brands ul li a:hover{opacity:.7}@media screen and (max-width: 559px){.brands-wrap #brands ul li a{flex-direction:column}}.brands-wrap #brands ul li a .txt{order:2;flex:1}.brands-wrap #brands ul li a .txt h3{font-size:2.6rem;letter-spacing:.1rem;line-height:1.4;font-weight:500}@media screen and (max-width: 959px){.brands-wrap #brands ul li a .txt h3{font-size:2.2rem}}@media screen and (max-width: 559px){.brands-wrap #brands ul li a .txt h3{font-size:1.9rem}}.brands-wrap #brands ul li a .txt p{margin:3rem 0 1.1rem;font-size:1.5rem;font-weight:500;line-height:2.1;letter-spacing:.1rem;text-shadow:1px 1px 1px #fff}@media screen and (max-width: 559px){.brands-wrap #brands ul li a .txt p{margin:1.5rem 0 1.1rem;line-height:1.8}}.brands-wrap #brands ul li a .txt .arrow-btn{width:31px;margin-left:auto}.brands-wrap #brands ul li a .image{order:1;width:218px;margin-right:5rem}@media screen and (max-width: 959px){.brands-wrap #brands ul li a .image{width:188px;margin-right:4rem}}@media screen and (max-width: 559px){.brands-wrap #brands ul li a .image{margin:0 auto 1.5rem}}.back-wrap{background:#ededed;padding:10rem 0 5rem}@media screen and (max-width: 959px){.back-wrap{padding:5rem 0 4rem}}.back-wrap #construction #construction-list{padding:0 3%;max-width:calc(1100px + 6%);margin:0 auto;margin-top:9rem;margin-bottom:3rem;display:flex;flex-wrap:wrap}@media screen and (max-width: 959px){.back-wrap #construction #construction-list{padding:0 1rem}}@media screen and (max-width: 959px){.back-wrap #construction #construction-list{margin-top:5rem}}@media screen and (max-width: 559px){.back-wrap #construction #construction-list{margin-top:3rem;margin-bottom:1rem}}.back-wrap #construction #construction-list li{margin-bottom:5rem;width:29.1%;margin-right:6.35%}.back-wrap #construction #construction-list li:nth-of-type(3n){margin-right:0}@media screen and (max-width: 959px){.back-wrap #construction #construction-list li{width:47%;margin-right:6%}.back-wrap #construction #construction-list li:nth-of-type(3n){margin-right:6%}.back-wrap #construction #construction-list li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){.back-wrap #construction #construction-list li{margin-bottom:2.5rem}}.back-wrap #construction #construction-list li a{transition:all .3s;display:block}.back-wrap #construction #construction-list li a:hover{opacity:.7}.back-wrap #construction #construction-list li a .imageholder{position:relative;width:100%;height:auto;overflow:hidden}.back-wrap #construction #construction-list li a .imageholder .image{position:relative;transform:scale(1);transition:all .3s}.back-wrap #construction #construction-list li a .imageholder .image:before{position:relative;content:"";display:block;padding-top:66.9%;background:#000}.back-wrap #construction #construction-list li a .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}.back-wrap #construction #construction-list li a .ttl{margin-top:1.5rem;font-size:1.8rem;font-weight:500;line-height:1.5;letter-spacing:.1rem;position:relative;padding-left:2.5rem}@media screen and (max-width: 559px){.back-wrap #construction #construction-list li a .ttl{margin-top:1rem;font-size:1.5rem}}.back-wrap #construction #construction-list li a .ttl:before{position:absolute;top:0;left:0;content:"▶";font-size:1.8rem;margin-right:.5rem;display:inline-block;color:#ce000e}@media screen and (max-width: 559px){.back-wrap #construction #construction-list li a .ttl:before{font-size:1.5rem}}.igfeedarea{padding:0 3%;max-width:calc(1100px + 6%);margin:0 auto;margin-top:8rem}@media screen and (max-width: 959px){.igfeedarea{padding:0 1rem}}@media screen and (max-width: 559px){.igfeedarea{margin-top:4rem}}