/* Scss Document */
#key {
	background: url(../img/party/key.jpg) center no-repeat;
	background-size: cover;
	min-height: 755px;
}
#key .txt {
	position: absolute;
	top: 397px;
	left: 0;
	right: 0;
	text-align: center;
}
#sec1 {
	min-height: 790px;
}
#sec1:before {
	background: url(../img/party/sec1_p.jpg) 0 0 no-repeat;
	background-size: cover;
	content: '';
	position: absolute;
	left: calc(50% - 137px);
	top: 39px;
	right: 0;
	height: 773px;
}
#sec1:after {
	background: url(../img/index/sec1_deco.jpg) 0 0 repeat;
	content: '';
	position: absolute;
	top: 0px;
	height: 851px;
	right: calc(50% + 280px);
	left: 0;
}
#sec1 .wrap {
	padding: 213px 0 0px;
}
#sec1 .tit {
	position: absolute;
	top: 54px;
	left: -8px;
	z-index: 3;
}
#sec1 .deco {
	position: absolute;
	bottom: -284px;
	left: -400px;
	z-index: 3;
}
#sec1 .info {
	background: url(../img/index/line1.jpg) 0 0 repeat-x, url(../img/index/bg1.jpg) center 0 repeat;
	position: relative;
	z-index: 2;
	padding: 60px 60px 43px;
	box-sizing: border-box;
	width: 569px;
	margin-left: -60px;
}
#sec1 h2 {
	padding:33px 0 46px;
}
#sec1 .lead {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding-left: 22px;
	padding-bottom: 37px;
}
#sec1 .lead .txt {
	padding-right: 21px;
}
#sec2 {
	position: relative;
}
#sec2 .deco {
	position: absolute;
	bottom: 21px;
	left: calc(50% + 409px);
}
#sec2 .cl_box {
	background: url(../img/about/shape.jpg) right bottom no-repeat, url(../img/index/line1.jpg) 0 0 repeat-x, url(../img/about/bg2.jpg) center 0 repeat;
	padding: 51px 0 59px 33px;
}
#sec2 .point:before {
	background: url(../img/index/bg1.jpg) center 0 repeat;
	content: '';
	position: absolute;
	height: 413px;
	top: 41px;
	left: 0;
	right: calc(50% - 591px);
	bottom: 10px;
}
#sec2 .point .photo {
	position: absolute;
	top: 0;
	left: -80px;
}
#sec2 .point .cl_box dl {
	position: relative;
	z-index: 1;
}
#sec2 .point .cl_box  dd
{
	padding: 0 48px 0 18px;
}
#sec2 .point .cl_box dt {
	font-size: 38px;
	line-height: 55px;
	padding-bottom: 48px;
	position: relative;
	padding-left: 72px;
}
#sec2 .point .cl_box dt img {
	position: absolute;
	top: 0;
	left: 0;
}
#sec2 .point .cl_box dt span {
	color: #cdc7a9;
}
#sec2 .lead {
	position: relative;
	height: 330px;
}
#sec2 .lead:before {
	background: url(../img/party/doco.jpg) 0 0 repeat;
	content: '';
	position: absolute;
	height: 207px;
	top: 56px;
	right: 0;
	left: calc(50% - 371px);
}
#sec2 .lead h2 {
	position: absolute;
	top: -270px;
	left: calc(50% - 371px);
	z-index: 4;
}
#sec2-1 {
	margin-bottom: 50px;
}
#sec2-1 .wrap {
	padding-top: 177px;
}
#sec2-1 .cl_box {
	margin-left: 558px;
}
#sec2-2 {
	margin-bottom: 50px;
}
#sec2-2:before {
	    top: 31px !important;
	right: 0 !important;
	left: calc(50% - 389px) !important;
}
#sec2-2 .wrap {
	padding-top: 100px;
	min-height: 400px;
}
#sec2-2 .cl_box {
	width: 524px;
	background: url(../img/party/shape2.png) right bottom no-repeat;
}
#sec2-2 .cl_box:before {
	background: url(../img/index/line1.jpg) 0 0 repeat-x, url(../img/about/bg2.jpg) center 0 repeat;
	content: '';
	position: absolute;
	bottom: 53px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
}
#sec2-2 .cl_box dt {padding-bottom: 40px;}
#sec2-2 .cl_box dd {
    padding-right: 56px !important;
}
#sec2-2 .photo {
	left: auto !important;
	right: -80px !important;
}
#sec2-3 {
	padding-bottom: 140px;
}
#sec2-3:after {
	background: url(../img/index/bg2.jpg) 0 0 repeat;
	content: '';
	position: absolute;
	bottom: 0;
	height: 103px;
	right: 0;
	left: 0;
	z-index: 0;
}
#sec2-3 .wrap {
	padding-top: 87px;
}
#sec2-3 .cl_box {
	margin-left: 558px;
	    padding-bottom: 55px;
}
#sec2-3 .cl_box  dt {
	padding-bottom: 32px !important;
}
#sec2-3 .cl_box dd {
	padding-right: 50px;
}
#sec2-3 .cl_box .list {
	padding: 34px 0 43px;
}
#sec3 {
	border-top: 29px solid #151515;
	background: url(../img/index/line1.jpg) repeat-x 0 0, url(../img/index/bg2.jpg) 0 0 repeat;
	min-height: 999px;
}
#sec3:after {
	content: '';
	position: absolute;
	top: 11px;
	bottom: 35px;
	left: 0;
	right: 0;
	background: url(../img/party/sec3_bg.png) 0 bottom no-repeat;
	background-size: cover;
}
#sec3 .wrap {
	z-index: 2;
}
#sec3 h2 {
	padding-top: 106px;
	margin-left: -26px;
}
#sec3 .txt {
	text-align: right;
	padding: 48px 12px 0 0;
}
#sec3 .txt span {
	display: inline-block;
	background-color: #fff;
	padding-left: 20px;
	line-height: 32px;
	margin-bottom: 3px;
}
#sec4 {
	padding-top: 75px;
	padding-bottom: 117px;
}
#sec4  h2 {
	font-weight: bold;
	font-size: 28px;
	line-height: 44px;
}
#sec4 .txt1 {
	padding: 0px 0 26px;
}
#sec4 .course {
	padding-bottom: 43px;
}
#sec4 .course .item {
	border: 1px solid #000;
	box-sizing: border-box;
	width: 320px;
	padding: 50px 0 19px;
}
#sec4 .course .tag {
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}
#sec4 .course .tag dt {
	font-size: 26px;
	line-height: 25px;
}
#sec4 .course .tag dt span {
	font-size: 16px;
}
#sec4 .course .tag .txt {
	font-weight: normal;
}
#sec4 .course .tag .price {
	color: #6f1811;
	font-size: 25px;
	padding: 20px 0 11px;
}
#sec4 .course .tag .price span {
	font-size: 35px;
}
#sec4 .course .tit
{
	
	    padding: 18px 0 0px;
    margin-bottom: -7px;
}
#sec4 .course .list {
	padding-left: 16px;
}
#sec4 .course .list li {
	padding-bottom: 20px;
	line-height: 20px;
}
#sec4 .course .list li span {
	font-size: 13px;
}
#sec4 .end .item {
	position: relative;
