@media (min-width: 767px){.top.fixHeader{padding-top:122px}}.top__cmnhd{display:block;font-size:40px;font-weight:300 !important;line-height:1.3;transition:color 0.3s;opacity:1 !important;cursor:pointer}.top__cmnhd span{display:inline-block;vertical-align:top;position:relative;padding-right:60px}.top__cmnhd span::before{content:"";display:block;width:46px;height:27px;background:#57C2E9 url(../../img/top/ico_arr_white.svg) no-repeat center center;background-size:16px 14px;position:absolute;top:50%;margin-top:-10px;right:0;border-radius:3px;transition:transform 0.8s}@media (hover: hover) and (pointer: fine){.top__cmnhd:hover{color:#006ebf}.top__cmnhd:hover span::before{transform:translate3d(10px, 0, 0)}}.top__mv{margin-bottom:60px;overflow:hidden}.top__mv .frame{max-width:1200px;margin:0 auto}.top__mv .slider{margin:0 -15px;position:relative}.top__mv .slider .splide__track{overflow:visible}.top__mv .slider .item{width:100%;padding:0 15px}.top__mv .slider .item .img{width:100%;background:#B4E0F0;position:relative}.top__mv .slider .item .img:before{display:block;content:" ";width:100%;padding-top:38%}.top__mv .slider .item .img>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top__mv .slider .item .img::after{content:"";display:block;width:100%;height:35px;background:#fff;background:linear-gradient(to top, #fff 0%, rgba(0,0,0,0) 100%);opacity:0.67;position:absolute;bottom:0;left:0}.top__mv .slider .item .img img,.top__mv .slider .item .img video{object-fit:cover}.top__mv .slider .item .img.vid::after{display:none}.top__mv .txt{align-items:flex-start}.top__mv .txt,.top__mv .txt .box,.top__mv .txt .nav{display:flex;flex-wrap:wrap}.top__mv .txt .box{width:781px;position:relative;align-items:flex-start;justify-content:space-between;padding:2px 33px 0 30px}.top__mv .txt .box::before{content:"";display:block;width:calc(100% + 30px);height:23px;background:#fff;border-top-right-radius:10px;position:absolute;top:-23px;right:0}.top__mv .txt .box>*{position:relative}.top__mv .txt .box .item{width:100%}.top__mv .txt .box .item:not(:first-child){display:none}.top__mv .txt .box .in{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.top__mv .txt .box .note{font-size:16px;line-height:1.5;flex:1;padding-right:10px;color:#25353b}.top__mv .txt .box .c-btn{width:315px;max-width:unset}.top__mv .txt .nav{flex:1;justify-content:flex-end;align-items:center;color:#57C2E9;font-size:14px;font-weight:500;font-family:"Roboto",sans-serif;padding:11px 37px 0 0}.top__mv .txt .nav .lb{margin-right:11px;letter-spacing:1.4px}.top__mv .txt .nav .btn{display:block;width:32px;height:14px;background:url(../../img/top/ico_arr_slide.svg) no-repeat top left;background-size:100% 100%;font-size:0}.top__mv .txt .nav .btn.prev{margin-right:10px}.top__mv .txt .nav .btn.next{transform:scaleX(-1);margin-left:10px}.top__mv .txt .nav .page{color:#57C2E9;display:block;width:28px;text-align:center}.top__mv .txt .nav .page.active{color:#003466;pointer-events:none;cursor:default}.top__news{margin-bottom:93px}.top__news .tabs{display:flex;flex-wrap:wrap;justify-content:space-between}.top__news .tabs .item{width:calc(50% - 20px);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;height:73px;background:#efefef;border-top-left-radius:4px;border-top-right-radius:4px;font-size:28px;border:1px solid transparent;border-bottom:0;padding:0 32px;cursor:pointer;transition:all 0.3s;position:relative;cursor:pointer}.top__news .tabs .item span{display:block;position:relative;padding-right:36px;top:-2px}.top__news .tabs .item span em{font-style:normal}.top__news .tabs .item span a{position:absolute;display:inline-block;width:29px;height:17px;right:0;top:7px}.top__news .tabs .item span a::before{content:"";display:block;width:29px;height:17px;background:#c1c1c1 url(../../img/top/ico_arr_white.svg) no-repeat center center;background-size:10px 9px;position:absolute;top:50%;margin-top:-6px;right:0;border-radius:3px;transition:right 0.3s ease}.top__news .tabs .item.active{background:#fff;border-color:#97b6c1;z-index:1}.top__news .tabs .item.active::before{content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;bottom:-1px;left:0}.top__news .tabs .item.active span a::before{background-color:#57C2E9}@media (hover: hover) and (pointer: fine){.top__news .tabs .item:hover:hover span a:before{right:-10px}.top__news .tabs .item:hover:hover:not(.active){border-color:#97b6c1;background-color:#fff}}.top__news .content{position:relative;padding-top:24px}.top__news .content::before{content:"";width:100%;height:1px;background:#97b6c1;position:absolute;top:-1px;left:0;pointer-events:none}.top__news .content .part:not(:first-child){display:none}.top__news .content .part .item{display:flex;flex-wrap:wrap;align-items:flex-start;font-size:16px;border-bottom:1px solid #b1cad3;font-weight:500;padding-bottom:17px;margin-bottom:20px;line-height:1.4;opacity:1;cursor:pointer}.top__news .content .part .item .date{position:relative;padding-left:19px;width:113px;color:#454545}.top__news .content .part .item .date::before{content:"";position:absolute;width:12px;height:12px;background:url(../../img/common/icon/ico-arr-link.svg) center/contain no-repeat;left:0;top:50%;margin-top:-5px}.top__news .content .part .item .cat{font-size:13px;color:#174D81;padding:3px 13px 4px;line-height:17px;margin-right:11px;position:relative}.top__news .content .part .item .cat.bg1{background:#d5f4ff}.top__news .content .part .item .cat.bg2{background:#d7e8d7}.top__news .content .part .item .cat.bg3{background:#d2e3eb}.top__news .content .part .item .cat.bg4{background:#f1f4ce}.top__news .content .part .item .bl_title{flex:1}.top__news .content .part .item .title{color:#174D81}@media (hover: hover) and (pointer: fine){.top__news .content .part .item:hover .title{color:#006ebf}}.top__news .content .part.news .item .cat{min-width:128px;text-align:center}.top__philosophy{margin-bottom:97px}.top__philosophy .meta{text-align:center;margin-bottom:110px}.top__philosophy .meta .subtitle{margin-bottom:13px;font-size:20px}.top__philosophy .meta .subtitle span{display:inline-block;vertical-align:top;border-bottom:1px solid #57C2E9;padding-bottom:4px}.top__philosophy .meta .title{font-size:40px;font-weight:300;color:#003466;line-height:1.45;margin-bottom:19px}.top__philosophy .meta .c-btn{margin:0 auto;width:100%;max-width:316px}.top__philosophy .bg{width:100%;height:100vh;position:sticky;top:0;left:0}.top__philosophy .bg span{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:opacity 1s;pointer-events:none}.top__philosophy .bg span:not(.active){opacity:0}.top__philosophy .bg span:first-child{opacity:1;background-image:url(../../img/top/bg01.jpg)}.top__philosophy .bg span:nth-child(2){background-image:url(../../img/top/bg02.jpg)}.top__philosophy .bg span:last-child{background-image:url(../../img/top/bg03.jpg)}.top__philosophy .content{position:relative;margin-top:-100vh}@media (min-width: 767px){.top__philosophy .content{padding:25vh 15px}}.top__philosophy .content .item{width:100%;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;padding:100px 0}@media (min-width: 767px){.top__philosophy .content .item{height:90vh;min-height:666px}.top__philosophy .content .item:not(:first-child){margin-top:calc((-90vh + 479px) / 2)}}.top__philosophy .content .item .box{width:100%;opacity:1;cursor:pointer}.top__philosophy .content .item .box .anim{width:100%;display:flex;flex-wrap:wrap;align-items:center}.top__philosophy .content .item .box .img{width:55%;border-radius:10px;overflow:hidden}.top__philosophy .content .item .box .img img{display:block;width:100%;transition:transform 1s}.top__philosophy .content .item .box .txt{flex:1;padding:0 20px;font-weight:300}.top__philosophy .content .item .box .txt__in{max-width:252px;margin:0 auto}.top__philosophy .content .item .box .txt .subtitle{font-size:14px;font-family:"Roboto",sans-serif;margin-bottom:-3px;padding-left:6px;font-weight:400}.top__philosophy .content .item .box .txt .top__cmnhd{margin-bottom:46px;pointer-events:none}.top__philosophy .content .item .box .txt .desc{font-size:28px;line-height:1.7;font-weight:300}@media (hover: hover) and (pointer: fine){.top__philosophy .content .item .box:hover .img img{transform:scale(1.1)}.top__philosophy .content .item .box:hover .txt .top__cmnhd{color:#006ebf}.top__philosophy .content .item .box:hover .txt .top__cmnhd span::before{transform:translate3d(10px, 0, 0)}}@media (min-width: 767px){.top__philosophy .content .item:nth-child(2n+2) .img{order:2}.top__philosophy .content .item:nth-child(2n+2) .txt{order:1}}.top__info{margin-bottom:91px}.top__info .content{display:flex;flex-wrap:wrap;align-items:flex-start;margin-top:34px}.top__info .content .graph{width:35.1%;height:257px}.top__info .content .lnks{flex:1;padding-right:36px}.top__info .content .lnks .report{display:flex;justify-content:center;align-items:center;border:1px solid #97b6c1;width:100%;height:100px;border-radius:4px;margin-bottom:19px;transition:border 0.3s ease;cursor:pointer}.top__info .content .lnks .report .img{width:106px;position:relative;overflow:hidden}.top__info .content .lnks .report .img:before{display:block;content:" ";width:100%;padding-top:55.66038%}.top__info .content .lnks .report .img>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top__info .content .lnks .report .img img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}.top__info .content .lnks .report .ttl{font-size:22px;font-size:2.2rem;line-height:1.18182em;letter-spacing:0em;font-weight:400;color:#174d81;padding-left:20px}@media (hover: hover) and (pointer: fine){.top__info .content .lnks .report:hover{opacity:1}.top__info .content .lnks .report:hover:hover{border-color:#009ed5}}.top__info .content .btns{display:flex;flex-wrap:wrap;margin:0 -13px}.top__info .content .btns li{width:50%;padding:0 13px}.top__info .content .btns li .c-btn{width:100%;max-width:100%;margin-bottom:20px}.top__sus{background:#71d2f5;padding:94px 0 139px;margin-bottom:94px}.top__sus .top__cmnhd span::before{background-image:url(../../img/top/ico_arr_blue.svg);background-color:#fff}.top__sus .sdgs{background:#fff;border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;padding:10px 21px;margin-top:23px;color:#000}.top__sus .sdgs .lb{font-size:16px;width:99px;line-height:1.25}.top__sus .sdgs ul{flex:1;margin-bottom:-5px}.top__sus .sdgs ul li{display:flex;flex-wrap:wrap}.top__sus .sdgs ul li .item{display:block;background:#d4ebf4;margin:0 5px 5px 0;font-size:13px;line-height:1.4;padding:3px 12px;color:#000}.top__sus .sus{display:flex;flex-wrap:wrap;align-items:center;margin-top:36px}.top__sus .sus img{display:block;width:42.1%;border-radius:4px}.top__sus .sus .txt{flex:1;padding:0 0 0 20px;max-width:559px;margin:0 auto}.top__sus .sus .txt .subtitle{display:block;width:169px;margin:0 0 14px 2px}.top__sus .sus .txt .title{font-size:28px;line-height:1.4;margin-bottom:21px}.top__sus .sus .txt .c-btn{max-width:188px;cursor:pointer}.top__sus .sus .txt .c-btn:not(:hover){background:#fff;border-color:#fff}@media (hover: hover) and (pointer: fine){.top__sus .sus .txt .c-btn:hover{background:#d3ebf4;border-color:#d3ebf4}}.top__company{margin-bottom:110px}.top__company .lnks{display:flex;flex-wrap:wrap;margin:31px -21px 0}.top__company .lnks li{width:33.333333%;padding:0 21px}.top__company .lnks li .btn{width:100%;height:100px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border:1px solid #97b6c1;border-radius:4px;font-size:22px;color:#174D81;opacity:1;transition:all 0.3s;cursor:pointer}.top__company .lnks li .btn span{display:block;position:relative;padding-right:30px;top:-1px}.top__company .lnks li .btn span::before{content:"";display:block;background:url(../../img/common/icon/ico-arr-btn.svg) no-repeat top left;background-size:100% 100%;position:absolute;right:0;top:50%;margin-top:-7px;width:16px;height:14px;transition:transform 0.3s}@media (hover: hover) and (pointer: fine){.top__company .lnks li .btn:hover{border-color:#009ed5}.top__company .lnks li .btn:hover span::before{transform:translate3d(10px, 0, 0)}}.top__project{background:#eff5f7;padding:107px 0 50px}.top__project .hd{font-size:40px;font-weight:300}.top__project .list{display:flex;flex-wrap:wrap;margin:108px -28px 0}.top__project .list li{width:50%;padding:0 28px;margin-bottom:67px}.top__project .list li a{display:block;opacity:1;cursor:pointer}.top__project .list li a .img{position:relative;margin-bottom:15px;overflow:hidden}.top__project .list li a .img:before{display:block;content:" ";width:100%;padding-top:44.39834%}.top__project .list li a .img>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top__project .list li a .img img{object-fit:cover;transition:transform 0.3s}.top__project .list li a .title{font-size:20px;position:relative;color:#174D81;display:inline}.top__project .list li a .title::after{content:"";display:inline-block;width:14px;height:14px;background:url(../../img/top/ico_blank.svg) no-repeat top left;background-size:100% 100%;position:relative;margin-left:10px;top:1px}.top__project .list li a .desc{font-size:14px;margin-top:9px;line-height:1.7;color:#000}@media (hover: hover) and (pointer: fine){.top__project .list li a:hover .img img{transform:scale(1.2)}}@media only screen and (min-width: 767px) and (max-width: 1199px){.top__mv{margin-bottom:42px}.top__mv .slider::before{background-size:723px auto}.top__mv .slider .item .img{position:relative}.top__mv .slider .item .img:before{display:block;content:" ";width:100%;padding-top:37.89474%}.top__mv .slider .item .img>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top__mv .txt .box{padding:8px 34px 0 28px}.top__mv .txt .box::before{top:-17px}.top__mv .txt .nav{width:100%;flex:unset;justify-content:center;padding:24px 0 0}.top__news{padding:0 13px}.top__news .tabs .item{width:calc(50% - 26px);padding:0 14px}.top__news .tabs .item.active{width:calc(50% - 14px)}.top__news .content .part .item{padding-bottom:18px}.top__philosophy{margin-bottom:92px}.top__philosophy .meta{margin-bottom:115px}.top__philosophy .content .item{max-width:810px;margin:0 auto}.top__philosophy .content .item .box .txt__in{max-width:220px}.top__philosophy .content .item .box .txt .subtitle{font-size:13px}.top__philosophy .content .item .box .txt .top__cmnhd{font-size:39px;margin-bottom:38px}.top__philosophy .content .item .box .txt .desc{font-size:22px;line-height:1.72}.top__info{padding:0 13px}.top__info .content .graph{width:33.5%;max-width:299px}.top__info .content .lnks{padding-right:45px}.top__info .content .btns li .c-btn{padding:0 5px}.top__sus{padding:94px 13px 127px;margin-bottom:95px}.top__sus .sdgs{align-items:flex-start}.top__sus .sdgs .lb{padding-top:6px}.top__sus .sdgs ul li .item{line-height:1.37}.top__sus .sus img{width:35.1%}.top__sus .sus .txt{padding:0 0 0 16px}.top__company{padding:0 13px}.top__project{padding:107px 13px 93px}.top__project .list{margin-left:-24px;margin-right:-24px}.top__project .list li{padding:0 24px;margin-bottom:30px}.top__project .list li a .img{margin-bottom:10px}.top__project .list li a .desc{margin-top:6px}}@media only screen and (min-width: 767px) and (max-width: 899px){.top__info .content .lnks{padding-right:30px}.top__info .content .btns li .c-btn{font-size:14px}.top__sus .sus .txt .title{font-size:24px}.top__project .list{margin-left:-15px;margin-right:-15px}.top__project .list li{padding:0 15px}.top__project .list li a .title{font-size:19px}}@media (max-width: 766px){.top{padding-top:60px}.top__cmnhd{font-size:30px}.top__mv{margin-bottom:40px}.top__mv .slider{margin:0}.top__mv .slider::before{top:-12px;left:0;background-size:81% auto}.top__mv .slider .splide__track{overflow:hidden}.top__mv .slider .item{padding:0}.top__mv .slider .item .img{position:relative}.top__mv .slider .item .img:before{display:block;content:" ";width:100%;padding-top:150%}.top__mv .slider .item .img>.content{position:absolute;top:0;left:0;right:0;bottom:0}.top__mv .txt{flex-direction:column}.top__mv .txt .box{padding:0 15px;width:100%;max-width:390px;margin-bottom:20px}.top__mv .txt .box::before{top:-21px;width:calc(100% - 50px);right:auto;left:0}.top__mv .txt .box .in{display:block;margin-top:-7px}.top__mv .txt .box .note{font-size:13px;padding:0;line-height:1.45;margin-bottom:14px}.top__mv .txt .box .c-btn{width:308px;max-width:100%}.top__mv .txt .box .c-btn span{left:5px}.top__mv .txt .nav{padding:0;width:100%;justify-content:center}.top__mv .txt .nav .lb{display:none}.top__news{margin-bottom:123px}.top__news .tabs .item{font-size:20px;width:calc(50% - 7px);height:71px;padding:0;justify-content:center}.top__news .tabs .item span{padding-right:33px;top:1px}.top__news .tabs .item span a::before{margin-top:-8px}.top__news .content{padding-top:20px}.top__news .content::before{width:calc(100% + 30px);left:-15px}.top__news .content .part .item{font-size:15px;padding-bottom:23px;margin-bottom:22px}.top__news .content .part .item .date{margin-left:2px;width:107px}.top__news .content .part .item .cat{font-size:12px;padding:2.5px 13px}.top__news .content .part .item .bl_title{margin-top:8px;width:100%;flex:unset}.top__philosophy{margin-bottom:88px}.top__philosophy .meta{margin-bottom:174px}.top__philosophy .meta .subtitle{margin-bottom:46px}.top__philosophy .meta .title{font-size:30px;line-height:1.46;max-width:355px;margin:0 auto 51px}.top__philosophy .content .item{max-width:284px;margin:0 auto;padding:155px 0 130px}.top__philosophy .content .item .box .img,.top__philosophy .content .item .box .txt{width:100%;padding:0}.top__philosophy .content .item .box .txt{margin-top:40px}.top__philosophy .content .item .box .txt .top__cmnhd{font-size:40px}.top__info{margin-bottom:85px}.top__info .content{margin-top:47px}.top__info .content .graph,.top__info .content .lnks{width:100%;flex:unset;padding:0}.top__info .content .graph{height:248px}.top__info .content .lnks{margin-bottom:25px}.top__info .content .lnks .report{margin-bottom:24px}.top__info .content .lnks .btns li{width:100%}.top__info .content iframe{width:100%}.top__sus{padding:88px 0 100px;margin-bottom:88px}.top__sus .sdgs{padding:9px 13px 12px}.top__sus .sdgs .lb{width:100%;margin-bottom:8px}.top__sus .sdgs ul{flex:unset;margin:0 -10px -3px 0}.top__sus .sdgs ul li .item{line-height:1.38;margin-bottom:3px}.top__sus .sus{margin-top:42px}.top__sus .sus img{width:100%;margin-bottom:24px}.top__sus .sus .txt{padding:0;max-width:360px;margin:0 auto}.top__sus .sus .txt .subtitle{width:127px;margin:0 auto 7px}.top__sus .sus .txt .title{font-size:20px}.top__sus .sus .txt .c-btn{max-width:357px;margin:0 auto}.top__company{margin-bottom:60px}.top__company .lnks{margin:47px 0 0}.top__company .lnks li{padding:0;width:100%;margin-bottom:25px}.top__project{padding:92px 0 41px}.top__project .hd{font-size:30px}.top__project .list{margin:52px 0 0}.top__project .list li{width:100%;padding:0;margin-bottom:42px}.top__project .list li a .img{margin-bottom:16px}.top__project .list li a .desc{margin-top:12px}}@media only screen and (max-width: 374px){.top__cmnhd{font-size:26px}.top__cmnhd span{padding-right:55px}.top__mv .txt .box::before{width:calc(100% - 15px)}.top__news .tabs .item{font-size:18px}.top__philosophy .meta .title{font-size:26px}}@media only screen and (min-width: 1600px){.top__mv .txt .box{padding-left:0}.top__news .inner{max-width:1230px}.top__news .tabs{max-width:1020px}.top__philosophy .content .item .box .txt__in{max-width:297px}.top__philosophy .content .item .box .txt .subtitle{font-size:16px}.top__philosophy .content .item .box .txt .top__cmnhd{font-size:47px}.top__philosophy .content .item .box .txt .desc{font-size:33px}}