@charset "UTF-8";html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}body {line-height:1;}blockquote,q {quotes:none;}blockquote:before,blockquote:after,q:before,q:after {content:none;}table {border-collapse:collapse;border-spacing:0;}address,caption,cite,code,dfn,em,strong,th,h1,h2,h3,h4,h5,h6,input,select,textarea {z-index:auto;font-family:inherit;font-style:inherit;font-weight:inherit;font-size:inherit;}li {list-style:none;}caption,th {text-align:left;}hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}.cf {zoom:1;}.cf:before,.cf:after {display:block;height:0;visibility:hidden;content:"\0020";}.cf:after {clear:both;}a {color:#898989;text-decoration:none;-moz-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-o-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-webkit-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);}a:link {color:#898989;}a:visited {color:#898989;}a:hover {color:#898989;}a:active {color:#898989;}a:hover {text-decoration:none;}a:hover {-moz-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);-o-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);-webkit-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);}.opa {-moz-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-o-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-webkit-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);}.opa:hover {-moz-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);-o-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);-webkit-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);opacity:0.7;}.absolute {position:absolute;}.relative {position:relative;}.tcenter {text-align:center;}.tright {text-align:right;}.tleft {text-align:left;}.fleft {float:left;}.fright {float:right;}.wsite {width:100%;}.font1 {font-family:'Ropa Sans',sans-serif;}.fsize_small {font-size:0.83333em;line-height:1.8em;}.fsize_middle {font-size:1.08333em;line-height:1.38462em;}.fsize_large {font-size:4em;line-height:0.9375em;}.bold,strong {font-weight:bold;}.italic,i {font-style:italic;}.uLine {text-decoration:underline;}.lh1 {line-height:1em;}.lh2 {line-height:2em;}.ls2 {letter-spacing:2px;}.nowrap {white-space:nowrap;}.sprite {text-indent:100%;white-space:nowrap;overflow:hidden;}.dbl {display:block;}.din {display:inline;}.dinb {display:inline-block;}.dtb {display:table;}.dtbc {display:table-cell;}.dno {display:none;}.mrl_auto {margin-right:auto;margin-left:auto;}.m_auto {margin:auto;}.mb05 {margin-bottom:0.75em;}.mb1 {margin-bottom:1.5em;}.mb2 {margin-bottom:3em;}.mb5 {margin-bottom:7.5em;}input,button,textarea,select {margin:0;padding:0;background:none;border:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}html {font-size:75%;line-height:1.5em;}body {font-family:'Hiragino Kaku Gothic ProN','Meiryo',"MS PGothic",sans-serif;top:0;left:0;text-align:left;line-height:1.5em;-webkit-text-size-adjust:100%;position:relative;background-color:#ffffff;color:#000000;}body.noscroll {overflow-y:scroll;}* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}#header {top:0;left:0;width:100%;position:fixed;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1000;padding:1em 1em 0;}#header h1 {margin:1.5em;}#header path {-moz-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);-o-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);-webkit-transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);transition:all 0.3s cubic-bezier(0.445,0.050,0.550,0.950);}#header.active #hmb span {background:#000000;}#header.active path {fill:#000000;}#hmb {z-index:1100;display:block;cursor:pointer;padding:1.5em;-moz-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-o-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-webkit-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);}#hmb span {display:block;width:30px;height:2px;background:#ffffff;margin-bottom:7px;-moz-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-o-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);-webkit-transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);transition:all 0.2s cubic-bezier(0.445,0.050,0.550,0.950);}#hmb span.bar1 {margin-top:0;}#hmb:hover span {margin-bottom:5px;}#hmb:hover span.bar1 {margin-top:2px;}#hmb.active {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}#hmb.active span {margin-top:2px;margin-bottom:2px;background:#ffffff;}#hmb.active:hover span {margin-top:2px;margin-bottom:2px;}#hmb.active .bar1 {-webkit-transform:rotate(0deg) translateY(5px);-moz-transform:rotate(0deg) translateY(5px);-ms-transform:rotate(0deg) translateY(5px);-o-transform:rotate(0deg) translateY(5px);transform:rotate(0deg) translateY(5px);}#hmb.active .bar2 {opacity:0;}#hmb.active .bar3 {-webkit-transform:rotate(-90deg) translateX(4px);-moz-transform:rotate(-90deg) translateX(4px);-ms-transform:rotate(-90deg) translateX(4px);-o-transform:rotate(-90deg) translateX(4px);transform:rotate(-90deg) translateX(4px);}#snsBox {z-index:1100;margin:1.5em 0 0 0;}#snsBox a {width:20px;height:20px;margin:3px 0.5em 0;vertical-align:middle;}#nav {cursor:none;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;z-index:1010;-webkit-tap-highlight-color:transparent;}#nav .navBox {top:-100%;left:-100%;right:-100%;bottom:-100%;margin:auto;width:100%;height:312px;z-index:100;}#nav p {opacity:0;}#nav p a {width:100%;padding:2.0em 0;color:#ffffff;}#nav p img {position:relative;z-index:100;}#nav p .btn:after {background-color:#191919;}#close {-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:none;width:30px;height:30px;z-index:1;cursor:none;}#close img {top:0;left:0;z-index:1;}#close span {-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top:0;left:0;z-index:10;width:30px;height:30px;}#footer {width:100%;z-index:10;color:#ffffff;padding-top:2.25em;padding-bottom:2.25em;}#wrapper {width:100%;height:100%;overflow:hidden;}.btn {position:relative;overflow:hidden;}.btn:after {position:absolute;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:100%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-moz-transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);-o-transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);-webkit-transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);}.btn:hover:after {-moz-transition:all 0.9s cubic-bezier(0.390,0.575,0.565,1.000);-o-transition:all 0.9s cubic-bezier(0.390,0.575,0.565,1.000);-webkit-transition:all 0.9s cubic-bezier(0.390,0.575,0.565,1.000);transition:all 0.9s cubic-bezier(0.390,0.575,0.565,1.000);opacity:1;width:150%;height:100%;}#fss h1 {z-index:1;top:-100%;left:-100%;right:-100%;bottom:-100%;margin:auto;width:360px;height:56px;}.fssBox {width:100%;height:700px;}.bgW {padding-top:13.5em;background-color:#ffffff;}.bgW h1 {letter-spacing:9px;}#works {}#works ul {width:100%;max-width:1060px;margin:-2em auto -1.5em;}#works li {width:33%;padding:2em 2.5em;display:inline-block;vertical-align:top;}#works li img {-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;height:auto;display:block;}#works li h2 {margin-bottom:0.5em;}#works li p {color:#898989;}#works span {margin-bottom:1.25em;}#works a {overflow:hidden;outline:none;position:relative;margin-bottom:1.25em;background-color:#000000;}#works a:after {position:absolute;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);top:50%;left:50%;z-index:2;display:block;content:'';width:0;height:100%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-moz-transition:all 0.45s cubic-bezier(0.390,0.575,0.565,1.000);-o-transition:all 0.45s cubic-bezier(0.390,0.575,0.565,1.000);-webkit-transition:all 0.45s cubic-bezier(0.390,0.575,0.565,1.000);transition:all 0.45s cubic-bezier(0.390,0.575,0.565,1.000);background-color:rgba(255,255,255,0.2);}#works a:hover:after {-moz-transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);-o-transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);-webkit-transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);transition:all 0.6s cubic-bezier(0.390,0.575,0.565,1.000);opacity:1;width:150%;height:100%;}#service h2 {width:96%;max-width:730px;font-size:2.5em;line-height:1.5em;}#about ul {width:58.5em;}#about li.fleft {margin-top:4em;}#about li h2 {width:8em;}#about li .profile {width:210px;height:210px;}#about li a {width:20px;height:20px;margin:3px 0.5em 0;vertical-align:middle;}#about li a path {fill:#000000;}#contact {padding-bottom:13.5em;}#contact h2 a {font-size:16px;width:504px;padding:2em;color:#000000;border:1px solid #ccc;}#contact .btn:hover:before {opacity:1;}#contact .btn:hover:after {-moz-transition:all 0.9s cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 0.9s cubic-bezier(0.165,0.840,0.440,1.000);-webkit-transition:all 0.9s cubic-bezier(0.165,0.840,0.440,1.000);transition:all 0.9s cubic-bezier(0.165,0.840,0.440,1.000);opacity:1;}#contact .btn:before {content:'info@planeta-jp.com';opacity:0;position:absolute;font-size:16px;width:438px;padding:2em;color:#ffffff;top:0;left:0;z-index:20;display:block;}#contact .btn:after {-moz-transition:all 0.6s cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:all 0.6s cubic-bezier(0.165,0.840,0.440,1.000);-webkit-transition:all 0.6s cubic-bezier(0.165,0.840,0.440,1.000);transition:all 0.6s cubic-bezier(0.165,0.840,0.440,1.000);background-color:black;}.ani1,.ani2 {opacity:0;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}@media screen and (max-width:980px) {#works li {width:49%;padding:2em 2.5em;}}@media screen and (max-width:736px) {.btn:after {display:none;}#nav .navBox {height:208px;}#nav p a {padding:1.5em 0;}#nav p img {width:auto;height:16px;}#close {display:block;top:-20%;left:-100%;right:-100%;bottom:-100%;margin:auto;width:30px;height:30px;cursor:pointer;}#close img {width:30px;height:30px;}#close span {width:30px;height:30px;}#topLOGO,#fss h1 {width:280px;height:42px;}.fsize_large {font-size:3em;line-height:1.25em;}.bgW {padding-top:7.5em;}.bgW h1 {letter-spacing:6px;}#works li {width:100%;padding:2em 0;}#works a:after {display:none;}#service h2 {font-size:2em;line-height:1.5em;}#about ul {width:100%;}#about li.fleft,#about li.fright {float:inherit;}#about li.fleft {width:344px;margin:3em auto 0;}#about li h2 {width:6em;}#about li .profile {width:150px;height:150px;}#contact {padding-bottom:7.5em;}#contact .btn:before {display:none;}#contact h2 a {font-size:16px;width:80%;padding:2em;}}@media only screen and (max-device-width:667px) and (orientation:landscape) {#nav .navBox {height:160px;}#nav p a {padding:1.0em 0;}#nav p img {width:auto;height:16px;}}@media screen and (max-width:414px) {#headerLOGO {width:106px;height:16px;}#headerFB {width:25px;height:25px;padding:4.5px 8px;}#headerTW {width:25px;height:25px;padding:5px 4.5px;}#header {padding:0.5em 0.5em 0 0.5em;}#header h1 {margin:1em 1em 1em;}#hmb {padding:1.0em;}#hmb span {width:22px;height:2px;margin-bottom:5px;}#hmb span.bar1 {margin-top:0;}#hmb:hover span {margin-bottom:4px;}#hmb:hover span.bar1 {margin-top:1px;}#snsBox {margin:0.75em 0 0 0;}#snsBox a {width:25px;height:25px;margin:0 0.5em 0 0;vertical-align:middle;}#topLOGO,#fss h1 {width:180px;height:27px;}.fsize_large {font-size:2em;line-height:1.5em;}.bgW {padding-top:3em;}.bgW h1 {letter-spacing:4px;margin-bottom:1em;}#works ul {margin:-1.5em auto 0;}#works li {width:100%;padding:1.5em 0;}#works li .linkBlock {cursor:pointer;}#service h2 {font-size:1.25em;line-height:1.8em;}#about li.fleft {width:290px;margin:3em auto 0;font-size:11px;}#about li h2 {width:5em;}#about li .profile {width:150px;height:150px;}#contact {padding-bottom:7.5em;}#contact h2 a {font-size:12px;width:80%;padding:1.5em;}}