@charset "utf-8";
/* CSS Document */
body {
	    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
		line-height: 1.6;
			margin-bottom:120px;

}
.container.cf {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

nav {
    background: #fff none repeat scroll 0 0;
    height: auto;
}

.navbar {
    border: none;
    margin: 20px 0;
    min-height: inherit;
    position: relative;
}

.container {
	width:1030px;
}

.main {
	background:#F2F5F7;
}
.carousel-control.left , .carousel-control.right {
	background-image:none;
}

.carousel-control {
	width:10%;
}
.catch {
	padding:100px 0;
}
.green {
	background:#7FBA00;
}

.green .container {

background:url(/static/images/microsoft_digitalmarketing/images/koukai.png) no-repeat bottom right #7FBA00 ;
padding-top:80px;
padding-bottom:80px;

}

.slick-slider {
	margin-bottom:0;
}
.slick-prev:before, .slick-next:before {
	  font-family: 'Glyphicons Halflings';

}
.slick-prev:before {
	  content: "\e079";

}
.slick-next:before {
	  content: "\e080";

}
.slick-prev, .slick-next {
	z-index:100;
}

.slick-prev {
	left:10px;
}
.slick-next {
    right:10px;
}

section.azure {
	margin:0 0 80px;
}

h2.azure {
	text-align:center;
	   margin-bottom:20px;
    margin-top: 0px;
}

.catTopList , .catTopList > li:first-child {
	width:100%;
}
.catTopList {
 border-bottom: 1px solid #eee;
}
.catList li figure {
	width:20%;
	  margin-right: 2%;
}

.catList h2 {
	font-size:16px;
	   margin: 0 0 10px;
	     line-height: 1.3;
}
#footer {
    bottom: 0;
    position: fixed;
    right: 0;
	    background: #F2F5F7 none repeat scroll 0 0;
    overflow: hidden;
	z-index:1000;
	width:100%;
}
#footer .footer {

}

 @media screen and (max-width: 1024px) {
.container {
	width:100%;
}
.navbar.navbar-devsum.navbar-fixed-top .container {
	width:100%;
}
}
@media screen and (max-width: 979px) {
/* 979px以下用（タブレット用）の記述 */
	 .green .container {

background:url(/static/images/microsoft_digitalmarketing/images/koukai.png) no-repeat bottom right #7FBA00 ;
background-size:30%;
}
 }

 @media screen and (max-width: 767px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */
body {
		margin-bottom:50px;
}
.catch {
	padding:60px 0;
}
	 .green .container {

padding-top:50px;
padding-bottom:120px;
background-size:35%;

}


.catList li figure {
	width:30%;

}

.catList li .boxWrap {
    width: 68%;
}

.catList > li figure img {
    height: auto;
    width: 100%;
}


	 
	 .catTopList li:first-child h2 {
    font-size: 16px;
}
 }

 @media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
.green .container {

padding-top:30px;
padding-bottom:60px;
background-size:35%;

}


}