#obj_related_contents_box {
	margin: 80px 10px 20px;
}
@media screen and (min-width : 1420px) {
	#obj_related_contents_box { max-width: 1400px; margin: auto; }
}

.title_content_related {
	font-size: 27px;
	line-height: 27px;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--third_color);
	text-align: center;
}

	@media screen and (min-width : 993px) {
		.obj_related_contents_item_box { display:flex; justify-content: space-between; flex-wrap: wrap; }
	}
	@media screen and (min-width: 1420px) {
		.obj_related_contents_item_box { display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; }
	}

		.obj_related_contents_item_complete {
			display: block;
			text-align: left;
			margin: 20px auto;
			width: 100%;
			background: color-mix(in srgb, var(--third_color), var(--fourth_color) 69%);
			vertical-align: top;
			border: 2px solid var(--first_color);
		}
		@media screen and (min-width : 993px) {
			.obj_related_contents_item_complete { display: flex; flex-direction: row; width: 49%; overflow: hidden; }
		}

		.obj_related_contents_img {
			display: inline-block;
			width: 100%;
			height: auto;
			vertical-align: top;
			position: relative;
		}
		@media screen and (min-width : 993px) {
			.obj_related_contents_img { width: 300px; height: 156px; overflow: hidden; }
		}
		
			.obj_related_contents_img img {
				display: block;
				width: 100%;
				height: auto;				
			}
			@media screen and (min-width : 993px) {
				.obj_related_contents_img img { width: 300px; }
			}
		
		@media screen and (min-width : 993px) {
			.obj_related_contents_info { display: flex; flex: 1; flex-direction: column; }
		}
			
		
			.name {
				background-color: var(--first_color);
				font-size: 24px;
				padding: 10px;
				line-height: 24px;
			}

				.name a {
					color: var(--fourth_color);
				}
				
			.abs {
				margin: 10px;
				-webkit-line-clamp: 4;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
				
			
/* redux */


.obj_related_contents_item_redux {
	text-align: center;
	position: relative;
	margin-top: 15px;
	width: 100%;
}

.obj_related_contents_item_redux:first-child {
	margin-top: 20px;
}
	
	.obj_related_contents_item_redux .name {
		font-size: 20px;
	}
	
		.obj_related_contents_item_redux .name a {
			color: var(--light_blue);
		}
		
		.obj_related_contents_item_redux .name svg {
			margin-right: 10px;
		}
		
	.obj_related_contents_item_redux .obj_related_contents_info {
		padding: 0 0 0 15px;
	}
	@media screen and (min-width : 993px) {
		.obj_related_contents_item_redux .obj_related_contents_info { padding: 0 0 0 15px; }
	}