@charset "utf-8";



.lecture-sub-sec:nth-child(odd) .lecture-col2-item{
  background-color: #E5FCFF;
}
.lecture-sub-sec:nth-child(even) .lecture-col2-item{
  background-color: #CEF6FE;
}
.lecture-sub-head{
  background-color: #FFF;
  border: 1px solid #707070;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.lecture-col2-item .lecture-sub-head{
  width: 100%;
}
.lecture-col2-item p strong{
  background-color: #FFF;
}


.child-rearing-head{
  background-position: center top;
  background-repeat: no-repeat;
  font-weight: 700;
  letter-spacing: .03em;
  line-height: 1;
  text-align: center;
}
.childbirth{
  background-image: url("../img/ic_childbirth.svg");
}
.childcare{
  background-image: url("../img/ic_childcare.svg");
}




.cafeteria-plan:before {
  color: #999999;
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
  text-decoration: underline;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  display: block;
  text-align: center;
}
.cafeteria-plan .icon{
  background-position: center center;
  background-repeat: no-repeat;
}
.hotel{
  background-color: #DFFDFF;
}
.hotel .icon{
  background-image: url("../img/ic_hotel.svg");
}
.play{
  background-color: #FDDFDF;
}
.play .icon{
  background-image: url("../img/ic_play.svg");
}
.meal{
  background-color: #F5DFF8;
}
.meal .icon{
  background-image: url("../img/ic_meal.svg");
}
.trip{
  background-color: #FAF8DD;
}
.trip .icon{
  background-image: url("../img/ic_trip.svg");
}
.shopping{
  background-color: #DFFFF0;
}
.shopping .icon{
  background-image: url("../img/ic_shopping.svg");
}
@media screen and (min-width:781px) {
  .education-desc{
    margin: 95px 90px 0;
  }
  .education-desc-sec{
    padding: 1px 75px 70px;
    margin-top: 30px;
  }
  
  .lecture-sub-head{
    font-size: 1.8rem;
    padding: 15px;
    margin: 70px auto 55px;
    width: 42.25%;
    max-width: 382px;
  }
  .lecture-sub-head span{
    font-size: 1.4rem;
  }
  
  
  
  .lecture-sub-sec{
    padding-top: 75px;
  }
  
  .lecture-col2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 75px 90px 0;
  }
  .lecture-col2-item{
    display: flex;
    flex-direction: column;
    padding: 55px 40px 60px;
    margin-top: 15px;
    width: 49.115%;
  }
  .lecture-col2-item .lecture-sub-head{
    margin-top: 35px;
  }
  
  
  .child-rearing-head{
    font-size: 3.0rem;
    padding-top: 160px;
  }
  .child-rearing-head > span{
    font-size: 1.8rem;
  }
  
  
  .fig2{
    margin: 30px auto 0;
    max-width: 420px;
  }
  
  
  
  .cafeteria-plan-list{
    counter-reset: number 0;
    display: flex;
    flex-wrap: wrap;
    margin: 80px auto 0;
    width: 90%;
    max-width: 936px;
  }
  .cafeteria-plan{
    padding: 45px 40px 45px;
    margin: 25px 1.7% 0;
    width: 29.914%;
  }
  .cafeteria-plan:before{
    font-size: 1.4rem;
    margin-bottom: 35px;
  }
  .cafeteria-plan:nth-child(4){
    margin-left: auto;
  }
  .cafeteria-plan:nth-child(5){
    margin-right: auto;
  }
  .cafeteria-plan .icon{
    margin: 0 auto;
    height: 94px;
    width: 94px;
  }
  .cafeteria-plan .lecture-sub-head{
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 780px) {

  
  .lecture-sub-head{
    font-size: 1.5rem;
    padding: 15px;
    margin: 50px auto 30px;
  }
  .lecture-sub-head span{
    lecture-size: 1.0rem;
  }
  
  
  .lecture-sub-sec{
    padding-top: 75px;
  }
  
  .lecture-col2{
    font-size: 1.3rem;
    margin: 90px 20px 0;
  }
  .lecture-col2-item{
    padding: 45px 20px 70px;
    margin-top: 25px;
  }
  .lecture-col2-item .lecture-sub-head{
    margin-top: 35px;
  }
  
  
  
  .fig2{
    margin: 55px 20px 0;
  }
  
  
  
  
  .child-rearing-head{
    background-size: 115px auto;
    font-size: 2.4rem;
    padding-top: 130px;
  }
  .child-rearing-head > span{
    font-size: 1.4rem;
  }
  
  
  .cafeteria-plan-list{
    counter-reset: number 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px 20px 0;
  }
  .cafeteria-plan{
    font-size: 1.3rem;
    padding: 35px 20px 45px;
    margin-top: 0.8%;
    width: 49.6%;
  }
  .cafeteria-plan:before{
    font-size: 1.1rem;
    margin-bottom: 35px;
  }
  .cafeteria-plan .icon{
    background-size: 75px auto;
    margin: 0 auto;
    height: 75px;
    width: 75px;
  }
  .cafeteria-plan .lecture-sub-head{
    margin-top: 25px;
    margin-bottom: 30px;
    width: 100%;
  }
}