@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : spa.css
 author     : Ability Consultant
 style info : spa

=================================================================== */
/* -----------------------------------------------------------
	楽天調整
----------------------------------------------------------- */
body {
  background: #000 url(../spa/images/bg_body.jpg) no-repeat top left !important;
}

#page {
  /* -----------------------------------------------------------
  	タイトル調整
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	.con_int
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	.con_spa
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	.con_int_rela
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	.con_menu
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	.con_points
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	.con_course
  ----------------------------------------------------------- */
}
#page #header .page_title {
  padding: 55px 0 190px;
}
#page .con_int {
  text-align: center;
}
#page .con_int .catch_int {
  margin-top: 44px;
  margin-bottom: 49px;
}
#page .con_int .txt {
  padding-top: 24px;
  border-top: 1px solid #2a2a2a;
}
#page .con_spa {
  margin-top: 60px;
  padding-bottom: 50px;
  border-bottom: 1px solid #2b2b2b;
}
#page .con_spa .catch {
  margin-top: 24px;
}
#page .con_spa .txt {
  margin-top: 22px;
}
#page .con_spa .table {
  margin-top: 22px;
}
#page .con_spa#link04 {
  border-bottom: none;
}
#page .box_over {
  margin-top: 50px;
}
#page .box_over h5 {
  text-align: center;
}
#page .box_over .table {
  margin-top: 32px;
}
#page .con_int_rela {
  text-align: center;
  margin-top: 150px;
  padding-top: 190px;
  background: url(../spa/images/bg_int_rela.jpg) no-repeat top center;
}
#page .con_int_rela .catch_main {
  margin-top: 75px;
}
#page .con_int_rela .catch_int {
  margin-top: 40px;
  margin-bottom: 45px;
}
#page .con_int_rela .txt {
  text-align: left;
  padding-top: 22px;
  border-top: 1px solid #2a2a2a;
}
#page .box_esth {
  margin-top: 62px;
}
#page .box_esth .catch {
  margin-top: 35px;
}
#page .box_esth .txt {
  margin-top: 27px;
}
#page .con_menu {
  margin-top: 75px;
  padding: 20px 25px 30px;
  background: url(../spa/images/bg_menu.jpg) no-repeat center;
  background-size: cover;
}
#page .con_menu h5 {
  text-align: center;
}
#page .con_menu .box_menu {
  overflow: hidden;
  margin-top: 20px;
}
#page .con_menu .box_menu li {
  float: left;
  width: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#page .con_menu .box_menu li span {
  display: block;
  overflow: hidden;
  padding: 25px 20px;
  text-decoration: none;
  color: #000 !important;
  /* &:hover {
  	div .txt {text-decoration: underline;}
  } */
}
#page .con_menu .box_menu li span .photo {
  float: left;
  width: 194px;
}
#page .con_menu .box_menu li span div {
  float: right;
  width: 200px;
}
#page .con_menu .box_menu li span div h6 {
  font-weight: 100;
  line-height: 1.5;
}
#page .con_menu .box_menu li span div .txt {
  line-height: 1.7;
  margin-top: 10px;
}
#page .con_menu .box_menu li:nth-child(odd) {
  clear: left;
  border-right: 1px solid #cac7a7;
}
#page .con_menu .box_menu li:nth-child(even) {
  border-left: 1px solid #fff;
}
#page .con_menu .box_menu li:first-child, #page .con_menu .box_menu li:first-child + * {
  border-bottom: 1px solid #cac7a7;
}
#page .con_menu .box_menu li:first-child + * + *, #page .con_menu .box_menu li:first-child + * + * + * {
  border-top: 1px solid #fff;
}
#page .con_points {
  margin-top: 100px;
}
#page .con_points h4 {
  text-align: center;
}
#page .con_points .box_points li {
  margin-top: 75px;
}
#page .con_points .box_points li:first-child {
  margin-top: 20px;
}
#page .con_points .box_points li h5 {
  display: block;
}
#page .con_points .box_points li .txt {
  margin-top: 16px;
}
#page .con_points .box_points li.points01 h5 {
  padding-bottom: 236px;
  background: url(../spa/images/bg_points01.jpg) no-repeat top center;
}
#page .con_points .box_points li.points02 h5 {
  padding-top: 278px;
  background: url(../spa/images/bg_points02.jpg) no-repeat top center;
}
#page .con_points .box_points li.points03 h5 {
  padding-top: 315px;
  background: url(../spa/images/bg_points03.jpg) no-repeat top center;
}
#page .con_course {
  margin-top: 135px;
  margin-bottom: 100px;
  padding: 55px 30px 50px;
  background: url(../spa/images/bg_course.jpg) no-repeat center;
  background-size: cover;
}
#page .con_course h4 {
  text-align: center;
}
#page .con_course .box_course {
  margin-top: 36px;
}
#page .con_course .box_course li {
  display: block;
  padding-bottom: 25px;
  margin-bottom: 17px;
  letter-spacing: -.4em;
  background: url(../spa/images/shdow_course.png) no-repeat left bottom;
  background-size: 100% auto;
}
#page .con_course .box_course li .ic, #page .con_course .box_course li div {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
}
#page .con_course .box_course li .ic {
  width: 127px;
  height: 127px;
}
#page .con_course .box_course li .ic.ic01 {
  background: url(../spa/images/ic_no1.jpg) no-repeat center;
  background-size: 100% 100%;
}
#page .con_course .box_course li .ic.ic02 {
  background: url(../spa/images/ic_no2.jpg) no-repeat center;
  background-size: 100% 100%;
}
#page .con_course .box_course li .ic.ic03 {
  background: url(../spa/images/ic_no3.jpg) no-repeat center;
  background-size: 100% 100%;
}
#page .con_course .box_course li div {
  margin-left: 30px;
  width: 730px;
}
#page .con_course .box_course li div h5 {
  font-weight: 100;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Yu Mincho",YuMincho,"游明朝","ＭＳ Ｐ明朝","MS PMincho","Times New Roman",Times,Garamond,Georgia,serif;
  font-size: 208%;
  color: #dead18;
  text-indent: -.5em;
}
#page .con_course .box_course li div h5 em {
  font-size: 70%;
}
#page .con_course .box_course li div .txt {
  margin-top: 10px;
  font-size: 115%;
}
#page .con_course .memo {
  font-size: 115%;
}