@charset "utf-8";#brog{margin-bottom:30px;padding:0 30px}#brog li{margin-bottom:40px;text-align:right}#brog li:last-child{margin-bottom:0}#brog .photo{margin:0 auto 30px;text-align:center}#brog .photo img{width:300px;height:280px}#brog .cont{margin:20px 0;text-align:left}#brog .detail{font-family:'Lato',sans-serif;font-weight:400;padding:8px 12px;background-color:#eee;letter-spacing:.1em}@media only screen and (min-width:760px){#brog .brogList{display:flex;max-width:920px;width:100%;margin:0 3% 50px 3%;padding:0}#brog li{display:inline-block;width:30%;margin-right:3%;margin-bottom:60px;vertical-align:top}#brog li:nth-child(3n){margin-right:0}#brog .photo img{width:100%;height:auto}#brog .cont{margin-bottom:20px}#brog .detail{padding:8px 12px;background-color:#eee}.toTop a{display:block;width:24px;margin:0 auto 20px auto;padding:8px 20px}}@media only screen and (min-width:961px){#brog{width:920px;margin:0 auto 50px auto;padding:0}#brog li{width:280px;margin-right:40px}}@media all and (max-width:420px){#brog .photo img{width:250px;height:250px}}@media all and (max-width:330px){#brog .photo img{width:220px;height:220px}}@media all and (max-width:290px){#brog .photo img{width:195px;height:195px}}.flexBox2{display:none}.flexBox,.flexBox1{padding:50px 0;display:flex}figure,.workflowcontent{width:50%}.workflowcontent{padding:30px 20px}.photo img{transition:all .6s ease-in;transform:scale(0)}.photo.is-active img{transform:scale(1)}.photo1{display:block;margin:0 auto;text-align:center;position:relative;overflow:hidden}.photo2{position:relative;overflow:hidden}.photo1 img{width:85%;height:auto;vertical-align:top}.photo2 img{width:100%;height:auto}.photo1::after{content:'';display:block;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:#fff;transform:translate3d(0%,0,0)}.photo2::after{content:'';display:block;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:#f5f5f5;transform:translate3d(0%,0,0)}.photo1.is-active::after,.photo2.is-active::after{animation:swipeRight 1.1s cubic-bezier(.6,0,.4,1);animation-fill-mode:forwards}@keyframes swipeRight{0%{transform:translate(0)}50%,60%{transform:translate3d(100%,0,0)}100%{transform:translate3d(100%,0,0)}}@media all and (max-width:720px){.flexBox1{display:none}.flexBox,.flexBox2{padding:50px 0;display:block;margin:0 auto}figure,.workflowcontent{width:100%}figure{margin:0 auto;text-align:center}}.content{width:100%;margin:0;display:flex;justify-content:center;align-items:center}#svg,.animation{display:block;margin:0 auto;width:33%;text-align:center}.animation{padding:20px 50px 0 0}@media all and (max-width:545px){.content{display:block;margin:0 auto -100px;text-align:center}#svg{width:100%}.animation{width:90%;padding:50px 0 0}svg.motion text{font-size:50px}}.construction{animation:animate-svg-stroke-1 3.5s cubic-bezier(.47,0,.745,.715) .8s both;fill:#fff;stroke:#000;stroke-width:4;stroke-miterlimit:10}.center{display:flex;justify-content:center;align-items:center;margin:-100px auto 0}@media all and (max-width:545px){.center{margin:-50px auto 0}}#aside{position:fixed;left:0;width:100%;z-index:888}#aside .copyright{font-family:'Abel',sans-serif;letter-spacing:.04em;white-space:nowrap;-webkit-transition:color .3s cubic-bezier(.215,.61,.355,1);transition:color .3s cubic-bezier(.215,.61,.355,1)}#aside.white{color:#fff}#aside.white .aside-sns a img{opacity:0}#aside.white .aside-sns a:after{opacity:1}@media only screen and (min-width:769px){#aside{top:0}#aside .aside-sns{position:absolute;top:50vh;right:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#aside .aside-sns a{display:block}#aside .aside-sns a img{-webkit-transition:opacity .3s;transition:opacity .3s}#aside .aside-sns a:nth-of-type(n+2){margin-top:22px}#aside .aside-sns a:hover img{opacity:.5}#aside .copyright{position:absolute;top:50vh;left:35px;width:134px;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(90deg) translateX(-70px);transform:rotate(90deg) translateX(-70px);font-size:12px}}@media only screen and (max-width:768px){#aside{bottom:4vw}#aside .aside-sns{margin-bottom:6.133vw;text-align:center}#aside .aside-sns a{margin:0 4vw}#aside .aside-sns a img{height:7.2vw}#aside .copyright{display:none;text-align:center;font-size:2.933vw}}#scroll{position:fixed;z-index:888}#scroll .pagetop{display:block;font-size:.9em;letter-spacing:.09em;font-weight:900;color:#fff;padding:3px 5px;background:#00f;position:absolute;right:-20px;top:-72px}#scroll p{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-90deg) translate(-3.5em,-.8em);transform:rotate(-90deg) translate(-3.5em,-.8em);font-weight:bold;letter-spacing:.2em;-webkit-transition:color .3s cubic-bezier(.215,.61,.355,1);transition:color .3s cubic-bezier(.215,.61,.355,1)}#scroll::before,#scroll::after{content:'';display:block;position:absolute;right:6.5px;bottom:0;background:#fff;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:background .3s cubic-bezier(.215,.61,.355,1);transition:background .3s cubic-bezier(.215,.61,.355,1)}#scroll::before{opacity:.15}#scroll::after{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-animation:scroll-anim 3s ease 0s infinite;animation:scroll-anim 3s ease 0s infinite}#scroll.white p{color:#fff}#scroll.white:before,#scroll.white:after{background:#fff}@media only screen and (min-width:769px){#scroll{right:36px;bottom:30px;height:110px;width:8px}#scroll p{font-size:10px}#scroll:before,#scroll:after{width:2px;height:60px}}@media only screen and (max-width:768px){#scroll{right:4.8vw;bottom:4.8vw;height:25.333vw;width:1.733vw}#scroll .pagetop{right:-8px;top:-90px;font-size:2.933vw}#scroll p{-webkit-transform:rotate(-90deg) translate(-2.5em,-.5em);transform:rotate(-90deg) translate(-2.5em,-.5em);font-size:2.433vw}#scroll::before,#scroll::after{right:4.5px;bottom:5px;width:2px;height:14.666vw}}@media only screen and (max-width:400px){#scroll .pagetop{right:-15px;top:-85px;font-size:2.733vw}#scroll p{-webkit-transform:rotate(-90deg) translate(-2.5em,-.4em);transform:rotate(-90deg) translate(-2.5em,-.4em);font-size:2.533vw}#scroll::before,#scroll::after{right:1.5px;bottom:0;width:2px;height:14.666vw}}@-webkit-keyframes scroll-anim{30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}65%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}70%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes scroll-anim{30%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0)}65%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}70%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scaleY(0);transform:scaleY(0)}}.container span{font-weight:bold}.container p{margin-bottom:20px}@media all and (max-width:720px){.container{width:100%;padding:0 10%}}.section-title{margin:auto;font-family:'OpenSansCondensed-Light';letter-spacing:.25em}.section-title h2{position:relative;display:inline-block;color:transparent;-webkit-transition:color 0s cubic-bezier(.215,.61,.355,1) .4s;transition:color 0s cubic-bezier(.215,.61,.355,1) .4s}.section-title h2:after{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:#fff;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transition:width .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .5s;transition:width .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .5s;transition:width .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1) .5s;transition:width .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1) .5s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .5s}.section-title.is-active h2{color:#fff}.section-title.is-active h2:after{width:100%;-webkit-transform:scaleX(0);transform:scaleX(0)}@media only screen and (min-width:769px){.section-title{max-width:980px;margin-bottom:148px;font-size:36px}}@media only screen and (max-width:768px){.section-title{max-width:89.333vw;margin-bottom:13.333vw;font-size:8vw}}@media only screen and (min-width:760px){#sevice section .icon img{width:98px;height:102px}}#sevice section .icon img{width:49px;height:51px}img,abbr{border:none;vertical-align:bottom}.texttext,.texttext1,.texttext2{overflow:hidden;margin:0;color:#fff;text-align:center;font-family:"Canela Web",serif;font-weight:400;font-size:4.375rem;height:90px;line-height:90px}.text-move,.text-move1,.text-move2{display:inline-block;opacity:0;transform:rotate(-90deg);transform-origin:right bottom;transition:transform .23s cubic-bezier(.52,.08,.18,1);will-change:transform}.text-move:nth-child(1){transition-delay:0s}.text-move:nth-child(2){transition-delay:.1s}.text-move:nth-child(3){transition-delay:.2s}.text-move:nth-child(4){transition-delay:.3s}.text-move:nth-child(5){transition-delay:.4s}.text-move:nth-child(6){transition-delay:.5s}.text-move:nth-child(7){transition-delay:.6s}.text-move:nth-child(8){transition-delay:.7s}.text-move:nth-child(9){transition-delay:.8s}.text-move:nth-child(10){transition-delay:.9s}.text-move:nth-child(11){transition-delay:1s}.text-move:nth-child(12){transition-delay:1.1s}.text-move:nth-child(13){transition-delay:1.2s}.text-move:nth-child(14){transition-delay:1.3s}.texttext.textactive .text-move{opacity:1;transform:rotate(0deg)}.text-move1:nth-child(1){transition-delay:0s}.text-move1:nth-child(2){transition-delay:.1s}.text-move1:nth-child(3){transition-delay:.2s}.text-move1:nth-child(4){transition-delay:.3s}.text-move1:nth-child(5){transition-delay:.4s}.text-move1:nth-child(6){transition-delay:.5s}.text-move1:nth-child(7){transition-delay:.6s}.text-move1:nth-child(8){transition-delay:.7s}.text-move1:nth-child(9){transition-delay:.8s}.text-move1:nth-child(10){transition-delay:.9s}.text-move1:nth-child(11){transition-delay:1s}.text-move1:nth-child(12){transition-delay:1.1s}.text-move1:nth-child(13){transition-delay:1.2s}.text-move1:nth-child(14){transition-delay:1.3s}.texttext1.textactive1 .text-move1{opacity:1;transform:rotate(0deg)}.text-move2:nth-child(1){transition-delay:0s}.text-move2:nth-child(2){transition-delay:.09s}.text-move2:nth-child(3){transition-delay:.18s}.text-move2:nth-child(4){transition-delay:.27s}.text-move2:nth-child(5){transition-delay:.36s}.text-move2:nth-child(6){transition-delay:.45s}.text-move2:nth-child(7){transition-delay:.54s}.text-move2:nth-child(8){transition-delay:.63s}.text-move2:nth-child(9){transition-delay:.72s}.text-move2:nth-child(10){transition-delay:.81s}.text-move2:nth-child(11){transition-delay:.9s}.texttext2.textactive2 .text-move2{opacity:1;transform:rotate(0deg)}.texttext3,.texttext4,.texttext5,.texttext6,.texttext7{overflow:hidden;margin:0;color:#fff;text-align:center;font-family:"Canela Web",serif;font-weight:400;font-size:4.375rem;height:90px;line-height:90px}.text-move3,.text-move4,.text-move5,.text-move6,.text-move7{display:inline-block;opacity:0;transform:rotate(-90deg);transform-origin:right bottom;transition:transform .23s cubic-bezier(.52,.08,.18,1);will-change:transform}.text-move3:nth-child(1){transition-delay:0s}.text-move3:nth-child(2){transition-delay:.09s}.text-move3:nth-child(3){transition-delay:.18s}.text-move3:nth-child(4){transition-delay:.27s}.text-move3:nth-child(5){transition-delay:.36s}.text-move3:nth-child(6){transition-delay:.45s}.text-move3:nth-child(7){transition-delay:.54s}.text-move3:nth-child(8){transition-delay:.63s}.text-move3:nth-child(9){transition-delay:.72s}.text-move3:nth-child(10){transition-delay:.81s}.text-move3:nth-child(11){transition-delay:.9s}.texttext3.textactive3 .text-move3{opacity:1;transform:rotate(0deg)}.text-move4:nth-child(1){transition-delay:0s}.text-move4:nth-child(2){transition-delay:.09s}.text-move4:nth-child(3){transition-delay:.18s}.text-move4:nth-child(4){transition-delay:.27s}.text-move4:nth-child(5){transition-delay:.36s}.text-move4:nth-child(6){transition-delay:.45s}.text-move4:nth-child(7){transition-delay:.54s}.text-move4:nth-child(8){transition-delay:.63s}.text-move4:nth-child(9){transition-delay:.72s}.text-move4:nth-child(10){transition-delay:.81s}.text-move4:nth-child(11){transition-delay:.9s}.text-move5:nth-child(12){transition-delay:.99s}.text-move5:nth-child(13){transition-delay:1.08s}.text-move5:nth-child(14){transition-delay:1.17s}.text-move5:nth-child(15){transition-delay:1.26s}.texttext4.textactive4 .text-move4{opacity:1;transform:rotate(0deg)}.text-move5:nth-child(1){transition-delay:0s}.text-move5:nth-child(2){transition-delay:.09s}.text-move5:nth-child(3){transition-delay:.18s}.text-move5:nth-child(4){transition-delay:.27s}.text-move5:nth-child(5){transition-delay:.36s}.text-move5:nth-child(6){transition-delay:.45s}.text-move5:nth-child(7){transition-delay:.54s}.text-move5:nth-child(8){transition-delay:.63s}.text-move5:nth-child(9){transition-delay:.72s}.text-move5:nth-child(10){transition-delay:.81s}.text-move5:nth-child(11){transition-delay:.9s}.text-move5:nth-child(12){transition-delay:.99s}.text-move5:nth-child(13){transition-delay:1.08s}.text-move5:nth-child(14){transition-delay:1.17s}.text-move5:nth-child(15){transition-delay:1.26s}.texttext5.textactive5 .text-move5{opacity:1;transform:rotate(0deg)}.text-move6:nth-child(1){transition-delay:0s}.text-move6:nth-child(2){transition-delay:.09s}.text-move6:nth-child(3){transition-delay:.18s}.text-move6:nth-child(4){transition-delay:.27s}.text-move6:nth-child(5){transition-delay:.36s}.text-move6:nth-child(6){transition-delay:.45s}.text-move6:nth-child(7){transition-delay:.54s}.text-move6:nth-child(8){transition-delay:.63s}.text-move6:nth-child(9){transition-delay:.72s}.text-move6:nth-child(10){transition-delay:.81s}.text-move6:nth-child(11){transition-delay:.9s}.texttext6.textactive6 .text-move6{opacity:1;transform:rotate(0deg)}.text-move7:nth-child(1){transition-delay:0s}.text-move7:nth-child(2){transition-delay:.09s}.text-move7:nth-child(3){transition-delay:.18s}.text-move7:nth-child(4){transition-delay:.27s}.text-move7:nth-child(5){transition-delay:.36s}.text-move7:nth-child(6){transition-delay:.45s}.text-move7:nth-child(7){transition-delay:.54s}.text-move7:nth-child(8){transition-delay:.63s}.text-move7:nth-child(9){transition-delay:.72s}.text-move7:nth-child(10){transition-delay:.81s}.text-move7:nth-child(11){transition-delay:.9s}.texttext7.textactive7 .text-move6{opacity:1;transform:rotate(0deg)}.bbox{margin:0 auto;text-align:center}.sub-title{color:#ddd;padding-bottom:3px;display:inline-block;border-bottom:1px solid #ddd}@media all and (max-width:545px){.texttext,.texttext1,.texttext2,.texttext3,.texttext4,.texttext5{font-size:3.375rem}}@media all and (max-width:380px){.texttext,.texttext1,.texttext2,.texttext3,.texttext4,.texttext5{font-size:3.055rem}}@media all and (max-width:365px){.texttext,.texttext1,.texttext2,.texttext3,.texttext4,.texttext5{font-size:2.755rem}}@media all and (max-width:330px){.texttext,.texttext1,.texttext2,.texttext3,.texttext4,.texttext5{font-size:2.585rem}}.moment{color:#fff;font-family:'OpenSansCondensed-Light';cursor:pointer}.moment:hover span{animation:animate .9s infinite linear}.moment.is-active span{animation:animate .9s forwards linear 2}@keyframes animate{0%{color:#484848}18%{color:#484848}20%{color:#7fbfff}30%{color:#484848}35%{color:#7fbfff}70%{color:#484848}85%{color:#fff}90%{color:#484848}100%{color:#fff}}.moment.is-active span:nth-child(1){animation-delay:.1s}.moment.is-active span:nth-child(2){animation-delay:.2s}.moment.is-active span:nth-child(3){animation-delay:.3s}.moment.is-active span:nth-child(4){animation-delay:.4s}.moment.is-active span:nth-child(5){animation-delay:.5s}.moment.is-active span:nth-child(6){animation-delay:.6s}.moment.is-active span:nth-child(7){animation-delay:.7s}.moment.is-active span:nth-child(8){animation-delay:.8s}.moment.is-active span:nth-child(9){animation-delay:.9s}.moment.is-active span:nth-child(10){animation-delay:1s}.moment.is-active span:nth-child(11){animation-delay:1.1s}.moment.is-active span:nth-child(12){animation-delay:1.2s}.moment.is-active span:nth-child(13){animation-delay:1.3s}.moment.is-active span:nth-child(14){animation-delay:1.4s}.moment:hover span{animation:animate .9s infinite linear}.moment:hover span:nth-child(1){animation-delay:.1s}.moment:hover span:nth-child(2){animation-delay:.2s}.moment:hover span:nth-child(3){animation-delay:.3s}.moment:hover span:nth-child(4){animation-delay:.4s}.moment:hover span:nth-child(5){animation-delay:.5s}.moment:hover span:nth-child(6){animation-delay:.6s}.moment:hover span:nth-child(7){animation-delay:.7s}.moment:hover span:nth-child(8){animation-delay:.8s}.moment:hover span:nth-child(9){animation-delay:.9s}.moment:hover span:nth-child(10){animation-delay:1s}.moment:hover span:nth-child(11){animation-delay:1.1s}.moment:hover span:nth-child(12){animation-delay:1.2s}.moment:hover span:nth-child(13){animation-delay:1.3s}.moment:hover span:nth-child(14){animation-delay:1.4s}.coronatext{font-family:'NotoSansJP-Light',"ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:.975em;font-weight:200;line-height:2.5;letter-spacing:.12em}p.logorotate{margin:15px auto -85px;text-align:center}img.rotate{width:60px;height:60px}.rotate{-webkit-animation:rotateY 3s 3s infinite linear;animation:rotateY 3s 3s infinite linear}@-webkit-keyframes rotateY{0%{-webkit-transform:rotateY(0deg)}65%{-webkit-transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg)}}@keyframes rotateY{0%{transform:rotateY(0deg)}65%{transform:rotateY(0deg)}100%{transform:rotateY(360deg)}}@media all and (max-width:768px){p.logorotate{margin:0 auto -85px;position:absolute;top:60%;left:50%}img.rotate{width:40px;height:40px}}.fade_trigger1,.fade_trigger2,.fade_trigger3,.fade_trigger4{width:100%;display:flex}.fade_image_effect img{width:100%;height:auto;display:block;vertical-align:top}.fade_image{display:flex;justify-content:space-between;margin:0 0 3em}.fade_image_effect{position:relative;width:30%;overflow:hidden;padding:0 10px}.fade_image_effect:after{content:'';display:block;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:#171632;transform:translate3d(0%,0,0)}.fade_image_effect.active:after{animation:swipeRight 1.1s cubic-bezier(.6,0,.4,1);animation-fill-mode:forwards}@keyframes swipeRight{0%{transform:translate(0)}50%,60%{transform:translate3d(100%,0,0)}100%{transform:translate3d(100%,0,0)}}@media screen and (max-width:800px){.fade_image{flex-wrap:wrap;flex-direction:column;width:100%}.fade_image_effect{width:100%;margin:5px auto;padding:0 0 5px 0}}.scrolling-wrapper{display:flex;flex-wrap:no-wrap;overflow-x:auto;cursor:grab;padding:0 100px}.scrolling-wrapper.active{cursor:grabbing}.scrolling-wrapper[data-dragging="true"] a{pointer-events:none}.card{width:300px;height:auto;margin:0 auto;flex:0 0 auto;display:flex;justify-content:center;align-items:center;text-align:center}@media screen and (max-width:768px){.scrolling-wrapper{display:flex;flex-wrap:no-wrap;overflow-x:auto;cursor:grab;padding:0 0}.card{width:280px;height:auto;margin:0 auto;flex:0 0 auto;display:flex;justify-content:center;align-items:center;text-align:center}}