@charset "UTF-8";
/*----------------------------------------

	+ #content
		- #lead
		- #about
		- #guideline

-----------------------------------------*/

/*----------------------------------------
	article
-----------------------------------------*/

#content article {
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 70px;
}

#content article>h1 {
	margin-top: 40px;
	text-align: center;
}

@media screen and (max-width: 750px) {
	#content article {
		width: 84%;
		padding-bottom: 60px;
	}
	
	#content article>h1 {
		margin-top: 23px;
	}
}


/*----------------------------------------
	lead
-----------------------------------------*/
#content article #lead {
	margin-top: 40px;
}

#content article #lead h1 {
	text-align: center;
}

#content article #lead p {
	margin-top: 1em;
	text-align: center;
}

#content article #lead p:nth-of-type(1) {
	margin-top: 45px;
}

@media screen and (max-width: 750px) {
	#content article #lead {
		margin-top: 25px;
	}
	
	#content article #lead h1 br {
		display: none;
	}
	
	#content article #lead h1 span {
		display: block;
	}

	#content article #lead p {
    margin-top: 18px;
	}
	
	#content article #lead p br {
		display: none;
	}
	
	#content article #lead p span {
		display: block;
	}

	#content article #lead p:nth-of-type(1) {
    margin-top: 20px;
	}
}


/*----------------------------------------
	about
-----------------------------------------*/
#content article #about {
	margin-top: 55px;
	padding: 0 60px 60px;
	background-color: #f4f4f4;
}

#content article #about section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 60px;
}

#content article #about section div {
	flex-basis: calc(100% - 30px - 283px);
}

#content article #about section div h1 {
	margin-top: -5px;
}

/* SP時画像 */
#content article #about section h1+figure {
	display: none;
}

#content article #about section div p {
	margin-top: 10px;
}

/* PC時画像 */
#content article #about section div+figure {
	flex-basis: 283px;
	width: 283px;
	margin-left: 30px;
}

#content article #about img {
	height: auto;
	width: 100%;
}

/* 詳しくはこちら */
#content article #about section div .backtoList {
	width: 240px;
	margin: initial;
	margin-top: 20px;
}

#content article #about section div .backtoList a {
	width: 240px;
}

#content article #about section#governingbody {
	margin-top: 55px;
	padding-top: 60px;
	border-top: 1px solid #2a2a2a;
}

@media screen and (max-width: 1024px) {
	#content article {
		width: 84%;
	}

	/* 詳しくはこちら */
	#content article #about section div .backtoList {
		width: 260px;
	}

	#content article #about section div .backtoList a {
		width: 260px;
	}
}

@media screen and (max-width: 750px) {
	#content article #about {
		margin-top: 25px;
		padding: 0 30px 30px;
	}

	#content article #about section {
		display: block;
		padding-top: 30px;
	}

	/* SP時画像 */
	#content article #about section h1+figure {
		display: block;
		width: 100%;
		margin-top: 25px;
	}

	#content article #about section div h1 {
    text-align: center;
	}

	#content article #about section div p {
    margin-top: 20px;
	}

	/* 詳しくはこちら */
	#content article #about section div .backtoList {
		width: 212px;
		margin: 22px auto 0;
	}

	#content article #about section div .backtoList a {
		width: 212px;
	}

	/* PC時画像 */
	#content article #about section div+figure {
		display: none;
	}

	#content article #about section#governingbody {
    margin-top: 30px;
    padding-top: 30px;
}
}


/*----------------------------------------
	guideline
-----------------------------------------*/
#content article #guideline {
	margin-top: 75px;
}
#content article #guideline>h1 {
	margin-top: 40px;
	text-align: center;
}
#content article #guideline div {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 60px;
}
#content article #guideline div section {
	flex-basis: calc((100% - 80px)/2);
}
#content article #guideline div section h1 {

}
#content article #guideline div section p {
	margin-top: 15px;
}

@media screen and (max-width: 750px) {
	#content article #guideline {
		margin-top: 55px;
	}
	#content article #guideline div {
		display: block;
		margin-top: 28px;
	}
	#content article #guideline div section p {
		margin-top: 11px;
	}
	#content article #guideline div section+section {
		margin-top: 32px;
	}
}