@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}}@media screen and (max-width: 767px){.greenfirstoffice-space .mvArea-txtArea{margin-top:calc((-180/750)*100vw)}}@media screen and (max-width: 767px){.greenfirstoffice-space .mvArea-txtArea .box{display:inline-block;margin-top:calc((10/750)*100vw);padding-bottom:0}}.greenfirstoffice-space .mvArea-txt img{width:calc((350/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space .mvArea-txt img{width:369px}}.greenfirstoffice-space .headingArea{padding-bottom:0}@media screen and (min-width: 768px), print{.greenfirstoffice-space .headingArea-img{padding:0;width:540px;height:auto;margin-top:70px}}.greenfirstoffice-space .section-heading{width:100%}@media screen and (max-width: 767px){.greenfirstoffice-space .section-heading{margin-bottom:calc((36/750)*100vw)}}@media screen and (min-width: 768px), print{.greenfirstoffice-space .section-heading{margin-bottom:35px}}@media screen and (min-width: 768px), print{.greenfirstoffice-space-imgArea .inner{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width: 767px){.greenfirstoffice-space-imgArea .section-txt{margin-top:calc((25/750)*100vw)}}@media screen and (min-width: 768px), print{.greenfirstoffice-space-imgArea .section-txt{margin-top:23px}}@media screen and (min-width: 768px), print{.greenfirstoffice-space .sec01 .section-heading{margin-top:50px}}@media screen and (min-width: 768px), print{.greenfirstoffice-space-box{width:555px}}@media screen and (max-width: 767px){.greenfirstoffice-space-box+.greenfirstoffice-space-box{margin:calc((80/750)*100vw) 0 0}}.greenfirstoffice-space-img{margin:0 0 calc((32/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space-img{margin-bottom:27px}}.greenfirstoffice-space-heading{font-size:calc((28/750)*100vw);font-weight:bold}@media screen and (min-width: 768px), print{.greenfirstoffice-space-heading{font-size:20px}}.greenfirstoffice-space-slideArea{overflow:hidden}.greenfirstoffice-space-slideArea .modal-opner:hover{cursor:pointer}.greenfirstoffice-space-slideArea .b-page-kodate_works{padding-top:0;background:none}.greenfirstoffice-space-slideArea .b-o-moduleCards .b-a-sliderNavi{margin-top:50px}@media screen and (max-width: 767px){.greenfirstoffice-space-slideArea .b-o-moduleCards .b-a-sliderNavi{display:-ms-flexbox;display:flex;margin-top:calc((64/750)*100vw)}}.greenfirstoffice-space-slideArea .b-page-kodate_works .b-o-moduleCards .b-o-moduleCards_list .b-m-boxLink{background-color:#F5F5F5;box-shadow:0 0 0 0 #fff}.greenfirstoffice-space-slideArea .b-m-boxLink_anchor{padding-bottom:0}.greenfirstoffice-space-slideArea .b-page-kodate_works .b-o-moduleCards .b-o-moduleCards_list .b-m-boxLink .b-a-fullImage{height:calc(335px*0.62131)}@media screen and (min-width: 768px), print{.greenfirstoffice-space-slideArea .b-page-kodate_works .b-o-moduleCards .b-o-moduleCards_list .b-m-boxLink .b-a-fullImage{height:calc(335px*0.67777)}}.greenfirstoffice-space-slideArea .txtArea{background-color:#F5F5F5;padding:calc((55/750)*100vw) calc((35/750)*100vw) calc((40/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space-slideArea .txtArea{padding:45px 30px 35px}}.greenfirstoffice-space-slideArea .ttl{font-weight:bold;line-height:1;color:#fff;position:absolute;font-size:calc((28/750)*100vw);left:calc((-13/750)*100vw);bottom:calc((-22/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space-slideArea .ttl{font-size:18px;left:-10px;bottom:-16px}}.greenfirstoffice-space-slideArea .ttl span{white-space:nowrap;display:inline-block;background-color:#1A1A1A;padding:calc((12/750)*100vw) calc((45/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space-slideArea .ttl span{padding:8px 35px}}.greenfirstoffice-space-slideArea .ttl br+span{margin-top:calc((10/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space-slideArea .ttl br+span{margin-top:7px}}.greenfirstoffice-space-slideArea .txt{font-size:calc((26/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space-slideArea .txt{font-size:16px}}.greenfirstoffice-space .green-modalArea{width:100%;height:100vh;padding:0;position:fixed;top:0;left:0;z-index:300000}.greenfirstoffice-space .green-modalArea-wrapper{width:calc((670/750)*100vw);position:relative;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);z-index:300001}@media screen and (min-width: 767px), print{.greenfirstoffice-space .green-modalArea-wrapper{width:720px}}.greenfirstoffice-space .green-modalArea-inner{display:none;background-color:#fff;position:relative;z-index:300002;overflow-y:scroll;height:auto;top:auto;left:auto;transform:none;overflow:hidden;margin:0 auto}.greenfirstoffice-space .green-modalArea-inner.active{display:block}.greenfirstoffice-space .green-modalArea-close{content:'';display:none;width:calc((100/750)*100vw);height:calc((100/750)*100vw);background-size:contain;background-position:center;position:absolute;z-index:300003;top:calc((-100/750)*100vw);right:0}@media screen and (min-width: 767px), print{.greenfirstoffice-space .green-modalArea-close{width:24px;height:24px;top:-36px;right:-30px}}.greenfirstoffice-space .green-modalArea-close img{width:100%;height:100%}.greenfirstoffice-space .green-modalArea-close.active{display:inline-block}.greenfirstoffice-space .green-modalArea-bg{width:100%;height:100%;background-color:#000000;opacity:0.7;position:absolute;top:0;z-index:300001}.greenfirstoffice-space .green-modalArea-img{background-color:#F5F5F5}.greenfirstoffice-space .green-modalArea-img img{object-fit:contain;max-height:calc((650/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space .green-modalArea-img img{max-height:448px}}.greenfirstoffice-space .green-modalArea-ttl{font-size:calc((28/750)*100vw);font-weight:700;padding:calc((40/750)*100vw) calc((40/750)*100vw) 0;margin-bottom:calc((4/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space .green-modalArea-ttl{font-size:20px;padding:30px 32px 0;margin-bottom:8px}}.greenfirstoffice-space .green-modalArea-txt{font-size:calc((26/750)*100vw);padding:0 calc((40/750)*100vw) calc((40/750)*100vw)}@media screen and (min-width: 768px), print{.greenfirstoffice-space .green-modalArea-txt{font-size:18px;padding:0 32px 30px}}@media screen and (min-width: 768px), print{.greenfirstoffice-space .descArea-txt{width:682px}}.greenfirstoffice-space .descArea-img{width:calc((528/750)*100vw);margin:0 auto}@media screen and (min-width: 768px), print{.greenfirstoffice-space .descArea-img{width:410px;height:376px;position:absolute;top:0;right:0;bottom:0;margin:auto}}