.imgbox{
  font-size: 0;
}

/*---------------------------------


          キービジュアル

----------------------------------*/
.key{
  padding: 3%;
  background-image: url(../image/bg_key.png);
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*---------------------------------


          こんなお悩みありませんか？

----------------------------------*/


.trouble_box_img{
  margin-bottom: 40px;
  padding: 0 15px;
}
.trouble_box_txt_container.type001{
  padding: 0;
}
.trouble_box_txt_container ul{
  max-width: 650px;
  width: 90%;
  margin: auto;
}
.trouble_box_txt_container ul li{
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 24px;
}
.trouble_box_txt_container ul li:last-child{
  margin-bottom: 0;
}
.trouble_box_txt_container ul li figure img{
  margin-right: 8px;
  /* padding-right: 8px; */
}
.trouble_box_txt_container ul li p{
  font-size: 2.4rem;
  font-weight: 600;
  flex:1;
}

@media screen and (max-width:650px){

  .trouble_box_img{
    margin-bottom: 24px;
  }
  .trouble_box_txt_container ul li{
    display: flex;
    align-items:flex-start;
    margin-bottom: 8px;
  }
  .trouble_box_txt_container ul li figure img{
    width: 20px;
    height: auto;

  }
  .trouble_box_txt_container ul li p{
    font-size: 1.6rem;
    font-weight: 500;
  }

}

/*---------------------------------


          3つの間違い

----------------------------------*/

.misstake_card{
  max-width: 960px;
  width: 100%;
  margin: 0 auto 56px;
  background: #FFFFFF;
  padding: 38px 24px 40px 24px;
  border: 2px solid #FDAB9F;
  box-shadow: 0 3px 6px #E8E1E1;
  display: flex;
  justify-content: space-between;
}
.misstake_txt{
  margin-right: 24px;
}
.misstake_txt span{
  display: inline-block;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0.66em 1.125em;
  color: #FFFFFF;
  background: #FDAB9F;
  border-radius: 4px;
  box-shadow: 0 3px 6px #E8E1E1;
  margin-bottom: 2em;
}
.misstake_txt p{
  font-size: 2.4rem;
  font-weight: bold;
}
.misstake_card figure{

}
.misstake_card figure img{
  box-shadow: 0 3px 6px #E8E1E1;
  border-radius: 50%;
}
@media screen and (max-width:959px){
  .misstake_txt span{
    font-size: 1.8rem;
  }
  .misstake_txt p{
    font-size: 2.0rem;
  }
}
@media screen and (max-width:600px){
  .misstake_card{
    margin: 0 auto 56px;
    padding: 18px 8px 24px 16px;
    flex-direction: column;
  }
  .misstake_txt{
    margin-right:0;
    margin-bottom: 16px;
  }
  .misstake_txt span{
    font-size: 1.6rem;
  }
  .misstake_txt p{
    font-size: 1.8rem;
    line-height: 2.2;
  }
  .misstake_card figure img{
    width: 185px;
    height: auto;
  }

}

/*---------------------------------


          プロフィール

----------------------------------*/

.profile_container{
  display: flex;
  align-items: flex-end;

}
.profile_txt_container{
  padding: 77px 40px;
  background: #FEF3F1;
  flex: 1;
}
.profile_txt_container h3{
  font-size: 3.6rem;
  font-weight: bold;
  margin-bottom: 1.11em;
  line-height: 1;
}
.profile_br{
  display: none;
}
.profile_txt_container h3 span{
  font-size: 1.8rem;
  padding-left: 16px;
}
.profile_txt span{
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0.66em 1.125em;
  color: #FFFFFF;
  background: #FDAB9F;
  border-radius: 4px;
  box-shadow: 0 3px 6px #E8E1E1;
  margin-bottom: 1em;
}
.profile_txt ul li{
  font-size: 1.8rem;
  margin-bottom: 1.33em;
}
.profile_txt ul li:last-child{
  margin-bottom: 0;
}

@media screen and (max-width:1100px){
  .profile_container{
    display: flex;
    align-items:flex-start;
  }
  .profile_container figure img{
    width: 280px;
    height: auto;
  }
  .profile_txt_container{
    padding: 57px 24px;
  }
  .profile_txt_container h3{
    font-size: 2.6rem;
  }
  .profile_br{
    display: block;
  }
  .profile_txt_container h3 span{
    font-size: 1.6rem;
    padding-left:0;
  }
  .profile_txt span{
    font-size: 1.8rem;
    padding: 0.36em 1.125em;
    margin-bottom: 1em;
  }
  .profile_txt ul li{
    font-size: 1.8rem;
    margin-bottom: 1em;
  }
}
@media screen and (max-width:767px){
  .profile_container{
    flex-direction: column;
  }
  .profile_txt_container{
    padding: 27px 16px;
  }
  .profile_txt_container h3{
    font-size: 2.0rem;
  }
  .profile_txt span{
    font-size: 1.6rem;
  }
  .profile_txt ul li{
    font-size: 1.6rem;
  }

}


/*---------------------------------


          セミナーのご案内

----------------------------------*/
.seminar_container{
  max-width: 960px;
  width: 100%;
  margin: auto;
  position: relative;
}
.seminar_tit_img{
  position: absolute;
  left:50%;
  margin-left: -197px;
  top:-25px;
}
.seminar{
  background: #FEF3F1;
  max-width: 960px;
  width: 100%;
  padding: 80px 40px;
  margin: auto;
}
.seminar_block{
  margin-bottom: 40px;

}
.seminar_block span{
  display:inline-block;
  font-size: 2.0rem;
  font-weight: bold;
  background: #F4B1C6;
  padding: 12px 17px;
  border-radius: 5px;
  color: #FFFFFF;
  margin-bottom: 16px;

}
.seminar_txt_block{
  margin-bottom: 24px;
}
.seminar_txt_block:last-child{
  margin-bottom: 0;
}
.seminar_txt_block p{
  font-size: 1.8rem;
  font-weight:bold;
  line-height: 1.7;
}
.seminar_txt_block .seminar_txt_small{
  font-size: 1.3rem;
  font-weight: 400;
}

@media screen and (max-width:767px){

  .seminar{
    padding: 48px 24px;
  }
  .seminar_block{
    margin-bottom: 24px;
  }
  .seminar_block span{
    font-size: 1.3rem;
    padding: 8px;
    margin-bottom: 8px;
  }
  .seminar_txt_block{
    margin-bottom: 16px;
  }
  .seminar_txt_block p{
    font-size: 1.6rem;
  }
}

@media screen and (max-width:600px){
  .seminar_tit_img{
    width: 220px;
    height: auto;
    margin-left: -110px;
    top:-16px;
  }
}

/*---------------------------------


          受講者様の声

----------------------------------*/
.heading-tit{
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 40px;
}
@media screen and (max-width:767px){
  .heading-tit{
    font-size: 1.8rem;
    margin-bottom: 24px;
  }

}

/*---------------------------------


          コースのご紹介

----------------------------------*/
.course_container{

}
.course{
  background: #FFFFFF;
  padding: 34px 24px 48px 24px;
  margin: 0 auto 56px;

}
.course_tit{
  max-width: 645px;
  width: 100%;
  font-size: 2.4rem;
  height: 54px;
  line-height: 54px;
  font-weight: bold;
  margin-bottom: 32px;
}
.course p span{
  display: inline-block;
  color:#FFFFFF;
  background: #FDAB9F;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0 8px;
  margin-right: 16px;
}
.trouble_box_txt_container.type002 ul{
  max-width: 645px;
  margin: 0;
}
.trouble_box_txt_container.type002{
  padding: 0;
}

@media screen and (max-width:767px){
  .course{
    padding: 24px 8px 24px 8px;
    margin: 0 auto 40px;


  }
  .course_tit{
    font-size: 1.3rem;
    height: 40px;
    line-height: 40px;
    margin-bottom: 24px;
  }
  .course p span{
    padding: 0 4px;
    font-size: 1.3rem;
    margin-right: 8px;
  }
  .trouble_box_txt_container.type002 ul li p{
    font-size: 1.3rem;
  }

}

/*---------------------------------

          6大特典

----------------------------------*/
.tokuten{
  max-width: 960px;
  width: 100%;
  margin: auto;
  background: #FFFFFF;
}
.tokuten span{
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
  font-size: 3.4rem;
  display: block;
  padding: 8px 0;
  color:#FFFFFF;
  background: #F266A7;
  text-align: center;
}
.tokuten_list{
  padding: 32px 0;
}
.tokuten_list ul{
  padding-left: 32px;

}
.tokuten_list ul li{
  font-size: 2.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.tokuten_list ul li img{
  margin-right: 16px;
}

@media screen and (max-width:767px){
  .tokuten span{
    font-size: 2.0rem;
    padding: 8px 0;
  }
  .tokuten_list{
    padding: 24px 0;
  }
  .tokuten_list ul{
    /* padding-left: 16px; */
    padding: 0 16px;
  }
  .tokuten_list ul li{
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
  .tokuten_list ul li img{
    width: 45px;
    height: auto;
    margin-right: 8px;
  }

}