#key {
	background: url(../img/course/bg_key.jpg) no-repeat center/cover;
}
.key_ttl {
	text-align: center;
	padding-top: 302px;
}
#sec1 {
	letter-spacing: 0.5px;
	padding: 72px 0 0;
}
#sec1 ul {
	width: 807px;
	margin: 0 auto;
	padding-bottom: 337px;
	position: relative;
	z-index: 10;
}
#sec1 ul li {
	float: left;
}
#sec1 .photo {
	position: absolute;
	bottom: 0;
	right: -150px;
	left: -150px;
}
#sec2 {
	letter-spacing: 0.5px;
	position: relative;
	padding: 78px 0 89px;
}
#sec2 h2 {
	margin-left: -26px;
	padding-top: 5px;
}
#sec2 .photo1 {
	position: absolute;
	top: 0;
	right: -271px;
}
#sec2 .photo2 {
	position: absolute;
	top: 417px;
	right: -154px;
	z-index: 1;
}
#sec2 .txt {
	width: 430px;
	padding: 13px 0 31px;
}
#sec2 .info {
	background: url(../img/lunch/bg4.jpg) repeat center top;
	box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.2);
	text-align: center;
	color: #fff;
	padding: 30px 50px;
	width: 400px;
}
#sec2 .info h4 {
	font-weight: bold;
	padding-top: 20px;
}
#sec2 .info dl {
	font-size: 22px;
	padding-bottom: 23px;
	border-bottom: 4px solid #fff;
	font-weight: bold;
}
#sec2 .info dl dt {
	color: #ffcd35;
	padding-bottom: 5px;
}
#sec2 .note {
	border: 1px solid #000;
	margin-left: 102px;
	padding: 11px 20px;
	margin-top: 38px;
	width: 255px;
}
#sec2:before {
	background: url(../img/course/sec2_deco.png) no-repeat center top;
	height: 1053px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: '';
}
#sec3 {
	position: relative;
	letter-spacing: 0.5px;
	width: 1000px;
	box-sizing: border-box;
	margin: 0 auto;
	border: 4px solid #ee7d04;
}
#sec3 h2 {
	margin-top: -4px;
}
#sec3 .sec3_t {
	text-align: center;
	background: #ee7d04;
	padding-bottom: 40px;
}
#sec3 .sec3_t .info1 {
	font-weight: bold;
	width: 650px;
	margin: 0 auto;
	font-size: 13px;
	color: #ee7d04;
	text-align: center;
	position: relative;
}
#sec3 .sec3_t .info1 .txt {
	font-weight: bold;
	margin: 0 auto;
	font-size: 13px;
	width: 100%;
	color: #ee7d04;
	position: absolute;
	bottom: 5px;
	left: 0;
	text-align: center;
	z-index: 1;
}
#sec3 .info2 {
	width: 800px;
	margin: 20px auto 0;
}
#sec3 .info2 dl:after {
	content: "." !important;
	clear: both !important;
	display: block !important;
	height: 0 !important;
	visibility: hidden !important;
}
#sec3 .info2 dt {
	text-align: right;
	float: left;
	width: 144px;
	font-weight: bold;
}
#sec3 .info2 dd {
	float: left;
	width: 625px;
	padding-left: 31px;
}
#sec3 .link {
	padding: 10px 0 40px;
	text-align: center;
}
#sec4 {
	position: relative;
	letter-spacing: 0.5px;
	margin-top: 80px;
}
#sec4 .sec4_01 {
	background: url(../img/course/bg_sec4.jpg) no-repeat center/cover;
	padding: 171px 0 163px;
}
#sec4 .sec4_02 {
	position: relative;
}
#sec4 .sec4_02:before {
	background: url(../img/course/bg_sec4_bt.png) no-repeat center top/cover;
	height: 849px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
}
#sec4 h3 {
	margin-left: -13px;
	padding-top: 88px;
}
#sec4 .txt1 {
	width: 345px;
	padding: 18px 0 0;
}
#sec4 .flmap {
	position: absolute;
	top: -30px;
	right: -75px;
}
#sec4 .info1 {
	padding: 60px 0 345px 529px;
	position: relative;
}
#sec4 .info1 h4 {
	position: absolute;
	top: -22px;
	left: -101px;
}
#sec4 .info2 {
	position: relative;
}
#sec4 .info2 h4 {
	padding-left: 40px;
}
#sec4 .info2 .txt3 {
	width: 300px;
	padding: 180px 19px 0 0;
}
#sec4 .info2 .photo {
	position: absolute;
	top: -277px;
	right: -140px;
	z-index: 1;
}
#sec4 .info3 {
	position: relative;
	padding: 151px 0 200px 0;
}
#sec4 .info3 .txt4 {
	text-align: right;
	width: 422px;
}
#sec4 .info3 h4 {
	position: absolute;
	top: -115px;
	right: -50px;
	z-index: 1;
}