@charset "UTF-8";.img-center{margin:20px auto}#main-nav a.ir-logo{margin:0;margin-top:5px;padding:0;width:151px;height:57px;text-indent:200%;white-space:nowrap;overflow:hidden;background:url(../assets/logo.png)}#main-nav a.ir-logo span{color:transparent;font:0/0 a}.navbar{margin:0;border-radius:0}body{font-family:Lato,"ヒラギノ角ゴ ProW3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MSPGothic,"Open Sans",sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif;color:#74c7d5}h1{font-size:30px;line-height:.85;text-transform:uppercase;letter-spacing:.02em}h1.section-title{position:relative;margin:0 0 124px;font-size:45px;text-align:center;z-index:1}h1 span.en{font-size:150%;font-weight:400}h1 span.ja{font-size:50%}h1 span.ja:before{content:"―\0020"}h1 span.ja:after{content:"\0020―"}#about h1{color:#fff;margin-bottom:30px}#about h1.hidden-xs{font-size:36px;line-height:1;position:relative}#about h1.hidden-xs span.ja{font-size:60%}#about h1.visible-xs{text-align:center}h2{font-size:21px;line-height:24px;font-weight:400;text-transform:uppercase}h2 span.ja{font-size:70%}h2 span.ja:before{content:"―\0020"}h2 span.ja:after{content:"\0020―"}p{font-size:18px;line-height:24px;font-weight:400;letter-spacing:.01em;margin-bottom:20px}a,a:focus,a:hover{outline:0!important}a{color:#228Ca8;text-decoration:none}a:focus,a:hover{color:#229Cc8;text-decoration:none}.btn:focus,a:focus{outline:0}body{color:#4e4e4e;overflow-x:hidden}#main-nav .navbar-toggle{border:1px solid rgba(255,255,255,.5);border-radius:0}#main-nav .icon-bar{background:#fff}.btn-theme{color:#fff;background-color:#74c7d5;padding:15px 90px;font-size:24px;font-weight:300;text-transform:uppercase;border:0;border-radius:0;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.btn-theme:hover{cursor:pointer;color:#fff;background-color:#90D2DD}.btn-theme:active,.btn-theme:focus{color:#fff}.btn-theme [class*=icon]{margin-right:10px}.btn-theme.transparent{color:#fff;background-color:transparent;padding:14px 35px;border:2px solid #fff;font-weight:400;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.btn-theme.transparent:active,.btn-theme.transparent:focus,.btn-theme.transparent:hover{color:#74c7d5;background-color:#fff;border:2px solid #fff;opacity:1}.navbar-brand,.navbar-brand:active,.navbar-brand:focus,.navbar-brand:hover{padding:0 10px;font-size:30px;line-height:30px;font-weight:400;color:#fff}.navbar-brand span{font-size:24px;font-weight:300}#main-nav.scrolled .navbar-brand{color:#74c7d5}#main-nav{background:rgba(34,140,168,.8);color:#fff;box-shadow:0 0 0 transparent;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}#main-nav.scrolled{background:#fff;border-bottom:1px solid #ddd}#main-nav.scrolled .navbar-toggle{color:#74c7d5;border-color:#74c7d5}#main-nav.scrolled .navbar-toggle .icon-bar{background:#74c7d5}#main-nav .container{padding:15px 20px;-webkit-transition:padding .5s ease-out;transition:padding .5s ease-out}#main-nav.scrolled .container{padding:10px 20px}#main-nav .nav a,#main-nav .nav a:active,#main-nav .nav a:hover{padding:0 10px;font-size:18px;line-height:54px;font-weight:400;background:0 0;color:#fff}#main-nav.scrolled .nav a,#main-nav.scrolled .nav a:active,#main-nav.scrolled .nav a:hover{color:#74c7d5}#main-nav li{background:0 0;margin:0 10px;border:2px solid transparent}#main-nav .dropdown-menu a{font-size:14px}#main-nav .nav a{position:relative}#main-nav .nav a:before{position:absolute;bottom:-5px;left:50%;color:transparent;content:'•';text-shadow:0 0 transparent;font-size:16px;line-height:21px;-webkit-transition:text-shadow .3s,color .3s;transition:text-shadow .3s,color .3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}#main-nav .nav a:hover:before,#main-nav .nav li.active a:before{color:#fff;text-shadow:12px 0 #fff,-12px 0 #fff}#main-nav.scrolled .nav a:hover:before,#main-nav.scrolled .nav li.active a:before{color:#74c7d5;text-shadow:12px 0 #74c7d5,-12px 0 #74c7d5}.no-textshadow #main-nav .nav a:before{content:'• • •'}.no-csstransforms #main-nav .nav a:before{margin-left:-15px}.jumbotron{background:0 0}header.jumbotron{padding:0;margin-bottom:0;min-height:500px;position:relative}.jumbotron .left-col,.jumbotron .right-col{color:#fff;float:left}.jumbotron .left-col p,.jumbotron .right-col p{font-weight:200}.jumbotron .message-box{width:90%;margin:300px auto 0;background:0 0;padding:20px 0}.jumbotron .left-col{width:35%;text-align:right}.jumbotron .right-col{width:65%;text-align:left;overflow:hidden;border:0;box-shadow:none;background:0 0;margin:0;padding:0}.jumbotron .left-col p{display:inline-block;margin:0;padding:18px 5px 12px 30px;font-size:38px;line-height:48px}.jumbotron .left-col p span{font-size:42px}.jumbotron .right-col p{display:inline-block;margin:0;padding:10px 30px 10px 5px;font-size:110px;line-height:110px;font-weight:200;text-transform:uppercase}.jumbotron .right-col p span{font-size:60%}.jumbotron .home-slider .slides li{opacity:0;-webkit-ransition:opacity .4s ease-out;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}.jumbotron .home-slider .slides li.clone,.jumbotron .home-slider .slides li.flex-active-slide,.no-csstransitions .jumbotron .home-slider .slides li{opacity:1}.jumbotron .news-box{padding:20px;background:rgba(255,255,255,.85);width:60%;border-radius:5px;position:absolute;left:20%;bottom:10%}.jumbotron .news-box h2{margin-top:0}.jumbotron .news-box ul{padding-right:20px}.jumbotron .news-box li{font-size:15px;line-height:1.4;margin-bottom:.5em}.jumbotron .news-box li .date{margin-right:1em}#services{background:#fff;color:#4e4e4e;padding:80px 0 40px}@media (min-width:980px){#services{padding-top:40px}}@media (max-width:479px){#services{padding:20px 0}}#services .section-title{margin-bottom:40px}@media (min-width:980px){#services .section-title{margin-bottom:60px}}@media (max-width:479px){#services .section-title{margin-bottom:40px}}#services p.about-services{text-align:center;margin-bottom:40px}@media (min-width:980px){#services p.about-services{margin-bottom:80px}}#services .row.line{height:4px;background:#74c7d5;margin-bottom:48px}#services .line .spot{margin:-7px auto;display:block;width:18px;height:18px;background:#74c7d5;border:5px solid #fff;border-radius:50%}.services h2{margin:20px 0 10px;font-size:28px}.services .details{margin-bottom:48px}.services p{font-size:1.1em;margin:0;margin-bottom:1em}#about{background:#228Ca8;color:#fff;padding:80px 0 40px}@media (min-width:980px){#about{padding-top:40px}}@media (max-width:479px){#about{padding:20px 0 40px}}#about p{font-size:1.1em;line-height:1.8;margin-bottom:42px}#about a:hover{text-decoration:underline}#about a.about-txt-link{color:#fff;text-decoration:underline}#about a.about-txt-link:hover{text-decoration:none}#about .btn-theme.transparent{font-size:18px;text-decoration:none}#about img.prof-img{box-shadow:12px 0 0 12px rgba(255,255,255,.2),-12px 0 0 12px rgba(255,255,255,.2)}#about .hobby-list img{margin-top:5px}#about .hobby-list a{margin-right:.5em}#about .hobby-list dt{font-size:1.1em;margin:0}#about .hobby-list dd{margin:10px 0 30px;line-height:1.8}#outline{padding-top:40px;background:#fff}.outline h2{margin:0 0 24px;font-size:28px}.outline .details{margin-bottom:48px}.outline p{font-size:1em;margin:0;margin-bottom:1.8em}.outline ul{padding-left:0}.outline li{list-style:none;margin-bottom:.5em}#portfolio{background:#fff}#portfolio .section-title{color:#228Ca8;font-weight:300;margin-bottom:30px}@media (min-width:980px){#portfolio .section-title{margin-bottom:40px}}#portfolio .about-portfolio{margin-top:20px;text-align:center;font-size:1em}#portfolio-header{padding:80px 0 20px;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd}@media (min-width:980px){#portfolio-header{padding-top:40px}}@media (max-width:479px){#portfolio-header{padding-top:20px}}#filter-works ul{list-style:none;padding:0;margin:0}#filter-works ul li{display:inline-block;padding:0;line-height:24px;background:0 0;margin:0 0 0 10px}#filter-works ul li:after{content:"/";margin-left:10px;font-size:24px;line-height:24px;font-weight:300;color:#6a6a6a}#filter-works ul li:last-child:after{display:none}#filter-works ul li a,#filter-works ul li a:active,#filter-works ul li a:hover{padding:0;font-size:24px;line-height:24px;font-weight:300;background:0 0;color:#6a6a6a;text-transform:uppercase;text-decoration:none}#filter-works ul li.active a,#filter-works ul li:hover a{color:#74c7d5}.masonry-wrapper{margin:0 auto;padding:0;overflow:hidden}#projects-container{margin:0 auto;visibility:hidden}#projects-container .project-item{display:block;position:relative;margin:0;-webkit-transform:scale(1);transform:scale(1);opacity:1;filter:alpha(opacity=100);overflow:hidden}#projects-container .project-item.filtered{-webkit-transform:scale(0);transform:scale(0);opacity:0;filter:alpha(opacity=0)}.project-item img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out}.project-item:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.project-item .hover-mask{position:absolute;padding:0;width:100%;height:100%;top:0;left:0;background:#74c7d5;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.project-item:hover .hover-mask{opacity:1;filter:alpha(opacity=100);padding:20px}.no-csstransitions .project-item:hover .hover-mask{opacity:0;filter:alpha(opacity=0)}.project-item .hover-mask:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:0 0;border:0 solid rgba(255,255,255,.2);-webkit-transition:border .3s ease-out;transition:border .3s ease-out}.project-item .hover-mask:hover:after{border-width:20px}.project-item .hover-mask .project-title{color:#fff;margin:0;padding:16px;font-size:21px;line-height:24px;font-weight:300}.project-item .hover-mask p{color:#fff;margin:0;padding:16px;font-size:16px;line-height:24px;position:absolute;bottom:0;right:0;text-align:right;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;font-weight:400}.project-item .hover-mask:hover p{bottom:20px;right:20px}.no-opacity .project-item .hover-mask p{visibility:hidden}.no-opacity .project-item .hover-mask:hover p{visibility:visible}.masonry,.masonry .masonry-brick{-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.masonry{-webkit-transition-property:height,width;transition-property:height,width}.masonry .masonry-brick{-webkit-transition-property:left,right,top,-webkit-transform,opacity;transition-property:left,right,top,transform,opacity}.fade.modal{overflow-x:hidden}.modal.fade .modal-dialog{-webkit-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all .3s;transition:all .5s}.modal.in .modal-dialog{-webkit-transform:scale(1);transform:scale(1);opacity:1}.modal-backdrop{background-color:rgba(0,0,0,.05)}.modal-backdrop.in{opacity:1;filter:alpha(opacity=100)}.modal-dialog{width:90%;max-width:1140px;padding-top:50px}.modal-content{border:0;border-radius:0;box-shadow:none;background-color:#fff}.modal-header{height:60px;border:0;border-bottom:1px solid #74c7d5;margin-bottom:10px}.modal-header .close{font-size:42px;line-height:42px;margin-top:0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.modal-header .close .close-label{font-size:50%;vertical-align:top}.modal-header .close:hover{color:#74c7d5;opacity:1}.modal-body .left-col,.modal-body .right-col{float:left;padding:0}.modal-body .left-col{width:50%;margin:0 50px 20px 0;position:relative}.modal-body .right-col{width:50%;padding:10px 60px 0}.modal-body .left-col{min-height:60px;background:0 0;z-index:1}.modal-body h1{color:#74c7d5;margin:1em 0 25px;font-size:24px;line-height:1.3}.modal-body .project-descr{margin:0 0 24px}.modal-body .project-descr p{font-size:14px;margin-bottom:.5em}.modal-body .btn-theme{margin-top:48px}.modal-body .loader{position:absolute;left:50%;top:0;margin-top:27%;margin-left:-10px;width:30px;height:30px;background:url(../assets/loader.gif) no-repeat 50% 50%}.modal-body .image-wrapper{position:absolute;width:73%;top:5%;left:14%;border:0;z-index:-1;opacity:0;-webkit-transition:all .5s ease-out .7s;transition:all .5s ease-out .7s}.modal-body .image-wrapper.done{opacity:1}#twitter{color:#fff;background:#74c7d5;padding:60px 0}#twitter a:active,#twitter a:focus,#twitter a:hover{text-decoration:none}#twitter h1{position:relative}#twitter .tweet{font-size:24px;line-height:36px;font-weight:300;word-spacing:5px;margin-bottom:40px}#twitter .tweet a:hover{text-decoration:underline}#twitter .timePosted{display:inline-block;font-size:16px;font-weight:300;margin-bottom:20px}#twitter .interact{margin-left:20px;padding-right:80px;display:inline-block;font-size:21px;font-weight:300}#twitter .interact a{margin-right:6px}#twitter .twitter-icon{padding-top:6px;text-align:center}#twitter .icon-twitter{font-size:60px}#twitter-slider{border:0;box-shadow:none;background:0 0;margin:0;padding:0}#twitter-slider .flex-direction-nav{display:block;position:absolute;bottom:10px;right:0}#twitter-slider .flex-direction-nav li{display:inline}#twitter .flex-direction-nav .flex-next,#twitter .flex-direction-nav .flex-prev{background:0 0;background-image:none;display:inline;opacity:1;text-indent:0;position:relative;left:0;top:0;width:auto;height:42px;padding:0;margin:0;margin-left:7px;font-size:42px;line-height:42px;color:#fff}#twitter-slider .flex-direction-nav a:active,#twitter-slider .flex-direction-nav a:focus,#twitter-slider .flex-direction-nav a:hover{text-decoration:none}#privacy{margin:120px auto 40px}#privacy h1{margin-bottom:30px;color:#228Ca8;font-size:24px;line-height:1.1;position:relative}#privacy h1 span.ja{font-size:80%}#privacy h1 span.ja:after,#privacy h1 span.ja:before{content:none}#privacy h2{margin:20px 0 10px;color:#228Ca8;font-size:-webkit-calc(28px * .7);font-size:calc(28px * .7);font-weight:700}#privacy p{color:#333;font-size:1.1em;margin-bottom:.75em}#privacy p.privacy-note{margin-bottom:40px}#privacy p.contact{line-height:1.75;margin-bottom:0;vertical-align:middle}#privacy p.contact img{vertical-align:middle}#privacy ol{margin-bottom:40px;color:#333}#privacy ol li{margin-bottom:.75em;font-size:1.1em;line-height:24px}#privacy ol li ol.list-child{margin:1em 0}#privacy ol li ol.list-child li{counter-increment:li;list-style:none;font-size:1em;text-indent:-2.5em}#privacy ol li ol.list-child li::before{content:"（" counter(li) "）"}#privacy ol li ol.list-grand-child{margin:.5em 0;padding-left:20px}#privacy ol li ol.list-grand-child li{list-style-type:lower-roman;font-size:1em;text-indent:0}#privacy ol li ol.list-grand-child li::before{content:none}#main-footer{background:#74c7d5;color:#fff;padding:30px 0 10px}#main-footer h1{text-transform:none}#main-footer .small-logo{padding:0;margin:0;margin-bottom:24px;font-size:24px;line-height:24px;font-weight:400;color:#fff}#main-footer .small-logo span{padding:0;font-size:18px;line-height:24px;font-weight:300;text-transform:none}#main-footer ul.footer-nav{list-style:none;padding:0;margin:0;margin-bottom:24px}#main-footer ul.footer-nav li{display:inline-block;padding:0 15px;line-height:24px;border-right:1px solid #fff}#main-footer ul.footer-nav li:first-child{padding-left:0}#main-footer ul.footer-nav li:last-child{border-right:0}#main-footer ul.footer-nav li a{color:#fff;text-decoration:none;font-size:14px;line-height:24px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;padding:0;-webkit-transition:color .2s ease-out;transition:color .2s ease-out}#main-footer ul.footer-nav li a:active,#main-footer ul.footer-nav li a:hover{color:#fff;text-decoration:none}#main-footer p{color:#fff;font-size:14px;line-height:24px;font-weight:400}#main-footer .right-col{text-align:right}#main-footer .right-col h2{color:#fff;text-transform:none;font-size:18px;line-height:24px;font-weight:700;margin:0 0 24px}#main-footer .right-col p{font-size:15px;line-height:24px;font-weight:300}.scrollimation.fade-in{opacity:0;-webkit-transition:opacity .4s ease-out;transition:opacity .4s ease-out}.scrollimation.fade-in.in{opacity:1}.scrollimation.scale-in{opacity:0;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:-webkit-transform .6s cubic-bezier(0.17,.89,.67,1.57),opacity .6s ease-out;transition:transform .6s cubic-bezier(0.17,.89,.67,1.57),opacity .6s ease-out}.scrollimation.scale-in.in{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.scrollimation.fade-right{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);-webkit-transition:-webkit-transform .6s ease-in,opacity .8s ease-in;transition:transform .6s ease-in,opacity .8s ease-in}.scrollimation.fade-right.in{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.scrollimation.fade-left{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);-webkit-transition:-webkit-transform .6s ease-in,opacity .8s ease-in;transition:transform .6s ease-in,opacity .8s ease-in}.scrollimation.fade-left.in{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.scrollimation.fade-up{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:-webkit-transform .6s ease-in,opacity .8s ease-in;transition:transform .5s ease-in,opacity .8s ease-in}.scrollimation.fade-up.in{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.touch .scrollimation.fade-in{opacity:1}.touch .scrollimation.scale-in{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.touch .scrollimation.fade-left,.touch .scrollimation.fade-right{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.touch .scrollimation.fade-up{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}@media (max-width:1199px){.jumbotron .left-col p{font-size:28px;line-height:32px}.jumbotron .left-col p span{font-size:36px}.jumbotron .right-col p{font-size:82px;line-height:82px}}@media (max-width:991px){.jumbotron .message-box{padding:10px 0}.jumbotron .news-box{padding:10px;width:90%;left:5%}.jumbotron .left-col{width:100%;text-align:center}.jumbotron .left-col p{padding:10px}.jumbotron .right-col{width:100%;text-align:center}.jumbotron .right-col p{padding:10px}}@media (max-width:768px){#main-nav .navbar-brand{color:#74c7d5}#main-nav{background:#fff;border-bottom:1px solid #ddd}#main-nav .navbar-toggle{color:#74c7d5;border-color:#74c7d5}#main-nav .navbar-toggle .icon-bar{background:#74c7d5}#main-nav .container{padding:10px 20px}#main-nav .nav a,#main-nav .nav a:active,#main-nav .nav a:hover{color:#74c7d5;line-height:42px;text-align:center}#main-nav .nav a:before{display:none}#main-nav .nav a:hover,#main-nav .nav li.active a{box-shadow:0 0 0 1px}.jumbotron .message-box{display:none}#main-footer ul.footer-nav{margin-bottom:24px}#main-footer .left-col,#main-footer .right-col{text-align:center}.modal-dialog{max-width:480px}.modal-body .left-col,.modal-body .right-col{width:100%}h1.section-title,h1.visible-xs{font-size:36px}#privacy h1{font-size:28px}#privacy h1 span.ja{font-size:65%}}@media (max-width:479px){#main-nav .navbar-brand span{font-size:20px}.jumbotron .news-box{z-index:999}.jumbotron .news-box h2{font-size:18px}.jumbotron .news-box ul{padding-left:20px;padding-right:0}.jumbotron .news-box li{font-size:14px}#privacy{margin:80px auto 40px}h1.section-title,h1.visible-xs{font-size:32px}h1 span.ja{font-size:55%}p{font-size:16px;line-height:21px}.btn-theme{padding:15px 40px;font-size:18px}#filter-works ul li a{font-size:21px;line-height:28px}}