@charset "UTF-8";

.ma-guideline-page {
	background: #fff;
	color: #333;
	letter-spacing: 0;
}

.ma-guideline-page .sec-1 {
	background:
		linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)),
		url(../img/ma-guideline/ma-guideline-kv.png) no-repeat right center;
	background-size: cover;
}

.ma-guideline-page .sec-1 h1 {
	font-size: 4rem;
	letter-spacing: 0.08em;
	line-height: 1.35;
}

.ma-guideline-page .sec-1 h2 {
	left: 42%;
}

.ma-guideline-page .sec-1 h2 span {
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.ma-guideline-page #sec-2 {
	position: relative;
	width: 100%;
}

.ma-guideline-page .sec-2 {
	margin: auto;
	max-width: 768px;
	padding: 50px 0 100px;
	width: 85%;
}

.ma-guideline-page .sec-2 h2 {
	font-family: serif;
	font-size: 1.5rem;
	letter-spacing: 4px;
	line-height: 1.8;
	padding-bottom: 15px;
}

.ma-guideline-page .sec-2 h3 {
	font-family: serif;
	font-size: 1em;
	padding-bottom: 5rem;
}

.ma-guideline-document h1 {
	border-bottom: 1px solid #000;
	font-family: serif;
	font-size: 1.15rem;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 0 0 2rem;
	padding-bottom: 1rem;
}

.ma-guideline-document h2 {
	border-bottom: 1px solid #000;
	font-family: serif;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 3rem 0 1.5rem;
	padding-bottom: 1rem;
}

.ma-guideline-document h3 {
	font-family: serif;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 1.8;
	margin: 2rem 0 1rem;
	padding-bottom: 0;
}

.ma-guideline-document p,
.ma-guideline-document li {
	font-size: 1rem;
	letter-spacing: 0;
	line-height: 1.75;
}

.ma-guideline-document p {
	margin: 0 0 1.5rem;
}

.ma-guideline-document strong {
	font-weight: 700;
}

.ma-guideline-document ul,
.ma-guideline-document ol {
	list-style-position: outside;
	margin: 0 0 2rem;
	padding-left: 24px;
}

.ma-guideline-document ul {
	list-style-type: disc;
}

.ma-guideline-document ol {
	list-style-type: decimal;
}

.ma-guideline-document li {
	margin-bottom: 10px;
	padding-left: 2px;
}

.ma-guideline-document li ul,
.ma-guideline-document li ol {
	margin: 10px 0 0;
}

#foot-contact {
	background: #f2f2f2;
	box-shadow: 1px 1px 11px 4px #ddd;
}

@media screen and (max-width: 767px) {
	.ma-guideline-page #sec-1 {
		height: 70vh;
	}

	.ma-guideline-page .sec-1 {
		background-position: center;
		height: 70vh;
		margin: 0 0 0 auto;
		width: 80%;
	}

	.ma-guideline-page .sec-1 h1 {
		font-size: 2rem;
		top: 60px;
	}

	.ma-guideline-page .sec-1 h2 {
		font-size: 1rem;
		left: 55%;
		line-height: 3;
		width: 90%;
	}

	.ma-guideline-page .sec-2 {
		max-width: unset;
		padding: 3em 0;
		width: 90%;
	}

	.ma-guideline-page .sec-2 h2 {
		font-size: 1.25rem;
		letter-spacing: 2px;
	}

	.ma-guideline-document h1,
	.ma-guideline-document h2,
	.ma-guideline-document h3 {
		font-size: 1rem;
	}

	.ma-guideline-document p,
	.ma-guideline-document li {
		font-size: 0.95rem;
		line-height: 1.75;
	}
}