@charset "utf-8";


/* ---------------------------------------------------------
   #global-header
----------------------------------------------------------*/

#global-header {
  padding:8px 0;
  background:#ff5c01;
  color:#FFFFFF;
}

#site-title p {
  font-size:7px;
}

#site-title img {
  width:140px;
}

.site-description {
  font-size:8px;
  text-align:right;
}

@media screen and (min-width: 768px) {
    #global-header {
      padding:20px 0;
    }
    
    #site-title p {
      font-size:12px;
    }
    
    #site-title img {
      width:211px;
    }
    .site-description {
      font-size:16px;
      line-height:1.4;
    }
    .site-description strong {
      font-size:18px;
    }
}

@media screen and (min-width: 992px) {
    .site-description {
      line-height:1.6;
      margin-top:8px;
    }
    .site-description strong br {
      display:none;
    }
}

/* ---------------------------------------------------------
   #page-top
----------------------------------------------------------*/

#page-top {
  text-align:right;
  padding-bottom:20px;
}


/* ---------------------------------------------------------
   #global-footer
----------------------------------------------------------*/

#global-footer {
  clear:both;
  padding:15px 0;
  font-size:12px;
}

#copyright {
  color:#999999;
}

@media screen and (min-width: 768px) {
    #copyright {
      text-align:right;
    }
}

/* ---------------------------------------------------------
   #content
----------------------------------------------------------*/

#content {
  clear:both;
}


/* ---------------------------------------------------------
   #main
----------------------------------------------------------*/

.section-lead img {
  margin-top:1px;
}

.section-main {
  background:#fffce7 url(../img/bg_main.jpg) center top no-repeat;
  background-size:auto 100%;
  background-position: 54% 0%; 
  padding:20px 0;
}

.section-main h1 img {
  width:60%;
}

@media screen and (min-width: 992px) {
    .section-main {
      background-size:auto;
      padding:52px 0;
    }
    
    .section-main h1 img {
      width:auto;
    } 
}

.section-cta {
  background-color: #ffe401;
  padding:20px 0 30px;
}

.section-cta-lead {
  text-align:center;
  font-size:12px;
  font-weight:bold;
  padding-bottom:70px;
  background:url(../img/pic_cta.jpg) bottom repeat-x;
  background-size:auto 55px;
  margin-bottom:25px;
 }
 
.section-cta-lead strong {
  color:#ff8046;
  font-size:120%;
}
 
.section-cta h3 {
  margin-bottom:20px;
}
 
.cta-catalog {
  text-align:center;
}
 
.cta-catalog img {
  width:60%;
  margin-bottom:20px;
}

.form-catalog-mail input[type="email"] {
  padding:10px 10px 10px 70px;
  font-size:18px;
  width:100%;
  border:2px solid #c0ac02;
  background:#fff url(../img/icon_mail.png) 15px center no-repeat;
  background-size:44px auto;
  margin-bottom:10px;
 }

.form-catalog-mail input[type="submit"] {
  cursor: pointer;
  display:block;
  width:100%;
  padding:20px;
  border-radius:10px;
  box-sizing:border-box;
  text-indent: -9999px;
  background:#42be39 url(../img/btn_mail.png) center center no-repeat;
  background-size:280px auto;
  box-shadow: 0 5px 0 0 rgba(31, 136, 23, 1);
}

.form-catalog-mail input[type="submit"]:hover {
  background:#5ed256 url(../img/btn_mail_over.png) center center no-repeat;
  background-size:280px auto;
  box-shadow: 0 5px 0 0 rgba(64, 180, 55, 1);
}

@media screen and (min-width: 768px) {
    .section-cta {
      padding:50px 0 40px;
    }
     
    .section-cta-lead {
      font-size:20px;
      background-size:auto;
      padding-bottom:220px;
      margin-bottom:40px;
    }
    
    .section-cta-lead strong {
      font-size:36px;
    }
    
    .section-cta h3 {
      margin-bottom:40px;
    }  
     
    .cta-catalog img {
      width:auto;
      margin-bottom:0;
    }
}

@media screen and (min-width: 992px) {
    .section-cta-lead br {
      display:none;
    }
    
    .form-catalog-mail input[type="email"] {
      font-size:30px;
    }
    .form-catalog-mail input[type="submit"] {
      padding:25px;
      background:#42be39 url(../img/btn_mail.png) center center no-repeat;
      background-size:auto;
    }
    .form-catalog-mail input[type="submit"]:hover {
      background:#5ed256 url(../img/btn_mail_over.png) center center no-repeat;
      background-size:auto;
    }
}

.section {
  clear:both;
  padding:30px 0;
}

.section-color {
  background-color: #fffae3;
}

@media screen and (min-width: 768px) {
     .section {
        padding:66px 0 30px;
      }
}

.section h2 {
  text-align:center;
  margin-bottom:20px;
}
 
.section .catch {
  text-align:center;
  margin-bottom:20px;
}
 
.section p,
.section figure {
  margin-bottom:15px;
}

.section .strong1,
.section .strong2 {
  color:#ff8046;
}
.section .strong2 {
  font-size:20px;
}
 
@media screen and (min-width: 768px) {
     .section h2 {
       margin-bottom:40px;
     }
     
     .section .catch {
       margin-bottom:40px;
     }
     
     .section p,
     .section figure {
       margin-bottom:30px;
     }
     
     .section .strong1 {
       font-size:24px;
     }
     .section .strong2 {
       font-size:36px;
       line-height:1.4;
     }
}

