/*------------------------------------------------------------
	knowledge追加
------------------------------------------------------------*/
#gnav_7_1 a {
    color: inherit;
}
main .successful p {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
main .reportUl {
	gap: 0;
}
main .reportUl .photo::after {
	display: none;
}
main .reportUl .photo {
	padding: 0 !important;
}
main .reportUl .photo img {
	border-radius: 2.5rem 2.5rem 0 0;
}
main .reportUl .photo02 {
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	aspect-ratio: 310 / 216;
	height: auto;
}
main .reportUl .photo02 .sub {
	height: calc(100% / 6 * 5);
	display: block;
	transition: 0.3s;
}
main .reportUl .photo02 img {
	transition: 0.3s;
	width: auto;
	height: auto;
	object-fit: inherit;
	border-radius: 2.1rem 2.1rem 0 0;
}
main .reportUl h2 {
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.35;
}
main .reportUl li {
	padding-bottom: 0 !important;
}
main .reportUl li:nth-child(2) h2,
main .reportUl li:first-child h2 {
	font-size: 2.8rem;
}
main .reportUl p:not(.date) {
	-webkit-line-clamp: 4;
}
main .reportUl li:nth-child(2) p:not(.date),
main .reportUl li:first-child p:not(.date) {
	-webkit-line-clamp: 3;
}
main .relatedBox {
	padding-top: 0;
	padding-bottom: 5rem;		
}
.inner .inner {
	padding: 0;
}
main .aboutBox {
	display: none;
}
@media only screen and (min-width: 751px) {
	main .successful h2 {
		margin-bottom: 10rem;
	}
	main .successful a {
		min-height: 38rem;
	}
	main .successful p {
		font-size: 1.5rem;
		line-height: 1.75;
	}
	main .reportUl .textBox {
		padding-top: 2.5rem;
	}
	main .relatedBox .relatedTtl {
		font-size: 3.8rem;
	}
	main .reportUl li {
		margin-bottom: -0.3rem;
	}
	main .reportUl a:hover .photo02 .sub {
		height: 100%;
		transform: none;
	}
	main .successful {
		margin-bottom: 0.3rem;
	}
	main .reportUl:not(.mainBox .reportUl, .normal) li:nth-child(2) .photo, 
	main .reportUl:not(.mainBox .reportUl, .normal) li:first-child .photo {
		aspect-ratio: 413 / 279;
	}
}

@media only screen and (max-width: 750px) {
	main .successful p:not(.date) {
		-webkit-box-orient: vertical;
		-webkit-line-clamp: inherit;
	}
	main .successful .photoBox {
		margin: 3.2rem 0.8rem 0;
	}
	main .successful a {
		padding-bottom: 2rem;
	}
	main .reportUl .photo {
		display: block;
		aspect-ratio: 310 / 180;
		height: auto;
	}
	main .reportUl .photo .sub {
		display: block;
	}
	main .reportUl .photo02 .sub {
		height: auto;
	}
	main .reportUl .photo img {
		max-height: inherit !important;
	}
	main .reportUl .photo02 img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	main .reportUl .textBox {
		padding-top: 2.5rem !important;
	}
	main .reportUl h2 {
		font-size: 2.3rem;
	}
	main .reportUl li:nth-child(2) h2, main .reportUl li:first-child h2 {
		font-size: 2.3rem;
	}
	main .reportUl p:not(.date) {
		-webkit-line-clamp: 4 !important;
	}
	main .relatedBox {
		padding-bottom: 2rem;
		padding-top: 5.5rem;
	}
	.header .gnav .gnav__knowledge a {
		color: #00B89A;
	}
	main .successful {
		margin-bottom: 5.7rem;
	}
	main .reportUl:not(.mainBox .reportUl, .normal) li:nth-child(2) .photo, 
	main .reportUl:not(.mainBox .reportUl, .normal) li:first-child .photo {
		aspect-ratio: 493 / 276;
	}
}