@charset "utf-8";

main {
	padding: 0 1.8519% 9.0rem;
}

main h1 {
	text-align: center;
	font-size: 3.4rem;
	line-height: 1.3235;
	margin: 0.5rem auto;
	color: #ffffff;
	background: #dc143c;
	width: 20.4rem;
}

main h2 {
	text-align: center;
	font-size: 2.1rem;
	padding: 3.6rem 0 0;
	line-height: 1;
}

main p,
main ul,
main table,
main dl {
	font-size: 1.8rem;
	padding-top: 1.8rem;
}

main ul li {
	margin-left: 0.6rem;
}

main ul li::before {
	content: "\3000\020";
	background: url(../images/small_01.png) no-repeat;
	object-fit: cover;
	margin-left: -0.6rem;
}

main span {
	color: #dc143c;
	font-weight: bold;
}

main table {
	font-size: 1.6rem;
	min-width: 43.9rem;
	text-align: center;
}

main table caption {
	visibility: hidden;
}

main .half_size {
	width: 48.4%;
	float: left;
	margin-right: 1.8519%;
}

main .section3 dt {
	margin-left: 0.6rem;
}

main .section3 dt:hover {
	cursor: pointer;
	text-decoration: underline;
}

main .section3 dt::before {
	content: "Ｑ\020";
	color: #dc143c;
}

main .section3 dd::before {
	content: "Ａ\020";
}

main .section3 dt,
main .section3 dd {
	margin-left: 0.6rem;
}

main .section3 dt::before,
main .section3 dd::before {
	font-weight: bold;
	margin-left: -0.6rem;	
}

main .section3 dd {
	margin-bottom: 1.575rem;
}

@media (max-width: 720px) {

	main .section1 .half_size {
		float: none;
		margin: 0 auto;
	}

}

/* 画面サイズ540px以下の場合 */

@media (max-width: 540px) {

	main {	
		padding: 0 1.0rem 9.0rem;
	}
	
	main h1 {
		font-size: 1.8rem;
		line-height: 1.3235;
		margin: 0 auto;
		width: 10.8rem;
	}

	main h2 {
		font-size: 1.6rem;
		padding: 2.7rem 0 0;
	}
	
	main p,
	main ul,
	main dl {
		font-size: 1.4rem;
		padding-top: 1.4rem;
	}
	
	main table {
		font-size: 1.2rem;
		padding-top: 1.2rem;
	}
	
	main .section1 .half_size {
		width: 93.75%;
		min-width: 30.0rem;
	}
		
	main .section2 .half_size {
		width: 100%;
		float: none;
	}
}