@charset "UTF-8";::-moz-selection{background-color:#c7c7c5;color:#fafafa}::selection{background-color:#c7c7c5;color:#fafafa}@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:100}@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue Regular");font-weight:200}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:100}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:200}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:300}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium");font-weight:400}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Bold");font-weight:700}html{width:100%;height:100%;font-size:62.5%}body,input,textarea,select,button{font-size:1.3rem;line-height:2;color:#272725;font-weight:400;letter-spacing:normal;-webkit-text-size-adjust:100%;word-break:word-break;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;font-family:tbchibirgothicplusk-pro,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:unset}@media only screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){body,input,textarea,select,button{-webkit-font-smoothing:antialiased;　-moz-osx-font-smoothing:grayscale}}body{width:100%;height:100%;min-width:320px}main,img{display:block}input[type=text],input[type=email],input[type=password],input[type=submit],input[type=button],input[type=radio],input[type=checkbox],textarea,select,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;background:0 0;border:none;border-radius:0;outline:none}input[type=submit],input[type=button],input[type=radio],input[type=checkbox],select,button{cursor:pointer}input,textarea,select,button{-webkit-transition:all .4s;transition:all .4s;outline:0}::-webkit-input-placeholder{color:#676765}:-ms-input-placeholder{color:#676765}::-moz-placeholder{color:#676765}a{text-decoration:none;-webkit-transition:all .4s;transition:all .4s}a:link,a:visited,a:hover{color:#272725}.min{font-family:"游明朝体","YuMincho","游明朝","Yu Mincho",serif}.x-lg{font-size:2rem}.lg{font-size:1.6rem}.sm{font-size:1.2rem}.x-sm{font-size:1rem}.b{font-weight:700}.it{font-style:italic}.cf:after,blockquote:after{content:" ";display:block;clear:both}@media only screen and (min-width:960px){body,input,textarea,select,button{font-size:1.4rem}.x-lg{font-size:2.4rem}.lg{font-size:1.8rem}.sm{font-size:1.3rem}.x-sm{font-size:1.1rem}.hover-1{-webkit-transition:all .4s;transition:all .4s}.hover-1:hover{opacity:.64}}.loading-cover{width:100%;height:100vh;box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;background-color:#fff;position:fixed;z-index:20}.loading-cover .loader-inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.5,.5);transform:translate(-50%,-50%) scale(.5,.5)}.loading-cover .ball-pulse-sync>div{background-color:#272725}header{position:fixed;z-index:10;top:0;width:100%;padding:24px 0 16px;background-color:rgba(255,255,255,.96)}header .inner{width:80%;margin:0 auto;text-align:center}header .inner h1{width:120px;display:inline-block;margin:0 0 16px}header .inner h1 img{width:100%;height:auto}header .inner nav{width:100%}header .inner nav ul li{display:inline-block;margin:0 8px}.header-top{top:-120px;-webkit-transition:all .4s;transition:all .4s}.header-under .inner{max-width:1200px}@media only screen and (min-width:640px){header{padding:24px 0}header .inner h1{float:left;margin:0}header .inner nav{float:right;width:64%;text-align:right}header .inner nav ul li{margin:0 0 0 16px}}@media only screen and (min-width:960px){header .inner nav ul li{margin:0 0 0 24px}.header-top .inner{width:900px}.header-under .inner{width:900px}}@media only screen and (min-width:1280px){header .inner nav ul li{margin:0 0 0 32px}.header-top .inner{width:1200px}.header-under .inner{width:1200px}}footer{padding:120px 0 40px;text-align:center}@media only screen and (min-width:960px){footer{padding:200px 0 40px}}.front-page .main{width:100%;height:100vh;position:relative}.front-page .main .swiper-container{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0}.front-page .main .swiper-container .swiper-slide{background-color:#fff}.front-page .main .swiper-container .swiper-slide h2 img{width:269px;height:auto;position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.front-page .main .arrow{width:100px;height:40px;text-align:center;line-height:1;position:absolute;z-index:2;left:50%;bottom:80px;-webkit-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer}.front-page .main .arrow .wrap{width:100%;position:absolute;bottom:0}.front-page .main .arrow .wrap span:nth-of-type(1),.front-page .main .arrow .wrap span:nth-of-type(2),.front-page .main .works .work .txt .link .arrow .wrap span:nth-of-type(2),.front-page .works .work .txt .link .main .arrow .wrap span:nth-of-type(2){display:inline-block;position:absolute;bottom:4px;right:47px;width:16px;height:2px;background-color:#272725;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px}.front-page .main .arrow .wrap span:nth-of-type(2){left:47px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.front-page .works .work{padding:80px 0 0;width:80%;margin:0 auto}.front-page .works .work .img{width:100%;overflow:hidden;border:solid 1px #f7f7f5}.front-page .works .work .img img{width:100%;height:auto}.front-page .works .work .txt{display:inline-block;padding:24px}.front-page .works .work .txt h2{line-height:1.5}.front-page .works .work .txt .link{color:#676765 !important;display:block;margin:16px 0 0;line-height:1}.front-page .works .work .txt .link .arrow{display:inline-block;position:relative;padding:0 0 0 8px}.front-page .works .work .txt .link .arrow span:nth-of-type(1),.front-page .works .work .txt .link .arrow span:nth-of-type(2){display:inline-block;position:absolute;bottom:6px;right:0;width:6px;height:1px;background-color:#474745;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:2px}.front-page .works .work .txt .link .arrow span:nth-of-type(2){bottom:2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.front-page .works .work.delighter{position:relative;opacity:0;-webkit-transform:translateY(40px);transform:translateY(120px);-webkit-transition:all 1.2s;transition:all 1.2s}.front-page .works .work.delighter.started{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media only screen and (min-width:640px){.front-page .main .swiper-container .swiper-slide h2 img{width:400px}}@media only screen and (min-width:960px){.front-page .main .swiper-container .swiper-slide h2 img{width:538px}.front-page .works .work{padding:120px 0 0;width:900px}.front-page .works .work .img{width:598px;height:398px;float:left}.front-page .works .work .txt{display:table-cell;text-align:center;vertical-align:middle;padding:40px;width:220px;height:320px}.front-page .works .work .txt .inner{display:inline-block;text-align:left}.front-page .works .work .txt .link .arrow{position:relative;top:-1px}.front-page .works .work:nth-of-type(1){padding:80px 0 0}.front-page .works .work:nth-of-type(2n) .img{float:right}}@media only screen and (min-width:1280px){.front-page .works .work{width:1200px}.front-page .works .work .img{width:658px;height:438px}.front-page .works .work .txt{width:460px;height:360px}}.single article,.page-genaral article,.page-contact article{padding:160px 0 0;overflow:hidden}.single article .title,.page-genaral article .title,.page-contact article .title{width:80%;max-width:768px;margin:0 auto;text-align:center;overflow:hidden}.single article .content,.page-genaral article .content,.page-contact article .content{width:80%;max-width:640px;margin:0 auto;padding:40px 0 0;color:#474745;overflow:hidden}.single article .content h1,.page-genaral article .content h1,.page-contact article .content h1,.single article .content h2,.page-genaral article .content h2,.page-contact article .content h2,.single article .content h3,.page-genaral article .content h3,.page-contact article .content h3,.single article .content h4,.page-genaral article .content h4,.page-contact article .content h4,.single article .content h5,.page-genaral article .content h5,.page-contact article .content h5,.single article .content h6,.page-genaral article .content h6,.page-contact article .content h6{font-size:1.6rem;line-height:1.5;color:#272725;font-family:tbchibirgothicplusk-pro,"Helvetica Neue","Yu Gothic",YuGothic,Verdana,Meiryo,sans-serif}.single article .content a,.page-genaral article .content a,.page-contact article .content a{text-decoration:underline}.single article .content a:link,.page-genaral article .content a:link,.page-contact article .content a:link,.single article .content a:visited,.page-genaral article .content a:visited,.page-contact article .content a:visited,.single article .content a:hover,.page-genaral article .content a:hover,.page-contact article .content a:hover{color:#676765}.single article .content strong,.page-genaral article .content strong,.page-contact article .content strong{font-weight:700}.single article .content em,.page-genaral article .content em,.page-contact article .content em{font-style:italic}.single article .content hr,.page-genaral article .content hr,.page-contact article .content hr{border:none;border-top:solid 1px #979795;width:40px}.single article .content ul,.page-genaral article .content ul,.page-contact article .content ul{list-style:disc}.single article .content ol,.page-genaral article .content ol,.page-contact article .content ol{list-style:decimal-leading-zero}.single article .content li,.page-genaral article .content li,.page-contact article .content li{list-style-position:inside}@media only screen and (min-width:960px){.single article .content,.page-genaral article .content,.page-contact article .content{padding:64px 0 0}.single article .content h1,.page-genaral article .content h1,.page-contact article .content h1,.single article .content h2,.page-genaral article .content h2,.page-contact article .content h2,.single article .content h3,.page-genaral article .content h3,.page-contact article .content h3,.single article .content h4,.page-genaral article .content h4,.page-contact article .content h4,.single article .content h5,.page-genaral article .content h5,.page-contact article .content h5,.single article .content h6,.page-genaral article .content h6,.page-contact article .content h6{font-size:1.8rem}.single article .content a:hover,.page-genaral article .content a:hover,.page-contact article .content a:hover{opacity:.64}}.page-contact .content .item-1,.page-contact .content .item-2,.page-contact .content .item-3{text-align:center}.page-contact .content .item-1 .title,.page-contact .content .item-2 .title,.page-contact .content .item-3 .title{display:block;margin:0 auto 8px}.page-contact .content .item-1 input,.page-contact .content .item-2 input,.page-contact .content .item-3 input{border:solid 2px #676765;width:96%;padding:8px 3%;max-width:320px;position:relative;z-index:2;border-radius:4px;box-sizing:border-box}.page-contact .content .item-2,.page-contact .content .item-3{margin:24px 0 0}.page-contact .content .item-4{margin:32px 0 0;text-align:center}.page-contact .content .item-4 .title{display:block;margin:0 auto 8px}.page-contact .content .item-4 textarea{border:solid 2px #676765 !important;width:96%;max-width:320px;height:200px;padding:8px 3%;border-radius:4px;box-sizing:border-box;background-color:#fff}.page-contact .content .item-5{width:210px;margin:24px auto 0}.page-contact .content .item-5 input[type=checkbox]{background-image:url(//particlework.com/wp-content/themes/particle/css/../img/check.png);width:20px;height:20px;background-size:cover;position:relative;top:4px;left:-4px}.page-contact .content .item-5 input[type=checkbox]:checked{background-image:url(//particlework.com/wp-content/themes/particle/css/../img/check-active.png)}.page-contact .content .submits-1,.page-contact .content .submits-2,.page-contact .content .submits-3{width:160px;margin:40px auto 0}.page-contact .content .submits-1 input[type=submit],.page-contact .content .submits-2 input[type=submit],.page-contact .content .submits-3 input[type=submit],.page-contact .content .submits-1 input[type=button],.page-contact .content .submits-2 input[type=button],.page-contact .content .submits-3 input[type=button]{width:100%;padding:8px 0;font-size:1.6rem;color:#474745;border:solid 2px #676765;border-radius:4px}.page-contact .content .wpcf7-response-output{color:#474745;border:solid 2px #676765;padding:8px;text-align:center;border-radius:4px}.page-contact .content .wpcf7-not-valid-tip{display:block;clear:both;position:relative;top:8px;z-index:1;text-align:left}@media only screen and (min-width:640px){.page-contact .content .item-1,.page-contact .content .item-2,.page-contact .content .item-3{width:480px;margin:0 auto}.page-contact .content .item-1 .title,.page-contact .content .item-2 .title,.page-contact .content .item-3 .title{margin:0;width:160px;float:left;text-align:left;position:relative;top:12px}.page-contact .content .item-1 input,.page-contact .content .item-2 input,.page-contact .content .item-3 input{width:288px;padding:8px 12px;float:left}.page-contact .content .item-2,.page-contact .content .item-3{margin:24px auto 0}.page-contact .content .item-4{width:465px;margin:32px auto 0;text-align:left}.page-contact .content .item-4 .title{margin:0 auto 16px;text-align:left;position:relative;left:-54px}.page-contact .content .item-4 textarea{padding:8px 12px;max-width:465px;position:relative;left:-6px}}@media only screen and (min-width:960px){.page-contact .content .item-1,.page-contact .content .item-2,.page-contact .content .item-3{width:560px}.page-contact .content .item-1 .title,.page-contact .content .item-2 .title,.page-contact .content .item-3 .title{width:200px}.page-contact .content .item-1 input,.page-contact .content .item-2 input,.page-contact .content .item-3 input{width:328px;max-width:488px}.page-contact .content .item-4{width:548px}.page-contact .content .item-4 .title{left:-60px}.page-contact .content .item-4 textarea{max-width:544px;left:-4px}.page-contact .content .item-5{width:220px}.page-contact .content .submits-1 input[type=submit]:hover,.page-contact .content .submits-2 input[type=submit]:hover,.page-contact .content .submits-3 input[type=submit]:hover,.page-contact .content .submits-1 input[type=button]:hover,.page-contact .content .submits-2 input[type=button]:hover,.page-contact .content .submits-3 input[type=button]:hover{border:solid 2px #979795}}