@charset "UTF-8";

/* コンテンツヘッダー
---------------------------------------*/
article header div.bg{
	/* background-image:linear-gradient(0deg, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .0)),url('../img/web/img_header.jpg'); */
	background-image:url('../img/web/img_header.jpg');
	background-color:rgba(255,255,255,0.3);
	background-blend-mode:lighten;
}

/* コンテンツ
---------------------------------------*/
article div#content_wrapper section{
	padding:45px 0;
}

article div#content_wrapper section div{
	height:100%;
}

/* 画面幅1250px未満
=======================================*/
@media screen and (max-width:1250px){
	article div#content_wrapper section div{
		width:100%;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section{
		padding:40px 0;
	}
	article header div.bg{
		background-color:rgba(255,255,255,0.5);
	}
}

/* WEB事業部
---------------------------------------*/
article div#content_wrapper section div.container{
	padding:0 20px;
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
}

article div#content_wrapper section div.container h2{
	font-size:25px;
	color:#f03799;
}

/* article div#content_wrapper section div.container div.img_bnr{
	margin-top:28px;
} */

article div#content_wrapper section div.container div.web_text{
	margin-top:20px;
	display:flex;
	align-items:center;
}

article div#content_wrapper section div.container div.img_bnr img{
	max-width: 100%;
}

article div#content_wrapper section div.container div.web_text p{
	margin-right: 20px;
	font-size:100%;
	color:#000;
}

article div#content_wrapper section div.container div.web_text img{
	width:110px;
	backface-visibility: hidden;
}

article div#content_wrapper section div.container div.img_container{
	margin-top:40px;
	display:flex;
	flex-wrap:wrap;
}

article div#content_wrapper section div.container div.img_container img.img_item{
	width:calc(20% - 7px);
	margin:0 8px 8px 0;
	height: auto;
}

article div#content_wrapper section div.container div.img_container img.img_item:nth-of-type(5n){
	margin-right: 0;
}

article div#content_wrapper section div.container div.img_container img.img_item:nth-of-type(n+6){
	margin-bottom: 0;
}



/* iOS向けのハック */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	article div#content_wrapper section div.container{
		width:100% !important;
	}
	
	article div#content_wrapper section div.container header div{
		width:50%;
	}

	article div#content_wrapper section div.container header img{
		width:50%;
	}
}

/* 画面幅1024px未満
=======================================*/
@media screen and (max-width:1024px){
	article div#content_wrapper section div.container{
		width:100% !important;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section div.container{
		width:100%;
	}
}

/* 画面幅480px未満
=======================================*/
@media screen and (max-width:480px){
	article div#content_wrapper section div.container div.img_container img.img_item{
		width:calc(25% - 6px);
		margin:0 8px 8px 0;
	}

	article div#content_wrapper section div.container div.img_container img.img_item:nth-of-type(5n){
		margin-right: 8px;
	}

	article div#content_wrapper section div.container div.img_container img.img_item:nth-of-type(4n){
		margin-right: 0;
	}

	article div#content_wrapper section div.container div.img_container img.img_item:nth-of-type(n+6){
		margin-bottom: 8px;
	}

	article div#content_wrapper section div.container div.img_container img.img_item:nth-of-type(n+9){
		margin-bottom: 0;
	}
}