#google-map{height:650px}
#cta{padding:50px 0;background-color:#eeeeee;}
#cta h2{margin-top:0;}
#cta .btn{margin-top:40px;}
#cta2{background:#242a33 url(/images/top/cta2/cta2-bg.jpg) no-repeat 50% 50%;background-size:cover;color:#fff;padding-top:70px;}
#cta2 .btn{margin-top:10px;}
#cta2 h2{color:#fff;font-size:44px;line-height:1;}
#cta2 h2 > span{color:#45aed6;}
#news .news-main{margin-bottom:16px;}
#services{padding:100px 0 0;}
.media.service-box{margin:25px 0;}
.media.service-box .pull-left{margin-right:20px;}
.media.service-box .pull-left > i{font-size:24px;height:64px;line-height:64px;text-align:center;width:64px;border-radius:100%;color:#45aed6;box-shadow:inset 0 0 0 1px #d7d7d7;-webkit-box-shadow:inset 0 0 0 1px #d7d7d7;transition:background-color 400ms, background-color 400ms;position:relative;}
.media.service-box .pull-left > i:after{content:"";position:absolute;width:20px;height:20px;top:50%;margin-top:-10px;right:-10px;border:4px solid #fff;border-radius:20px;background:#45aed6;}
#services .media.service-box{cursor:pointer;padding:16px 8px 0 8px;display:block;color:#444;}
#services .media.service-box:hover{background-color:#e5f4ff;}
#services .media.service-box:hover .pull-left > i{background-image:-moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);background-image:-webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);background-image:-ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);color:#fff;box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.8);-webkit-box-shadow:inset 0 0 0 5px rgba(255, 255, 255, 0.8);}
.portfolio-item{margin-bottom:32px;}
#about .img-about-main{width:100%;}
#about .ceo-name{font-weight:bold;font-family:ＭＳ Ｐ明朝;}
#recruit{padding:100px 0 50px;background:#20222e url(/images/top/recruit/bg.jpg) no-repeat 0 0;background-size:cover;color:#fff;}
#recruit h2{color:#fff;}
#recruit h3,
#recruit h4{color:#fff;margin-bottom:0;}
#recruit .icon-circle{display:inline-block;width:80px;height:80px;line-height:90px;border:2px solid #45aed6;border-radius:100px;position:relative;}
#recruit .icon-circle > span{border-style:solid;border-width:2px;border-color:#45aed6;border-radius:50%;background-color:#fff;position:absolute;width:24px;height:24px;line-height:20px;top:-12px;color:#64686d;}
#recruit h3{margin-bottom:50px;}
#blog .blog-post{border:1px solid #eee;padding:15px;}
#blog .blog-post .post-format{display:inline-block;width:40px;height:40px;line-height:34px;text-align:center;color:#fff;background:#222534;border:3px solid #fff;border-radius:100px;}
#blog .blog-post.blog-large .entry-thumbnail{margin:-15px -15px 15px;position:relative;}
#blog .blog-post.blog-large .post-format{width:66px;height:66px;line-height:60px;position:absolute;right:20px;bottom:-33px;}
#blog .blog-post.blog-large .post-format > i{font-size:20px;}
#blog .blog-post.blog-large .entry-date{font-size:12px;display:block;margin-bottom:5px;text-transform:uppercase;color:#45aed6;}
#blog .blog-post.blog-large .entry-title{margin-top:0;font-size:18px;line-height:1;margin-bottom:15px;}
#blog .blog-post.blog-large .entry-title a{color:#64686d;}
#blog .blog-post.blog-large .entry-title a:hover{color:#45aed6;}
#blog .blog-post.blog-media{margin-bottom:30px;}
#blog .blog-post.blog-media .entry-thumbnail{margin:-15px 15px -15px -15px;position:relative;}
#blog .blog-post.blog-media .post-format{position:absolute;top:20px;right:-10px;}
#blog .blog-post.blog-media .entry-date{font-size:12px;display:block;margin-bottom:5px;text-transform:uppercase;color:#45aed6;}
#blog .blog-post.blog-media .entry-title{margin-top:0;font-size:18px;line-height:1;margin-bottom:15px;}
#blog .blog-post.blog-media .entry-title a{color:#64686d;}
#blog .blog-post.blog-media .entry-title a:hover{color:#45aed6;}
#blog .blog-post .entry-meta{margin-top:20px;border-top:1px solid #eee;padding-top:15px;}
#blog .blog-post .entry-meta > span{display:inline-block;margin-right:10px;color:#999;}
#blog .blog-post .entry-meta > span > a{color:#999;}
#blog .blog-post .entry-meta > span > a:hover{color:#45aed6;}
#bg-Office{background-image:url(/images/top/slider/bg1.jpg);}
#bg-Service{background-image:url(/images/top/slider/bg2.jpg);}
#bg-Recruit{background-image:url(/images/top/slider/bg3.jpg);}
@media only screen and (max-width:767px){#bg-Office{background-image:url(/images/top/slider/bg-sm1.jpg);}
#bg-Service{background-image:url(/images/top/slider/bg-sm2.jpg);}
#bg-Recruit{background-image:url(/images/top/slider/bg-sm3.jpg);}
}