@import url(https://fonts.googleapis.com/css?family=Esteban);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-family:Noto Sans JP,sans-serif!important;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}.grid-layout{box-sizing:content-box;margin-left:-15px;margin-right:-15px;overflow-x:hidden}.grid-layout:after{clear:both;content:"";display:table}.col1{width:8.33333%}.col2{width:16.66667%}.col3{width:25%}.col4{width:33.33333%}.col5{width:41.66667%}.col6{width:50%}.col7{width:58.33333%}.col8{width:66.66667%}.col9{width:75%}.col10{width:83.33333%}.col11{width:91.66667%}.col12{width:100%}.col13{width:108.33333%}.col14{width:116.66667%}.col15{width:125%}.col16{width:133.33333%}.main-content .col1{width:11.11111%}.main-content .col2{width:22.22222%}.main-content .col3{width:33.33333%}.main-content .col4{width:44.44444%}.main-content .col5{width:55.55556%}.main-content .col6{width:66.66667%}.main-content .col7{width:77.77778%}.main-content .col8{width:88.88889%}.main-content .col9{width:100%}.main-content .col10{width:111.11111%}.main-content .col11{width:122.22222%}.main-content .col12{width:133.33333%}.main-content .col13{width:144.44444%}.main-content .col14{width:155.55556%}.main-content .col15{width:166.66667%}.main-content .col16{width:177.77778%}.col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{float:left;padding-left:15px;padding-right:15px}@media screen and (max-width:400px){.col1,.col10,.col11,.col12,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9{width:100%!important}}.wrapper{margin:0 auto;max-width:1380px;padding:0 30px;width:100%}@media screen and (max-width:800px){.wrapper{padding:0 10px}}body,html{background:#002d53;color:#2a292b;height:100%;width:100%}img{max-width:100%}*{transition:all .2s ease}h1{color:#fff;font-size:24px;line-height:1.2em;text-transform:uppercase}@media screen and (max-width:340px){h1{font-size:27px}}h2{color:#fff;display:table;font-size:20px;font-weight:700;letter-spacing:-.05em;margin:0 auto 20px;width:auto}h2 span{color:rgba(0,0,0,.4);font-style:italic;text-transform:none}p{font-size:16px;font-weight:700;line-height:1.7em;margin:0 auto;max-width:1200px;text-align:center}dd,dt{line-height:1.3}#master_name{color:#fff;font-size:24px;font-weight:400}@media screen and (max-width:340px){p{font-size:18px}}#contact form .return,#contact form input.btn{background:#fc3;border:none;border-radius:4px;color:#2a292b;cursor:pointer;font-size:16px;font-weight:700;margin:0 auto;opacity:1;padding:19px 0;text-decoration:none;text-transform:uppercase;width:20%}#contact form .return{background:#ddd;display:block;margin-top:30px;width:30%}@media screen and (max-width:340px){.btn{width:100%}}.btn:hover{transform:scale(.95)}header{-webkit-animation:fadeIn .7s .6s;-webkit-animation-fill-mode:backwards;left:0;padding:70px 0;position:fixed;text-align:center;top:0;transition:all .3s ease;width:100%;z-index:999}@media screen and (max-width:700px){header{background:#0490b3;padding:30px 0;position:unset}}header .logo{left:50%;margin:-18px 0 0 -100px;position:absolute;top:50%;width:159px}header .logo a{text-decoration:none}@media screen and (max-width:780px){header .logo{margin:0;position:unset;width:100%}header .logo img{height:auto;width:160px}}@media screen and (max-width:700px){header .logo{margin-top:0;top:13px}}header .logo.main{transform:scale(1)}header .logo.main a{color:#fff}header .logo.monogram{left:50%;margin:-16px 0 0 -90px;opacity:0;position:absolute;top:50%;transform:scale(.6);width:159px}header .logo.monogram img{width:100%}@media screen and (max-width:700px){header .logo.monogram{margin:0 0 0 -100px;top:15px;width:200px}}header .logo.monogram a{display:inline-block}header .logo.monogram a:hover{transform:scale(.95)}header .logo a{display:inline-block}header .nav-toggle{color:hsla(0,0%,100%,.5);display:none;font-size:25px;position:absolute;right:10px;text-decoration:none;top:25px}header .nav-toggle:hover{color:hsla(0,0%,100%,.8)}@media screen and (max-width:700px){header .nav-toggle{display:block;left:15px;right:unset}header .nav-toggle img{width:2.2rem}header nav{display:none}}header nav ul{left:-8px;position:relative}@media screen and (max-width:700px){header nav ul{left:0;margin-top:36px}}header nav ul li{display:inline-block;text-align:center;width:110px}@media screen and (max-width:700px){header nav ul li{padding:15px;width:100%}header nav ul li a{color:#fff!important}}header nav ul li a{background-image:none;background-position:0 100%;background-repeat:repeat-x;color:hsla(0,0%,100%,.5);font-size:16px;font-weight:700;padding-bottom:6px;text-decoration:none;text-transform:uppercase}header nav ul li a,header nav ul li a:hover{border-bottom:2px solid hsla(0,0%,100%,.1)}header nav ul li:first-child{margin-right:200px;padding-right:40px}header nav ul li:nth-child(2){margin-left:160px}@media screen and (max-width:780px){header nav ul li:nth-child(2){margin-right:0}}@media screen and (max-width:700px){header nav ul li:first-child{margin:0;padding:15px}header nav ul li:nth-child(2){margin:0}}header nav ul li:nth-child(3){margin-left:160px}@media screen and (max-width:780px){header nav ul li:nth-child(3){margin-left:120px}}@media screen and (max-width:700px){header nav ul li:nth-child(3){margin:0}}header.scrolled{background:rgba(0,0,0,.8);padding:30px 0;transition:all .3s ease}header.scrolled .logo.main{opacity:0;transform:scale(.45);z-index:-2}header.scrolled .logo.monogram{opacity:1;transform:scale(1);z-index:3}header.scrolled .nav-toggle{color:rgba(0,0,0,.8);display:none;position:absolute;text-decoration:none;top:15px}header.scrolled .nav-toggle:hover{color:#000}@media screen and (max-width:700px){header.scrolled .nav-toggle{display:block}header.scrolled ul{left:0;margin-bottom:0;padding-bottom:0}}header.scrolled li a{color:#fff}header.scrolled li a,header.scrolled li a:hover,header.scrolled li.active a{border-bottom:2px solid hsla(0,0%,100%,.1)}header.scrolled li:nth-child(2){margin-left:180px}@media screen and (max-width:700px){header.scrolled li:nth-child(2){margin:0}}header.scrolled li:nth-child(3){margin-left:180px}@media screen and (max-width:700px){header.scrolled li:nth-child(3){margin:0}}@-webkit-keyframes growSlow{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(1.05)}}#intro{background:#000;height:100%;left:0;min-height:400px;position:fixed;top:0;width:100%}#intro .intro-bg-1{-webkit-animation:fadeIn .7s 1.1s,growSlow 9s linear,fadeOut 2s linear 7s;-webkit-animation-fill-mode:backwards;-webkit-animation:fadeIn 2s 9s,growSlow 9s 9s;animation:fadeIn 2s 9s,growSlow 9s 9s;animation-fill-mode:backwards;background:url(/img/user/pc/home/fv_img.jpg) 50%;background-size:cover;border:none;bottom:0;-webkit-box-shadow:inset 0 0 500px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 500px 0 rgba(0,0,0,.5);left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:800px){#intro{background-color:#fff;color:#000;height:auto;margin-bottom:-2px;min-height:auto;position:unset}#intro .intro-bg-1{background:url(/img/user/sp/home/fv_img.jpg) no-repeat;background-size:contain}}#intro .intro-bg-2{-webkit-animation:fadeIn 2s 3s,growSlow 3s 5s;-webkit-animation-fill-mode:backwards;animation:fadeIn 2s 3s,growSlow 3s 5s;animation-fill-mode:backwards;background:url(/img/user/pc/home/fv_img.jpg) 50%;background-size:cover;border:none;bottom:0;-webkit-box-shadow:inset 0 0 500px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 500px 0 rgba(0,0,0,.5);left:0;position:absolute;right:0;top:0;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:800px){#intro .intro-bg-2{background:url(/img/user/sp/home/fv_img.jpg) no-repeat;background-size:contain}}#intro .wrapper{display:table;height:100%;max-width:780px;position:relative;text-align:center}#intro .wrapper h1{-webkit-animation:fadeIn .3s;-webkit-animation-fill-mode:backwards;display:table-cell;font-size:19px;line-height:30px;padding:12% 0 0;vertical-align:middle}#intro .wrapper h1 span.lead{color:#fc3;display:block;font-size:26px;font-weight:400;margin-bottom:0;text-transform:none}@media screen and (max-width:340px){#intro .wrapper h1 span.lead{font-size:16px}}#intro .wrapper h1 a{-webkit-animation:fadeIn .7s .6s;-webkit-animation-fill-mode:backwards;border:2px solid #fc3;border-radius:3px;color:#fc3;display:table;font-size:16px;height:20px;margin:45px auto 0;max-width:300px;overflow:hidden;position:relative;text-decoration:none;width:100%}#intro .wrapper h1 a span{color:#fc3;opacity:1}#intro .wrapper h1 a img{left:50%;margin-left:-7px;position:absolute;top:-20px}#intro .wrapper h1 a:hover span{opacity:0;transform:scale(.9)}@media screen and (max-width:600px){#intro .wrapper h1 a:hover span{opacity:1;transform:scale(1)}#intro .wrapper h1{color:#000;font-size:9px;line-height:20px}}#intro .wrapper h1 a:hover img{top:22px;transition:top .3s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:600px){#intro .wrapper h1 a:hover img{top:-20px}}#intro .wrapper a.down{-webkit-animation:slideUp .25s ease .9s;-webkit-animation-fill-mode:backwards;animation:slideUp .25s ease .9s;animation-fill-mode:backwards;bottom:20px;height:50px;left:50%;margin-left:-25px;position:absolute;transform:rotate(90deg);width:50px}a.intro-down{box-sizing:content-box;display:block;height:100%;margin-bottom:1000px;width:100%}#greeting,a.intro-down{-webkit-animation:fadeIn .7s .6s;-webkit-animation-fill-mode:backwards;position:relative}#greeting{background:#0490b3;padding:25px 0 80px;transition:none}@media screen and (max-width:800px){#greeting{padding:25px 0 50px}}#greeting.fixed{padding-top:182px}#greeting:before{background:#1c1c1c;content:"";left:0;position:absolute;top:-66px;width:100%}#greeting h2{font-size:35px;font-weight:400;margin-bottom:50px;padding-top:130px}@media screen and (max-width:800px){#greeting h2{font-size:20px;margin-bottom:10px;padding-top:30px}}#greeting p{color:#fff;line-height:1.9;margin-bottom:40px}@media screen and (max-width:800px){#greeting p{font-size:14px;font-weight:400;margin-bottom:0}}#greeting .services-list{font-size:20px;text-align:center}#greeting .services-list:after{clear:both;content:"";display:table}@media screen and (max-width:340px){#greeting .services-list{font-size:18px}}#greeting .services-list li{border-top:1px solid rgba(42,41,43,.15);float:left;margin:0 1.5%;padding:15px 0;width:30.33333%}@media screen and (max-width:340px){#greeting .services-list li{margin:11px 0}}#greeting .services-list li:first-child,#greeting .services-list li:nth-child(2),#greeting .services-list li:nth-child(3){border:none}@media screen and (max-width:650px){#greeting .services-list li{width:47%}#greeting .services-list li:nth-child(3){border-top:1px solid rgba(42,41,43,.15)}}@media screen and (max-width:400px){#greeting .services-list li{margin:0 auto;width:100%}#greeting .services-list li:nth-child(2){border-top:1px solid rgba(42,41,43,.15)}}#company{background:#fff;background-attachment:fixed;background-size:cover;overflow:hidden;position:relative}#company *{-webkit-backface-visibility:hidden}#company_l{float:left;height:auto;width:60%}#company_l img{vertical-align:bottom}@media screen and (max-width:800px){#company_l{padding:30px 100px}}#company_r{color:#000;padding:5% 2% 0 62%}#company_r h2{color:#000;font-size:40px;font-weight:400;margin:0 0 50px}#company_r dt{float:left;margin:0 0 25px;width:135px}#company_r dt span{padding:0 15px 0 0}#company_r dd{margin:0 0 25px}@media screen and (max-width:1024px){#company_l{float:none;text-align:center;width:100%}#company_r{padding:2% 10%}}@media screen and (max-width:768px){#company_r h2{font-size:20px;font-weight:400;margin:0 auto 20px}#company_r dl{font-size:14px}}#company .thumbnails{-webkit-backface-visibility:visible;backface-visibility:visible;display:block;height:auto;left:0;margin:0 auto;opacity:1;overflow:hidden;position:relative;width:100%}#company .thumbnails:after{clear:both;content:"";display:table}#company .thumbnails:hover a{opacity:.4}#company .thumbnails:hover a:hover{opacity:1}#company .thumbnails a{display:block;float:left;line-height:0;padding:0;position:relative;width:25%}#recruit2_l{background:url(/img/bg_recruit3.jpg) no-repeat 100% 0;background-size:cover;float:left;height:625px;width:50%}#recruit2_l h2{padding:44% 25%}#recruit2_r,#recruit3_r{float:right;height:auto;width:600px}#recruit3_l{float:left;height:auto;width:600px}#recruit2_r h3,#recruit3_l h3,#recruit3_r h3{color:#000;font-size:18px;font-weight:700;padding:30px 0 0}#recruit #recruit2_r p,#recruit #recruit3_l p,#recruit #recruit3_r p{font-size:14px;line-height:1.3;margin:10px 0 15px;text-align:left}#recruit2_r dl,#recruit3_l dl,#recruit3_r dl{font-size:14px;padding:2% 3% 0 1%}#recruit2_r dt,#recruit3_l dt,#recruit3_r dt{float:left;margin:0 0 10px;width:130px}#recruit2_r dt span,#recruit3_l dt span,#recruit3_r dt span{color:#a47f39}#recruit2_r dd,#recruit3_l dd,#recruit3_r dd{border-bottom:2px dotted #aaa;margin:0 0 10px;padding:0 0 10px}#recruit2_r dt.last,#recruit3_l dt.last,#recruit3_r dt.last{padding-bottom:80px}#recruit2_r dd:last-child,#recruit3_l dd:last-child,#recruit3_r dd:last-child{border:none}@media screen and (max-width:1300px){#recruit2_l,#recruit2_r,#recruit3_l,#recruit3_r{float:none;margin:0 auto}}@media screen and (max-width:900px){#company .thumbnails a{width:50%}#recruit2_l,#recruit2_r{float:none;width:100%}#recruit2_r{height:auto}}@media screen and (max-width:680px){#recruit2_l{background:url(/img/bg_recruit_s.jpg) no-repeat top;background-size:cover;height:342px}#recruit2_l h2{padding:30% 0;position:static;text-align:center}}#company .thumbnails a img{width:100%}#company .thumbnails a a{display:block}#company .thumbnails a a:hover{background:#fc3}#company .thumbnails a a:hover img{opacity:0}#company .work-detail{bottom:0;display:none;left:0;opacity:0;padding:0 20px 20px;position:fixed;right:0;text-align:center;top:200px;top:0;transition:opacity .6s linear;width:100%;z-index:9999}@media screen and (max-width:700px){#company .work-detail{padding:10px}}#company .work-detail .wrapper{max-width:1000px}@media screen and (max-width:700px){#company .work-detail .wrapper{padding:10px}}#company .work-detail .detail-controls{border-bottom:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);list-style-type:none;margin:40px auto}@media screen and (max-width:700px){#company .work-detail .detail-controls{margin:0 auto 40px}}#company .work-detail .detail-controls li{display:inline-block;margin:0;padding:0 10px}#company .work-detail .detail-controls li:first-child{border:none}#company .work-detail .detail-controls li .close{border-left:1px solid hsla(0,0%,100%,.1);border-right:1px solid hsla(0,0%,100%,.1);display:block;height:40px;padding:0 10px}#company .work-detail .detail-controls li .close:hover svg polygon{fill:rgba(255,204,51,.5)}#company .work-detail .detail-controls li .close svg{margin:6px 5px 4px;width:25px}#company .work-detail .detail-controls li .close svg polygon{fill:#fc3}#company .work-detail .detail-controls li a{color:#fc3;display:table;font-size:12px;padding-bottom:15px;text-decoration:none;text-transform:uppercase}#company .work-detail .detail-controls li a:hover{color:rgba(255,204,51,.5)}#company .work-detail h2{color:#fff;font-size:36px;line-height:39px;padding-top:20px;text-transform:none}#company .work-detail p{color:hsla(0,0%,100%,.5);font-size:16px;margin:0 auto 40px;max-width:550px}#company .work-detail #loading{background:url(/img/loading.gif) 50% no-repeat;height:100%;width:100%}#company .work-detail .images .credit{color:#fff;font-size:15px;font-weight:400;line-height:18px;padding-bottom:70px;padding-top:30px}#company .work-detail .images .credit a{color:#fc3}#company .work-detail .images img{opacity:0;width:100%}#company.detail-open{-webkit-transform:none}#company.detail-open .work-detail{-webkit-overflow-scrolling:touch;-webkit-animation:fadeScaleIn .25s ease-in;animation:fadeScaleIn .25s ease-in;background:#1d1d1f;bottom:0;display:block;left:0;line-height:0;opacity:1;overflow:scroll;overflow-y:scroll;position:fixed;right:0;top:0;transition:opacity .5s linear;z-index:5;z-index:999}#company.detail-open .work-detail .images{-webkit-animation:fadeIn .5s .25s;-webkit-animation-fill-mode:backwards;animation:fadeIn .5s .25s;animation-fill-mode:backwards;margin:0 auto;max-width:1000px;text-align:center}#company.detail-open .work-detail .images img{line-height:0;margin:0 auto;opacity:1}#company.detail-open .work-detail .detail-controls,#company.detail-open .work-detail h2,#company.detail-open .work-detail p{-webkit-animation:fadeIn .5s .25s;-webkit-animation-fill-mode:backwards;animation:fadeIn .5s .25s;animation-fill-mode:backwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeScaleIn{0%{opacity:0;-webkit-transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}body.modal-open{overflow:hidden}#contact,#recruit,#recruit2{background:#fff;color:rgba(0,0,0,.8);padding:80px 0 120px;position:relative}#recruit{padding:80px 0 10px}#recruit2,#recruit3{overflow:hidden;padding:0}#recruit3{margin-top:20px}#contact h2,#recruit h2{color:rgba(0,0,0,.8);font-size:75px}#recruit h3{margin-bottom:60px}#contact p,.form-row .must{color:red;font-weight:400;margin:0 0 10px}#contact form .form-row .must{padding:0 10px 0 0}@media screen and (max-width:340px){#contact h2,#recruit h2{font-size:40px}}#recruit p{font-weight:400;margin-bottom:50px}#contact .talk.greyed{opacity:0}#contact form{opacity:1;text-align:center;transition:all .4s ease}#contact form input,#contact form textarea,.form-row p{background:#efefef;border:none;border-radius:4px;color:rgba(0,0,0,.8);font-size:18px;margin:0 auto 20px;max-width:500px;padding:10px 15px;width:100%}#contact form .form-row p{color:#000;margin:0 auto 20px;min-height:50px;text-align:left}#contact form input:focus,#contact form textarea:focus{background:#e5e5e5;border:none;outline:none}#contact form input::-webkit-input-placeholder,#contact form textarea::-webkit-input-placeholder{color:rgba(0,0,0,.3)}#contact.visible{display:block;height:350px;opacity:1;transition:all .4s ease-in-out}#contact.visible form{opacity:1;transition:all .4s ease}footer{background:#0490b3;background-attachment:fixed;background-size:cover;color:#fff;font-size:13px;line-height:1.8em;padding:50px 0 60px;position:relative;text-align:center}footer a{color:#fff;display:inline-block;padding:20px 10px}footer a:hover{opacity:.8;transform:scale(.9)}@media screen and (max-width:800px){footer{line-height:0;padding:10% 0 0}footer .wrapper{font-size:10px}}.thanks{color:#fff;padding-top:200px;text-align:center}.thanks h1{font-size:60px;line-height:1em;margin:0 auto 25px;max-width:560px;text-transform:none}.thanks footer,.thanks p{color:hsla(0,0%,100%,.5)}.thanks footer{background:none;margin-top:130px;padding-bottom:50px}.thanks footer span{color:hsla(0,0%,100%,.2)}html.touch #company .thumbnails,html.touch #contact,html.touch #greeting,html.touch #intro,html.touch .work-detail,html.touch footer,html.touch header{-webkit-transform:translateZ(0)}.validetta-bubble{border-radius:4px;color:#cd2e26;display:block;font-size:14px;margin:0 auto;max-width:325px;max-width:500px;padding:0 15px 15px;position:relative;text-align:left;top:-10px;width:100%}