.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)}#service #page-ttlbox{background:url(//motion-base.jp/wp-content/themes/hogurel/css/../img/service/pageimage.jpg) no-repeat center center;background-size:cover}#service #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){#service #page-wrapper{padding:0 1rem}}@media screen and (max-width:959px){#service #page-wrapper{margin-top:4rem;margin-bottom:6rem}}@media screen and (max-width:559px){#service #page-wrapper{margin-bottom:4rem}}#service #consider{padding:0 3%;max-width:calc(800px + 6%);margin:0 auto;margin-bottom:7rem;color:#0086cc}@media screen and (max-width:959px){#service #consider{padding:0 1rem}}@media screen and (max-width:559px){#service #consider{margin-bottom:4.5rem}}#service #consider h2{font-size:3rem;line-height:1.4;font-weight:500;letter-spacing:.3rem;text-align:center}@media screen and (max-width:559px){#service #consider h2{font-size:2.3rem;letter-spacing:.2rem}}#service #consider p.lead{font-size:1.6rem;line-height:1.4;font-weight:500;margin-top:2rem;text-align:center}@media screen and (max-width:559px){#service #consider p.lead{font-size:1.5rem;text-align:left}#service #consider p.lead br{display:none}}#service #consider .tel-mail{margin-top:4rem;display:flex;justify-content:center;color:#0086cc}@media screen and (max-width:559px){#service #consider .tel-mail{margin-top:3rem;flex-direction:column}}#service #consider .tel-mail h3{font-size:1.6rem;font-weight:400;margin-bottom:2rem}@media screen and (max-width:559px){#service #consider .tel-mail h3{margin-bottom:1rem}}#service #consider .tel-mail .tel{margin-right:4rem;text-align:center}@media screen and (max-width:559px){#service #consider .tel-mail .tel{margin:0 auto 3rem}}#service #consider .tel-mail .tel p:nth-of-type(1){font-size:3rem;font-weight:300;font-family:"Work Sans",sans-serif;font-style:italic}#service #consider .tel-mail .tel p:nth-of-type(2){font-size:1.4rem;font-weight:400;letter-spacing:.1rem;margin-top:.5rem}#service #consider .tel-mail .mail{text-align:center}#service #consider .tel-mail .mail p.btn a{width:200px;height:40px;border-radius:5px;color:#fff;font-size:1.9rem;font-weight:500;display:flex;justify-content:center;align-items:center;background:linear-gradient(32deg,#80bbde 7%,#0085cc 72%);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#service #consider .tel-mail .mail p.btn a{margin:0 auto}}#service #consider .tel-mail .mail p.btn a:hover{background:linear-gradient(32deg,rgba(128,187,222,0) 7%,rgba(0,133,204,0) 72%);color:#0086cc;border:2px solid #0086cc}#service #introduce{padding:0 3%;max-width:calc(730px + 6%);margin:0 auto;margin-bottom:10rem;position:relative;border:2px solid #0086cc;padding:11rem 3rem 0}@media screen and (max-width:959px){#service #introduce{padding:0 1rem}}@media screen and (max-width:959px){#service #introduce{margin-bottom:6rem;padding:11rem 1rem 0}}@media screen and (max-width:559px){#service #introduce{margin-bottom:3rem;padding:6rem 1rem 0}}#service #introduce .ttlholder{display:flex;justify-content:space-between;align-items:center;padding:2rem 3.5rem;width:100%;max-width:755px;color:#fff;background:linear-gradient(32deg,#80bbde 7%,#0085cc 72%);position:absolute;left:-20px;top:40px;box-shadow:0 2px 2px rgba(0,0,0,.2)}@media screen and (max-width:559px){#service #introduce .ttlholder{top:20px;padding:1.5rem 1.5rem 1.5rem 3.5rem}}#service #introduce .ttlholder:before{content:"";position:absolute;left:0;top:-11px;width:0;height:0;border-style:solid;border-width:0 0 11px 20px;border-color:transparent transparent #0086cc}#service #introduce .ttlholder h2{font-size:2.3rem;letter-spacing:.1rem;font-weight:500}@media screen and (max-width:559px){#service #introduce .ttlholder h2{font-size:1.9rem}}#service #introduce .ttlholder p{font-size:1.3rem;font-weight:500;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic}@media screen and (max-width:559px){#service #introduce .ttlholder p{display:none}}#service #introduce ul li{position:relative;padding:9.5rem 0}@media screen and (max-width:959px){#service #introduce ul li{padding:7.5rem 0}}@media screen and (max-width:559px){#service #introduce ul li{padding:3.5rem 0}}#service #introduce ul li.line:after{position:absolute;content:"";width:0;height:1px;background:#0086cc;bottom:0;left:0;right:0;margin:0 auto;display:block;opacity:0;transition-duration:.3s;transition-timing-function:ease;transition-delay:.4s}#service #introduce ul li.line.is-on:after{opacity:1;width:100%}#service #introduce ul li .number{position:absolute;height:153px;left:-55px;top:50px}@media screen and (max-width:559px){#service #introduce ul li .number{height:auto;left:auto;right:0;top:36px}}#service #introduce ul li .number.number01{width:214px;top:60px}#service #introduce ul li .number.number02,#service #introduce ul li .number.number03{width:244px}#service #introduce ul li .number.number04{width:250px;top:60px}@media screen and (max-width:559px){#service #introduce ul li .number.number01{width:64px;top:36px}#service #introduce ul li .number.number02,#service #introduce ul li .number.number03{width:70px}#service #introduce ul li .number.number04{width:72px;top:36px}}#service #introduce ul li .arrow{position:absolute;width:66px;height:66px;bottom:-33px;left:0;right:0;margin:0 auto;z-index:2}@media screen and (max-width:559px){#service #introduce ul li .arrow{width:40px;height:40px;bottom:-20px}}#service #introduce ul li section{position:relative}#service #introduce ul li section .txt{padding-left:8rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width:959px){#service #introduce ul li section .txt{padding-left:3rem}}@media screen and (max-width:559px){#service #introduce ul li section .txt{flex-direction:column;padding:1rem}}#service #introduce ul li section .txt h3{width:236px}@media screen and (max-width:559px){#service #introduce ul li section .txt h3{width:100%;margin-bottom:1.5rem}}#service #introduce ul li section .txt h3 span:nth-of-type(1){font-size:2.3rem;color:#0086cc;letter-spacing:.1rem}@media screen and (max-width:959px){#service #introduce ul li section .txt h3 span:nth-of-type(1){font-size:2rem}}@media screen and (max-width:559px){#service #introduce ul li section .txt h3 span:nth-of-type(1){font-size:1.8rem}}#service #introduce ul li section .txt h3 span:nth-of-type(2){font-size:1.3rem;font-weight:500;color:#9e9e9e;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic;display:block;margin-top:.8rem;margin-left:.2rem}@media screen and (max-width:559px){#service #introduce ul li section .txt h3 span:nth-of-type(2){margin-top:.5rem}}#service #introduce ul li section .txt p{width:375px;font-size:1.5rem;line-height:1.7}@media screen and (max-width:559px){#service #introduce ul li section .txt p{width:100%}}#service #support{padding:0 3%;max-width:calc(930px + 6%);margin:0 auto}@media screen and (max-width:959px){#service #support{padding:0 1rem}}#service #support h2{font-size:2rem;letter-spacing:.2rem;font-weight:500;line-height:1.6;text-align:center;position:relative;color:#0086cc;margin-bottom:9rem}@media screen and (max-width:959px){#service #support h2{margin-bottom:5rem}}@media screen and (max-width:559px){#service #support h2{font-size:1.9rem;margin-bottom:4rem}}#service #support h2:after{content:"";position:absolute;display:block;bottom:-15px;left:0;right:0;margin:0 auto;width:50px;height:1px;background:#0086cc}@media screen and (max-width:559px){#service #support h2:after{bottom:-12px;width:40px}}#service #support .contract h3{font-size:2rem;font-weight:500;line-height:1.5;letter-spacing:.1rem;color:#0086cc;margin-left:-1.2rem;margin-bottom:2.5rem}@media screen and (max-width:959px){#service #support .contract h3{margin-bottom:1.5rem}}@media screen and (max-width:559px){#service #support .contract h3{font-size:1.8rem}}#service #support .contract h4{font-size:1.5rem;font-weight:500;line-height:1.5;letter-spacing:.1rem;color:#0086cc}#service #support .contract p{font-size:1.5rem;font-weight:400;line-height:1.5}#service #support .contract .holder{display:flex;justify-content:space-between}@media screen and (max-width:959px){#service #support .contract .holder{flex-direction:column}}#service #support .contract .holder .txt{flex:1}#service #support .contract .holder .image,#service #support .contract .holder .images{width:412px;margin-left:5rem}@media screen and (max-width:959px){#service #support .contract .holder .image,#service #support .contract .holder .images{width:100%;margin:3rem auto 0}}#service #support #safe ul{margin-top:3.5rem}@media screen and (max-width:959px){#service #support #safe ul{margin-top:2.5rem}}#service #support #safe ul li:not(:last-child){margin-bottom:1rem}#service #support #safe ul li section{display:flex}#service #support #safe ul li section h4{width:105px}#service #support #safe ul li section h4:after{content:"："}#service #support #safe ul li section p{flex:1}#service #support #safe ul li section p span{margin-top:.5rem;display:block;color:#9a9a9a;font-size:1.2rem;margin-left:1.2rem;text-indent:-1.2rem}#service #support #management{margin-top:12rem}@media screen and (max-width:959px){#service #support #management{margin-top:6rem}}@media screen and (max-width:559px){#service #support #management{margin-top:4rem}}#service #support #management p.f-sentence{margin-right:calc(412px + 5rem);margin-bottom:4rem}@media screen and (max-width:959px){#service #support #management p.f-sentence{margin:0 auto 4rem}}@media screen and (max-width:559px){#service #support #management p.f-sentence{margin:0 auto 2rem}}#service #support #management h4{margin-bottom:1rem}#service #support #management ul li:not(:last-child){margin-bottom:3.5rem}@media screen and (max-width:959px){#service #support #management ul li:not(:last-child){margin-bottom:2rem}}#service #support #management .images div:first-child{margin-bottom:2rem}#service .contact-btn{padding:0 3%;max-width:calc(800px + 6%);margin:0 auto;margin:7rem auto 0}@media screen and (max-width:959px){#service .contact-btn{padding:0 1rem}}@media screen and (max-width:559px){#service .contact-btn{margin:3rem auto 0}}#service .contact-btn a{display:flex;align-items:center;justify-content:center;border:2px solid #0086cc;border-radius:6px;padding:2.5rem 2rem;width:100%;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#service .contact-btn a{padding:1.5rem 1rem}}#service .contact-btn a div{width:35px;margin-right:2rem;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#service .contact-btn a div{width:28px;margin-right:1rem}}#service .contact-btn a p{font-size:2rem;letter-spacing:.1rem;color:#0086cc;font-weight:500;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:559px){#service .contact-btn a p{font-size:1.5rem;letter-spacing:0}}#service .contact-btn a:hover{background:#0086cc}#service .contact-btn a:hover div,#service .contact-btn a:hover p{transform:translateX(5px)}#service .contact-btn a:hover p{color:#fff}#service #related{max-width:900px;margin:13rem auto 0}@media screen and (max-width:959px){#service #related{margin:7rem auto 0}}@media screen and (max-width:559px){#service #related{margin:5rem auto 0}}#service #related h2{display:flex;align-items:flex-end;color:#0086cc;font-weight:500;letter-spacing:.1rem;margin-bottom:3rem}@media screen and (max-width:959px){#service #related h2{flex-direction:column;align-items:flex-start}}@media screen and (max-width:559px){#service #related h2{margin-bottom:2rem;letter-spacing:0}}#service #related h2 span:nth-of-type(1){font-size:2rem}@media screen and (max-width:959px){#service #related h2 span:nth-of-type(1){margin-bottom:.5rem}}@media screen and (max-width:559px){#service #related h2 span:nth-of-type(1){font-size:1.8rem;margin-bottom:.7rem}}#service #related h2 span:nth-of-type(2){font-size:1.4rem}@media screen and (max-width:559px){#service #related h2 span:nth-of-type(2){font-size:1.3rem}}#service #related ul{display:flex;flex-wrap:wrap}#service #related ul li{position:relative;width:29%;margin-right:calc( (100% - 29% * 3) / 2)}#service #related ul li:nth-of-type(4){display:none}#service #related ul li:nth-of-type(3n){margin-right:0}@media screen and (max-width: 959px){#service #related ul li{width:46%;margin-right:calc( (100% - 46% * 2) / 1);margin-bottom:3rem}#service #related ul li:nth-of-type(4){display:block}#service #related ul li:nth-of-type(3n){margin-right:calc( (100% - 46% * 2) / 1)}#service #related ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#service #related ul li{width:48%;margin-right:calc( (100% - 48% * 2) / 1)}#service #related ul li:nth-of-type(3n){margin-right:calc( (100% - 48% * 2) / 1)}#service #related ul li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 414px){#service #related ul li{width:100%;margin-bottom:2rem;margin-right:0}#service #related ul li:nth-of-type(3n){margin-right:0}}#service #related ul li .newmark{position:absolute;top:-22px;left:-22px;width:45px;height:45px;border-radius:50%;background:linear-gradient(222deg,#80bbde 0%,#0085cc 100%);color:#fff;font-size:1.3rem;letter-spacing:.1rem;font-family:"Work Sans",sans-serif;font-style:italic;font-weight:500;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 2px rgba(0,0,0,.2)}@media screen and (max-width:959px){#service #related ul li .newmark{top:-8px;left:-8px}}@media screen and (max-width:559px){#service #related ul li .newmark{top:-8px;left:-8px;width:40px;height:40px;font-size:1.1rem}}#service #related ul li a:hover .image{-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:.5}#service #related ul li .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#service #related ul li .imageholder .image{position:relative;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#service #related ul li .imageholder .image:before{position:relative;content:"";display:block;padding-top:73.3%;background:#d6d6d6}#service #related ul li .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#service #related ul li .txt h3{font-size:1.5rem;line-height:1.3;font-weight:500;color:#0086cc;margin:1rem 0 .7rem}#service #related ul li .txt .cat-name2{font-size:1.2rem;position:relative}@media screen and (max-width:959px){#service #related ul li .txt .cat-name2{font-size:1.1rem}}@media screen and (max-width:559px){#service #related ul li .txt .cat-name2{font-size:1rem}}#service #related ul li .txt .cat-name2 p:nth-of-type(1){background:#0086cc;color:#fff;border:1px solid #0086cc;border-radius:6px;display:inline-block;padding:.4rem .7rem;position:relative}#service #related ul li .txt .cat-name2 p:nth-of-type(2){color:#0086cc;display:inline-block;border:1px solid #0086cc;border-radius:0 6px 6px 0;padding:.4rem .7rem .4rem 1.3rem;position:relative;right:6px}#service #related ul li .txt .date{font-family:"Work Sans",sans-serif;font-style:italic;font-size:1.4rem;font-weight:400;letter-spacing:.1rem;color:#bababa;display:block;margin-top:.5rem}#service .scales{opacity:0;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;transform:scale(.8)}@media screen and (max-width:559px){#service .scales{transform:scale(.6)}}#service .scales.is-on{opacity:1;transform:scale(1)}#service .movedown{opacity:0;transition-duration:.3s;transition-timing-function:ease;transition-delay:.2s;transform:translateY(-7px) scale(.5,1)}#service .movedown.is-on{opacity:1;transform:translateY(0) scale(1)}