@charset "UTF-8";
/*
Author: あそびラボ
*/

/*=======================================================
MV
=======================================================*/
.bl_lower_mv_ttl::before{
	background: url(../images/analytics/mv_img01.png) top left / contain no-repeat;
	width: 82px;
	height: 82px;
	top: -8px;
	left: -42px;
}
.bl_lower_mv_ttl::after{
	background: url(../images/analytics/mv_img02.png) top right / contain no-repeat;
	width: 110px;
	height: 65px;
	top: -2px;
	right: -60px;
}
@media screen and (max-width : 750px){
	.bl_lower_mv_ttl{
		letter-spacing: 0.76px;
		font-size: 38px;
	}
	.bl_lower_mv_ttl::before{
		width: 128px;
		height: 128px;
		top: -17px;
		left: -68px;
	}
	.bl_lower_mv_ttl::after{
		width: 140px;
		height: 83px;
		top: 6px;
		right: -73px;
	}
}


/*=======================================================
記事一覧
=======================================================*/
main{
	background: #FCFBF7;
}
.bl_catLabel{
	/* 	padding: 3px 22px 2px; */
	/* 	margin: 0 16px 10px 0; */
	background: #E6F2FF;
	color: #6E67FF;
}
.bl_catLabel.analysis_basic{
	padding: 3px 16px 2px;
}
.bl_catLabel.analysis_applicaion{
	padding: 3px 16px 2px;
}
.bl_catLabel.utilization{
	padding: 3px 16px 2px;
}
.bl_catLabel{
	color: #6A3BFF;
}
.bl_anaPosts_list{
	width: 672px;
}
.bl_anaPosts_item{
	width: 672px;
	border: 1px solid #76B9FF;
	background: #fff;
	padding: 12px;
	position: relative;
}
.bl_anaPosts_item + .bl_anaPosts_item{
	margin-top: 24px;
}
.bl_anaPosts_item > a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bl_ana_imgWrapper{
	width: 192px;
}
.bl_anaPosts_body{
	width: 420px;
}
.bl_anaPosts_header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 16px;
}
.bl_anaPosts_date{
	color: #525252;
	letter-spacing: 0.78px;
	font-size: 13px;
	padding-left: 20px;
	margin-right: 8px;
	position: relative;
}
.bl_anaPosts_date::before{
	content: '';
	position: absolute;
	background: url(../images/common/icon_timeside.svg) top left / contain no-repeat;
	width: 15px;
	height: 15px;
	top: 2px;
	left: 0;
}
.bl_anaPosts_header .bl_catLabel{
	letter-spacing: 0px;
	font-size: 12px;
	padding: 0 9px 3px;
	font-weight: normal;
	margin: 0 8px 0 0;
}
.bl_anaPosts_ttl{
	letter-spacing: 0.72px;
	font-size: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bl_anaPosts_item:hover::before {
	content: "";
	position: absolute;
	height: 0;
	display: block;
	top: -1px;
	right: -1px;
	border-top: solid 24px #fff;
	border-left: solid 24px transparent;
}
.bl_anaPosts_item:hover::after {
	content: "";
	position: absolute;
	height: 0;
	display: block;
	top: -1px;
	right: -1px;
	border-bottom: solid 24px #76B9FF;
	border-right: solid 24px transparent;
}

/* 目次 */
#toc_container .toc_title{
	font-size: 18px;
}
#toc_container >.toc_list > li > a{
	color: #304aab;
}
#toc_container >.toc_list > li > a::before{
	content: '▶︎ ';
	font-size: 14px;
}
.toc_list > .toc_list > li > a{
	color: #222;
}

@media screen and (max-width : 750px){

	.bl_anaPosts_list{
		width: 670px;
	}
	.bl_anaPosts_item{
		width: 670px;
		border: 2px solid #76B9FF;
		padding: 40px 40px 48px;
	}
	.bl_anaPosts_item + .bl_anaPosts_item{
		margin-top: 48px;
	}
	.bl_ana_imgWrapper{
		width: 590px;
		margin-bottom: 32px;
	}
	.bl_anaPosts_body{
		width: 100%;
	}
	.bl_anaPosts_header{
		margin-bottom: 32px;
	}
	.bl_anaPosts_date{
		letter-spacing: 1.32px;
		font-size: 22px;
		padding-left: 40px;
		margin-right: 32px;
	}
	.bl_anaPosts_date::before{
		width: 32px;
		height: 32px;
		top: 0px;
	}
	.bl_anaPosts_header .bl_catLabel{
		letter-spacing: 0.88px;
		font-size: 22px;
		padding: 0 16px 2px;
		line-height: 1.45;
		margin: 0 8px 0 0;
	}
	.bl_anaPosts_ttl{
		letter-spacing: 1.68px;
		font-size: 28px;
		-webkit-line-clamp: 3;
	}
	.bl_anaPosts_item:hover::before {
		top: -2px;
		right: -2px;
		border-top: solid 48px #fff;
		border-left: solid 48px transparent;
	}
	.bl_anaPosts_item:hover::after {
		top: -2px;
		right: -2px;
		border-bottom: solid 48px #76B9FF;
		border-right: solid 48px transparent;
	}

	/* 目次 */
    #toc_container .toc_title{
	    font-size: 28px;
    }
    #toc_container >.toc_list > li > a::before{
	    font-size: 22px;
    }
}