@media all and (min-width: 1367px){#base_container{overflow:hidden;position:relative;background:#1a2027;opacity:1}#base_container .typesquare_option{opacity:1}#base_container #base_info .box{transform:translate(-1.76471vw, -1.83824vw)}#base_container #btn_menu{transform:translate(2.42647vw, -2.42647vw)}#base_container #btn_menu.passive{transform:translate(2.42647vw, -11.02941vw)}#base_container #bg{position:fixed;top:50%;left:-0.8%;width:100%;height:100%;z-index:2;pointer-events:none;transform:translateY(-50%)}#base_container #bg canvas{pointer-events:none;position:absolute;left:0;top:35px;opacity:1;pointer-events:none}#base_container #kv{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:flex-end;-webkit-transition:all 0.6s;transition:all 0.6s;-webkit-transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #kv.open{transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #kv .fill{width:50%;height:100%;background:url(/tech/c_sus_con/img/technology/bg_kv_fill.png) no-repeat center center;background-size:cover}#base_container #kv .img{width:50%;height:100%}#base_container #kv .img img{width:100%;height:100%;object-fit:cover}#base_container #kv .img.tech2 img{object-position:bottom right}#base_container .container{width:87.35294vw;margin:0 auto;position:relative}#base_container #top_cont{position:fixed;top:75px;left:0;width:100%;height:100%;z-index:2;justify-content:center;align-items:flex-end}#base_container #top_cont.en .container .base{letter-spacing:0}#base_container #top_cont .container{width:100%;height:calc(100vh - 73px);box-sizing:border-box;padding:0 50% 0 0;display:flex;justify-content:center;align-items:flex-end;align-content:flex-end}#base_container #top_cont .container .txts{position:relative;left:0.51471vw;margin-bottom:5.95588vw}#base_container #top_cont .container .txts path{fill:#0f2c3a}#base_container #top_cont .container .ttl_sub{width:5.51471vw;margin-bottom:2.79412vw;color:#0f2c3a}#base_container #top_cont .container .base{font-size:3.52941vw;line-height:150%;letter-spacing:0.1em;margin-bottom:0.88235vw;color:#0f2c3a}#base_container #top_cont .container .copy{font-size:1.32353vw;line-height:200%;margin-bottom:0.88235vw;color:#0f2c3a;width:30.29412vw;letter-spacing:0.12em}#base_container #top_cont .container .name_area{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start}#base_container #top_cont .container .name_area .name{font-size:1.17647vw;line-height:200%;color:#0f2c3a;display:inline-block}#base_container #top_cont .container .name_area .name2{font-size:1.17647vw;line-height:150%;color:#0f2c3a;display:inline-block;position:relative;margin:0 0 0 1.25vw;top:0.29412vw}#base_container #top_cont .container .name_area .name2:before{content:" : ";display:inline-block;font-size:1.32353vw;line-height:150%;color:#0f2c3a;position:absolute;top:-0.14706vw;left:-0.95588vw}#base_container #top_cont .container .bread{margin-top:3.38235vw}#base_container #base_main{position:relative;z-index:10}#base_container #base_main #border_top{position:absolute;top:calc(100vh - 73px);left:0;width:100%;height:1px}#base_container #base_main #top{height:100vh}#base_container #base_main .technology.en p,#base_container #base_main .technology.en span,#base_container #base_main .technology.en h3,#base_container #base_main .technology.en a,#base_container #base_main .technology.en h2{letter-spacing:0 !important}#base_container #base_main .technology.en .point .container .txts .txt{text-align:left}#base_container #base_main .technology .passive{display:none !important}#base_container #base_main .technology .point_end{width:100%;height:1px}#base_container #base_main .technology .point{background:url(/tech/c_sus_con/img/technology/bg_blue.jpg) no-repeat top center;background-size:100% 100%;transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);width:100%;min-height:100vh;position:relative}#base_container #base_main .technology .point.fixed{position:fixed;left:0;bottom:0}#base_container #base_main .technology .point .content{padding-top:10.29412vw;padding-bottom:14.70588vw;position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:row-reverse}#base_container #base_main .technology .point .container .txts{width:35.80882vw;color:#0f2c3a;position:relative;left:-0.80882vw}#base_container #base_main .technology .point .container .txts .num{letter-spacing:0.05em;font-size:1.17647vw;line-height:200%;margin-bottom:1.76471vw}#base_container #base_main .technology .point .container .txts h2{font-size:2.05882vw;line-height:200%;letter-spacing:0.05em}#base_container #base_main .technology .point .container .txts .txt{margin-top:2.64706vw;font-size:1.17647vw;line-height:200%;text-justify:inter-ideograph;text-align:justify;letter-spacing:0.1em}#base_container #base_main .technology .point .container .txts .notice{font-size:0.88235vw;line-height:200%;letter-spacing:0.05em;font-feature-settings:'palt' on;display:block;margin-top:2.64706vw}#base_container #base_main .technology .point .container .img_area{width:38.30882vw;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin:0 7.72059vw 0 0}#base_container #base_main .technology .point .container .img_area .item{position:relative;margin-bottom:5.80882vw}#base_container #base_main .technology .point .container .img_area .item:last-child{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .video{position:relative;width:36.61765vw}#base_container #base_main .technology .point .container .img_area .video video{width:36.61765vw;height:20.58824vw}#base_container #base_main .technology .point .container .img_area .img{line-height:0;margin-bottom:5.88235vw;position:relative}#base_container #base_main .technology .point .container .img_area .img.cap{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .img.rect{overflow:hidden;border-radius:1.17647vw}#base_container #base_main .technology .point .container .img_area small{display:block;margin-top:0.58824vw;margin-bottom:5.88235vw;font-size:0.88235vw;line-height:200%;width:100%;position:relative;color:#0f2c3a}#base_container #base_main .technology .point .container .img_area.tech1 .img1{width:35vw}#base_container #base_main .technology .point .container .img_area.tech1 .img2{width:38.23529vw}#base_container #base_main .technology .point .container .img_area.tech1 .img3{width:34.48529vw}#base_container #base_main .technology .point .container .img_area.tech1 .img4{width:30.22059vw}#base_container #base_main .technology .point .container .img_area.tech2 .img1{width:38.23529vw}#base_container #base_main .technology .point .container .img_area.tech2 .img2{width:38.23529vw}#base_container #base_main .technology .point .container .img_area.tech2 .img3{width:32.27941vw}#base_container #base_main .technology .point .container .img_area.tech2 .img4{width:35vw}#base_container #base_main .technology .point .container .img_area.tech2 .img5{width:34.11765vw}#base_container #base_main .technology .point .container .img_area.tech3 .img1{width:38.23529vw}#base_container #base_main .technology .point .container .img_area.tech3 .img2{width:38.23529vw}#base_container #base_main .technology .point .container .img_area.tech3 .img3{width:38.23529vw}#base_container #base_main .technology .point .container .img_area.tech3 .img4{width:38.23529vw}#base_container #base_main .technology .point .container .img_area.tech3 .img5{width:35vw}#base_container #base_main .technology .point .container .img_area.tech3 .img6{width:35.29412vw}#base_container #base_main #casestudy{background:#fff;color:#0f2c3a;position:relative}#base_container #base_main #casestudy.en .container h2{letter-spacing:0}#base_container #base_main #casestudy.en .container p,#base_container #base_main #casestudy.en .container span,#base_container #base_main #casestudy.en .container h3,#base_container #base_main #casestudy.en .container a{letter-spacing:0 !important}#base_container #base_main #casestudy .container{width:74.63235vw;padding-top:4.41176vw;padding-bottom:6.91176vw}#base_container #base_main #casestudy .container .sub{width:5.22059vw;margin-bottom:1.47059vw}#base_container #base_main #casestudy .container .sub path{fill:#0f2c3a}#base_container #base_main #casestudy .container h2{font-size:2.05882vw;line-height:150%;letter-spacing:0.05em;margin-bottom:3.67647vw}#base_container #base_main #casestudy .container .items{width:49.33824vw;color:#0f2c3a;margin-left:25.29412vw}#base_container #base_main #casestudy .container .items .item{position:relative;margin-bottom:2.64706vw}#base_container #base_main #casestudy .container .items .item a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}#base_container #base_main #casestudy .container .items .item a:hover+section img{transform-origin:center center;transform:scale(1.1)}#base_container #base_main #casestudy .container .items .item section figure{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start}#base_container #base_main #casestudy .container .items .item section figure .img{width:16.10294vw;height:10.80882vw;overflow:hidden;border-radius:1.17647vw;line-height:0;transform:translate3d(1px, 1px, 1px)}#base_container #base_main #casestudy .container .items .item section figure .img img{transition:all 1.2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #base_main #casestudy .container .items .item section figure figcaption{width:30.29412vw;margin-top:-0.22059vw}#base_container #base_main #casestudy .container .items .item section figure figcaption .num{font-size:1.02941vw;line-height:200%;margin-bottom:0.44118vw}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts h3{font-size:1.32353vw;line-height:100%;margin-bottom:1.39706vw;height:1.32353vw}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts .txt{font-size:1.02941vw;line-height:200%;height:6.61765vw}#base_container #base_main #casestudy .area_bread{width:100%;padding-bottom:5.73529vw}#base_container #base_main #casestudy .area_bread .container{width:87.35294vw;padding:0}}@media all and (min-width: 769px) and (max-width: 1366px){#base_container{overflow:hidden;position:relative;background:#1a2027;opacity:1}#base_container .typesquare_option{opacity:1}#base_container #base_info .box{transform:translate(-1.75695vw, -1.83016vw)}#base_container #btn_menu{transform:translate(2.41581vw, -2.41581vw)}#base_container #btn_menu.passive{transform:translate(2.41581vw, -10.98097vw)}#base_container #bg{position:fixed;top:50%;left:-0.8%;width:100%;height:100%;z-index:2;pointer-events:none;transform:translateY(-50%)}#base_container #bg canvas{pointer-events:none;position:absolute;left:0;top:35px;opacity:1;pointer-events:none}#base_container #kv{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:flex-end;-webkit-transition:all 0.6s;transition:all 0.6s;-webkit-transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #kv.open{transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #kv .fill{width:50%;height:100%;background:url(/tech/c_sus_con/img/technology/bg_kv_fill.png) no-repeat center center;background-size:cover}#base_container #kv .img{width:50%;height:100%}#base_container #kv .img img{width:100%;height:100%;object-fit:cover}#base_container #kv .img.tech2 img{object-position:bottom right}#base_container .container{width:86.96925vw;margin:0 auto;position:relative}#base_container #top_cont{position:fixed;top:75px;left:0;width:100%;height:100%;z-index:2;justify-content:center;align-items:flex-end}#base_container #top_cont.en .container .base{letter-spacing:0}#base_container #top_cont .container{width:100%;height:calc(100vh - 73px);box-sizing:border-box;padding:0 50% 0 0;display:flex;justify-content:center;align-items:flex-end;align-content:flex-end}#base_container #top_cont .container .txts{position:relative;left:0.51245vw;margin-bottom:5.92972vw}#base_container #top_cont .container .txts path{fill:#0f2c3a}#base_container #top_cont .container .ttl_sub{width:5.49048vw;margin-bottom:2.78184vw;color:#0f2c3a}#base_container #top_cont .container .base{font-size:3.51391vw;line-height:150%;letter-spacing:0.1em;margin-bottom:0.87848vw;color:#0f2c3a}#base_container #top_cont .container .copy{font-size:1.31772vw;line-height:200%;margin-bottom:0.87848vw;color:#0f2c3a;width:30.16105vw;letter-spacing:0.12em}#base_container #top_cont .container .name_area{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start}#base_container #top_cont .container .name_area .name{font-size:1.1713vw;line-height:200%;color:#0f2c3a;display:inline-block}#base_container #top_cont .container .name_area .name2{font-size:1.1713vw;line-height:150%;color:#0f2c3a;display:inline-block;position:relative;margin:0 0 0 1.24451vw;top:0.29283vw}#base_container #top_cont .container .name_area .name2:before{content:" : ";display:inline-block;font-size:1.31772vw;line-height:150%;color:#0f2c3a;position:absolute;top:-0.14641vw;left:-0.95168vw}#base_container #top_cont .container .bread{margin-top:3.3675vw}#base_container #base_main{position:relative;z-index:10}#base_container #base_main #border_top{position:absolute;top:calc(100vh - 73px);left:0;width:100%;height:1px}#base_container #base_main #top{height:100vh}#base_container #base_main .technology.en p,#base_container #base_main .technology.en span,#base_container #base_main .technology.en h3,#base_container #base_main .technology.en a,#base_container #base_main .technology.en h2{letter-spacing:0 !important}#base_container #base_main .technology.en .point .container .txts .txt{text-align:left}#base_container #base_main .technology .passive{display:none !important}#base_container #base_main .technology .point_end{width:100%;height:1px}#base_container #base_main .technology .point{background:url(/tech/c_sus_con/img/technology/bg_blue.jpg) no-repeat top center;background-size:100% 100%;transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);width:100%;min-height:100vh;position:relative}#base_container #base_main .technology .point.fixed{position:fixed;left:0;bottom:0}#base_container #base_main .technology .point .content{padding-top:10.2489vw;padding-bottom:14.64129vw;position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:row-reverse}#base_container #base_main .technology .point .container .txts{width:35.65154vw;color:#0f2c3a;position:relative;left:-0.80527vw}#base_container #base_main .technology .point .container .txts .num{letter-spacing:0.05em;font-size:1.1713vw;line-height:200%;margin-bottom:1.75695vw}#base_container #base_main .technology .point .container .txts h2{font-size:2.04978vw;line-height:200%;letter-spacing:0.05em}#base_container #base_main .technology .point .container .txts .txt{margin-top:2.63543vw;font-size:1.1713vw;line-height:200%;text-justify:inter-ideograph;text-align:justify;letter-spacing:0.1em}#base_container #base_main .technology .point .container .txts .notice{font-size:0.87848vw;line-height:200%;letter-spacing:0.05em;font-feature-settings:'palt' on;display:block;margin-top:2.63543vw}#base_container #base_main .technology .point .container .img_area{width:38.14056vw;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin:0 7.68668vw 0 0}#base_container #base_main .technology .point .container .img_area .item{position:relative;margin-bottom:5.78331vw}#base_container #base_main .technology .point .container .img_area .item:last-child{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .video{position:relative;width:36.45681vw}#base_container #base_main .technology .point .container .img_area .video video{width:36.45681vw;height:20.4978vw}#base_container #base_main .technology .point .container .img_area .img{line-height:0;margin-bottom:5.85652vw;position:relative}#base_container #base_main .technology .point .container .img_area .img.cap{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .img.rect{overflow:hidden;border-radius:1.1713vw}#base_container #base_main .technology .point .container .img_area small{display:block;margin-top:0.58565vw;margin-bottom:5.85652vw;font-size:0.87848vw;line-height:200%;width:100%;position:relative;color:#0f2c3a}#base_container #base_main .technology .point .container .img_area.tech1 .img1{width:34.84627vw}#base_container #base_main .technology .point .container .img_area.tech1 .img2{width:38.06735vw}#base_container #base_main .technology .point .container .img_area.tech1 .img3{width:34.33382vw}#base_container #base_main .technology .point .container .img_area.tech1 .img4{width:30.08785vw}#base_container #base_main .technology .point .container .img_area.tech2 .img1{width:38.06735vw}#base_container #base_main .technology .point .container .img_area.tech2 .img2{width:38.06735vw}#base_container #base_main .technology .point .container .img_area.tech2 .img3{width:32.13763vw}#base_container #base_main .technology .point .container .img_area.tech2 .img4{width:34.84627vw}#base_container #base_main .technology .point .container .img_area.tech2 .img5{width:33.96779vw}#base_container #base_main .technology .point .container .img_area.tech3 .img1{width:38.06735vw}#base_container #base_main .technology .point .container .img_area.tech3 .img2{width:38.06735vw}#base_container #base_main .technology .point .container .img_area.tech3 .img3{width:38.06735vw}#base_container #base_main .technology .point .container .img_area.tech3 .img4{width:38.06735vw}#base_container #base_main .technology .point .container .img_area.tech3 .img5{width:34.84627vw}#base_container #base_main .technology .point .container .img_area.tech3 .img6{width:35.13909vw}#base_container #base_main #casestudy{background:#fff;color:#0f2c3a;position:relative}#base_container #base_main #casestudy.en .container h2{letter-spacing:0}#base_container #base_main #casestudy.en .container p,#base_container #base_main #casestudy.en .container span,#base_container #base_main #casestudy.en .container h3,#base_container #base_main #casestudy.en .container a{letter-spacing:0 !important}#base_container #base_main #casestudy .container{width:74.30454vw;padding-top:4.39239vw;padding-bottom:6.88141vw}#base_container #base_main #casestudy .container .sub{width:5.19766vw;margin-bottom:1.46413vw}#base_container #base_main #casestudy .container .sub path{fill:#0f2c3a}#base_container #base_main #casestudy .container h2{font-size:2.04978vw;line-height:150%;letter-spacing:0.05em;margin-bottom:3.66032vw}#base_container #base_main #casestudy .container .items{width:49.12152vw;color:#0f2c3a;margin-left:25.18302vw}#base_container #base_main #casestudy .container .items .item{position:relative;margin-bottom:2.63543vw}#base_container #base_main #casestudy .container .items .item a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}#base_container #base_main #casestudy .container .items .item a:hover+section img{transform-origin:center center;transform:scale(1.1)}#base_container #base_main #casestudy .container .items .item section figure{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start}#base_container #base_main #casestudy .container .items .item section figure .img{width:16.03221vw;height:10.76135vw;overflow:hidden;border-radius:1.1713vw;line-height:0;transform:translate3d(1px, 1px, 1px)}#base_container #base_main #casestudy .container .items .item section figure .img img{transition:all 1.2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #base_main #casestudy .container .items .item section figure figcaption{width:30.16105vw;margin-top:-0.21962vw}#base_container #base_main #casestudy .container .items .item section figure figcaption .num{font-size:1.02489vw;line-height:200%;margin-bottom:0.43924vw}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts h3{font-size:1.31772vw;line-height:100%;margin-bottom:1.39092vw;height:1.31772vw}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts .txt{font-size:1.02489vw;line-height:200%;height:6.58858vw}#base_container #base_main #casestudy .area_bread{width:100%;padding-bottom:5.7101vw}#base_container #base_main #casestudy .area_bread .container{width:86.96925vw;padding:0}}@media (min-width: 959px) and (max-width: 1150px){#base_container{overflow:visible}#base_container #base_main .technology .point{width:1160px}#base_container #base_main .technology .point .container{width:86.96925vw;margin:0 0 0 6.515375vw}#base_container #base_main #casestudy:before{content:"";display:block;position:absolute;top:0;right:0;width:calc(1180px - 100vw);height:100%;background:#fff;transform:translateX(100%)}}@media all and (max-width: 768px){#base_container{overflow:hidden;position:relative;background:#1a2027;opacity:1}#base_container .typesquare_option{opacity:1}#base_container #bg{position:fixed;top:0;left:50%;width:100%;height:100%;z-index:3;pointer-events:none;transform:translate(-50%, -50%)}#base_container #bg canvas{pointer-events:none;position:absolute;left:0;top:35px;opacity:1;pointer-events:none}#base_container #kv{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:flex-end;flex-direction:column-reverse;flex-wrap:wrap;transform:translate(0%, -50%)}#base_container #kv.open{transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #kv .fill{width:100%;height:calc(50%);background:url(/tech/c_sus_con/img/technology/bg_kv_fill.png) no-repeat center center;background-size:cover}#base_container #kv .img{width:100%;height:50%}#base_container #kv .img img{width:100%;height:100%;object-fit:cover;object-position:right bottom}#base_container .container{width:87.2vw;margin:0 auto;position:relative}#base_container #top_cont{position:fixed;top:75px;left:0;width:100%;height:100%;z-index:5;justify-content:center;align-items:flex-end}#base_container #top_cont.en .container .base{letter-spacing:0}#base_container #top_cont.open{transform:translateY(-50%) !important}#base_container #top_cont .container{width:100%;height:calc(100vh - 75px);height:calc(100svh - 75px);box-sizing:border-box;width:75.2vw;margin:0 auto;display:flex;justify-content:center;align-items:flex-end;align-content:flex-end}#base_container #top_cont .container .txts{position:relative;width:100%;width:75.2vw;margin:0 auto;padding-bottom:5.33333vw}#base_container #top_cont .container .txts path{fill:#0f2c3a}#base_container #top_cont .container .credit{position:absolute;top:18.66667vw;right:-10.13333vw;width:13.33333vw}#base_container #top_cont .container .ttl_sub{width:20vw;margin-bottom:6.4vw;color:#0f2c3a}#base_container #top_cont .container .base{font-size:6.4vw;line-height:150%;letter-spacing:0.08em;margin-bottom:2.66667vw;color:#0f2c3a}#base_container #top_cont .container .copy{font-size:3.73333vw;line-height:200%;margin-bottom:2.66667vw;color:#0f2c3a;letter-spacing:0.12em}#base_container #top_cont .container .name_area{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start}#base_container #top_cont .container .name{font-size:3.2vw;line-height:200%;color:#0f2c3a}#base_container #top_cont .container .name2{font-size:3.2vw;line-height:150%;color:#0f2c3a;position:relative;margin:0 0 0 4.53333vw;top:1.06667vw}#base_container #top_cont .container .name2:before{content:" : ";display:inline-block;font-size:3.2vw;line-height:150%;color:#0f2c3a;position:absolute;top:-0.53333vw;left:-3.46667vw}#base_container #top_cont .container .bread{width:120%;margin-top:9.86667vw;padding-bottom:7.73333vw}#base_container #top_cont .container .bread.mt{margin-top:2.66667vw}#base_container #base_main{position:relative;z-index:10}#base_container #base_main #border_top{position:absolute;top:calc(100vh - 73px);left:0;width:100%;height:1px}#base_container #base_main #top .container{box-sizing:border-box}#base_container #base_main .technology.en p,#base_container #base_main .technology.en span,#base_container #base_main .technology.en h3,#base_container #base_main .technology.en a,#base_container #base_main .technology.en h2{letter-spacing:0 !important}#base_container #base_main .technology.en .point .container .txts .txt{text-align:left}#base_container #base_main .technology .point_area{display:none}#base_container #base_main .technology .point{background:url(/tech/c_sus_con/img/technology/bg_blue_sp.jpg) no-repeat bottom center;background-size:cover;transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);width:100%;min-height:100vh}#base_container #base_main .technology .point .content{padding-top:26.66667vw;padding-bottom:8.8vw;padding-bottom:26.66667vw;position:relative}#base_container #base_main .technology .point#point2 .content{padding-top:25.33333vw}#base_container #base_main .technology .point .container .txts{color:#0f2c3a;margin-bottom:14.13333vw}#base_container #base_main .technology .point .container .txts .num{letter-spacing:0.05em;font-size:3.2vw;line-height:200%;margin-bottom:4.53333vw}#base_container #base_main .technology .point .container .txts h2{font-size:4.8vw;line-height:200%;letter-spacing:0.05em}#base_container #base_main .technology .point .container .txts .txt{margin-top:4.26667vw;font-size:3.2vw;line-height:200%;text-justify:inter-ideograph;text-align:justify;letter-spacing:0.1em}#base_container #base_main .technology .point .container .txts .notice{margin-top:4.26667vw;font-size:3.2vw;line-height:200%;letter-spacing:0.05em;font-feature-settings:'palt' on}#base_container #base_main .technology .point .container .img_area{width:120%;margin:0 0 0 -10%;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap}#base_container #base_main .technology .point .container .img_area .item{position:relative}#base_container #base_main .technology .point .container .img_area .item:last-child .img{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .video{position:relative;width:88.8vw}#base_container #base_main .technology .point .container .img_area .video video{width:88.8vw;height:49.86667vw}#base_container #base_main .technology .point .container .img_area .img{line-height:0;margin-bottom:16vw;position:relative}#base_container #base_main .technology .point .container .img_area .img:last-child{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .img.cap{width:88.8vw;margin-bottom:0}#base_container #base_main .technology .point .container .img_area .img.rect{overflow:hidden;border-radius:4.26667vw}#base_container #base_main .technology .point .container .img_area small{display:block;margin-top:1.06667vw;margin-bottom:14.4vw;font-size:3.2vw;line-height:200%;width:88.8vw;position:relative;color:#0f2c3a}#base_container #base_main .technology .point .container .img_area small.last{margin-bottom:0}#base_container #base_main .technology .point .container .img_area.tech1 .img1{width:89.33333vw}#base_container #base_main .technology .point .container .img_area.tech1 .img2{margin-top:6.93333vw;width:88.8vw}#base_container #base_main .technology .point .container .img_area.tech1 .img3{width:79.2vw}#base_container #base_main .technology .point .container .img_area.tech1 .img4{width:69.6vw;margin-top:-9.6vw}#base_container #base_main .technology .point .container .img_area.tech2 .img1{width:87.73333vw}#base_container #base_main .technology .point .container .img_area.tech2 .img2{width:87.73333vw}#base_container #base_main .technology .point .container .img_area.tech2 .img3{width:82.93333vw}#base_container #base_main .technology .point .container .img_area.tech2 .img4{width:87.2vw}#base_container #base_main .technology .point .container .img_area.tech2 .img5{width:87.2vw}#base_container #base_main .technology .point .container .img_area.tech3 .img1{width:88vw}#base_container #base_main .technology .point .container .img_area.tech3 .img2{width:88vw}#base_container #base_main .technology .point .container .img_area.tech3 .img3{width:88vw}#base_container #base_main .technology .point .container .img_area.tech3 .img4{width:88vw}#base_container #base_main .technology .point .container .img_area.tech3 .img5{width:87.2vw}#base_container #base_main .technology .point .container .img_area.tech3 .img6{width:77.33333vw}#base_container #base_main #detail{position:relative;padding-top:24.26667vw;padding-bottom:21.6vw;color:#0f2c3a}#base_container #base_main #detail:after{content:"";display:block;width:89.33333vw;height:1px;background:#0f2c3a;opacity:0.2;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}#base_container #base_main #detail .container h2{font-size:4.8vw;line-height:200%;letter-spacing:0.05em;margin-bottom:6.4vw}#base_container #base_main #detail .container .icon{position:absolute;width:18.4vw;top:-12.8vw;left:66.4vw}#base_container #base_main #detail .container .area{display:flex;justify-content:flex-start;flex-direction:column-reverse}#base_container #base_main #detail .container .area .img{width:100%;margin:0 5.86667vw 0 6.66667vw}#base_container #base_main #detail .container .area .img img{width:45.86667vw}#base_container #base_main #detail .container .area .txt{width:74.4vw;margin:0 0 8.53333vw 12.8vw}#base_container #base_main #detail .container .area .txt p{font-size:3.73333vw;line-height:200%;letter-spacing:0.05em}#base_container #base_main #casestudy{background:#fff;padding-top:26.4vw;color:#0f2c3a}#base_container #base_main #casestudy .container .sub{width:18.93333vw;margin-bottom:6.4vw}#base_container #base_main #casestudy .container .sub path{fill:#0f2c3a}#base_container #base_main #casestudy .container h2{font-size:4.8vw;line-height:150%;letter-spacing:0.05em;margin-bottom:14.66667vw}#base_container #base_main #casestudy .container .items{width:75.73333vw;color:#0f2c3a;margin:0 0 21.33333vw 12.53333vw}#base_container #base_main #casestudy .container .items .item{position:relative;margin-bottom:6.4vw}#base_container #base_main #casestudy .container .items .item a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}#base_container #base_main #casestudy .container .items .item section figure .img{width:74.66667vw;overflow:hidden;border-radius:4.26667vw;line-height:0;margin-bottom:5.33333vw}#base_container #base_main #casestudy .container .items .item section figure figcaption{width:100%;box-sizing:border-box;padding:0 0 0 9.06667vw;position:relative}#base_container #base_main #casestudy .container .items .item section figure figcaption .num{font-size:2.66667vw;line-height:200%;position:absolute;top:0;left:0}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts h3{font-size:3.73333vw;line-height:150%;margin-bottom:2.13333vw;height:11.46667vw}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts .txt{font-size:3.2vw;line-height:200%;height:21.33333vw}#base_container #base_main #casestudy .area_bread{width:100%;padding-bottom:15.46667vw}}@media print{#base_container{overflow:hidden;position:relative;background:#1a2027;opacity:1}#base_container .typesquare_option{opacity:1}#base_container #base_info .box{transform:translate(-19.2px, -20px)}#base_container #btn_menu{transform:translate(26.4px, -26.4px)}#base_container #btn_menu.passive{transform:translate(26.4px, -120px)}#base_container #bg{position:fixed;top:50%;left:-0.8%;width:100%;height:100%;z-index:2;pointer-events:none;transform:translateY(-50%)}#base_container #bg canvas{pointer-events:none;position:absolute;left:0;top:35px;opacity:1;pointer-events:none}#base_container #kv{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:flex-end;-webkit-transition:all 0.6s;transition:all 0.6s;-webkit-transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #kv.open{transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #kv .fill{width:50%;height:100%;background:url(/tech/c_sus_con/img/technology/bg_kv_fill.png) no-repeat center center;background-size:cover}#base_container #kv .img{width:50%;height:100%}#base_container #kv .img img{width:100%;height:100%;object-fit:cover}#base_container #kv .img.tech2 img{object-position:bottom right}#base_container .container{width:950.4px;margin:0 auto;position:relative}#base_container #top_cont{position:fixed;top:75px;left:0;width:100%;height:100%;z-index:2;justify-content:center;align-items:flex-end}#base_container #top_cont.en .container .base{letter-spacing:0}#base_container #top_cont .container{width:100%;height:calc(100vh - 73px);box-sizing:border-box;padding:0 50% 0 0;display:flex;justify-content:center;align-items:flex-end;align-content:flex-end}#base_container #top_cont .container .txts{position:relative;left:5.6px;margin-bottom:64.8px}#base_container #top_cont .container .txts path{fill:#0f2c3a}#base_container #top_cont .container .ttl_sub{width:60px;margin-bottom:30.4px;color:#0f2c3a}#base_container #top_cont .container .base{font-size:38.4px;line-height:150%;letter-spacing:0.1em;margin-bottom:9.6px;color:#0f2c3a}#base_container #top_cont .container .copy{font-size:14.4px;line-height:200%;margin-bottom:9.6px;color:#0f2c3a;width:329.6px;letter-spacing:0.12em}#base_container #top_cont .container .name_area{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start}#base_container #top_cont .container .name_area .name{font-size:12.8px;line-height:200%;color:#0f2c3a;display:inline-block}#base_container #top_cont .container .name_area .name2{font-size:12.8px;line-height:150%;color:#0f2c3a;display:inline-block;position:relative;margin:0 0 0 13.6px;top:3.2px}#base_container #top_cont .container .name_area .name2:before{content:" : ";display:inline-block;font-size:14.4px;line-height:150%;color:#0f2c3a;position:absolute;top:-1.6px;left:-10.4px}#base_container #top_cont .container .bread{margin-top:36.8px}#base_container #base_main{position:relative;z-index:10}#base_container #base_main #border_top{position:absolute;top:calc(100vh - 73px);left:0;width:100%;height:1px}#base_container #base_main #top{height:100vh}#base_container #base_main .technology.en p,#base_container #base_main .technology.en span,#base_container #base_main .technology.en h3,#base_container #base_main .technology.en a,#base_container #base_main .technology.en h2{letter-spacing:0 !important}#base_container #base_main .technology.en .point .container .txts .txt{text-align:left}#base_container #base_main .technology .passive{display:none !important}#base_container #base_main .technology .point_end{width:100%;height:1px}#base_container #base_main .technology .point{background:url(/tech/c_sus_con/img/technology/bg_blue.jpg) no-repeat top center;background-size:100% 100%;transition:all 2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1);width:100%;min-height:100vh;position:relative}#base_container #base_main .technology .point.fixed{position:fixed;left:0;bottom:0}#base_container #base_main .technology .point .content{padding-top:112px;padding-bottom:160px;position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:row-reverse}#base_container #base_main .technology .point .container .txts{width:389.6px;color:#0f2c3a;position:relative;left:-8.8px}#base_container #base_main .technology .point .container .txts .num{letter-spacing:0.05em;font-size:12.8px;line-height:200%;margin-bottom:19.2px}#base_container #base_main .technology .point .container .txts h2{font-size:22.4px;line-height:200%;letter-spacing:0.05em}#base_container #base_main .technology .point .container .txts .txt{margin-top:28.8px;font-size:12.8px;line-height:200%;text-justify:inter-ideograph;text-align:justify;letter-spacing:0.1em}#base_container #base_main .technology .point .container .txts .notice{font-size:9.6px;line-height:200%;letter-spacing:0.05em;font-feature-settings:'palt' on;display:block;margin-top:28.8px}#base_container #base_main .technology .point .container .img_area{width:416.8px;display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin:0 84px 0 0}#base_container #base_main .technology .point .container .img_area .item{position:relative;margin-bottom:63.2px}#base_container #base_main .technology .point .container .img_area .item:last-child{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .video{position:relative;width:398.4px}#base_container #base_main .technology .point .container .img_area .video video{width:398.4px;height:224px}#base_container #base_main .technology .point .container .img_area .img{line-height:0;margin-bottom:64px;position:relative}#base_container #base_main .technology .point .container .img_area .img.cap{margin-bottom:0}#base_container #base_main .technology .point .container .img_area .img.rect{overflow:hidden;border-radius:12.8px}#base_container #base_main .technology .point .container .img_area small{display:block;margin-top:6.4px;margin-bottom:64px;font-size:9.6px;line-height:200%;width:100%;position:relative;color:#0f2c3a}#base_container #base_main .technology .point .container .img_area.tech1 .img1{width:380.8px}#base_container #base_main .technology .point .container .img_area.tech1 .img2{width:416px}#base_container #base_main .technology .point .container .img_area.tech1 .img3{width:375.2px}#base_container #base_main .technology .point .container .img_area.tech1 .img4{width:328.8px}#base_container #base_main .technology .point .container .img_area.tech2 .img1{width:416px}#base_container #base_main .technology .point .container .img_area.tech2 .img2{width:416px}#base_container #base_main .technology .point .container .img_area.tech2 .img3{width:351.2px}#base_container #base_main .technology .point .container .img_area.tech2 .img4{width:380.8px}#base_container #base_main .technology .point .container .img_area.tech2 .img5{width:371.2px}#base_container #base_main .technology .point .container .img_area.tech3 .img1{width:416px}#base_container #base_main .technology .point .container .img_area.tech3 .img2{width:416px}#base_container #base_main .technology .point .container .img_area.tech3 .img3{width:416px}#base_container #base_main .technology .point .container .img_area.tech3 .img4{width:416px}#base_container #base_main .technology .point .container .img_area.tech3 .img5{width:380.8px}#base_container #base_main .technology .point .container .img_area.tech3 .img6{width:384px}#base_container #base_main #casestudy{background:#fff;color:#0f2c3a;position:relative}#base_container #base_main #casestudy.en .container h2{letter-spacing:0}#base_container #base_main #casestudy.en .container p,#base_container #base_main #casestudy.en .container span,#base_container #base_main #casestudy.en .container h3,#base_container #base_main #casestudy.en .container a{letter-spacing:0 !important}#base_container #base_main #casestudy .container{width:812px;padding-top:48px;padding-bottom:75.2px}#base_container #base_main #casestudy .container .sub{width:56.8px;margin-bottom:16px}#base_container #base_main #casestudy .container .sub path{fill:#0f2c3a}#base_container #base_main #casestudy .container h2{font-size:22.4px;line-height:150%;letter-spacing:0.05em;margin-bottom:40px}#base_container #base_main #casestudy .container .items{width:536.8px;color:#0f2c3a;margin-left:275.2px}#base_container #base_main #casestudy .container .items .item{position:relative;margin-bottom:28.8px}#base_container #base_main #casestudy .container .items .item a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}#base_container #base_main #casestudy .container .items .item a:hover+section img{transform-origin:center center;transform:scale(1.1)}#base_container #base_main #casestudy .container .items .item section figure{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start}#base_container #base_main #casestudy .container .items .item section figure .img{width:175.2px;height:117.6px;overflow:hidden;border-radius:12.8px;line-height:0;transform:translate3d(1px, 1px, 1px)}#base_container #base_main #casestudy .container .items .item section figure .img img{transition:all 1.2s;transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}#base_container #base_main #casestudy .container .items .item section figure figcaption{width:329.6px;margin-top:-2.4px}#base_container #base_main #casestudy .container .items .item section figure figcaption .num{font-size:11.2px;line-height:200%;margin-bottom:4.8px}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts h3{font-size:14.4px;line-height:100%;margin-bottom:15.2px;height:14.4px}#base_container #base_main #casestudy .container .items .item section figure figcaption .txts .txt{font-size:11.2px;line-height:200%;height:72px}#base_container #base_main #casestudy .area_bread{width:100%;padding-bottom:62.4px}#base_container #base_main #casestudy .area_bread .container{width:950.4px;padding:0}@page{size:A4 portrait}#wrapper{width:1200px}#base_container{background:#fff}#base_container span,#base_container p,#base_container h1,#base_container h2,#base_container h3,#base_container path{transform:translateY(0) !important;opacity:1 !important}#onlinemuseum{padding-top:160px !important;margin-bottom:0 !important;padding-bottom:160px !important}#onlinemuseum h2{filter:brightness(0)}#onlinemuseum .en.txt_in_cv_s{filter:brightness(0)}#base_container #top{height:800px !important}#base_container #kv{position:absolute !important;display:flex !important;width:1120px !important;height:1200px !important}#base_container #kv .fill{background:none !important}#base_container #bg{position:absolute !important;top:-240px !important;left:50% !important;height:800px !important;transform:translateY(0) translateX(-50%) !important}#base_container #bg canvas{transform:translateY(0) !important}#base_container #base_main .technology .point{page-break-after:always;background:none !important}#base_container #base_main .technology .point_area{display:none !important}#top_cont{width:1120px !important;display:block !important;position:absolute !important;top:0 !important;left:0 !important;transform:translateY(0) !important;height:800px !important}#base_container #base_main .technology .point.fixed{position:relative !important}}