/*----------------------------------------------------
    branding
-----------------------------------------------------*/
.pubMainvisual {
	background-image: url("../images/branding_new/main_img.jpg")
}
#wrap .showBox img {
	width: 100%;
	aspect-ratio: 1984/854;
}
#wrap .showBox .link {
	width: 20.1%;
	height: 76.7%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #537390;
	z-index: 20;
}
#wrap .showBox .link li {
	height: calc(100% / 5);
	border-top: 1px solid #fff;
}
#wrap .pubListUl .innerTxt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}
#wrap .pubListUl .item01 .photo .img::after {
	background-color: #a1ff99;
}
#wrap .pubListUl .item02 .photo .img::after {
	background-color: #ff96d5;
}
#wrap .pubListUl .item03 .photo .img::after {
	background-color: #dca3f9;
}
#wrap .pubListUl .item04 .photo .img::after {
	background-color: #47d4ff;
}
#wrap .pubListUl .item05 .photo .img::after {
	background-color: #ffc784;
}
@media only screen and (min-width: 751px) {
	#wrap .imgBox .photo {
		width: 284px;
	}
	#wrap .imgBox .photo {
		left: -122px;
	}
}
@media only screen and (min-width: 751px) and (max-width: 1049px) {
	#wrap .showBox .link a {
		font-size: 1.5rem;
	}
	#wrap .imgBox .photo {
		bottom: -2px;
		left: -28px;
		width: 192px;
	}
}