@charset "utf-8";

/*
page-line
*/
.page-line {
	margin-bottom: 80px;
	@media (width <= 800px) {
		margin-bottom: 16px;
	}
}


/*
affiliated
*/
.affiliated {
	padding: 80px 0 120px;
	@media (width <= 800px) {
		padding: 56px 0;
	}
}
.affiliated-content {
	display: flex;
	justify-content: space-between;
	@media (width <= 800px) {
		flex-wrap: wrap;
		gap: 24px 0;
	}
	.l-affiliated {
		width: 350px;
		@media (width <= 800px) {
			width: 100%;
		}
		p {
			color: var(--darkblue);
			font-size: 24px;
			line-height: 2;
			margin-bottom: 0;
			@media (width <= 800px) {
				font-size: 20px;
			}
		}
	}
	.r-affiliated {
		width: 65.4%;
		@media (width <= 800px) {
			width: 100%;
		}
		.affiliated-detail {
			position: relative;
			border-radius: 12px;
			border: 1px solid var(--lightgray);
			background-color: var(--white);
			margin-bottom: 32px;
			padding: 40px 15% 40px 29.7%;
			@media (width <= 800px) {
				padding: 16px;
				margin-bottom: 24px;
			}
			&:last-child {
				margin-bottom: 0;
			}
			.a-img {
				position: absolute;
				left: 38px;
				top: 50%;
				translate: 0 -50%;
				width: 21.4%;
				@media (width <= 800px) {
					position: relative;
					left: auto;
					top: auto;
					translate: 0 0;
					width: 100%;
					margin-bottom: 16px;
				}
				img {
					border-radius: 17px;
					@media (width <= 800px) {
						width: 100%;
						border-radius: 8px;
					}
				}
			}
			h2 {
				margin-bottom: 10px;
				a {
					display: inline-block;
					color: var(--darkblue-30);
					font-size: 20px;
					font-weight: 700;
					text-decoration: none;
					background-image: url(../img/icon_link.svg);
					background-repeat: no-repeat;
					background-position: right center;
					padding-right: 22px;
					@media (width >= 800px) {
						&:hover {
							text-decoration: underline;
						}
					}
					@media (width <= 800px) {
						font-size: 18px;
					}
					&.nolink {
						background: none;
					}
				}
			}
		}
	}
}



/*
related-pages
*/
.related-pages {
	ul {
		li {
			&:nth-child(4) {
				display: none;
			}
		}
	}
}