/* Foundation */
.Foundation{
	.Foundation-wrap{
		background:var(--white);
		overflow:hidden;
		
		.title-group{
			width:82.5%;

			&:before{
				position:absolute;
				content:"";
				background:var(--red-500);
				display:block;
				width:100%;
				height:.15rem;
				margin:auto;
				top:0;
				bottom:0;
				right:0;
				z-index:1;
			}

			h2{
				position:relative;
				background:var(--white);
				width:fit-content;
				z-index:9;
			}
		}

		.Foundation-group{
			width:65%;

			.con-group{
				.photo{
					position:relative;
					z-index:5;
				}

				p{
					font-size:var(--md);
				}
			}
		}

		&.club{
			background:var(--red-500);
			margin-top: -2rem;
			padding-top: 5rem;
			padding-bottom: 2rem;

			.bg{
				opacity: .3;
				width:16%;
				top:-2rem;
				right:-3rem;
			}

			.title-group{
	
				&:before{
					background:var(--white);
				}
	
				h2{
					position:relative;
					background:var(--red-500);
					width:fit-content;
					color:var(--white);
					z-index:9;
				}
			}
		}

		&.Horizon{
			margin-top: -3.5rem;
			padding-top: 5rem;
		}

		&.choir{
			background: linear-gradient(to bottom, #222940 0%,#222940 88%,#222940 88%,#ffffff 88%,#ffffff 100%);
			margin-top: -2rem;
			margin-bottom: 5rem;
			padding-top: 5rem;
			padding-bottom: 2rem;

			.bg{
				opacity: .3;
				width:18%;
				top:-3.2rem;
				left:-2rem;
			}

			.title-group{
	
				&:before{
					background:var(--white);
				}
	
				h2{
					position:relative;
					background:var(--blue-900);
					width:fit-content;
					color:var(--white);
					z-index:9;
				}
			}
		}

		.swiper {
			width:50%;
			height: 100%;
		}
	
		.swiper-slide {
		}
	
		.swiper-slide img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.swiper-pagination-bullet{
			background:var(--white);
			width:.8rem;
			height:.2rem;
			opacity: 1;
			border-radius:0;
		}

		.swiper-pagination-bullet-active{
			background:var(--red-500);
		}
	}
}

@media screen and (min-width:1400px) and (max-width:1599px){
	/* Foundation */
	.Foundation{
		.Foundation-wrap{

			.title-group{
				width:87.5%;
			}

			.Foundation-group{
				width:75%;
			}
		}
	}
}

@media screen and (min-width:1200px) and (max-width:1399px){
	/* Foundation */
	.Foundation{
		.Foundation-wrap{
			.title-group{
				width:90%;
			}

			.Foundation-group{
				width:80%;
			}

			&.club{
				margin-top: -1rem;
			}
		}
	}
}

@media screen and (min-width:1024px) and (max-width:1199px){
	/* Foundation */
	.Foundation{
		.Foundation-wrap{
			.title-group{
				width:95%;
			}

			.Foundation-group{
				width:90%;

				.con{
					p{
						line-height:1.55rem;
					}
				}
			}

			&.club{
				margin-top: -1rem;
			}
		}
	}
}

@media screen and (min-width:992px) and (max-width:1023px){
	/* Foundation */
	.Foundation{
		.Foundation-wrap{
			.title-group{
				width:95%;
			}

			.Foundation-group{
				width:90%;

				.con{
					p{
						line-height:1.4rem;
					}
				}
			}

			&.club{
				margin-top: -1rem;
			}
		}
	}
}

@media screen and (max-width:991px){
	/* Foundation */
	.Foundation{
		.Foundation-wrap{

			.title-group{
				width:95%;

				&:before{
					background:transparent;
				}
			}

			.Foundation-group{
				width:90%;
			}

			&.club{
				margin-top: -1rem;

				.title-group{
					&:before{
						background:transparent;
					}
				}

				.bg{
					display:none;
				}
			}

			&.Horizon{
				margin-top: 0;
			}

			&.choir{
				background:var(--blue-900);
				margin-top: 0;

				.title-group{
					&:before{
						background:transparent;
					}
				}

				.bg{
					display:none;
				}
			}

			&.club, &.choir{
				padding-bottom: 5rem;
			}

			.swiper {
				width:100%;
				margin-bottom: 0;
			}
		}		
	}
}