@charset "UTF-8";

#container {
  background: url("../img/course/bg.jpg") repeat center top;
}
#key {
  background: url("../img/course/key.jpg") no-repeat center/cover;
}
#key h3 {
  position: absolute;
  top: 416px;
  left: 0;
  width: 100%;
  text-align: center;
}
#sec1 {
  background: url("../img/course/sec1_img1.jpg") no-repeat center top/cover;
  color: #fff;
  padding-bottom: 56px;
  position: relative;
}
#sec1:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 221px;
  background: url("../img/course/sec1_deco.png") no-repeat center top;
}
#sec1 h2 {
  position: absolute;
  top: 84px;
  left: 323px;
}
#sec1 .txt-vertical {
  width: 270px;
  height: 480px;
  margin: 170px 0 0 17px;
}
#sec1 .w_524 {
  width: 524px;
  margin: 408px -62px 0 0;
}
#sec1 .sec1_btn2 {
  padding: 33px 0 0 2px;
}
#sec1 .sec1_btn3 {
  margin: -52px 0 0 113px;
}
#sec2 {
  position: relative;
  padding-bottom: 110px;
  background: url("../img/course/sec2_img1.png") no-repeat center bottom 596px;
}
#sec2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background: url("../img/course/sec2_img1.jpg") no-repeat center/cover;
}
#sec2:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 23.6666667%;
  height: 600px;
  background: url("../img/course/sec2_bg.jpg") no-repeat center/cover;
}
@media screen and (max-width: 1550px) {
  #sec2:after {
    width: 32%;
  }
}
#sec2 h2 {
  text-align: right;
  z-index: 2;
  position: relative;
}
#sec2 .block1 .txt-price {
  font-size: 35px;
  background: url("../img/course/sec2_price.png") no-repeat center top;
  width: 370px;
  height: 50px;
  line-height: 50px;
  margin: 240px auto 0;
  text-align: center;
}
#sec2 .block1 .txt-price span {
  font-size: 25px;
}
#sec2 .block1 .fl {
  width: 490px;
}
#sec2 .block1 .fl h3 {
  position: absolute;
  top: -94px;
  left: -60px;
}
#sec2 .block1 .fl .txt {
  text-align: center;
  padding: 22px 0 32px;
}
#sec2 .block1 .box1 {
  background: url("../img/course/sec2_bg1.jpg") repeat-y center top;
  width: 530px;
  position: relative;
  margin: 66px -50px 0 0;
  padding-bottom: 60px;
}
#sec2 .block1 .box2 {
  background:rgba(255,239,215,0.6);
  width: 530px;
  position: relative;
  margin: 20px -50px 0 0;
  padding-bottom: 40px;
}
#sec2 .block1 .fr h4 {
  position: absolute;
  top: -54px;
  left: 0;
}
#sec2 .block1 .fr dl {
  font-size: 28px;
  line-height: 38px;
  border: 1px solid #341100;
  border-radius: 50px;
  text-align: center;
  font-weight: 500;
}
#sec2 .block1 .fr dl dd {
  color: #a36a23;
}
#sec2 .block1 .fr dl dd span {
  font-size: 22px;
}
#sec2 .block1 .fr .ttl1 {
  margin: 220px 24px 0 26px;
  padding: 13px 0 10px;
}
#sec2 .block1 .fr .ttl2 {
  margin: 50px 23px 0 26px;
  padding: 14px 0 8px;
}
#sec2 .block1 .fr ul {
  position: relative;
  padding: 50px 0 0 150px;
}
#sec2 .block1 .fr ul li:before {
  content: "・";
}
#sec2 .block1 .fr ul li:first-child {
  background: url("../img/shared/bg5.jpg") repeat center top;
  font-size: 22px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 14px 14px 0 0;
  width: 44px;
}
#sec2 .block1 .fr ul li:first-child:before {
  content: "";
}
#sec2 .block1 .fr .list1 li:first-child {
  position: absolute;
  top: 30px;
  left: 59px;
  height: 176px;
}
#sec2 .block1 .fr .list2 li:first-child {
  position: absolute;
  top: 50px;
  left: 59px;
  height: 200px;
}
#sec2 .block2 {
  background: /*url("../img/course/sec2_img2.png") no-repeat center bottom,*/ url("../img/course/sec2_bg2.jpg") repeat center top;
  color: #fff;
  margin: 59px -50px 0;
  position: relative;
  padding-bottom: 128px;
}
#sec2 .block2:before {
  content: '';
  position: absolute;
  top: -42px;
  left: 213px;
  width: 358px;
  height: 248px;
  background: url("../img/course/sec2_deco.png") no-repeat center top;
}
#sec2 .block2 .fl {
  padding-top: 6px;
}
#sec2 .block2 dl {
  margin: 24px 0 0 55px;
  border-bottom: 1px solid #451500;
  width: 450px;
  padding-bottom: 1px;
}
#sec2 .block2 dl:nth-of-type(2) {
  padding-bottom: 11px;
}
#sec2 .block2 dl:nth-of-type(3) {
  margin-top: 10px;
  padding-bottom: 4px;
}
#sec2 .block2 dl dt {
  background: url("../img/shared/bg5.jpg") repeat center top;
  font-size: 22px;
  color: #fff;
  padding: 14px 33px;
}
#sec2 .block2 dl dd {
  float: left;
  font-size: 25px;
  padding-left: 25px;
  margin:15px 0;
  line-height:37px;
}
#sec2 .block2 dl dd span{
	font-size:19px;
	padding-left:10px;
}
#sec2 .block2 .fr {
  width: 460px;
}
#sec2 .block2 .fr .txt {
  width: 420px;
}
#sec2 .block2 h4 {
  position: absolute;
  top: 85px;
  right: 48px;
}
#sec2 .block2 h5 {
  position: absolute;
  top: 271px;
  left: 530px;
}
#sec2 .block2 .ttl {
  font-size: 40px;
  padding: 42px 0 19px;
  z-index: 1;
  position: relative;
}
#sec3 {
  position: relative;
  padding: 194px 0 130px;
  background: url("../img/course/sec3_img2.png") no-repeat center bottom;
}
#sec3 .bg-parallax {
  background-image: url("../img/course/sec3_img1.jpg");
