@charset "UTF-8";html{width:100%;font-size:1rem}body{font-weight:400;line-height:1.45}img{max-width:100%}body{color:#333;font-family:Montserrat,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif}a,a:after,a:before{-webkit-transition:all .3s;transition:all .3s;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4{font-weight:inherit;line-height:1.2}.font_small,small{font-size:.707rem}#canvas{position:absolute;width:100%;height:100%;overflow:hidden;opacity:.45}.br{display:none}.bodycontainer-wrapper{background:url(../img/wrapper_bg.gif)repeat left top}.title{position:relative;color:#333;text-align:center;padding-top:60px}.title em{font-weight:400;font-style:normal;font-size:2.375rem;display:block;line-height:1.3}.title .sub{font-size:.875rem;line-height:2.4}.title em:before{background:url(../img/title_l.png)no-repeat;background-size:contain;margin-right:20px}.title em:after,.title em:before{content:'';display:inline-block;width:97px;height:25px}.title em:after{background:url(../img/title_r.png)no-repeat;background-size:contain;margin-left:20px}header{max-width:750pt;margin:0 auto;height:110px;display:flex;justify-content:space-between}nav{padding-top:60px}nav ul{display:flex;justify-content:space-between}nav ul li a{color:#333;font-size:.875rem;padding-left:30px}nav ul li a:hover{color:#4686cc;transition:all .5s}#nav-toggle{display:none}@media only screen and (max-width:767px){header{position:static}#global-nav{position:absolute;top:-100%;right:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);text-align:center;padding:60px 0 30px;-WEBkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out}nav ul{display:block;position:relative;top:auto;width:100%}nav ul li{margin:0;padding:20px}nav ul li:first-of-type{margin:0}nav ul li#partner{margin:0}nav ul li a{padding-left:0}#nav-toggle{display:block;position:absolute;right:20px;top:24px;width:30px;height:36px;cursor:pointer;z-index:2}#nav-toggle div{position:relative}#nav-toggle span{display:block;position:absolute;height:3px;width:100%;background:#333;left:0;-WEBkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}#nav-toggle span:nth-child(1){top:0}#nav-toggle span:nth-child(2){top:11px}#nav-toggle span:nth-child(3){top:22px}.open #nav-toggle span{background:#333}.open #nav-toggle span:nth-child(1){top:11px;-WEBkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(315deg)}.open #nav-toggle span:nth-child(2){width:0;left:50%}.open #nav-toggle span:nth-child(3){top:11px;-WEBkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);transform:rotate(-315deg)}.open #global-nav{-moz-transform:translateY(100%);-WEBkit-transform:translateY(100%);transform:translateY(100%)}}.top-visual{width:100%;height:500px;background:url(../img/top-img.jpg)no-repeat center right;background-size:cover}.text-inner{max-width:750pt;margin:0 auto;padding-top:75pt;color:#333}.text-inner .text-1{font-size:1.875rem;margin-bottom:15px}.text-inner .text-2{font-size:.875rem;line-height:2em}.works{background-image:url(../img/bg2.jpg);background-repeat:repeat;width:100%}.works-inner{max-width:750pt;margin:0 auto}.works_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:60px;padding-bottom:60px}figure.works{position:relative;width:23%;height:auto;color:#333;text-align:left;margin-bottom:22px}figure.works img{width:100%}figure.works *{-webkit-transition:all 1s ease;transition:all .35s ease}figure.works figcaption,figure.works:after{content:'';position:absolute;top:7px;bottom:7px;left:7px;right:7px}figure.works:after{background-color:hsla(0,0%,100%,.8);-webkit-transition:all .35s ease;transition:all .35s ease;opacity:0}figure.works figcaption{z-index:1;padding:26px}figure.works h3{font-size:1rem;font-weight:700;opacity:0;line-height:1.5;margin-bottom:5px}figure.works p{font-size:.75rem;line-height:1.5;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}figure.works a{position:absolute;top:7px;bottom:7px;left:7px;right:7px;z-index:1}figure.works:hover img{zoom:1;filter:alpha(opacity=50);-webkit-opacity:.5;opacity:.5}figure.works:hover:after{opacity:1;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border-radius:7px}figure.works.hover h3,figure.works.hover p,figure.works:hover h3,figure.works:hover p{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}.about{background-color:#f0f8ff;background-repeat:repeat;width:100%}.about-inner{max-width:750pt;margin:0 auto}.about-box{padding-top:60px;padding-bottom:60px;display:flex}.about-img{width:55%;height:auto;background:url(../img/about.jpg)no-repeat center right;background-size:cover}.about-text-inner{width:45%;height:auto;background-color:#fff;padding:8px}.about-border{border:1px solid #f6f5f3;height:100%}.about-text{padding:20px;height:auto}.about-text-inner ul{margin-bottom:10px}.about-text-inner li{border-bottom:1px solid #f6f5f3;line-height:2.5}.about-text-inner .pink-text{font-size:1rem;color:#4686cc}.about-text-inner .answer{font-size:.975rem}.about-text-inner p{font-size:.875rem;line-height:1.75}.skill{background-image:url(../img/bg2.jpg);background-repeat:repeat;width:100%}.skill-inner{max-width:750pt;margin:0 auto}.skill-box{padding-top:60px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:60px}.skill-item{width:33.333%;text-align:center;padding:10px}.skill-item p{padding-top:20px;font-size:.75rem;line-height:1.5em;text-align:left}.contact{background-color:#f0f8ff;width:100%;background-repeat:repeat}.contact-inner{max-width:750pt;margin:0 auto}.contact-inner p{font-size:.875rem;line-height:1.75;margin-bottom:30px}.form-box{max-width:50pc;margin:50px auto 0;padding-bottom:75pt}.con,.mail,.name{font-size:.875rem;color:#333;margin-bottom:50px}.error{font-size:.75rem;color:red;margin-top:5px}input[type=email],input[type=text]{height:40px}input[type=email],input[type=text],textarea{width:100%;font-size:.875rem;border:0;padding:5px 10px;background-color:#fff;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;margin-top:10px}textarea{height:245px}.btn button:focus,input[type="email"]:focus,input[type="text"]:focus,textarea:focus{outline:0}.btn{text-align:center}.btn button{background-color:#4686cc;color:#fff;border:0;font-size:1rem;padding:9pt 75pt;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-appearance:none}.btn button a{color:#fff}.btn button:hover{background-color:#1a5698;transition:.5s}.box{font-size:.75rem;background-color:#4686cc;color:#fff;padding:3px;border-radius:3px}.matrixInner{padding:0;max-width:60pc;margin:0 auto}.matrixArea .inner{padding:0 5px 20px}.matrixArea{margin-bottom:20px}.matrixArea dl{border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:30px;border-radius:4px 4px 0 0;overflow:hidden}.matrixArea dl dd,.matrixArea dl dt{line-height:1.6}.matrixArea dl dt{font-size:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#eeeff0;padding:10px 15px;border-radius:4px 4px 0 0}.matrixArea dl dd ul{overflow:hidden}.matrixArea dl dd ul li{float:left;width:25%}.matrixArea dl dd ul li a{display:block;font-size:13px;width:100%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-decoration:none;outline:0;padding:15px 5px 15px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444}.matrixArea dl dd ul li a:hover{color:#fff;background:#333f48}.matrixArea dl dd ul li a{position:relative}.matrixArea dl dd ul li a i{top:50%;right:7px;margin-top:-10px;font-size:26px;font-size:1rem;position:absolute}.matrixArea dl dd ul li.nolink{display:block;font-size:13px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-decoration:none;outline:0;padding:15px 5px 15px 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444}.col3 .matrixArea dl dd ul li{width:100%!important}@media screen and (min-width:1301px){.matrixArea dl dd ul li{width:25%}}@media screen and (max-width:1300px){.matrixArea dl dd ul li{width:33.333%}}@media screen and (max-width:570px){.matrixArea dl dd ul li{width:50%}}footer{width:100%;border-top:1px solid #f3f1f0}.footer-inner{max-width:750pt;margin:0 auto;padding:20px 0;text-align:center;color:#888}#footer .showftseal img{vertical-align:middle}#footer .showftseal ul li{border-right:solid 1px #888;list-style:none;display:inline;padding:0 10px}#footer .showftseal ul li:last-child{border-right:0}#footer .showftseal ul li a{color:#888}.defs{display:none}footer .license svg{width:70px;height:1pc;fill:rgba(0,0,0,.2)}#pageTop{position:fixed;bottom:20px;right:20px}#pageTop a:hover{text-decoration:none;opacity:.7}.pankuzu{background-color:#e4eaf2}.pankuzu-inner{max-width:750pt;margin:0 auto;font-size:.75rem;color:#333;padding:19px 0}.pankuzu-inner a{color:#4686cc}.pankuzu-inner a:hover{text-decoration:underline}.works-website{background-color:#f0f8ff;width:100%}.works-website-inner{max-width:750pt;margin:0 auto}.works-website-img{text-align:center}.works-website-img img{margin-top:45px;max-width:100%;height:auto}.works-website-img .worksList{margin-top:45px}.works-website-img .worksList li{list-style:none;display:inline-block;border:1px solid #ddd;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1),-1px -1px 4px 0 rgba(0,0,0,.1);margin-bottom:20px;margin-right:9pt}.works-website-img .worksList li img{margin:0}.works-title{display:flex;align-items:center}.works-website-text{margin-top:50px}.works-website-text h2{font-size:1.562rem;font-weight:700;padding-left:5px;line-height:1.3}.works-website-text .title{margin-left:5px}.website-text{margin-top:30px}.website-text,.website-url{font-size:.875rem;line-height:1.5em}.website-url{margin-top:20px}.website-url a{color:#4686cc}.website-url a:hover{text-decoration:underline}.renewal{font-size:.75rem}.website-top-img{margin-top:45px;padding-bottom:75pt}.website-top-img img{max-width:100%;height:auto}.website-use ul{font-size:.85rem;display:flex;flex-wrap:wrap;margin-top:20px}.website-use ul li{border-radius:5px;padding:6px 8px;margin-right:10px;color:#fff;margin-bottom:5px}.di{background-color:#f0667f}.ph{background-color:#396795}.ht{background-color:#e78775}.cs{background-color:#a0c238}.jq{background-color:#83af9b}.re{background-color:#f3bd5b}.cms{background-color:#ffc0c2}.adobe-ph{background-color:#001d26;border:1px solid #00cafc;color:#00cafc!important}.adobe-ai{background-color:#261300;border:1px solid #fe830c;color:#fe830c!important}.adobe-dw{background-color:#0b1503;border:1px solid #59f900;color:#59f900!important}.adobe-xd{background-color:#2e001f;border:1px solid #ff26be;color:#ff26be!important}.tags-level1{background-color:#4686cc;border:1px solid #4686cc;color:#fff!important}.thanks-inner{max-width:750pt;margin:0 auto;margin-top:45px;text-align:center}.thanks-inner h2{font-size:2rem;font-weight:700;padding-left:5px;line-height:1.3;color:#333;margin:0 auto}.text-3{margin-top:40px;font-size:.875rem;line-height:1.75;margin-bottom:60px}.text-3 a{color:#4686cc;text-decoration:underline}.top-btn{text-align:center;padding-bottom:75pt}.top-modoru{display:inline-block}.top-modoru a{display:block;background-color:#4686cc;color:#fff;font-size:.875rem;padding:15px 50px;border-radius:5px}.top-modoru a:hover{background-color:#1a5698;transition:.5s}@media(min-width:1850px){.top-visual{background:url(../img/top-img.jpg)no-repeat 0 -90pt}}@media(max-width:950px){figure.works figcaption{padding:20px}figure.works h3{font-size:.4rem}figure.works p{font-size:.85rem}}@media(max-width:767px){header{height:75px}header h1{padding-top:15px}header h1 img{width:250px;height:auto}.top-visual{background:url(../img/top-img_sp.jpg)no-repeat center center;background-size:cover}.text-inner{width:100%;text-align:center;padding-top:220px;text-shadow:1px 1px 3px #fff}.text-inner .text-1{font-size:1.562rem;margin-bottom:15px}.text-inner .text-2{font-size:.875rem;line-height:2em;margin-bottom:7px}.br{display:block}.works-inner h2{padding-top:50px}.works-box li{width:48%;margin-bottom:10px}.works-website-img .worksList li{margin-right:0}figure.works{width:48%;margin-bottom:10px}.works_wrap{padding-top:35px;padding-bottom:70px}figure.works:hover img{-webkit-opacity:1;opacity:1}figure.works figcaption,figure.works:after{display:none}.about-box{padding-top:35px;padding-bottom:70px;flex-flow:column}.about-inner h2{padding-top:50px}.about-inner h2 img{height:40px;width:auto}.about-img,.about-text-inner{width:100%}.about-img{height:350px}.skill-box{padding:35px 10% 70px}.skill-inner h2{padding-top:50px}.skill-inner h2 img{height:40px;width:auto}.skill-item{width:45%;text-align:center}.mb-20{margin-bottom:20px}.contact-inner h2 img{height:40px;width:auto}.form-box{margin-top:35px;padding-bottom:70px}.contact-inner h2{padding-top:50px}.works-website-text h2{font-size:1.8rem}.works-website-img img{margin-top:50px}.website-top-img{padding-bottom:50px}.footer-inner{padding:25px 0}.title em{font-size:1.375rem}.title em:after,.title em:before{width:70px;height:18px}}@media(max-width:1025px){#global-nav,.about-inner,.contact-inner,.pankuzu,.skill-inner,.text-inner,.thanks-inner,.works-inner,.works-website-inner,header h1{padding-left:10px;padding-right:10px}}.common-button{border-radius:4px;background-color:#f06868;box-shadow:0 4px 0 0 #d65252;box-sizing:border-box;text-align:center;margin:0 auto 20px;-webkit-transition:all .3s;transition:all .3s;max-width:500px}.common-button:hover{opacity:.6;-webkit-tap-highlight-color:rgba(0,0,0,0)}.common-button a{display:block;padding:9pt;color:#fff}.common-button a:hover{text-decoration:none!important}.buttonColor2{background-color:#ff8a00;box-shadow:0 4px 0 0 #ff7800}.buttonColor3{background-color:#22559c;box-shadow:0 4px 0 0 #19427a}.buttonColor4{background-color:#ff7007;box-shadow:0 4px 0 0 #c75500}.stxt{font-size:14px;font-size:.875rem;line-height:1.6em}.shiny a{overflow:hidden}.shiny a:before{content:"";background-color:hsla(0,0%,100%,.3);height:100%;width:5em;display:block;position:absolute;top:0;left:-8em;-webkit-transform:skewX(-45deg) translateX(0);transform:skewX(-45deg) translateX(0);-webkit-transition:none;transition:none}.shiny a:hover{background-color:#d8222f;color:#fff}.shiny a:hover:before{-webkit-transform:skewX(-45deg) translateX(35em);transform:skewX(-45deg) translateX(35em);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.c-panel{position:relative;overflow:hidden;background-color:#f5f5f5;border-radius:8px}.c-panel__content{padding:35px}.p-laws-list{width:100%}.p-laws-list__item{display:table;width:100%;margin-bottom:10px;border-bottom:1px solid #e5e5e5}.p-laws-list__item__title{width:10em}.p-laws-list__item__date,.p-laws-list__item__title{display:table-cell;vertical-align:top;padding-left:20px;padding-right:20px;padding-bottom:10px}.p-laws-list__item__date{width:8em}.p-laws-list__item__txt{display:table-cell;vertical-align:top;padding-right:20px;padding-bottom:10px}.one_quarter{width:22.69938650306748%}.one_third{width:31.28834355828221%}.one_half,.two_quarter{width:48.46625766871166%}.two_third{width:65.6441717791411%}.three_quarter{width:74.23312883435584%}.aPosterListItem .aPosterListImg:hover{opacity:.65}.aPosterListItem{word-break:break-all;word-wrap:break-word;position:relative;display:block;line-height:1.4}.aPosterListItem .aPosterListImg{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;transition:all .2s;-webkit-transition:all .2s}.aPosterListItem:hover .aPosterListImg{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}i{margin:0 5px}.works-title i{margin:0}.u-mb20{margin-bottom:20px}.u-mb30{margin-bottom:30px}.u-mt-30{margin-top:-30px}.u-mb60{margin-bottom:60px}.u-mt60{margin-top:60px}.u-mtb50{margin-top:50px;margin-bottom:50px}.u-pb20{padding-bottom:20px}.u-ptb10{padding-top:10px;padding-bottom:10px}.u-ptb50{padding-top:50px;padding-bottom:50px}.u-ptb70{padding-top:70px;padding-bottom:70px}.ob_centering,.u-align-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidetext{position:absolute;text-indent:-9999px;font-size:0;height:0}.unie9 p{color:#cf475b}.unie9 .message,.unie9 p{font-weight:700;font-size:14px;background:#eee;padding:20px 30px;text-align:center;line-height:1.6;position:relative}.unie9 .message{color:#37383d;margin-bottom:1.3rem;cursor:pointer}.unie9 .message p{font-weight:700;font-size:14px;background:#e0e0e0;padding:20px 30px;text-align:center;line-height:1.6;position:relative;color:#37383d;margin:10px 0 0}.clearfix:after{content:"";clear:both;display:block}