@charset "utf-8";

header {
	padding: 8.8rem 0;
	background: #fff;
}
header h1 {
	color: #000;
	font-size: 4.8rem;
	margin-bottom: .8em;
}
header .subtitle {
	font-size: 3.2rem;
	color: #BA6E86;
	letter-spacing: .2rem;
	font-weight: bold;
}

.breadCrumb {
	border-top: 1px solid #D8ADBB;
	padding: 3.2rem 0;
	background: #fff;
}
.breadCrumb ol {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.breadCrumb ol li {
	font-weight: bold;
	color: #D8ADBB;
}
.breadCrumb ol li + li {
	color: #BA6E86;
}
.breadCrumb ol li + li::before {
	content: "｜";
	color: #F2EEF2;
}

.about {
	background: #fff;
	padding: 16.8rem 0;
}
.about h2 {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	text-align: center;
	color: #BA6E86;
	font-size: 4.8rem;
	letter-spacing: .2em;
}
.about h2 span {
	margin-top: 0.666667em;
	color: #000;
	font-size: 0.666667em;
	letter-spacing: .1em;
}
.about p {
	color: #BA6E86;
	line-height: 2.0;
	text-align: center;
	margin-top: 8.8rem;
}

.service {
	/*background: #fff url('../img/tile_bg.jpg') center top / 100% auto no-repeat;*/
 background-color:#F3EEF2;
 background-image: linear-gradient(#DDD 1px, transparent 0),
                    linear-gradient(90deg, #DDD 1px, transparent 0);
 background-size: 20px 20px; 
	padding: 16.8rem 0;
}
/*IE11*/
_:-ms-lang(x), .service {
  background: #fff url(../img/tile_bg.jpg) center top / 100% auto repeat;
}

.service .heading {
	text-align: center;
}
.service .heading h2 {
	color: #BA6E86;
	font-size: 3.2rem;
	letter-spacing: .2em;
}
.service .heading p {
	margin-top: 1em;
}
.service .content {
	margin-top: 4.5rem;
	border: 1px solid #68233B;
	border-width: .8rem .1rem .1rem;
	background: #fff;
	padding: 5.5rem 6.4rem 6.4rem;
}
.service .content ul li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.service .content ul li + li {
	margin-top: 6.4rem;
	padding-top: 6.4rem;
	border-top: 1px solid #D8ADBB;
}
.service .content ul li h3 {
	font-size: 3.2rem;
	line-height: 1.5;
}
.service .content ul li h3 span.strong {
	color: #BA6E86;
}
.service .content ul li .text {
	width: 48.8rem;
}
.service .content ul li .text p {
	line-height: 2.0;
}
.service .content ul li .text .roundedLink {
	width: 40.8rem;
	margin: 3.2rem auto 0;
}

@media screen and (max-width: 768px) {
	.service {
		padding: 8rem 0;
		background: #fff url(../img/tile_bg.jpg) center top / auto 50rem no-repeat;;
	}
	.service .content {
		padding: 2.8rem 3.2rem 3.2rem;
	}
	.service .content ul li {
		flex-direction: column;
	}
	.service .content ul li h3 {
		font-size: 2.8rem;
		margin-bottom: 1em;
	}
	.service .content ul li .text {
		width: 100%;
	}
	.service .content ul li .text .roundedLink {
		width: 100%;
	}
}