@charset "UTF-8";

/* ========== ARTICLE ========== */
#default #sec1 h2 { border-color: #00aecb; }
#default #sec2 h2 { border-color: #f36e00; }
/* HD */
#hd { background: #6ca8dd; }
#hd.normal .title { background: none; }
#hd p { color: #ffffff; font-weight: bold; text-align: center; }
/* SEC1 */
#sec1 ul { width: 100%; border-top: 1px solid #9d9d9d; }
#sec1 ul li { border-bottom: 1px solid #9d9d9d; }
#sec1 ul li font { color: #00aecb; font-weight: bold; }
/* SEC2 */
#sec2 table { border-top: 1px solid #636363; }
#sec2 table tr { position: relative; width: 100%; }
#sec2 table th, #sec2 table td { border-bottom: 1px solid #636363; }
#sec2 table th { color: #f36e00;}
#sec2 table tr:nth-child(odd) th { color: #00aecb; border: none; }
#sec2 table tr:nth-child(odd) td { border-bottom: 1px dotted #636363; }

@media screen and (max-width:768px) {
	
	/* ========== ARTICLE ========== */
	
	/* HD */
	#hd p { padding: 20px 0 5px; }
	/* SEC1 */
	#sec1 { padding: 20px 0 0;}
	#sec1 ul li { padding: 10px 0; }
	#sec1 ul li font { font-size: 1.6rem; display: inline-block; width: 50px; }
	/* SEC2 */
	#sec2 { padding: 20px 0;}
	#sec2 table th { font-size: 1.6rem; width: 50px; }
	#sec2 table td { padding: 10px 0; }
	
}

@media screen and (min-width:769px) {
	
	/* ========== ARTICLE ========== */
	/* HD */
	#hd.normal .title { width: 330px; }
	#hd.normal h1 { padding: 19px 0; }
	#hd p { font-size: 2.0rem; bottom: 20px; width: 100%; position: absolute; }
	/* SEC1 */
	#sec1 { padding: 100px 0 0;}
	#sec1 .inner_wrap { width: 1100px; margin: 0 auto; }
	#sec1 ul li { font-size: 2.3rem; padding: 15px 0; }
	#sec1 ul li font { font-size: 2.8rem; display: inline-block; width: 100px; padding-left: 20px; }
	/* SEC2 */
	#sec2 { padding: 100px 0;}
	#sec2 .inner_wrap { width: 1000px; margin: 0 auto; }
	#sec2 table th { font-size: 2.8rem; width: 80px; padding: 0 0 0 20px; }
	#sec2 table td { font-size: 2.1rem; padding: 18px 0; }
	
}