li a:hover h4 {
  text-decoration: underline;
}

.section_lead {
  margin: 15px 10px 0 10px;
  border-top: solid 1px #004186;
  padding: 20px 0 0 0;
  font-size: 1.8rem;
  line-height: 1.1;
  color: #094382;
  font-weight: normal;
  text-align: center;
}
.section_lead span {
  display: inline-block;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .section_lead {
    margin: 15px 0 0;
    padding: 20px 10px 0 0;
    font-size: 2.0rem;
    text-align: left;
  }
}
/*768*/
main .programs li {
  clear: both;
  margin: 20px 0 0;
}
main .programs li:first-child {
  margin: 0;
}
main .banners {
  margin: 25px 0 0;
}
main .banners li {
  clear: both;
  margin: 20px 0 0;
}
main .banners li:first-child {
  margin: 0;
}

@media screen and (min-width: 768px) {
  main #monthly .programs {
    margin: 20px 0 0;
  }
  main #monthly .programs li {
    float: left;
    width: 32%;
    clear: none;
    margin: 0 2% 0 0;
  }
  main #monthly .programs li.last {
    margin: 0;
  }
  main #monthly .banners {
    margin: 20px 0 0;
  }
  main #monthly .banners li {
    float: left;
    width: 49%;
    clear: none;
    margin: 0 2% 0 0;
  }
  main #monthly .banners li.last {
    margin: 0;
  }
  main #monthly .section_inner_01 li {
    width: 47%;
  }
  main #monthly .section_inner_01 li:nth-child(odd){
    float:left;
  }
  main #monthly .section_inner_01 li:nth-child(even){
    float:right;
  }
}
@media screen and (max-width: 767px) {
  main #monthly .banners {
    margin: 0;
    padding: 0 10px;
  }
  main #monthly .banners li {
    text-align: center;
  }
}

/* ??20170901?? *
/*768*/
main .banners .lb {
    float: left;
    width: 40%;
    padding: 0 20px 5px 0;
}

main .banners .lb img {
  width: 100%;
}

@media screen and (min-width: 480px) {
  main .banners .lb {
    width: 40%;
  }
}
/*480*/
@media screen and (min-width: 768px) {
  main .banners .lb {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    float: none;
  }
}

/*768*/
main .banners .banner-title {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #094382;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 0 0 0 40%;
}

@media screen and (min-width: 768px) {
  main .banners .banner-title {
    padding: 0;
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 0;
  }
  main .banners .banner-title i {
    padding-bottom: 10px;
  }
}

/*768*/
main .banners .banner-lead {
  font-size: 1.4rem;
  padding-left: 40%;
}

@media screen and (min-width: 768px) {
  main .banners .banner-lead {
    font-size: 1.2rem;
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  main #monthly .banners .banner-title {
    text-align: left;
  }
  main #monthly .banners .banner-lead {
    text-align: left;
  }
}
/* ??2017901?? */

/*768*/
main .programs .lb {
  float: left;
  width: 40%;
  padding: 0 20px 5px 0;
}
main .programs .lb img {
  width: 100%;
}

@media screen and (min-width: 480px) {
  main .programs .lb {
    width: 40%;
  }
}
/*480*/
@media screen and (min-width: 768px) {
  main .programs .lb {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    float: none;
  }
}
/*768*/
main .programs .program-title {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #094382;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 0 0 0 40%;
}

@media screen and (min-width: 768px) {
  main .programs .program-title {
    padding: 0;
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 0;
  }
  main .programs .program-title i {
    padding-bottom: 10px;
  }
}
/*768*/
main .programs .program-lead {
  font-size: 1.4rem;
  padding-left: 40%;
}

@media screen and (min-width: 768px) {
  main .programs .program-lead {
    font-size: 1.2rem;
    padding-left: 0;
  }
}
/*768*/
#fitnesslife {
  background: #dcdee0;
  padding: 0 20px;
  margin: 20px 0 0;
  clear: both;
}