padding: 0px 0 8px 336px;
	min-height: 200px;
}
#sec4 .end .tit {
	text-align: left;
	    margin-left: 15px;
}
#sec4 .end .tag {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 350px;
}
#sec4 .end .item {
	width: auto;
	
}
#sec4 .end .item .list ul {
	width: 315px;
}
#sec5-1 {
	padding-bottom: 132px;
}
#sec5-1 .cl_box {
	padding: 51px 0 60px 69px;
	position: relative;
}
#sec5-1 .cl_box .txt {
	    padding-top: 27px;
    font-size: 19px;
    line-height: 35px;
}
#sec5-1 .cl_box .deco {
	position: absolute;
	bottom: 11px;
	right: -62px;
}
#sec5-2 {
	padding-bottom: 34px;
}

#sec5-2:before {
	
	    background: url(../img/index/bg2.jpg) 0 0 repeat;
    content: '';
    position: absolute;
    top: 156px;
    height: 599px;
    right: 0;
    left: calc(50% - 573px);
    z-index: 0;
}
#sec5-2 h3 {
	text-align: right;
	padding-bottom: 20px;
}
#sec5-2 .cl_box {
	padding: 86px 0 40px 72px;
	margin-left: 358px;
	position: relative;
	z-index: 3;
}
#sec5-2 .cl_box dd {
	padding: 20px 40px 75px 0;
}
#sec5-2 .photo {
	position: absolute;
	top: 0;
	left: -251px;
}
#sec5-3 {
	padding-bottom: 130px;
}
#sec5-3 .contact {
	text-align: center;
	background: url(../img/index/line.jpg) 0 bottom repeat-x, url(../img/index/bg1.jpg) center 0 repeat;
	position: relative;
	padding: 46px 0 60px;
	font-weight: bold;
	font-size: 18px;
	margin-top: 70px;
	    letter-spacing: -1.5px;
}
#sec5-3 .contact dt {
	padding: 15px 0 20px;
}
