a{text-decoration:none}dd{margin:0}ul{list-style-type:none;margin:0;padding:0}h1,h2,h3,h4{margin:0;padding:0}#contents,header #g_nav a.current{background-color:#fff}nav,header #s_nav.top li a.current div,#address,#s_nav.project li a.current span
#s_nav.project li a:hover span{background-color:#f18d00}header #s_nav.top,footer{background-color:#0e0000}#about,#whatWeDo,#portfolio,#team,#contact,#recruit{padding-top:30px}nav ul,header .ttl,header #s_nav.top,#whatWeDo ul,#portfolio ul,#team ul,#address div,footer ul,#s_nav.project,.project #postSns,.project #info,.project #data .box,.project #data .pallett,.project #staff ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}header nav,header #s_nav,header.project{z-index:100;position:fixed}.nopc{display:none}.nosp{display:inline}@media screen and (min-width: 320px) and (max-width: 500px){nav ul li{display:none}.nopc{display:block}.nosp{display:none}}body{font-family:'Noto Sans Japanese',serif;-webkit-font-smoothing:antialiased}.kern{letter-spacing:-.02rem}.kern01{letter-spacing:-.4rem}.kern02{letter-spacing:-.2rem}.kern03{letter-spacing:-.06rem}body,header #g_nav a.current,header #g_nav a:hover,header #s_nav.top a.current,header #s_nav.top a.current:hover{color:#0e0000}header #s_nav.top a:hover,footer ul li a:hover,#whatWeDo ul li i{color:#f18d00}header .ttl h1,header #g_nav a,header #s_nav.top a,#portfolio dl,#address dl dd.detail,footer li,footer li a,footer p,.project #data .font li{color:#fff}h1 span,h2 span,h3 span,h4 span,#s_nav.top div span,footer ul li span,.project li span{display:block}header #g_nav, header #s_nav.top, #about h2, #whatWeDo h2, #portfolio h2, #portfolio .btn a, #blog h2, #blog .btn a, #team h2, #contact h2, .contact h2, #recruit h2, footer, .project #name, .project #info h2, .project #data h3, .project #staff h2, .privacy #text h2, .privacy_policy #text h2{font-family:'Raleway','Noto Sans Japanese';text-transform:uppercase;font-weight:700}#whatWeDo h3,#team li dl,#portfolio dt,#address dt,.project .pallett li span,.project #staff li{font-family:'Karla','Noto Sans Japanese';text-transform:uppercase;font-weight:700}header .ttl h1{line-height:1}#whatWeDo ul li i{font-size:100px}.project #data .font li p{font-size:60px}#about h2, #whatWeDo h2, #portfolio h2, #blog h2, #team h2, #contact h2, .contact h2, #recruit h2, .privacy #text h2, .privacy_policy #text h2, .recruit h2{font-size:36px;letter-spacing:1.3rem;padding:120px 0 60px;margin-left:1.3rem}#address dt,#team li dt{font-size:30px}#about p.blockquote{font-size:20px;line-height:1.8;text-align:center;font-weight:700}#whatWeDo ul,.project #info h2,.project #data h3,.project #staff h2{font-size:20px}#about h2 span, #whatWeDo h2 span, #portfolio h2 span, #blog h2 span, #team h2 span, #contact h2 span, .contact h2 span, #recruit h2 span, .privacy #text h2 span, .privacy_policy #text h2 span, .recruit h2 span{font-size:18px;padding-top:13px}.project #data .font h4,.project .font li p span,.project #staff li span{font-size:18px}header #s_nav.top a,#whatWeDo p,#team li dd,footer li a,.project #info h2 span,.project #data h3 span,.project #staff h2 span,.project #staff li{font-size:14px}header #s_nav.top div span,#whatWeDo h3 div,footer li a span{font-size:12px;padding-top:7px}header #g_nav a{font-size:12px}header #g_nav, header #s_nav.top, #about h2, #whatWeDo h2, #portfolio h2, #blog h2, #team h2, footer ul, #contact h2, .contact h2, #recruit h2, .privacy #text h2, .privacy_policy #text h2, .recruit{text-align:center}.project #info h2,.project #data h3,.project #staff h2{letter-spacing:.5rem}.project #info h2 span,.project #data h3 span,.project #staff h2 span,.project #staff li{letter-spacing:.1rem}header #g_nav,header #s_nav.top,#portfolio dl,#whatWeDo h3,#team li dl,#portfolio dt,#address dt,footer,.project #name{letter-spacing:.1rem}@media screen and (min-width: 320px) and (max-width: 500px){.project #data .font li p{font-size:34px}#team li dt{font-size:24px}#about h2,#whatWeDo h2,#portfolio h2,#team h2,#blog h2,#contact h2,#recruit h2,.privacy #text h2{font-size:24px;padding:60px 0 30px}.project h1#name{font-size:20px}#about p.blockquote{font-size:17px}#about h2 span,#whatWeDo h2 span,#portfolio h2 span,#portfolio ul dd,#blog hw span,#team h2 span,#contact h2 span,#recruit h2 span,.privacy #text h2 span{font-size:14px}header #s_nav.top li div,footer li a,.project .font li p span{font-size:11px}header #s_nav.top li div span,footer li a span{font-size:9px}}header{position:relative}header nav{z-index:100;width:100%;height:64px}header nav ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:70%;max-width:900px;margin:0 auto;padding-top:10px}header #g_nav li{padding-top:13px;width:200px}header #g_nav a{padding:14px 20px 12px;border-radius:7px}p.logo{margin:0;padding:0 40px}header .ttl{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.1);height:100vh}header .ttl div{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:80%;margin:auto;padding-bottom:40px;z-index: 10;}header .ttl h1 svg{fill:#fff;height:100%;z-index: 10;}header #s_nav.top{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0 auto}header #s_nav.top li{padding:5px 20px}header #s_nav.top li a div{padding:15px 20px;border-radius:7px;-webkit-transition:.2s ease;transition:.2s ease}@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape){header{background:url(../img/web_top201607.png) top center;background-size:cover}#tubular-container,#tubular-player,#tubular-shield{display:none}}@media screen and (max-width: 768px){header nav ul{width:80%}header{/* background:url(../img/web_top201607.png) top center; *//* background-size:cover; */}#tubular-container,#tubular-player,#tubular-shield{display:none}p.logo{margin:0 auto}header .ttl{height:100vh}}@media screen and (min-width: 320px) and (max-width: 500px){#tubular-container,#tubular-player,#tubular-shield{display:none}p.logo{margin:0 auto}header .ttl div{width:90%;padding-bottom:100px}header #s_nav.top li{width:25%;padding:5px 2px}header #s_nav.top li a div{padding:15px 0}}#about{width:85%;max-width:1140px;margin:0 auto}#whatWeDo{width:80%;margin:0 auto}#whatWeDo ul{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:1000px;margin:0 auto}#whatWeDo ul li{width:40%;margin:0 5%;text-align:center;padding-bottom:30px}#whatWeDo h3{padding-top:20px}@media screen and (min-width: 320px) and (max-width: 500px){#whatWeDo ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#whatWeDo ul li{width:100%;text-align:center;padding-bottom:30px;margin:0}}#portfolio{width:100%}#portfolio ul{-ms-flex-wrap:wrap;flex-wrap:wrap}#portfolio ul li{width:50%;position:relative;overflow:hidden}#portfolio li a:hover img{margin-left:0}#portfolio li a:hover dl{padding-left:40px;-webkit-transition:.2s ease;transition:.2s ease}#portfolio li img{display:block;width:calc(100% + 50px);margin-left:-50px;-webkit-transition:.2s ease;transition:.2s ease;height:auto}#portfolio li dl{z-index:1;position:absolute;top:0;background-color:rgba(0,0,0,.2);width:100%;height:100%;margin:0;padding:30px;-webkit-transition:.2s ease;transition:.2s ease}#portfolio li dt{padding-bottom:7px}@media screen and (max-width: 768px){#portfolio li img{width:100%;margin-left:0}#portfolio ul li{width:100%}#portfolio li a:hover dl{padding-left:20px}}@media screen and (min-width: 320px) and (max-width: 500px){#portfolio li dl{padding:20px}}#portfolio .btn{padding-bottom:2rem}#portfolio .btn a{display:block;cursor:pointer;width:16rem;margin:0 auto;padding:1rem;color:#0e0000;text-align:center;text-decoration:none;background-color:#f18d00;border-radius:5px;-webkit-box-shadow:0 6px 0 #af6702,0 12px 0 rgba(0,0,0,0.2);box-shadow:0 6px 0 #af6702,0 12px 0 rgba(0,0,0,0.2);-webkit-transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,-webkit-transform .3s;-webkit-transition:color 0.3s,background-color 0.3s,-webkit-box-shadow 0.3s,-webkit-transform .3s;transition:color 0.3s,background-color 0.3s,-webkit-box-shadow 0.3s,-webkit-transform .3s;transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,transform .3s;transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,transform .3s,-webkit-box-shadow 0.3s,-webkit-transform .3s}#portfolio .btn a:hover{background-color:#e8a446;-webkit-box-shadow:0 3px 0 #af6702,0 6px 0 rgba(0,0,0,0.2);box-shadow:0 3px 0 #af6702,0 6px 0 rgba(0,0,0,0.2);-webkit-transform:translateY(3px);transform:translateY(3px)}#portfolio .btn a:active{color:#ddd;background-color:#e8a446;-webkit-box-shadow:0 0 0 #af6702,0 0 0 rgba(0,0,0,0.2);box-shadow:0 0 0 #af6702,0 0 0 rgba(0,0,0,0.2);-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition-duration:.1s;transition-duration:.1s}#portfolio .btn a span{display:block;font-size:.8rem}.works{width:calc(100% - 8rem);margin:auto}.works #portfolio ul{margin-bottom:1.5rem}.works #portfolio li{width:calc(33.3333% - 1rem);margin-top:1.5rem;-webkit-box-shadow:1px 2px 4px #ccc;box-shadow:1px 2px 4px #ccc;border-radius:.5rem}.works #portfolio li img{width:calc(100% + 20px);margin-left:-20px;height:200px;-o-object-fit:cover;object-fit:cover;}.works #portfolio li:hover dl{border-top:6px solid #f18d00}.works #portfolio ul li:nth-child(3n-1){margin:auto 1.5rem 0}.works #portfolio li dl{position:static;background-color:#0e0000;border-top:6px solid #777;height: 8em;max-width: 90%;padding-right: 60px;}.works #portfolio li dd{color:#ccc}@media screen and (min-width: 499px) and (max-width: 768px){.works .nopc{display:inline}.works #portfolio ul li{width:calc(50% - .5rem)}.works #portfolio ul li:nth-child(3n-1){margin:1rem auto 0}.works #portfolio ul li:nth-child(even){margin-left:1rem}}@media screen and (min-width: 320px) and (max-width: 500px){.works{width:calc(100% - 2rem);margin:auto}.works #portfolio ul li{width:100%}.works #portfolio ul li:nth-child(3n-1){margin:1rem auto 0}}#team{width:90%;max-width:1200px;margin:0 auto}#team ul{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:2%}#team li{width:31%;padding-left:2%}#team li dt{padding-bottom:7px}@media screen and (max-width: 768px){#team ul{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:0;margin:0}#team li{width:100%}}#address{width:100%;padding:100px 0}#address .box{width:90%;max-width:1200px;margin:auto;padding-left:1%}#address h2,#address .textBox{width:50%;overflow:hidden}#address h2{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;margin:auto}#address h2 img{display:block;width:70%;margin:auto}#address .textBox dl{display:block;padding-top:14px;margin:0 auto}#address dd.place{padding-bottom:14px}.map-embed{max-width:100%;height:0;margin:0;margin-top:120px;padding:0 0 40vh;overflow:hidden;position:relative;top:0;left:0}.map-embed div{position:absolute;top:0;left:0;width:100%;height:40vh;margin:0;padding:0}.map-embed .gmnoprint{z-index:-1!important}.map-embed img{max-width:none}@media screen and (max-width: 768px){#address h2{width:80%;margin:0 auto}#address .textBox{width:100%}#address h2{padding-bottom:30px}#address .box{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width: 320px) and (max-width: 500px){#address h2{width:100%;height:auto}}footer ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto;padding:30px 0 20px}footer li{padding:20px}footer p{width:100%;margin:0;text-align:center;padding-bottom:20px}@media screen and (max-width: 768px){footer ul{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:90%}footer li{width:25%;margin:0 -20px}}@media screen and (min-width: 320px) and (max-width: 500px){footer ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 0 40px}footer li{width:auto;margin:0}footer li a{font-size:16px}footer li a span{display:inline;padding-left:10px;font-size:13px}footer li a span:before,footer li a span:after{content:none}}#blog{background-color:#f2f2f2}#blog .btn{padding-bottom:2rem}#blog .btn a{display:block;cursor:pointer;width:16rem;margin:0 auto;padding:1rem;color:#0e0000;text-align:center;text-decoration:none;background-color:#f18d00;border-radius:5px;-webkit-box-shadow:0 6px 0 #af6702,0 12px 0 rgba(0,0,0,0.2);box-shadow:0 6px 0 #af6702,0 12px 0 rgba(0,0,0,0.2);-webkit-transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,-webkit-transform .3s;-webkit-transition:color 0.3s,background-color 0.3s,-webkit-box-shadow 0.3s,-webkit-transform .3s;transition:color 0.3s,background-color 0.3s,-webkit-box-shadow 0.3s,-webkit-transform .3s;transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,transform .3s;transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,transform .3s,-webkit-box-shadow 0.3s,-webkit-transform .3s}#blog .btn a:hover{background-color:#e8a446;-webkit-box-shadow:0 3px 0 #af6702,0 6px 0 rgba(0,0,0,0.2);box-shadow:0 3px 0 #af6702,0 6px 0 rgba(0,0,0,0.2);-webkit-transform:translateY(3px);transform:translateY(3px)}#blog .btn a:active{color:#ddd;background-color:#e8a446;-webkit-box-shadow:0 0 0 #af6702,0 0 0 rgba(0,0,0,0.2);box-shadow:0 0 0 #af6702,0 0 0 rgba(0,0,0,0.2);-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition-duration:.1s;transition-duration:.1s}#blog .btn a span{display:block;font-size:.8rem}header.project{position:relative}#s_nav.project{position:fixed;right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:100vh;margin-top:30px}#s_nav.project li{margin:30px;margin-right:15px}#s_nav.project li a span{display:block;width:10px;height:10px;border-radius:50%;border:2px solid #f18d00;background-color:#fff;-webkit-transition:.2s;transition:.2s}#s_nav.project li a.current span{background-color:#f18d00}#s_nav.project li a:hover span{background-color:#f18d00;width:20px;height:20px;margin:-5px;-webkit-transition:.2s;transition:.2s}@media screen and (min-width: 320px) and (max-width: 500px){#s_nav.project li a span{width:7px;height:7px}#s_nav.project li a:hover span{background-color:#f18d00;width:7px;height:7px;margin:0}#s_nav.project li{margin:20px 14px}}.project #data{width:100%}.project h1#name,.project #postSns,.project #info,.project #data .box,.project #staff{width:70%;max-width:1080px;margin:0 auto}.project h1#name{padding:120px 0 20px;line-height:1.6}.project h1#name span{padding-top:10px}.project #postSns{margin-bottom:30px;padding:10px 10px 8px}.project #postSns>div{padding-top:5px;padding-right:.5rem}.fb_iframe_widget > span{vertical-align:baseline!important}.pocket-btn iframe{width:90px!important}.project #info p{margin:20px 0 40px}.project #info #detail{margin-left:0;width:100%}.project #info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project #data{background-color:#eee;margin-top:60px;padding:100px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project #data .box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project #data .box>div{width:50%}.project #data .box>div:nth-child(2){padding-left:100px}.project #data .pallett{margin:10px 0}.project #data .pallett li div{border:1px solid #777;width:100%;height:100px}.project #data h4{text-transform:uppercase}.project #data .font li{margin:10px 0;padding:10px 12px 3px}.project #data .font li p{line-height:50px;margin:30px 0}.project #staff{padding-top:100px;padding-bottom:100px}.project #staff h2{padding-bottom:30px}.project #staff ul{-ms-flex-wrap:wrap;flex-wrap:wrap}.project #staff li{width:33.3333%;padding-bottom:30px}.project #staff li span{padding-top:10px}.project #movie{width:80%;max-width:1140px;margin:0 auto;padding-bottom:30px}.project #data .font li{background-color:#0e0000}.project #data .pallett.c2 li{width:50%}.project #data .pallett.c3 li{width:33.3333%}.project #data .pallett.c4 li{width:25%}.project .color01 div{background-color:#f18d00}.project .color02 div{background-color:#0e0000}.project .color03 div{background-color:#fff}.project .font01{font-family:'Raleway';font-weight:700;font-family:Karla;font-weight:700}#image01,#image02,#image03,#image04{width:80%;max-width:1140px;margin:0 auto}#image01 img,#image02 img,#image03 img,#image04 img{display:block;width:100%;padding-bottom:30px}.youtube-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 768px){.project #info #text{width:100%;margin-bottom:60px}.project #info,.project #data .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project #data .box>div{width:100%}.project #data .box>div:nth-child(2){padding-left:0}.project #staff li{width:50%}.project #movie{width:auto}#image01,#image02,#image03,#image04{width:100%}#image01 img,#image02 img,#image03 img,#image04 img{width:100%;padding-bottom:0}}@media screen and (min-width: 320px) and (max-width: 500px){.project h1#name{padding:120px 0 40px}.project #postSns{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:40px}.project #data h4{text-transform:uppercase}.project #staff li{width:100%}.project #staff{padding:80px 0}}#contact{width:90%;margin:0 auto}#contact form,#mfp_phase_stat{width:70%;margin:auto}#mfp_element_9_label{word-break:break-all}@media screen and (min-width: 320px) and (max-width: 500px){#contact form,#mfp_phase_stat{width:100%}}#recruit{width:90%;margin:0 auto}#recruit h3{border-left:8px solid #f18d00;letter-spacing:1.3rem;margin-bottom:10px;padding-left:8px}#recruit .detail{padding-bottom:60px}#recruit .detail table{width:100%;background-color:#f2f2f2;margin-bottom:30px;font-size:12px}#recruit .detail tr{border-top:1px solid #0e0000;border-left:1px solid #0e0000;border-right:1px solid #0e0000}#recruit .detail tr:last-child{border-bottom:1px solid #0e0000}#recruit .detail th{background-color:#f18d00;text-align:left;padding:10px;width:200px}#recruit .detail td{padding:10px}#recruit .detail td a{font-weight:700;text-decoration:underline}#recruit form,#recruit .detail{width:70%;margin:0 auto}@media screen and (min-width: 320px) and (max-width: 500px){#recruit .detail th{width:50px}#recruit .detail{padding-bottom:30px}#recruit form,#recruit .detail{width:100%;margin:0 auto}}.privacy h3{margin-bottom:10px}.privacy #text, .privacy_policy #text{width:90%;max-width:1140px;margin:0 auto}.privacy #text ul{margin-bottom:10px}