@media screen and (max-width:599px) {
	article {padding:0 25px;text-align:left;}
		article h1 {font-size:6vw;line-height:1;font-weight:900;padding:0 0 45px 0;color:#0078C6;text-align:center;}
		article h2 {font-size:5vw;line-height:1.5;font-weight:800;margin:0 0 45px 0;padding:0 0 15px 0;border-bottom:1px solid #0078C6;color:#0078C6;}
		article h3 {font-size:4.5vw;line-height:1.5;padding:0 0 15px 0;color:#0078C6;}
		article p {font-size:4vw;line-height:1.6;padding:0 0 30px 0;}
		
		article section {padding:0 0 60px 0;}
			article section .flex {display:flex;flex-direction:column;list-style:none;gap:30px 0;}
				article section .flex > li {}
			
			article table {margin:0 0 45px 0;border-collapse:collapse;border-top:1px solid #ddd;min-width:100%;}
				article table tr[data-href-blank]:hover th,
				article table tr[data-href-blank]:hover td {cursor:pointer;background:#F2F8FC;}
				article table th {text-align:left;font-size:3vw; line-height:1.5;border-bottom:1px solid #ddd;padding:10px 10px;color:#ccc;}
				article table td {text-align:left;font-size:4vw; line-height:1.5;border-bottom:1px solid #ddd;padding:10px 10px;}
			
			article section .link {display:flex;justify-content:center;gap:0 10px;padding:0 0 60px 0;}
				article section .link a {display:inline-block;padding:10px 40px 15px 40px;border:2px solid #0078C6;color:#0078C6;text-decoration:none;border-radius:2rem;font-size:4vw;text-align:center;position:relative;}
					article section .link a:after {content:'';position:absolute;z-index:-1;bottom:0;left:0;width:0;height:100%;background:#fede58;transition:all 0.2s;opacity:0;border-radius:2rem;}
						article section .link a:hover {color:#0078C6;}
						article section .link a:hover:after {width:100%;opacity:1;}
}
/* ======================================================= */
@media screen and (min-width:600px) and (max-width:1024px) {
	article {padding:0 30px;text-align:left;}
		article h1 {font-size:2.5rem;line-height:1;font-weight:900;padding:0 0 60px 0;color:#0078C6;}
		article h2 {font-size:1.5rem;line-height:1.5;font-weight:800;margin:0 0 45px 0;padding:0 0 15px 0;border-bottom:1px solid #0078C6;color:#0078C6;}
		article h3 {font-size:1.125rem;line-height:1.5;padding:0 0 15px 0;color:#0078C6;}
		article p {font-size:1rem;line-height:1.6;padding:0 0 30px 0;}
		
		article section {padding:0 0 60px 0;}
			article section .flex {display:flex;justify-content:space-between;list-style:none;}
				article section .flex > li {width:calc(50% - 15px);}
			
			article table {margin:0 0 45px 0;border-collapse:collapse;border-top:1px solid #ddd;min-width:100%;}
				article table tr[data-href-blank]:hover th,
				article table tr[data-href-blank]:hover td {cursor:pointer;background:#F2F8FC;}
				article table th {text-align:left;font-size:0.875rem; line-height:1.5;border-bottom:1px solid #ddd;padding:10px 10px;color:#ccc;}
				article table td {text-align:left;font-size:1rem; line-height:1.5;border-bottom:1px solid #ddd;padding:10px 10px;}
			
			article section .link {display:flex;justify-content:center;gap:0 10px;padding:0 0 60px 0;}
				article section .link a {display:inline-block;padding:10px 40px 15px 40px;border:2px solid #0078C6;color:#0078C6;text-decoration:none;border-radius:2rem;font-size:1rem;text-align:center;position:relative;}
					article section .link a:after {content:'';position:absolute;z-index:-1;bottom:0;left:0;width:0;height:100%;background:#fede58;transition:all 0.2s;opacity:0;border-radius:2rem;}
						article section .link a:hover {color:#0078C6;}
						article section .link a:hover:after {width:100%;opacity:1;}
}
/* ======================================================= */
@media screen and (min-width:1025px) {
	article {}
		article h1 {font-size:3rem;line-height:1;font-weight:900;padding:0 0 60px 0;color:#0078C6;}
		article h2 {font-size:2rem;line-height:1.5;font-weight:800;margin:0 0 45px 0;padding:0 0 15px 0;border-bottom:1px solid #0078C6;color:#0078C6;}
		article h3 {font-size:1.125rem;line-height:1.5;padding:0 0 15px 0;color:#0078C6;}
		article p {font-size:1rem;line-height:1.6;padding:0 0 30px 0;}
		
		article section {padding:0 0 60px 0;}
			article section .flex {display:flex;justify-content:space-between;list-style:none;}
				article section .flex > li {width:calc(50% - 15px);}
			
			article table {margin:0 0 45px 0;border-collapse:collapse;border-top:1px solid #ddd;min-width:100%;}
				article table tr[data-href-blank]:hover th,
				article table tr[data-href-blank]:hover td {cursor:pointer;background:#F2F8FC;}
				article table th {text-align:left;font-size:0.875rem; line-height:1.5;border-bottom:1px solid #ddd;padding:10px 10px;color:#ccc;}
				article table td {text-align:left;font-size:1rem; line-height:1.5;border-bottom:1px solid #ddd;padding:10px 10px;}
			
			article section .link {display:flex;justify-content:center;gap:0 10px;padding:0 0 60px 0;}
				article section .link a {display:inline-block;padding:10px 40px 15px 40px;border:2px solid #0078C6;color:#0078C6;text-decoration:none;border-radius:2rem;font-size:1rem;text-align:center;position:relative;}
					article section .link a:after {content:'';position:absolute;z-index:-1;bottom:0;left:0;width:0;height:100%;background:#fede58;transition:all 0.2s;opacity:0;border-radius:2rem;}
						article section .link a:hover {color:#0078C6;}
						article section .link a:hover:after {width:100%;opacity:1;}
}