﻿.fadeon{opacity:0;transition:all .7s cubic-bezier(.19,1,.22,1) .5s}.fadeon.is-on{opacity:1}.fadeup{filter:grayscale(100%);opacity:1;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-transform:translateY(2rem);-ms-transform:translateY(2rem);-webkit-transform:translateY(2rem);transform:translateY(2rem)}.fadeup.is-on{filter:grayscale(0);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}.remodal{max-width:800px;width:100%;padding:5rem;color:#464646;border:5px solid #0086cc}@media screen and (max-width:959px){.remodal{padding:3rem}}@media screen and (max-width:559px){.remodal{padding:3rem 2rem}}.modal-inner{text-align:left;font-size:1.5rem;line-height:1.4}@media screen and (max-width:959px){.modal-inner{font-size:1.4rem}}.remodal-close{left:auto;right:7px;top:7px;color:rgba(0,134,204,.5)}.remodal-close:before{font-family:"Noto Sans JP",sans-serif,sans-serif !important;font-size:35px;line-height:35px;color:rgba(0,134,204,.5)}#yobo-modal .image:nth-of-type(1){max-width:390px;margin:0 auto 5rem}@media screen and (max-width:559px){#yobo-modal .image:nth-of-type(1){margin:0 auto 3rem}}#yobo-modal .image:nth-of-type(2){max-width:280px;margin:4.5rem auto 0}@media screen and (max-width:559px){#yobo-modal .image:nth-of-type(2){margin:3rem auto 0}}#yobo-modal p{margin-bottom:3rem;line-height:1.8;font-size:1.5rem}@media screen and (max-width:559px){#yobo-modal p{margin-bottom:2rem;line-height:1.7;font-size:1.4rem}}#yobo-modal p.large{text-align:center;font-size:2rem;line-height:1.7;color:#0086cc;font-weight:500;margin:5rem auto 2rem}@media screen and (max-width:559px){#yobo-modal p.large{font-size:1.8rem;text-align:left;margin:3rem auto 2rem}}#awards-listin .mod-ttl{text-align:center;font-size:2rem;color:#0086cc;font-weight:500;position:relative;margin-bottom:6rem}@media screen and (max-width:559px){#awards-listin .mod-ttl{font-size:1.9rem;margin-bottom:4.5rem}}#awards-listin .mod-ttl:after{position:absolute;content:"";background:#0086cc;width:40px;height:1px;left:0;right:0;bottom:-18px;margin:0 auto}@media screen and (max-width:559px){#awards-listin .mod-ttl:after{bottom:-15px}}#awards-listin ul li{display:flex}@media screen and (max-width:559px){#awards-listin ul li{flex-direction:column}}#awards-listin ul li:not(:last-child){margin-bottom:2.5rem}#awards-listin ul li .year{width:180px}@media screen and (max-width:959px){#awards-listin ul li .year{width:160px}}@media screen and (max-width:559px){#awards-listin ul li .year{font-weight:500;margin-bottom:.5rem}#awards-listin ul li .year:before{content:"▼";font-size:1.2rem;display:inline-block;margin-right:.2rem}}#awards-listin ul li .txt{flex:1}#company #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/company/pageimage.jpg) no-repeat center center;background-size:cover}#company #page-wrapper{padding:0 3%;max-width:calc(1000px + 6%);margin:0 auto;margin-top:6rem;margin-bottom:12rem}@media screen and (max-width:959px){#company #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#company #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#company #page-wrapper{margin-bottom:4rem}}#company #rinen{text-align:center}#company #rinen h2{font-size:2rem;color:#0086cc;font-weight:500;letter-spacing:.1rem;position:relative;margin-bottom:6rem}@media screen and (max-width:959px){#company #rinen h2{margin-bottom:4rem}}@media screen and (max-width:559px){#company #rinen h2{font-size:1.6rem;margin-bottom:3rem}}#company #rinen h2:after{content:"";position:absolute;bottom:-2rem;left:0;right:0;margin:0 auto;background:#0086cc;width:50px;height:1px}@media screen and (max-width:959px){#company #rinen h2:after{bottom:-1rem}}@media screen and (max-width:559px){#company #rinen h2:after{width:35px}}#company #rinen p{font-size:3rem;line-height:1.4;color:#0086cc;font-weight:500;letter-spacing:.1rem}@media screen and (max-width:959px){#company #rinen p{font-size:2.4rem}}@media screen and (max-width:559px){#company #rinen p{font-size:1.9rem;text-align:left}#company #rinen p br{display:none}}#company .cont-ttl{margin-bottom:3.5rem}@media screen and (max-width:959px){#company .cont-ttl{margin-bottom:2.5rem}}@media screen and (max-width:559px){#company .cont-ttl{margin-bottom:2rem}}#company .cont-ttl span:nth-of-type(1){font-size:2.3rem;color:#0086cc;font-weight:500;letter-spacing:.1rem}@media screen and (max-width:959px){#company .cont-ttl span:nth-of-type(1){font-size:2rem}}@media screen and (max-width:559px){#company .cont-ttl span:nth-of-type(1){font-size:1.7rem}}#company .cont-ttl span:nth-of-type(2){font-size:1.3rem;letter-spacing:.1rem;font-weight:400;font-style:italic;font-family:"Work Sans",sans-serif;color:#9e9e9e;display:block;margin-top:.7rem}@media screen and (max-width:559px){#company .cont-ttl span:nth-of-type(2){font-size:1.2rem}}#company #greeting{margin-top:11rem}@media screen and (max-width:959px){#company #greeting{margin-top:5rem}}@media screen and (max-width:559px){#company #greeting{margin-top:3.5rem}}#company #greeting .box{display:flex;justify-content:space-between}@media screen and (max-width:959px){#company #greeting .box{flex-direction:column}}#company #greeting .box .txt{flex:1}@media screen and (max-width:959px){#company #greeting .box .txt{flex:auto;order:2}}#company #greeting .box .txt .txts{margin-bottom:4.5rem}@media screen and (max-width:559px){#company #greeting .box .txt .txts{margin-bottom:2.5rem}}#company #greeting .box .txt .txts p{font-size:1.6rem;line-height:1.8}@media screen and (max-width:959px){#company #greeting .box .txt .txts p{font-size:1.5rem;line-height:1.6}}#company #greeting .box .txt .txts p:not(:last-child){margin-bottom:2.5rem}@media screen and (max-width:959px){#company #greeting .box .txt .txts p:not(:last-child){margin-bottom:1.5rem}}#company #greeting .box .txt .name{display:flex;justify-content:flex-end;align-items:center}#company #greeting .box .txt .name p:nth-of-type(1){font-size:1.3rem;line-height:1.5;margin-right:2rem}@media screen and (max-width:559px){#company #greeting .box .txt .name p:nth-of-type(1){font-size:1.2rem;margin-right:1.5rem}}#company #greeting .box .txt .name p:nth-of-type(2){width:188px}@media screen and (max-width:559px){#company #greeting .box .txt .name p:nth-of-type(2){width:140px}}#company #greeting .box .image{width:420px;margin-left:7rem}@media screen and (max-width:959px){#company #greeting .box .image{width:100%;max-width:420px;margin:0 auto 2rem;order:1}}#company #outline{margin:7rem auto 9.5rem}@media screen and (max-width:959px){#company #outline{margin:5rem auto}}@media screen and (max-width:559px){#company #outline{margin:5rem auto 3rem}}#company #outline .box{display:flex;justify-content:space-between}@media screen and (max-width:959px){#company #outline .box{flex-direction:column}}#company #outline .box .txt{margin-right:4rem;flex:1}@media screen and (max-width:959px){#company #outline .box .txt{margin:0 0 2rem;flex:auto}}#company #outline .box .txt li{font-size:1.6rem;line-height:1.5;display:flex}@media screen and (max-width:959px){#company #outline .box .txt li{font-size:1.5rem}}#company #outline .box .txt li:not(:last-child){margin-bottom:1rem}#company #outline .box .txt li h3{font-weight:500;width:120px}#company #outline .box .txt li p{flex:1}#company #outline .box .gmap-holder{width:48%}@media screen and (max-width:959px){#company #outline .box .gmap-holder{width:100%}}#company #outline .box .gmap-holder .ggmap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}@media screen and (max-width:559px){#company #outline .box .gmap-holder .ggmap{padding-bottom:80.25%}}#company #outline .box .gmap-holder .ggmapiframe,#company #outline .box .gmap-holder .ggmapobject,#company #outline .box .gmap-holder .ggmapembed{position:absolute;top:0;left:0;width:100%;height:100%}#company #outline .box .gmap-holder p{font-size:1.3rem;margin-top:1rem}#company #outline .awards a{width:300px;height:80px;border:2px solid #0086cc;display:flex;justify-content:center;align-items:center;margin:6rem auto 0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:959px){#company #outline .awards a{margin:3rem auto 0}}@media screen and (max-width:559px){#company #outline .awards a{width:90%;height:60px}}#company #outline .awards a p{text-align:center;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#company #outline .awards a p span:nth-of-type(1){font-size:1.5rem;letter-spacing:.2rem;font-weight:500;color:#0086cc}#company #outline .awards a p span:nth-of-type(2){margin-top:.3rem;display:block;font-size:1.4rem;letter-spacing:.1rem;color:#9e9e9e;font-family:"Work Sans",sans-serif;font-style:italic}#company #outline .awards a:hover{background:#0086cc}#company #outline .awards a:hover p span{color:#fff}#company #showroom p{font-size:1.3rem;letter-spacing:.1rem;line-height:1.7;margin-bottom:3rem}#company #showroom p span{display:block}@media screen and (max-width:559px){#company #showroom p{margin-bottom:2rem}#company #showroom p br{display:none}}#company #showroom .box{display:flex;justify-content:space-between;flex-wrap:wrap}#company #showroom .box div{width:calc( (100% - 2px) / 2);margin-bottom:2px}#company #showroom .box div:nth-of-type(9),#company #showroom .box div:nth-of-type(10),#company #showroom .box div:nth-of-type(11){width:calc( (100% - 2px*2) / 3)}