min-height: 600px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#sec3 .block1 .fl {
  background: url("../img/shared/bg5.jpg") repeat center top;
  color: #fff;
  width: 576px;
  margin: 84px 0 0 -50px;
  padding-bottom: 44px;
}
#sec3 .block1 .fl .note_sub{
	text-align: center;
}
#sec3 .block1 .fl ul {
  padding: 18px 0 25px 115px;
}
#sec3 .block1 .fl ul li {
  line-height: 25px;
}
#sec3 .block1 .fl ul li:before {
  content: "・";
}
#sec3 .block1 .fl .txt {
  background: url("../img/course/sec3_bg1.jpg") repeat center top;
  width: 405px;
  /*height: 103px;*/
  margin: 0 50px;
  padding: 15px 40px;
}
#sec3 .block1 .box1 {
  text-align: center;
  background: url("../img/course/sec4_line.png") no-repeat center bottom;
  width: 467px;
  margin: 171px -42px 0 0;
}
#sec3 .block1 .box1 dl dd {
  background: url("../img/course/sec3_price.png") no-repeat center top;
  font-size: 43px;
  width: 432px;
  margin: 0 auto 5px;
  padding: 17px 0 9px;
}
#sec3 .block1 .box1 dl dd .fs1 {
  font-size: 32px;
}
#sec3 .block1 .box1 dl dd .fs2 {
  font-size: 20px;
}
#sec3 .block1 .box1 .txt {
  padding: 20px 0 35px;
}
#sec3 .block1 .box2 {
  text-align: center;
  background: url("../img/course/sec2_bg1.jpg") repeat-y center top;
  width: 417px;
  margin: 50px -42px 0 0;
  padding:25px;
}
#sec3 .block1 .box2 dl dt{
	font-size:30px;
	text-shadow:#EBA458 2px 2px 1px;
	padding:25px 0;
}
#sec3 .block1 .box2 dl dd{
	padding:0 0 25px 0;
}
#sec3 .block2 {
  text-align: center;
  position: relative;
  background: url("../img/course/sec3_bg.png") repeat-x center top;
  margin: 94px -50px 0;
  padding-bottom: 61px;
}
#sec3 .block2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("../img/shared/box-line1.jpg") repeat-x center top, url("../img/shared/box-line1.jpg") repeat-x center bottom;
}
#sec3 .block2:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("../img/shared/box-line2.jpg") repeat-y left top, url("../img/shared/box-line2.jpg") repeat-y right top;
}
#sec3 .block2 .txt {
  padding: 21px 0 30px;
  margin: 0 190px;
  border-bottom: 1px solid #586622;
  border-top: 1px solid #586622;
}
#sec4 {
  position: relative;
}
#sec4:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background: url("../img/course/sec4_img1.png") no-repeat center/cover;
}
#sec4:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 23.6666667%;
  height: 600px;
  background: url("../img/course/sec4_bg.jpg") no-repeat center/cover;
}
@media screen and (max-width: 1600px) {
  #sec4:after {
    width: 32%;
  }
}
#sec4 .box-left {
  text-align: center;
  width: 426px;
  color: #fff;
  position: relative;
  z-index: 1;
}
#sec4 .box-left .txt {
  padding-top: 11px;
}
#sec4 .wrap:before {
  content: '';
  position: absolute;
  top: 23px;
  right: -262px;
  width: 414px;
  height: 344px;
  background: url("../img/course/sec4_deco.png") no-repeat center top;
}
#sec4 .fr {
  background: url("../img/course/sec4_bg.png") no-repeat center top;
  width: 590px;
  color: #fff;
  margin: 143px -53px 0 0;
  padding: 140px 0 176px;
}
#sec4 .fr * {
  position: relative;
  z-index: 1;
}
#sec4 .fr .txt {
  padding: 15px 0 0 127px;
}
#sec4 .img3 {
  position: absolute;
  top: 223px;
  left: 0;
}

/*# sourceMappingURL=course.css.map */