@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);.row-fluid [class*="span"]{min-height:inherit}.page-link{margin-top:-80px !important;padding-top:80px !important}@media(max-width:640px){.page-link{margin-top:-60px !important;padding-top:60px !important}}.casestudy h2{display:table;width:100%;position:relative;padding-bottom:20px;margin-bottom:40px;border-bottom:2px solid #05314c}.casestudy h2:after{content:"";position:absolute;right:0;bottom:-2px;width:50px;height:2px;background-color:#5cc8bd;z-index:2}.casestudy h2:before{content:"";position:absolute;left:0;bottom:-2px;width:50px;height:2px;background-color:#e3df00;z-index:2}.casestudy h2>.no{display:table-cell;vertical-align:middle;width:9%;font-family:'Roboto Condensed';font-size:calc(85 / 16 * 1rem);font-weight:700;color:#05314c;line-height:.5;padding-right:20px;box-sizing:border-box}.casestudy h2>.title{display:table-cell;vertical-align:middle;width:91%}.casestudy h2>.title>.subtitle{display:block;font-size:calc(20 / 16 * 1rem);font-family:'Roboto Condensed';font-weight:700;vertical-align:top;line-height:1;color:#05314c;letter-spacing:.3em}.casestudy h2>.title>.maintitle{display:block;font-size:calc(36 / 16 * 1rem);font-family:"NotoSansCJKjp-Bold";color:#05314c;line-height:1.4}@media(max-width:640px){.casestudy h2{display:block}.casestudy h2>.no{font-size:calc(30 / 16 * 1rem);display:inline-block;width:auto}.casestudy h2>.title{display:block;width:auto;position:relative}.casestudy h2>.title>.subtitle{position:absolute;left:12%;top:-15px;font-size:calc(15 / 16 * 1rem)}.casestudy h2>.title>.maintitle{font-size:calc(28 / 16 * 1rem);padding-top:20px}}.casestudy .lead{display:table;width:100%;margin-bottom:50px}.casestudy .lead>.icon-title{display:table-cell;vertical-align:middle;box-sizing:border-box;width:8%;position:relative}.casestudy .lead>.icon-title>.icon-box{position:absolute;display:inline-block;width:35px;height:35px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:5px}.casestudy .lead>.icon-title>.icon-box:first-child{background-color:rgba(227,223,0,0.7)}.casestudy .lead>.icon-title>.icon-box:last-child{background-color:rgba(92,200,189,0.7);left:35px}.casestudy .lead>.icon-title>.icon-box>.text{position:absolute;top:50%;left:50%;margin:0;font-size:calc(20 / 16 * 1rem);font-family:"NotoSansCJKjp-Bold";line-height:1;color:#fff;white-space:nowrap;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.casestudy .lead>.title{display:table-cell;vertical-align:middle;box-sizing:border-box;padding-left:16px;width:92%;font-size:calc(25 / 16 * 1rem);color:#05314c}@media(max-width:640px){.casestudy .lead{margin-bottom:40px}.casestudy .lead>.icon-title{width:40px}.casestudy .lead>.icon-title>.icon-box{width:30px;height:30px}.casestudy .lead>.icon-title>.icon-box:last-child{left:5px;top:35px}.casestudy .lead>.icon-title>.icon-box>.text{font-size:calc(16 / 16 * 1rem)}.casestudy .lead>.title{font-size:calc(16 / 16 * 1rem);width:85%}}.casestudy .answer-box{position:relative;display:table;width:100%;margin:0 auto 40px;max-width:1050px}.casestudy .answer-box>.left{display:table-cell;vertical-align:middle;width:51%;position:relative;z-index:2}.casestudy .answer-box>.right{position:absolute;top:0;right:0;width:62%;z-index:1}.casestudy .answer-box h3{font-size:calc(30 / 16 * 1rem);30px;font-family:'Roboto Condensed';font-weight:700;color:#05314c;padding-bottom:10px;line-height:1;border-bottom:1px solid #05314c;margin-bottom:40px;letter-spacing:.2em}.casestudy .answer-box h3:first-letter {color:#e3df00}.casestudy .answer-box h3>span{display:inline;color:#5cc8bd}.casestudy .answer-box .title{font-size:calc(35 / 16 * 1rem);font-family:"NotoSansCJKjp-Bold";color:#05314c;line-height:1.4;letter-spacing:.1em}@media(max-width:1100px){.casestudy .answer-box{margin:0 25px 40px}}@media(max-width:640px){.casestudy .answer-box{margin:0 0 40px}.casestudy .answer-box>.left{display:block;width:100%;padding:0 40px;box-sizing:border-box}.casestudy .answer-box>.right{position:relative;width:100%}.casestudy .answer-box>.right>div{position:relative}.casestudy .answer-box>.right>div:before{content:"";width:100%;height:30px;position:absolute;top:0;left:0;background:-moz-linear-gradient(top,#fff,#eef2f4);background:-webkit-linear-gradient(top,#fff,#eef2f4);background:linear-gradient(to bottom,#fff,#eef2f4)}.casestudy .answer-box h3{font-size:calc(20 / 16 * 1rem);padding-bottom:15px;margin-bottom:25px}.casestudy .answer-box .title{font-size:calc(22 / 16 * 1rem)}}.casestudy .columns.-two-one{-js-display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.casestudy .columns.-two-one>.text{width:65.71428571428571%}.casestudy .columns.-two-one>.img{padding-left:30px;width:34.28571428571429%;box-sizing:border-box}@media(max-width:640px){.casestudy .columns.-two-one{display:block}.casestudy .columns.-two-one>.text{width:100%}.casestudy .columns.-two-one>.img{width:100%;text-align:center;padding:30px 0 0}}.fadeInRight{-webkit-animation:fadeInRight 1s cubic-bezier(.55,0,.1,1) .5s both;animation:fadeInRight 1s cubic-bezier(.55,0,.1,1) .5s both}@media(max-width:640px){.fadeInUp{-webkit-animation:fadeInUpSP 1s cubic-bezier(.55,0,.1,1) both;animation:fadeInUpSP 1s cubic-bezier(.55,0,.1,1) both}.fadeInRight{-webkit-animation:fadeInRight 1s cubic-bezier(.55,0,.1,1) both;animation:fadeInRight 1s cubic-bezier(.55,0,.1,1) both}}@-webkit-keyframes fadeInUpSP{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes fadeInUpSP{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}}