@charset "utf-8";

/* -------------------------------------------------- */
/* PC*/
/* -------------------------------------------------- */

#content {
	margin-bottom: 80px;
	padding: 50px;
	background: #f5f5f5;
	border-radius: 10px;
}

#contentIn {
	padding: 30px;
	margin-bottom: 20px;
	background: #FFF;
}

#content h2 {
	margin: 2em 0 20px 0;
	padding: 10px 15px;
	font-size: 2rem;
	font-weight: bold;
	background: #2ebcf1;
	color: #FFF;
	border-radius: 5px;
}

#content h3 {
	margin: 2em 0 20px 0;
	padding: 5px 10px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #2ebcf1;
}

#content p {
	font-size: 1.6rem;
	padding-bottom: 1em;
}

#content a {
	text-decoration: underline;
	font-weight: bold;
}

#content a:hover {
	text-decoration: none;
}

#content img,#content iframe {
	max-width: 100%;
}




/* -------------------------------------------------- */
/* TAB&SP */
/* -------------------------------------------------- */
@media screen and (max-width: 1024px) {

}


/* -------------------------------------------------- */
/* TAB(調整) */
/* -------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}
/* -------------------------------------------------- */
/* SP(調整) */
/* -------------------------------------------------- */
@media screen and (max-width: 767px) {
#content {
		margin-bottom: 40px;
		padding: 10px;
		background: #f5f5f5;
		border-radius: 10px;
	}

	#contentIn {
		padding: 20px;
		margin-bottom: 0;
		background: #FFF;
	}

	#content h2 {
		margin: 1em 0 20px 0;
		padding: 10px 15px;
		font-size: 2rem;
		font-weight: bold;
		background: #2ebcf1;
		color: #FFF;
		border-radius: 5px;
	}

	#content h3 {
		margin: 1em 0 20px 0;
		padding: 5px 0;
		font-size: 1.8rem;
		font-weight: bold;
		color: #2ebcf1;
	}
}