@charset "utf-8";

.row {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.section1 .row > div {
	width: 50%;
}
.section1 .news .headline {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	height: 10.4rem;
}
.section1 .news .headline h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20.8rem;
	background: #68233B;
	color: #fff;
	flex-shrink: 0;
}
.section1 .news .headline .articles {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	background: #BA6E86;
	width: 100%;
	overflow: hidden;
}
.section1 .news .headline .articles ul {
	width: 100%;
}
.section1 .news .headline .articles ul li a {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	height: 10.4rem;
	padding: 0 1.6rem;
	color: #fff;
}
.section1 .news .headline .articles ul li a .date {
	font-size: 1.4rem;
	margin-bottom: .8em;
}
.section1 .news .headline .articles .indicator {
	width: 9rem;
	flex-shrink: 0;
}
.section1 .news .headline .articles .indicator > div {
	height: 50%;
	background: url('../img/news_arrow_prev.png') center center / 1.6rem .8rem no-repeat;
	cursor: pointer;
}
.section1 .news .headline .articles .indicator > div:nth-child(2) {
	background: url('../img/news_arrow_next.png') center center / 1.6rem .8rem no-repeat;
}
.section1 .news .img img {
	width: 100%;
}

.section1 .about {
	padding-top: 10.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.section1 .about h2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	color: #BA6E86;
	font-size: 3.2rem;
	text-align: center;
}
.section1 .about h2 span {
	display: block;
	margin-top: 1.2rem;
	font-size: 1.6rem;
	color: #000;
}

.section1 .about p {
	color: #BA6E86;
	text-align: center;
	line-height: 2.0;
	margin-top: 4.2rem;
}
.section1 .about .roundedLink {
	margin-top: 4.8rem;
}

.section2 {
	padding-top: 16.8rem;
}
.heading {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	color: #BA6E86;
	font-size: 3.2rem;
	text-align: center;
	letter-spacing: .2rem;
}
.heading span {
	display: block;
	margin-top: 1.2rem;
	font-size: 1.6rem;
	color: #000;
	letter-spacing: initial;
}
.section2 .services {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-top: 4.8rem;
}
.section2 .services > div {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 33.33%;
	padding: 6rem 0;
}

.section2 .services > div:nth-child(1) {
	background: #68233B;
}
.section2 .services > div:nth-child(2) {
	background: #C88B9E;
}
.section2 .services > div:nth-child(3) {
	background: #D3A2B1;
}
.section2 .services .headingImage {
	width: 25rem;
}
.section2 .services h3 {
	font-size: 3.2rem;
	color: #fff;
	margin: 4.8rem auto;
	text-align: center;
}
.section2 .services p {
	color: #fff;
	margin-bottom: 4.8rem;
	text-align: center;
	line-height: 2.0;
}
.section2 .services .go img {
	width: 6.4rem;
}

.section3 {
	padding: 16.8rem 0;
	background: url('../img/tile_bg.jpg') center center / cover no-repeat;
}
.section3 .articles {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	list-style: none;
	margin: 4.8rem auto;
}
.section3 .articles li {
	width: 100%;
	height: 100%;
	list-style: none;
	height: 6.4rem;
	background: #BA6E86;
	padding-left: 1.6rem;
}
.section3 .articles li + li {
	margin-top: 1.6rem;
}

.section3 .articles li:nth-child(2n) {
	background: #C88B9E;
}
.section3 .articles li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
}
.section3 .articles li a .text .date {
	font-size: 1.4rem;
}
.section3 .articles li a .text h3 {
	font-size: 1.6rem;
	margin-top: .8rem;
}
.section3 .articles li a .arrow {
	width: 3.2rem;
	height: 3.2rem;
	margin: 1.6rem;
}
.section3 .roundedLink {
	width: 24.8rem;
	margin: 0 auto;
}

.section4 {
	background: #fff;
	height: 56rem;
}
.section4 .inner {
	position: relative;
}
.section4 .inner,
.section4 .contact {
	height: 100%;
}

.section4 .contact {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.section4 .contact .text {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 78.2rem;
}
.section4 .contact .text h2 {
	font-size: 3.2rem;
	color: #BA6E86;
}
.section4 .contact .text p {
	color: #BA6E86;
	line-height: 2.0;
	margin: 4.8rem 0;
}
.section4 .contact .img {
	position: absolute;
	top: 0;
	left: 78.2rem;
	width: 56.6rem;
	height: 56rem;
}
.section4 .contact .img img {
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 768px) {
	.row {
		flex-direction: column;
	}
	.section1 .row > div {
		width: 100%;
	}
	.section1 .news .headline {
		flex-direction: column;
		width: 100%;
		height: 14.4rem;
	}
	.section1 .news .headline h2 {
		height: 4rem;
		width: 100%;
	}
	.section1 .row .about {
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}
	.section1 .about p {
		font-size: 1.3rem;
	}
	.section2 .services {
		flex-direction: column;
	}
	.section2 .services > div {
		width: 100%;
	}
	.section4 {
		height: auto;
	}
	.section4 .contact {
		padding: 8rem 0;
		flex-direction: column;
	}
	.section4 .contact .text {
		width: 100%;
		margin-bottom: 10rem;
	}
	.section4 .contact .text h2 {
		font-size: 3rem;
	}
	.section4 .contact .text p {
		font-size: 1.5rem;
	}
	.section4 .contact .img {
		position: static;
		width: auto;
		height: auto;
	}

}