@charset "utf-8";

.faq{
  background-color: #E8F6FF;
}


@media print, screen and (min-width:781px) {
  .faq .bg{
    background-image: url("../img/img_main.jpg");
  }
}
@media screen and (max-width: 780px) {
  .faq .bg{
    background-image: url("../img/img_main_sp.jpg");
  }
}





.qanda-sec{
  background-color: #FFF;
  overflow: hidden;
}
.qanda-sec:first-child{
  margin-top: 0;
}
.qanda-sec-heading p{
  background-color: #E5F8FF;
  border: 1px solid #666666;
  border-radius: 50%;
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1;
}
.qanda-sec-heading h2{
  font-weight: 700;
}
.qanda-item{
  display: flex;
  justify-content: space-between;
}
.qanda-item .ans{
  background-color: #016FBC;
  border: 1px solid #666666;
  border-radius: 50%;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1;
}
.qanda-item:first-child{
  margin-top: 0;
}

.qanda-session{
    display: none;
  }
.qanda-talk{
  align-self: center;
  position: relative;
}
.qanda-talk:after{
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 23px;
  width: 55px;
}
.qanda-talk p{
  line-height: 2.125;
}
.qanda-talk .txt-bold{
  font-weight: 700;
  line-height: 1.8;
}
.bt-qanda-close{
  background: url("../../common/img/bt_close.svg") center top no-repeat;
  margin: 60px auto 0;
  color: #999999;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  padding-top: 32px;
  text-align: center;
  width: 42px;
}


.qanda-comment{
  margin: 60px auto 0;
  width: 90%;
}
@media print, screen and (min-width:781px) {
  .qanda-contents{
    margin-bottom: 100px;
  }
  .qanda-sec{
    margin-top: 60px;
  }
  .qanda-sec-heading{
    background: url("../img/ic_arrow.svg") right 70px center no-repeat;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 80px 130px 80px 70px;
  }
  .qanda-sec-heading.active{
    background: url("../img/ic_minus.svg") right 70px center no-repeat;
  }
  .qanda-sec-heading p{
    font-size: 4.0rem;
    height: 70px;
    width: 70px;
  }
  .qanda-sec-heading h2{
    font-size: 2.2rem;
    width: calc(100% - 110px);
  }
  .qanda-session{
    padding: 0 70px 50px;
  }
  .qanda-item{
    border-top: 1px solid #707070;
    padding-top: 70px;
  }
  .qanda-item .ans{
    font-size: 4.0rem;
    height: 70px;
    width: 70px;
  }
  .qanda-talk{
    margin-top: 5px;
    width: calc(100% - 110px);
  }
  .qanda-talk .txt-bold{
    font-size: 3.0rem;
  }
  .qanda-talk .txt-bold + p{
    margin-top: 25px;
  }
  
  
  .qanda-session-image{
    margin-top: 90px;
  }
}
@media screen and (max-width: 780px) {
  .qanda-contents{
    margin-bottom: 70px;
  }
  .qanda-sec{
    margin: 25px 0 0;
  }
  .qanda-sec-heading{
    background: url("../img/ic_arrow.svg") right 28px top 50px no-repeat;
    background-size: 20px auto;
    cursor: pointer;
    padding: 30px 40px 35px 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 140px;
  }
  .qanda-sec-heading.active{
    background: url("../img/ic_minus.svg") right 28px top 50px no-repeat;
    background-size: 20px auto;
  }
  .qanda-sec-heading p{
    font-size: 2.8rem;
    margin: 0 auto 20px;
    height: 50px;
    width: 50px;
  }
  .qanda-sec-heading h2{
    font-size: 1.7rem;
    line-height: 1.3;
  }
  .qanda-session{
    border-top: 1px solid #707070;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 35px;
    padding-bottom: 40px;
  }
  .qanda-item{
    display: block;
    margin-top: 50px;
  }
  .qanda-item .ans{
    font-size: 2.8rem;
    margin: 0 auto 25px;
    height: 50px;
    width: 50px;
  }
  .qanda-talk{
    font-size: 1.3rem;
    padding: 0 0 30px;
  }
  .qanda-sec:nth-child(odd) .qanda-item .qanda-talk:after{
    background-size: 23px auto;
    width: 23px;
    top: 20px;
    right: 0;
  }
  .qanda-sec:nth-child(even) .qanda-item .qanda-talk:after{
    background-size: 23px auto;
    width: 23px;
    top: 20px;
    left: 0;
  }
  .qanda-talk .txt-bold{
    font-size: 2.2rem;
    text-align: center;
  }
  .qanda-talk .txt-bold + p{
    margin-top: 12px;
  }
  
  .qanda-session-image{
    margin-top: 30px;
  }
  
  .bt-qanda-close{
    font-size: 1.1rem;
    margin: 40px auto 0;
  }
  
  .qanda-comment{
    font-size: 1.4rem;
  }
  
  .qanda-expansion-area{
    text-align: center;
    margin-top: 40px;
  }
  .qanda-expansion-area a{
    background-color: #F3F7F8;
    display: inline-block;
    padding: 10px;
    width: 60%;
  }
  .qanda-expansion-area a > span{
    background: url("../img/ic_exp.svg") left center no-repeat;
    background-size: 22px auto;
    display: inline-block;
    padding: 2px 0 2px 28px;
  }
}







.lecture-sub-sec:nth-child(odd) .lecture-col2-item{
  background-color: #ECFAFD;
}
.lecture-sub-sec:nth-child(even) .lecture-col2-item{
  background-color: #C4F7FF;
}
.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 20px 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%;
  }
  
  
  .image1{
    margin-left: -90px;
    margin-right: -90px;
  }
}
@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 0 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 0 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%;
  }
  
  
  .image1{
    margin-left: -20px;
    margin-right: -20px;
  }
}