@media screen and (min-width: 768px) {
  #fitnesslife {
    border-bottom: solid 1px #aaa;
  }
}
/*768*/
#fitnesslife .fitnesslife-lead {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #333;
  font-weight: normal;
  padding:5px 10px;
  margin: 20px 0 10px;
  color: #fff;
  border-left: 5px solid #02a7dd;
  background: #094382;
}

@media screen and (min-width: 768px) {
  #fitnesslife .fitnesslife-lead {
    font-size: 1.8rem;
  }
}
/*798*/
#fitnesslife ul.life-merits li {
  background-color: #fff;
  margin-bottom: 20px;
}

@media screen and (min-width: 480px) {
  #fitnesslife ul.life-merits li {
    float: left;
    width: 30%;
    margin-right: 4%;
  }
  #fitnesslife ul.life-merits li:last-child {
    margin-right: 0;
  }
}
/*480*/
@media screen and (min-width: 768px) {
  #fitnesslife ul.life-merits li {
    background: transparent;
    margin-bottom: 10px;
  }
}

/*???T*/
.col01_wrap {
  background: #dcdee0;
  padding:20px;
  margin: 20px 0 0;
  clear: both;
}
.col01_wrap .pic_inner{
  display: table;
  width:100%;
  background: #fff;
}
.col01_wrap .main_title{
  font-size: 1.3rem;
  line-height: 1.3;
  color: #333;
  font-weight: normal;
  padding:5px 10px;
  margin: 0 0 10px;
  color: #fff;
  border-left: 5px solid #02a7dd;
  background: #094382;
}
.col01_wrap .pic_img , .col01_wrap .pic_text{
  display:block;
  vertical-align:top;
}
.col01_wrap .pic_img{
  width:100%;
}
.col01_wrap .pic_img img{
  width:100%;
}
.col01_wrap .pic_text{
  padding:10px;
  font-size: 1.4rem;
}
.col01_wrap .pic_text .merit-title {
  font-size: 1.6rem;
  color: #094382;
  font-weight: normal;
  margin: 0 0 10px 0;
  background-position: 0 3px;
}
@media screen and (min-width: 768px) {
  .col01_wrap {
    padding:20px;
  }
  .col01_wrap .pic_inner{
    background: #dcdee0;
  }
  .col01_wrap .main_title{
    font-size: 1.8rem;
  }
  .col01_wrap .pic_text .merit-title {
    background-position: 0 4px;
  }
  .col01_wrap .pic_text {
    width: 100%;
    padding: 0 0 0 10px;
  }
  .col01_wrap .pic_img , .col01_wrap .pic_text{
    display: table-cell;
    vertical-align:top;
  }
  .col01_wrap .pic_img{
    width:40%;
  }
  .col01_wrap .pic_text{
    width:60%;
    padding:0 0 0 10px;
    vertical-align: middle;
    font-size: 1.2rem;
  }
}
/*798*/
@media screen and (min-width: 960px) {
  #fitnesslife ul.life-merits {
    float: left;
    /*width: 49%;*/
  }

  #fitnesslife ul.life-merits.first {
    margin-right: 2%;
  }
}
/*960*/
#fitnesslife ul.life-merits li img {
  width: 100%;
}

#fitnesslife ul.life-merits li .merit-title {
  font-size: 1.6rem;
  color: #094382;
  font-weight: normal;
  margin: 10px 0 0 10px;
  background-position: 0 3px;
}

@media screen and (min-width: 480px) {
  #fitnesslife ul.life-merits li .merit-title {
    background-position: 0 2px;
  }
}
/*480*/
@media screen and (min-width: 768px) {
  #fitnesslife ul.life-merits li .merit-title {
    margin-left: 0;
    background-position: 0 4px;
  }
}
/*768*/
#fitnesslife ul.life-merits li .merit-lead {
  font-size: 1.4rem;
  padding: 0 10px 20px 10px;
}

@media screen and (min-width: 768px) {
  #fitnesslife ul.life-merits li .merit-lead {
    font-size: 1.2rem;
    padding: 0 10px 10px 0px;
  }
}
/*798*/
/*goalguide*/
#goalguide .section-lead {
  margin-top: 30px;
}
#goalguide .imgbox {
  margin: 20px 0 0;
}

