.grid-labo .grid-float__col
{
    padding-bottom: 50px;border-bottom: 1px solid #e9e9e9;
}@media screen and (min-width: 767px)
{
    .grid-labo .grid-float__col
    {
        padding-bottom: 0;border-bottom: none;
    }
}.grid-labo .grid-float__col:last-child
{
    padding-bottom: 0;border-bottom: none;
}.grid-labo .grid-float__col + .grid-float__col
{
    margin-top: 50px;
}@media screen and (min-width: 767px)
{
    .grid-labo .grid-float__col + .grid-float__col
    {
        margin-top: 0;
    }
}.box-labo-01-wrap
{
    display: block;
}.box-labo-01-wrap .box-labo-01
{
    display: block;
}.box-labo-01-wrap .box-labo-01:hover
{
    opacity: .7;
}.box-labo-01-wrap .box-labo-01 .comp-01
{
    text-align: center;
}.box-labo-01-wrap .box-labo-01 .comp-01 .img-01
{
    margin-top: 0;margin-bottom: 2.5em;box-shadow: 0 21px 29px -5px #bbb;
}.box-labo-01-wrap .box-labo-01 .comp-01 .img-01 img
{
    width: 100%;
}.box-labo-01-wrap .box-labo-01 .comp-02
{
    display: -webkit-flex                                                                                                ;display: -ms-flexbox;display:         flex;margin-top: 10px;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;
}.box-labo-01-wrap .box-labo-01 .comp-03
{
    margin-top: 10px;
}.box-labo-01-wrap .box-labo-01 .comp-04
{
    margin-top: 30px;text-align: center;
}@media screen and (min-width: 767px)
{
    .box-labo-01-wrap .box-labo-01 .comp-04
    {
        text-align: left;
    }
}.box-labo-01-wrap .box-labo-01 .ttl-01 .ttl-cmn-03
{
    line-height: 1.3;padding: 0;
}

/*================================================================*/
/* 分析事例・メディア掲載 TOP
================================================================*/

/*TOP記事一覧レイアウト-----------------*/
@media screen and (max-width: 767px)
{
	.area-labo-cards{margin: 0 auto 30px}
}

.list-labo-cards-item .card-labo .card-labo-details{
	display: flex;
	flex-direction: column;
}
.list-labo-cards-item .card-labo .link-cmn-01 {
  margin-top: auto;
	text-decoration: none;
}
.list-labo-cards-item{border-bottom: none;}

.list-labo-cards-item{
	margin-bottom: 50px;
	border-top: 1px solid #e9e9e9;
	padding: 0;
	width : -webkit-calc(33% - 26px) ;
	width : calc(33% - 26px) ;
	margin-right: 45px;
	padding-top: 50px;
}@media screen and (max-width: 767px)
{
	.list-labo-cards-item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		padding-top: 40px;
	}
	.list-labo-cards-item .card-labo{padding-bottom: 0;}
}

.list-labo-cards-item:nth-child(-n+3) {
    border-top: none;
	padding-top: 0;
}
.list-labo-cards-item:last-child{margin-bottom: 50px;}
@media screen and (max-width: 767px){
	.list-labo-cards-item:nth-child(-n+3){
		border-top: 1px solid #e9e9e9;
		padding-top: 40px;
	}
	.list-labo-cards-item:nth-child(1) {
		border-top: none;
		padding-top: 0;
		margin-bottom: 30px;
	}
	.list-labo-cards-item:last-child{
		border-bottom: 1px solid #e9e9e9;
		margin-bottom: 15px;
	}
}

.list-labo-cards-item:nth-child(3n){margin-right:0;}
.list-labo-cards-item:nth-child(4){position: static; margin-top:0;}
.list-labo-cards-item:nth-child(4)::before{display: none;}

.allreport_btn{width: 370px; margin: 0 auto 80px;}
@media screen and (max-width: 767px)
{
	.allreport_btn{width: 100%; margin: 0 auto 60px;}
}