.list-future {
  font-weight:bold;
  font-size:14px;
  line-height:2.0;
  margin-bottom:30px;
}

.list-future li span:before {
  content:"";
  display:inline-block;
  width:15px;
  height:13px;
  background:url(../img/pic_star_left.png) left top no-repeat;
  background-size:contain;
  margin-right:10px;
}


@media screen and (min-width: 768px) {
    .list-future {
      font-size:24px;
    }
    
    .list-future li span:before {
      width:30px;
      height:26px;
    }
    
    .list-future li span:after {
      content:url(../img/pic_star_right.png);
      margin-left:10px;
    }
}

.step h3 {
  background:#eed400;
  color: #ffffff;
  font-size:20px;
  line-height:1.6;
  text-align:center;
  font-family: 'Lobster', cursive;
  border-radius:10px 10px 0 0;
}

.step-detail {
  text-align:center;
  font-size:14px;
  padding:0 20px 20px;
  background-color: #ffe616;
  border-radius:0 0 10px 10px ;
  margin-bottom:30px;
}

@media screen and (min-width: 992px) {
    .step h3 {
      font-size:36px;
    }
    
    .step-detail {
      font-size:18px;
    }
}

.step-detail:after {
  font-family: FontAwesome;
  content: "\f0d7";
  font-weight: normal;
  font-style: normal;
  color:#f2edc0;
  font-size:36px;
  line-height:1;
  position:absolute;
  bottom:-32px;
  left:48%;
}

.step-detail-end:after {
  content:normal !important;
}

.step-detail p {
  margin-bottom:0;
  padding-top:15px;
}

@media screen and (min-width: 768px) {
    .step-detail:after {
      font-size:50px;
      content: "\f0da";
      top:40%;
      bottom:auto;
      right:-10px;
      left:auto;
    }
}

.partner {
  background:#FFFFFF;
  padding:15px 15px 5px;
  text-align:center;
  margin-bottom:20px;
}

.partner h3 {
  font-weight:bold;
  margin-bottom:20px;
  font-size:12px;
}

@media screen and (min-width: 768px) {
    .partner h3 {
      font-size:16px;
    }
}

.point-detail {
  overflow:hidden;
  margin-bottom:20px;
}

.point-detail-title {
  margin-bottom:10px !important;
}

.point-detail-title span {
  font-family: Lobster;
  color: #333333;
  background:#ffe616;
  font-size: 18px;
  padding:2px 30px;
  border-radius:13px;
}

.point-detail h3 {
  font-size:18px;
  font-weight:bold;
  color: #ff8046;
  margin-bottom:5px;
}

@media screen and (min-width: 992px) {
    .point-detail h3 {
      font-size:24px;
    }

    .point-detail p {
      font-size:18px;
    }
}

.teacher-detail {
  position:relative;
  border:2px solid #ffe401;
  background-color: #ffffff;
  margin-bottom:30px;
  padding:20px;
}

.teacher-detail-year {
  position:absolute;
  top:-8px;
  left:42;
}

.teacher-detail-year img {
  width:50px;
}

.teacher-detail h3 {
  margin:0 0 0 0;
  color: #ff8046;
  font-size: 18px;
  font-weight:bold;
  text-align:center;
}

.teacher-detail h3 img {
  margin:15px auto 0;
  display:block;
  width:160px;
}

.teacher-detail h4 {
  margin:30px 0 15px;
  clear:both;
}


.teacher-detail h4 span {
  font-size:13px;
  font-weight:bold;
  background:#ffe616;
  padding:6px 15px;
  border-radius:20px;
}

.teacher-detail h4 strong {
  font-family: Lobster;
}

.teacher-detail p,
.teacher-detail ul {
  font-size:14px;
  margin-bottom:0;
}

.teacher-detail-photo {
  width:40%;
}

@media screen and (min-width: 992px) {
    .teacher-detail {
      padding:40px 40px 20px;
    }
    
    .teacher-detail-year img {
      width:auto;
    }
    
    .teacher-detail h3 {
      margin:0 0 30px 120px;
      font-size: 24px;
      text-align:left;
    }
    
    .teacher-detail h3 img {
      float:right;
      margin:0 0 15px 30px;
      width:auto;
    }
    
    .teacher-detail h4 {
      clear:left;
    }
    
    .teacher-detail h4 span {
      font-size:18px;
      padding:5px 30px 2px;
    }
    
    .teacher-detail p,
    .teacher-detail ul {
      font-size:18px;
      line-height:2;
    }
}

.reason-detail {
  padding-bottom:20px;
}

.reason-detail h3 {
  padding-bottom:20px;
}

.reason-detail .reason-detail-photo img {
  width:40%;
}


@media screen and (min-width: 768px) {
    .reason-detail {
      padding-bottom:60px;
    }
    
    .reason-detail h3 {
      padding-bottom:60px;
    }
    
    .reason-detail .reason-detail-photo img {
      width:auto;
    }
}

.cta-title-post {
  text-align:center;
  font-size:20px;
  font-weight:bold;
  margin-top:20px;
}

.form-wrapper {
  font-size:14px;
  background:#fff;
  padding:15px 10px;
  border:2px solid #d7c000;
}

.form-wrapper h3 {
  text-align:center;
  font-weight:bold;
  font-size:12px;
  margin-bottom:20px;
}

@media screen and (min-width: 768px) {
    .cta-title-post {
      font-size:24px;
    }
    .form-wrapper {
      font-size:16px;
      padding:30px;
    }
    .form-wrapper h3 {
      font-size:24px;
    }
}