/* システム */

.cont {
  margin: 0 65px;
  padding: 0 0px;
}

h2.title {
  padding: 50px 0 0 ;
}

#about {
  margin: 40px 0;
  padding: 30px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #615842;
}

.about_photo {
  float: left;
  width: 360px;
}

.about_photo img {
  width: 100%;
  height: auto;
}

.about_text {
  float: left;
  width: 430px;
  margin: 0 0 0 20px;
  text-align: left;
}

.about_text h3 {
  margin: 20px 0;
  letter-spacing: 1px;
  font-size: 30px;
  font-weight: normal;
  line-height: 1em;
}

.about_text p {
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8em;
}


#course {
  position: relative;
  padding: 60px 0 20px;
  background: url('../img/system/price_line.png') no-repeat center bottom;
}

#course h3 {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}

.course {
  padding: 70px 0 50px;
  background: url('../img/system/course_bg.png');
}

.price {
  position: relative;
  width: 750px;
  margin: 0px auto;
}

.price img {
  width: 100%;
  height: auto;
}

.price p {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
}

#caution {
  padding: 40px 0 20px;
  text-align: left;
  line-height: 1.8em;
}

#caution h4 {
  padding: 0 0 20px;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: normal;
}

#caution h4.credit {
  padding: 40px 0 20px;
}

#caution div.credit {
  padding: 0 25px 0 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.8em;
}

#caution div.credit p {
  padding: 0 0 5px;
}

.reserve {
  float: left;
  width: 400px;
}

.caution {
  float: left;
  width: 400px;
  margin: 0 0 0 10px;
}

.caution p {
  padding: 0 0 20px;
}


h4.credit {
  padding: 0 0 20px;
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: normal;
}

div.credit {
  padding: 0 0 30px 0;
  text-align: center;
  font-size: 18px;
  line-height: 1.8em;
}

div.credit p {
  padding: 0 0 5px;
}