.allreport_btn a{
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
	padding: 10px 60px;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	background: #23bcba;
	background: linear-gradient(135deg, #23bcba 0%, #45e994 100%);box-shadow: 1px 10px 30px -10px #23bcba;
}

.allreport_btn a:hover{opacity: 0.7; transition: 0.4s;}

/*タグ基本スタイル------------------*/
.report_tag_wrap{margin-bottom: 30px;}

.report_tag{
	display: inline-block;
	margin-right: 10px;
	background: #23bcba;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 4px;
	border-radius: 4px;
}
.report_tag_list a:hover{opacity: 0.7; transition: 0.4s;}


/*分析事例・メディア掲載TOPタグ一覧------------------*/
.tag_allWrap{
	background: #f8f8f9;
	padding: 30px 0 20px;
}@media screen and (max-width: 767px)
{
	.tag_allWrap{padding: 20px;}
}

.tag_innerWrap{width: 1200px; margin: 0 auto;}
@media screen and (max-width: 767px)
{
	.tag_innerWrap{width: 100%; margin: 0 auto;}
}

.tag_innerWrap dt{
	float: left;
	font-size: 20px;
	color: #363833;
	font-weight: bold;
}@media screen and (max-width: 767px)
{
	.tag_innerWrap dt{float: none; margin-bottom: 15px;}	
}

.report_tag_list{margin-left: 150px;}
@media screen and (max-width: 767px)
{
	.report_tag_list{margin-left: 0;}
}

.report_tag_list .report_tag{font-size: 15px; margin-bottom: 10px;}

.tag_innerWrap:after{
	content: "";
	display: block;
	clear: both;
}

/*日付*/
.analysis-date{font-size: 14px;margin-bottom: 5px;font-weight: bold;}

/*分析事例・メディア掲載 タグ選択　一覧ページ------------------*/


/*タグ*/
.selectTag_area{
	width: 1200px;
	margin: 50px auto 0;
	background: #f8f8f9;
	padding:15px 0 10px;
}@media screen and (max-width: 767px)
{
	.selectTag_area{
		width: 100%;
		padding: 15px 0 10px;
	}
	.selectTag_area .tag_innerWrap dt{margin-bottom: 10px; font-size: 18px;}
}

.selectTag_area .report_tag_list{margin-left: 80px;}
@media screen and (max-width: 767px)
{.selectTag_area .report_tag_list{margin-left: 0;}}

.selectTag_area .tag_innerWrap{
	padding: 0 20px;
	width: 100%;
}

/*カードレイアウト*/
#l-labo .selectTag_Wrap .list-labo-cards{
	padding: 50px 0 20px;
}@media screen and (max-width: 767px)
{
	#l-labo .selectTag_Wrap .list-labo-cards{padding: 35px 0 20px;}
	#l-labo .selectTag_Wrap .list-labo-cards:last-child{padding-bottom: 0;}
}

/*分析事例・メディア掲載に戻る*/
.pageback_btn a{
	display: block;
	width: 320px;
	margin: 0 auto;
	background: #f5f5f5;
	border-radius: 30px;
	color: #363833;
	padding: 10px 10px 10px 25px;
	font-weight: bold;
	position: relative;
	text-align: center;
}@media screen and (max-width: 767px)
{
	.pageback_btn a{width: 100%; text-align: center; padding: 10px 8px 10px 30px;}
}

.pageback_btn a:hover{
	opacity: 0.7;
	transition: 0.4s;
}


.pageback_btn a:after{
	content: '';
  	width: 6px;
  	height: 6px;
  	border: 0px;
  	border-top: solid 2px #363833;
  	border-right: solid 2px #363833;
  	-ms-transform: rotate(226deg);
  	-webkit-transform: rotate(226deg);
  	transform: rotate(226deg);
  	position: absolute;
  	top: 50%;
  	left: 24px;
  	margin-top: -5px;
}

/*前後　一覧　ボタン　*/
.pageFeed{margin: 70px auto 0;}

.pageFeedBox{
    display: flex;
    justify-content: center;
	text-align: center;
}
	
.pageFeedBox a {
	color: #23bcba;
	position: relative;
	border: 1px solid #23bcba;
	padding: 1rem 30px;
	margin: 0 5px;
	font-weight: bold;
	width : 33% ; /* IE8以下とAndroid4.3以下用フォールバック */
   	width : -webkit-calc(33% - 0) ;
   	width : calc(33% - 0) ;
}	
.pageFeedBox a.backArrow,.pageFeedBox a.nextArrow{}
.pageFeedBox a.backArrow:before{
	content: '';
  	width: 10px;
  	height: 10px;
  	border: 0px;
  	border-top: solid 2px #23bcba;
  	border-right: solid 2px #23bcba;
  	-ms-transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
  	transform: rotate(-135deg);
  	position: absolute;
  	top: 50%;
  	left: 15px;
  	margin-top: -6px;
}
	
.pageFeedBox a.nextArrow:after{
	content: '';
  	width: 10px;
  	height: 10px;
  	border: 0px;
  	border-top: solid 2px #23bcba;
  	border-right: solid 2px #23bcba;
  	-ms-transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
  	transform: rotate(45deg);
  	position: absolute;
  	top: 50%;
  	right: 15px;
  	margin-top: -6px;
}

.pageFeedBox a:hover{background: #23bcba; color: #FFFFFF;}

.pageFeedBox a.backArrow:hover::before,.pageFeedBox a.nextArrow:hover::after{
	border-top: solid 2px #FFFFFF;
  	border-right: solid 2px #FFFFFF;
}
@media screen and (max-width: 766px){
	.pageFeed{margin: 40px auto 0; font-size: 15px;}
	.pageFeedBox{text-align: inherit;}
	.pageFeedBox a{padding: 0.5rem 10px;}
	.pageFeed .pageFeedBox a.backArrow{padding: 0.5rem 5px 0.5rem 20px;}
	.pageFeed .pageFeedBox a.nextArrow{padding: 0.5rem 20px 0.5rem 5px;}
	
	.pageFeedBox a.nextArrow:after{
		width: 8px;
		height: 8px;
		right: 7px;
	}
	.pageFeedBox a.backArrow:before{
		width: 8px;
		height: 8px;
		left: 7px;
	}
}