@keyframes zoom{0%{opacity:.3}5%{opacity:1}90%{opacity:1;transform:scale(1.15)}98%{opacity:0;transform:scale(1.15)}100%{opacity:0;transform:scale(1.15)}}@keyframes zoomBk{0%{background-size:auto 100%}100%{background-size:auto 120%}}@keyframes zoomBk2{0%{background-size:100%}100%{background-size:120%}}@keyframes shine{0%{width:42px;height:4px;left:0;top:0;opacity:.4}6%{width:42px;height:4px;left:166px;top:0;opacity:1}7%{width:4px;height:42px;left:166px;top:0;opacity:1}8%{width:4px;height:42px;left:166px;top:166px;opacity:1}9%{width:42px;height:4px;left:166px;top:166px;opacity:1}10%{width:42px;height:4px;left:0px;top:166px;opacity:1}11%{width:4px;height:42px;left:0px;top:166px;opacity:1}13%{width:4px;height:42px;left:0;top:0;opacity:0}14%{width:4px;height:42px;left:0;top:0;opacity:0}100%{width:4px;height:16px;left:0;top:0;opacity:0}}html{width:100%;margin:0 auto;font-size:62.5%}body{font-size:3.33333vw;line-height:1.8;font-family:"Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ",Osaka,"MS PGothic","ＭＳ Ｐゴシック",Helvetica,Arial,Sans-Serif;color:#1A1A1A;text-align:left;background-color:#FFF}@media screen and (min-width: 768px), print{body{font-size:1.66667vw}}@media screen and (min-width: 1200px){body{font-size:20px}}a{color:#1A1A1A;text-decoration:none;transition:all 0.2s}@media only screen and (min-width: 768px){a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7}}img{width:100%;vertical-align:bottom}ul{padding-left:0}figure{margin:0}@media screen and (min-width: 768px), print{.sp{display:none !important}}@media screen and (max-width: 767px){.pc{display:none !important}}.text_box{font-size:calc((36/750)*100vw);font-weight:700;line-height:calc((76/750)*100vw)}@media screen and (min-width: 768px), print{.text_box{font-size:28px;line-height:55px}}.text_box .box{background-color:#fff;padding:0 calc((12/750)*100vw)}@media screen and (min-width: 768px), print{.text_box .box{padding:2px 10px 4px}}@media screen and (min-width: 768px), print{.text_box .small{font-size:14px}}.text_box.black .box{color:#fff;background-color:#1A1A1A}::-webkit-full-page-media,:future,:root .text_box .box{display:inline-block;line-height:1.5}.text_box_s{font-size:calc((30/750)*100vw);font-weight:700;line-height:1.9;letter-spacing:0.1rem}@media screen and (min-width: 768px), print{.text_box_s{font-size:26px;line-height:2}}.text_box_s .box{padding:calc((4/750)*100vw) calc((0/750)*100vw) calc((2/750)*100vw) calc((10/750)*100vw);background-color:#fff}@media screen and (min-width: 768px), print{.text_box_s .box{padding:0 10px}}@media screen and (min-width: 768px), print{.text_box_s .small{font-size:14px}}.text_box_s.black .box{color:#fff;background-color:#1A1A1A}::-webkit-full-page-media,:future,:root .text_box_s .box{display:inline-block;line-height:1.5}.text_box_l{font-family:"Noto Sans JP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","Meiryo","メイリオ",Osaka,"MS PGothic","ＭＳ Ｐゴシック",Helvetica,Arial,Sans-Serif;font-size:calc((75/750)*100vw);line-height:1.6;letter-spacing:0.4rem}@media screen and (min-width: 768px), print{.text_box_l{font-size:75px;line-height:98px}}.text_box_l .box{display:inline-block;line-height:1.6;background-color:#fff;padding:0 calc((18/750)*100vw) 0 0}@media screen and (min-width: 768px), print{.text_box_l .box{padding:0 52px 0 0}}.text_box_l.black .box{color:#fff;background-color:#1A1A1A}::-webkit-full-page-media,:future,:root .text_box_l .box{display:inline-block;line-height:1.7}.inner{position:relative;width:calc((670/750)*100vw);margin:0 auto}@media screen and (min-width: 768px), print{.inner{width:1160px}}.greenfirstoffice-under .mvArea{padding-top:66px}.greenfirstoffice-under .mvArea-img{width:100%;height:calc((376/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .mvArea-img{height:395px}}.greenfirstoffice-under .mvArea-img img{object-fit:cover;height:100% !important}.greenfirstoffice-under .mvArea-txtArea{overflow:hidden;margin-top:calc((-26/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .mvArea-txtArea{margin-top:-70px}}.greenfirstoffice-under .mvArea-ttl .box{position:relative}@media screen and (min-width: 768px), print{.greenfirstoffice-under .mvArea-ttl .box{display:inline-block;padding-top:5px}}.greenfirstoffice-under .mvArea-ttl .box:before{content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:-99%;background-color:#1A1A1A}.greenfirstoffice-under .mvArea-ttl .green{color:#6EBA44}.greenfirstoffice-under .mvArea-ttl .orange{color:#F0844A}.greenfirstoffice-under .mvArea-ttl .blue{color:#32ADC6}.greenfirstoffice-under .mvArea-txt{margin-top:calc((20/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .mvArea-txt{margin-top:15px}}.greenfirstoffice-under .mvArea-txt img{width:calc((274/750)*100vw);object-fit:contain}@media screen and (min-width: 768px), print{.greenfirstoffice-under .mvArea-txt img{width:274px}}.greenfirstoffice-under .headingArea{padding:calc((100/750)*100vw) 0}@media screen and (min-width: 768px), print{.greenfirstoffice-under .headingArea{padding:18px 0 0}}@media screen and (min-width: 768px), print{.greenfirstoffice-under .headingArea .inner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 768px), print{.greenfirstoffice-under .headingArea-txtArea{margin-top:60px}}.greenfirstoffice-under .headingArea-ttl{font-size:calc((46/750)*100vw);line-height:calc((69/750)*100vw);font-weight:700}@media screen and (min-width: 768px), print{.greenfirstoffice-under .headingArea-ttl{font-size:32px;line-height:48px}}.greenfirstoffice-under .headingArea-caution{font-size:calc((20/750)*100vw);margin-top:calc((8/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .headingArea-caution{font-size:14px;margin-top:8px}}.greenfirstoffice-under .headingArea-lead{font-size:calc((26/750)*100vw);line-height:calc((50/750)*100vw);font-weight:700;margin-top:calc((46/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .headingArea-lead{font-size:18px;line-height:2;font-weight:700;margin-top:40px}}.greenfirstoffice-under .headingArea-img{padding-top:calc((50/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .headingArea-img{padding:0;width:569px;height:auto;margin-top:18px}}.greenfirstoffice-under .section-heading{font-size:calc((32/750)*100vw);line-height:calc((50/750)*100vw);padding-bottom:calc((32/750)*100vw);border-bottom:calc((4/750)*100vw) solid #1A1A1A;margin-top:calc((150/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .section-heading{font-size:25px;line-height:38px;padding-bottom:34px;border-bottom:3px solid #1A1A1A;margin-top:145px}}.greenfirstoffice-under .section-txt{font-size:calc((26/750)*100vw);margin-top:calc((32/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .section-txt{font-size:18px;margin-top:32px}}.greenfirstoffice-under .caseArea{position:relative;background-color:#F5F5F5;padding:calc((64/750)*100vw) calc((30/750)*100vw) calc((30/750)*100vw);margin-top:calc((88/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea{padding:54px 40px 36px 40px;margin-top:76px}}.greenfirstoffice-under .caseArea-heading{font-size:calc((42/750)*100vw);font-weight:700;color:#48484B;line-height:1;position:absolute;top:calc((-24/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea-heading{font-size:34px;top:-20px}}.greenfirstoffice-under .caseArea-heading span{vertical-align:middle;padding-left:calc((30/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea-heading span{font-size:24px;padding-left:20px}}.greenfirstoffice-under .caseArea-heading span img{width:calc((170/750)*100vw);vertical-align:middle}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea-heading span img{width:128px}}.greenfirstoffice-under .caseArea-ttl{font-size:calc((30/750)*100vw);line-height:calc((46/750)*100vw);font-weight:700}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea-ttl{font-size:22px;line-height:38px}}.greenfirstoffice-under .caseArea-txt{font-size:calc((26/750)*100vw);line-height:calc((52/750)*100vw);margin-top:calc((32/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea-txt{font-size:18px;line-height:29px;margin-top:12px}}.greenfirstoffice-under .caseArea-imgArea{margin-top:calc((50/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea-imgArea{display:-ms-flexbox;display:flex;margin-top:32px}}.greenfirstoffice-under .caseArea-img{margin-top:calc((50/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .caseArea-img{margin-top:32px}}.greenfirstoffice-under .descArea{padding:calc((100/750)*100vw) 0;background-color:#48484B}@media screen and (min-width: 768px), print{.greenfirstoffice-under .descArea{padding:110px 0;position:relative}}.greenfirstoffice-under .descArea-ttl{font-size:calc((36/750)*100vw);line-height:1;font-weight:bold;color:#1A1A1A;margin-bottom:calc((45/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .descArea-ttl{font-size:28px;margin-bottom:30px}}.greenfirstoffice-under .descArea-ttl span{background-color:#fff;display:inline-block;padding:calc((10/750)*100vw) calc((12/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .descArea-ttl span{padding:10px 9px 8px}}.greenfirstoffice-under .descArea-ttl br+span{margin-top:calc((15/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .descArea-ttl br+span{margin-top:11px}}.greenfirstoffice-under .descArea-txt{color:#fff;font-size:calc((26/750)*100vw);line-height:1.96;margin:0 0 calc((80/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-under .descArea-txt{width:680px;font-size:18px;margin-bottom:0}}.txtFadeOff{opacity:0;transition:all 1.2s;position:relative;top:3vw}.txtFadeOn{opacity:1;top:0}@media all and (-ms-high-contrast: none){*::-ms-backdrop,.txtFadeOff{opacity:1;top:0}}@media screen and (min-width: 768px), print{.sp{display:none !important}}@media screen and (max-width: 767px){.pc{display:none !important}}.contactArea{background:url(/library/crepre/greenfirstoffice/img/top/contactArea_bg.png) no-repeat center;padding:calc((140/750)*100vw) 0 calc((150/750)*100vw)}@media screen and (min-width: 768px), print{.contactArea{background-size:cover;padding:135px 0}}.contactArea-header{text-align:center;margin:0 auto calc((44/750)*100vw)}@media screen and (min-width: 768px), print{.contactArea-header{margin-bottom:30px}}.contactArea-header img{width:calc((298/750)*100vw);vertical-align:middle}@media screen and (min-width: 768px), print{.contactArea-header img{width:350px}}.contactArea-lead{text-align:center;font-size:calc((30/750)*100vw);font-weight:700;color:#fff;line-height:2;margin-bottom:calc((80/750)*100vw)}@media screen and (min-width: 768px), print{.contactArea-lead{font-size:18px;text-align:center;margin-bottom:36px}}.contactArea .box-contact{position:relative;width:calc((650/750)*100vw);display:block;background-color:#fff;padding:calc((70/750)*100vw) 0 calc((60/750)*100vw);margin:0 auto}@media screen and (min-width: 768px), print{.contactArea .box-contact{width:700px;padding:105px 35px 32px 52px}}@media screen and (min-width: 768px), print{.contactArea .box-contact:hover{opacity:1}}@media screen and (min-width: 768px), print{.contactArea .box-contact:hover .box-link{opacity:1}}@media screen and (min-width: 768px), print{.contactArea .box-contact:hover .box-link svg:not([fill]){fill:white}}@media screen and (min-width: 768px), print{.contactArea .box-contact:hover .box-link:after,.contactArea .box-contact:hover .box-link:before{animation-iteration-count:1}}@media screen and (min-width: 768px), print{.contactArea .box-contact:hover .box-link span:before{left:0;z-index:-1}}.contactArea .box-ttl{width:calc((522/750)*100vw);font-size:calc((32/750)*100vw);font-weight:700;line-height:2;text-align:center;background-color:#AD9145;color:#fff;position:absolute;top:calc((-30/750)*100vw);left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}@media screen and (min-width: 768px), print{.contactArea .box-ttl{width:720px;font-size:24px;top:26px}}.contactArea .box-txt{font-size:calc((26/750)*100vw);text-align:center;font-weight:700}@media screen and (min-width: 768px), print{.contactArea .box-txt{font-size:15px;line-height:2.2}}.contactArea .box-link{width:calc((330/750)*100vw);text-align:center;position:relative;display:block;margin:calc((54/750)*100vw) auto 0;transition:.3s}@media screen and (min-width: 768px), print{.contactArea .box-link{width:254px;margin:30px auto 0}}.contactArea .box-link:before{content:'';display:inline-block;width:100%;height:calc((2/750)*100vw);border-bottom:solid calc((2/750)*100vw) #1A1A1A;position:absolute;bottom:0;right:0;animation-name:move1;animation-duration:0.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@media screen and (min-width: 768px), print{.contactArea .box-link:before{height:2px;border-bottom:solid 2px #1A1A1A}}@keyframes move1{0%{right:0}100%{right:-10px}}.contactArea .box-link:after{content:'';display:inline-block;width:calc((20/750)*100vw);height:calc((20/750)*100vw);border-right:solid calc((2/750)*100vw) #1A1A1A;position:absolute;bottom:calc((-7/750)*100vw);right:calc((2/750)*100vw);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);animation-name:move2;animation-duration:.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@media screen and (min-width: 768px), print{.contactArea .box-link:after{width:14px;height:14px;bottom:-5px;right:2px;border-right:solid 2px #1A1A1A}}@keyframes move2{0%{right:2px}100%{right:-8px}}.contactArea .box-link span{position:relative;display:block;width:100%;height:100%;padding-bottom:calc((18/750)*100vw);overflow:hidden;z-index:2}@media screen and (min-width: 768px), print{.contactArea .box-link span{padding-bottom:10px}}.contactArea .box-link span:before{content:"";width:calc((330/750)*100vw);height:calc((70/750)*100vw);left:calc((-331/750)*100vw);background-color:#1A1A1A;display:inline-block;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transition:.4s;z-index:-1}@media screen and (min-width: 768px), print{.contactArea .box-link span:before{width:254px;height:95px;left:-254px}}.contactArea .box-link svg:not([fill]){transition:.4s}.contactArea .box-link svg{width:calc((98/750)*100vw);height:calc((20/750)*100vw);vertical-align:middle;margin:0 auto}@media screen and (min-width: 768px), print{.contactArea .box-link svg{width:74px;height:14px}}.footer{position:relative}.footer #pagetop{display:none;right:10px}.footer #pagetop a{display:block;background:#CCC;width:50px;height:50px;line-height:50px;text-align:center}.footer #pagetop.fixed{position:fixed;bottom:10px}.footer #pagetop.static{position:absolute;top:-60px}.footer-main{background:#CCC}.footer-navi{text-align:center}.footer-navi li{display:inline}.footer .copy{text-align:center}.b-o-localSearchNavi>.b-a-textLink .b-a-textLink_anchor_green-report{background-image:url("/library/crepre/greenfirstoffice/img/top/floatArea_img_01.svg");background-size:calc((36/750)*100vw)}@media screen and (min-width: 768px), print{.b-o-localSearchNavi>.b-a-textLink .b-a-textLink_anchor_green-report{background-size:20px}}.b-o-localSearchNavi>.b-a-textLink .b-a-textLink_anchor_green-form{background-image:url("/library/img/common/local_search/icon_contact.png");background-size:26px}@media screen and (min-width: 768px), print{.b-o-localSearchNavi>.b-a-textLink .b-a-textLink_anchor_green-form{background-size:26px;padding-top:10px}}@media screen and (max-width: 767px), print{.b-o-footer_content{padding:30px 0 30px}}.b-o-footer .b-a-logo{margin:0 auto}.b-body.b-is-active .b-o-globalNavi{opacity:1}@media screen and (min-width: 768px), print{.b-a-textLink_anchor{white-space:nowrap}}.greenfirstoffice-zeb .headingArea-lead{letter-spacing:-.01rem}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .headingArea-lead{letter-spacing:initial}}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .headingArea-txtArea{width:555px}}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .headingArea-img{width:616px}}.greenfirstoffice-zeb .zeroArea .section-heading{padding-bottom:calc((26/750)*100vw);margin-top:0}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .zeroArea .section-heading{padding-bottom:26px}}.greenfirstoffice-zeb .zeroArea .section-heading sub{font-size:1rem}.greenfirstoffice-zeb .zeroArea .section-txt sub{font-size:1rem}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .zeroArea .section-txt sub{font-size:1.3rem}}.greenfirstoffice-zeb .zeroArea-img{width:100%;margin-top:calc((60/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .zeroArea-img{width:530px;margin:50px auto 0}}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .meritArea .caseArea-img-01{width:540px}}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .meritArea .caseArea-img-02{width:540px}}.greenfirstoffice-zeb .zebArea .caseArea-svg{width:calc((203/750)*100vw);vertical-align:middle}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .zebArea .caseArea-svg{width:145px}}.greenfirstoffice-zeb .zebArea .caseArea-img{margin-top:0}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .zebArea .caseArea-img-01{width:540px}}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .zebArea .caseArea-img-02{width:540px}}.greenfirstoffice-zeb .treeArea{overflow:hidden;background-color:#48484B;margin-top:calc((150/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .treeArea{margin-top:100px}}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .treeArea .flex{width:1280px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}}.greenfirstoffice-zeb .treeArea .textArea{padding-top:calc((100/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .treeArea .textArea{width:580px;padding-top:100px}}.greenfirstoffice-zeb .treeArea .textArea-txt{color:#fff;font-size:calc((26/750)*100vw);margin-top:calc((50/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .treeArea .textArea-txt{width:530px;font-size:18px;line-height:2;margin-top:26px}}.greenfirstoffice-zeb .treeArea-img{width:100vw;margin:calc((80/750)*100vw) calc(50% - 50vw) 0}@media screen and (min-width: 768px), print{.greenfirstoffice-zeb .treeArea-img{width:700px;margin:0}}