@media screen and (min-width: 768px) {
  #goalguide .section-lead {
    margin-top: 20px;
  }
  #goalguide .imgbox {
    float: right;
    margin: 20px 0 0 10px;
  }
}
/*768*/
.training-title {
  font-size: 1.6rem;
  color: #094382;
  font-weight: normal;
  margin: 20px 0 0;
}

@media screen and (min-width: 768px) {
  .training-title {
    font-size: 1.6rem;
  }
}
/*768*/
.training-lead {
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 10px 0 0;
}

@media screen and (min-width: 768px) {
  .training-lead {
    font-size: 1.2rem;
  }
}
/*768*/
ul.training-list {
  margin: 20px 0 0;
}

@media screen and (min-width: 768px) {
  ul.training-list {
    clear: both;
  }
}
/*768*/
ul.training-list.last {
  margin-bottom: 30px;
  clear: both;
  text-align: center;
}

ul.training-list li {
  margin-bottom: 10px;
  float: left;
  width: 49%;
  display: block;
}

ul.training-list.last li {
  margin: 0 auto;
  float: none;
  width: 100%;
  text-align: left;
}

ul.training-list li.odd {
  margin-right: 2%;
}

@media screen and (min-width: 768px) {
  ul.training-list li {
    width: 32%;
    margin-right: 2%;
  }

  ul.training-list.first {
    float: left;
  }
  ul.training-list.first li {
    width: 221px;
  }

  ul.training-list li.rowlast {
    margin-right: 0;
  }
}
/*768*/
ul.training-list li a {
  border: solid 1px #d4d4d4;
  background-position: 10px 18px;
  min-height: 56px;
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  ul.training-list li a {
    background-position: 10px 15px;
  }
}
/*768*/
ul.training-list li a span {
  display: block;
  margin: 20px 10px 18px 33px;
  line-height: 1.1;
  font-size: 1.5rem;
  color: #094382;
  font-weight: bold;
}
ul.training-area li:nth-child(even) {
  margin:20px 0 50px 4%;
}
ul.training-area li.last{
  margin:20px 4% 50px 0;
}

@media screen and (min-width: 768px) {
  ul.training-list li a span {
    font-size: 1.6rem;
    margin: 15px 10px 9px 25px;
    min-height: 20px;
  }
  ul.training-area li:nth-child(even) , ul.training-area li.last{
    margin:20px 0 0;
  }
}
/*768*/
ul.training-list li a:hover span {
  text-decoration: underline;
}

ul.training-navi li {
  margin-top: 20px;
  float: left;
  width: 48%;
}
ul.training-navi li.odd {
  margin-right: 4%;
}

@media screen and (min-width: 960px) {
  ul.training-navi li {
    width: 22%;
    margin-right: 4%;
  }

  ul.training-navi li:last-child {
    margin-right: 0;
  }
}
/*960*/
@media screen and (min-width: 768px) {
  ul.training-navi.triple li,
  ul.training-navi.triple li.odd {
    width: 32%;
    margin-right: 2%;
  }

  ul.training-navi.triple li.last {
    margin-right: 0;
  }

  ul.training-navi.triple li.first {
    clear: both;
  }
}
/*768*/
ul.training-navi li img {
  width: 100%;
}

ul.training-navi li .navi-title a {
  line-height: 1.1;
  font-weight: normal;
  color: #094382;
  margin-top: 10px;
  font-size: 1.6rem;
  background-position: 0 1px;
}

@media screen and (min-width: 480px) {
  ul.training-navi li .navi-title a {
    background-position: 0 0;
  }
}
/*480*/
@media screen and (min-width: 640px) {
  ul.training-navi li .navi-title a {
    background-position: 0 0;
  }
}
/*640*/
ul.training-navi li .navi-lead {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  ul.training-navi li .navi-lead {
    font-size: 1.2rem;
  }
}
/*768*/
#newself {
  clear: both;
}

/*# sourceMappingURL=index.css.map */
@media screen and (max-width: 767px) {
  #main_titleWrap {
	  margin-top: 20px;
  }
}