@charset "utf-8";.header{position:absolute}#main{margin-bottom:0;background:#fff}.mainvisual{width:100%;height:100vh;position:relative;overflow:hidden;z-index:11}.mainvisual.active .movieArea video{display:none}.movieArea{position:fixed;left:0;right:0;top:0;bottom:0}video{position:absolute}@media (aspect-ratio:16/9),(min-aspect-ratio:16/9){video{width:100%;top:50%;transform:translateY(-50%)}}@media (max-aspect-ratio:16/9){video{height:100%;left:50%;transform:translateX(-50%)}}@media screen and (max-width:767px){.movieArea{background:url(//archi.builders/wp-content/themes/archibuilders/css/../img/index/main_sp.jpg) no-repeat;background-position:bottom;background-size:cover}}.mainvisual .overlay{width:100%;height:100vh;position:absolute;top:0;left:0;background:url(//archi.builders/wp-content/themes/archibuilders/css/../img/index/dotto.png);z-index:12;opacity:.6}.text_mainvisual{max-width:900px;width:100%;margin:0 auto;position:absolute;bottom:10%;left:0;right:0;z-index:444;color:#fff}.mainvisual h1{font-family:"Noto serif JP",serif;font-size:6.2rem;letter-spacing:.6rem;margin-left:-10px;margin-bottom:14%}.mainvisual h1 span{display:block;font-family:"Noto Sans JP",sans-serif;font-size:2.9rem;letter-spacing:0;padding-left:10px;font-weight:700}.mainvisual h2{font-family:"Noto Sans JP",sans-serif;font-size:2.2rem;letter-spacing:0;line-height:2.2}@media screen and (min-width:768px) and (max-width:980px){.mainvisual{height:80vh}.movieArea{height:80vh}.text_mainvisual{max-width:90%;bottom:6%}.mainvisual h1{font-size:4.2rem;margin-bottom:6%}.mainvisual h1 span{font-size:1.6rem}.concept{padding:80px 25px}}@media screen and (max-width:767px){.mainvisual{height:100vh;display:flex;justify-content:center;align-items:center}.mainvisual img{max-width:auto;height:100vh}.text_mainvisual{max-width:90%;width:90%;bottom:auto;padding-top:60px}.mainvisual h1{font-size:3.2rem;letter-spacing:.3rem;margin-left:0;margin-bottom:48px}.mainvisual h1 span{font-size:1.5rem;padding-left:6px}.mainvisual h2{font-size:1.8rem}.mainvisual .overlay{background:rgba(0,0,0,.2);opacity:1}}@media screen and (max-width:500px){.text_mainvisual{padding-top:0;padding-bottom:60px}}.contentArea{position:relative;z-index:333;background:#fff;width:100%;height:100%}.contentArea h1{position:relative;background-color:#fff;z-index:33;font-size:4.1rem;color:#ddd;font-family:"Noto serif JP",sans-serif;text-align:center;margin-bottom:40px}.contentArea h1 span{display:block;font-size:1.6rem;color:#333;font-family:"Noto Sans JP",sans-serif}.conceptArea{padding-bottom:140px}.h2_concept{max-width:900px;width:100%;margin:0 auto;font-family:"Noto Sans JP",sans-serif;font-size:2.2rem;letter-spacing:0;line-height:2.2;padding:100px 0}.concept{max-width:900px;width:100%;margin:0 auto;background-color:#fff;padding:80px 0;line-height:3;font-family:"Noto serif JP",sans-serif;font-size:1.8rem}.fig01{display:flex;align-items:flex-start;max-width:900px;width:100%;margin:0 auto}.fig01 .concept02{padding-bottom:80px;line-height:3;font-family:"Noto serif JP",sans-serif;font-size:1.8rem;max-width:505px;margin-top:-40px;margin-left:auto}.fig01 img{width:287px;height:auto}@media screen and (max-width:767px){.concept{padding:80px 25px;font-size:inherit;line-height:2.5}.h2_concept{font-size:2rem;line-height:40px}.fig01{display:block;padding:0 25px}.fig01 .concept02{margin-top:0;font-size:inherit;line-height:2.5}.flow_tit{font-size:inherit}.fig01 img{display:block;margin:0 auto 30px}}.flowArea{margin-bottom:160px}@media all and (-ms-high-contrast:none){.flowArea{padding-bottom:160px}}.flow_tit{width:860px;max-width:100%;margin:0 auto 48px;padding:0 25px;color:#4e4e4e;font-size:1.6rem;line-height:32px}.flow{display:flex;background:#f5f5f5;height:560px;margin:0 auto 62px}.flow_img{height:100%;width:50%;background:url(//archi.builders/wp-content/themes/archibuilders/css/../img/index/bg_03.jpg) no-repeat;background-position:center right;-webkit-background-size:cover;background-size:cover}.flow_fig{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center}.flow_figContent{max-width:425px;width:80%;margin:0 auto;position:relative}.flow_figContent:before{content:"";width:16px;height:32px;background:#fff;position:absolute;right:0;left:0;margin:auto;bottom:-33px}.flow_figContent:last-child:before{content:none}.flow_figContent span{display:block;line-height:62px}.flow_figContent .flow_figNum{font-family:"Noto serif JP",sans-serif;font-size:2.8rem;color:#bfbfbf;padding-right:8px}.flow_figName{font-family:"Noto serif JP",sans-serif;font-size:2rem;width:60%}.flow_figContent .flow_figType{font-size:1.4rem;text-align:center}@media screen and (max-width:900px){.conceptArea{padding-bottom:110px}}@media screen and (max-width:900px){.flow{display:block;height:auto}.flowArea{margin-bottom:0;padding-bottom:120px}.flow_img{height:380px;width:100%}.flow_fig{height:100%;width:100%;padding:60px 0}.flow_figContent{margin:0 auto}.flow_figContent .flow_figName{width:50%}}@media screen and (max-width:900px){.h2_concept{padding:100px 25px}.fig01{display:block;padding:0 25px}.fig01 .concept02{margin-top:0;font-size:inherit;line-height:2.5;margin-left:0;margin-top:0}.flow_tit{font-size:inherit}.fig01 img{display:block;margin:0 auto 30px}.h2_concept{padding:80px 25px 40px}.concept{padding:80px 25px}}.top_works_section{letter-spacing:-.4em}.worksArticle{display:inline-block;max-width:25%;min-width:256px;margin-bottom:108px;letter-spacing:normal}.worksArticle figure{width:100%;max-height:255px;margin:0 auto 10px;overflow:hidden;position:relative}.worksArticle figure img{width:100%;-webkit-transition:-webkit-transform .5s linear;-ms-transition:-ms-transform .5s linear;transition:transform .5s linear;object-fit:cover}.worksArticle figure img:hover{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.worksArticle h2{text-align:center}.tag_box{position:relative;z-index:33}@media screen and (max-width:767px){.tag_box{margin:0 !important}.top_works_section{padding-bottom:50px}.worksArticle{width:50%;min-width:50%;margin-bottom:30px}.worksArticle figure{margin:0 auto 8px}.worksArticle h2{padding-left:10px;text-align:left}}@media screen and (min-width:768px) and (max-width:1024px){.content{max-width:90%}}@media screen and (max-width:767px){.content{max-width:100%;width:100%;padding:68px 25px}}.btn_top{padding:64px 0 180px;background:#fff}@media screen and (max-width:767px){.btn_top{padding:124px 0 180px;margin:0;background:#fff;z-index:200;position:relative}}.parallax{width:96%;margin-left:0;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:#fff;margin:0 auto}.parallax p{max-width:900px;width:100%;margin:0 auto;line-height:3;padding:92px 0;font-family:"Noto serif JP",sans-serif}.parallax.bg_01{background-image:url(//archi.builders/wp-content/themes/archibuilders/css/../img/index/bg_01.jpg);height:360px}.parallax.bg_02{background-image:url(//archi.builders/wp-content/themes/archibuilders/css/../img/index/bg_02.jpg);height:360px;background-position:center top;margin-top:189px}@media screen and (min-width:768px) and (max-width:1024px){.parallax{background-attachment:scroll}.parallax p{max-width:94%}}@media screen and (max-width:767px){.parallax{background-attachment:scroll;width:100%;padding:42px 25px;background-position:center center !important}.parallax.bg_01{height:240px}.parallax.bg_02{height:240px;margin-top:100px}}@media all and (-ms-high-contrast:none){html{height:100%;overflow:hidden}body{height:100%;overflow:scroll}}.loader-wrap{position:fixed;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;z-index:9999}.loader{color:rgba(0,0,0,.8);font-size:8px;margin:0 auto;width:10px;height:10px;border-radius:50%;position:relative;text-indent:-9999em;-webkit-animation:load 1.3s infinite linear;animation:load 1.3s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes load{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 0,2em 2em 0 .2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0em 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 .2em,-2em 2em 0 0,-3em 0em 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0,-2em -2em 0 .2em}}@keyframes load{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 0,2em 2em 0 .2em,0 3em 0 0em,-2em 2em 0 -1em,-3em 0em 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0em,0 3em 0 .2em,-2em 2em 0 0,-3em 0em 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em,2em -2em 0 -1em,3em 0em 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0em 0 0,-2em -2em 0 .2em}}