.imgbox{
  font-size: 0;
}
/*---------------------------------


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

----------------------------------*/
.trouble{
  position: relative;
  margin-bottom: 88px;

}
.triangle{
  position: absolute;
  left:50%;
  margin-left: -175px;
  bottom:-60px;
}
.trouble_box_txt_container{
  margin-top: 24px;
  padding: 64px 24px;
  background: #FFFFFF;
  border: 3px solid #A87108;
  border-radius: 20px;
}
.trouble_box_txt_container.type001{
  padding: 0;
}
.trouble_box_txt_container ul{
  max-width: 780px;
  width: 100%;
  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;
}
.trouble_box_txt_container ul li p{
  font-size: 2.7rem;
  font-weight: 600;
  flex:1;
}

@media screen and (max-width:650px){
  .trouble_box_txt_container{
    padding: 32px 16px;
  }
  .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;
    position: relative;
    top:5px;

  }
  .trouble_box_txt_container ul li p{
    font-size: 2.0rem;
    /* font-weight: 500; */
  }

}
/*-----------------------

        失敗しないポイント


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

.sippai_tit{
  font-size: 2.4rem;
  font-weight: bold;
  display: block;
  margin-bottom: 0.66em;
}

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

      導入実績


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

.model_card{
  margin-bottom: 48px;
}
.model_card:last-child{
  margin-bottom: 0;
}


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


          経営のメリット

----------------------------------*/
.merit_tit{
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .merit_tit{
    font-size: 1.3rem;
  }

}
/*-----------------------

        活用までの流れ

-------------------------*/
.flow_tit{
  background: #181819;
  color: #FFFFFF;
  padding: 4px 0;
}
.flow_container{
    padding: 16px 12px 40px;
}
.voice_container{
  padding-top: 64px;

}
.voice_card{
  padding: 40px 32px;
  margin-bottom: 64px;
  background: #FFFFFF;
  border-radius: 33px;
  box-shadow: 0 3px 8px #00000029;
}
.voice_card_txt p{
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight:500;
  margin-bottom: 1.3em;
}
.voice_card_txt p:last-child{
  margin-bottom: 0;
}
.voice_card_name{
  font-size: 1.8rem;
  font-weight: 500;
  text-align: right;
}
@media screen and (max-width:767px){
  .voice_container{
    padding-top: 48px;
  }
  .voice_card{
    padding: 24px 32px;
    margin-bottom: 48px;
  }
  .voice_card_txt p{
    font-size: 1.6rem;
  }
  .voice_card_name{
    font-size: 1.6rem;
  }

}

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

         施術の流れ


-------------------------*/
.flow_container{

}
.flow{
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.flow:nth-of-type(even){
  flex-direction:row-reverse;
}
.flow_content{
  max-width: 433px;
}
.flow_content_tit{
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.flow_content_tit p{
  margin-left: 12px;
  font-size: 3.0rem;
  font-weight: 700;
  color: #33A1DB;
}
.flow_content_txt{
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width:959px){
  .flow > figure img{
    width: 433px;
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width:850px){
  .flow{
    width: 433px;
    max-width: 100%;
    margin: 0 auto 64px;
    display: block;
  }
  .flow_content_tit p{
    margin-left: 12px;
    font-size: 2.0rem;
  }
  .flow_content_tit{
    margin-bottom: 8px;
  }
  .flow_content_tit > figure img{
    width: 65px;
    height: auto;
  }

}

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

    カウンセリングの紹介


-------------------------*/
.counseling_container{
  margin-bottom: 80px;


}
.counseling_bord{
  padding: 40px;
  background: #FFFFFF;

}
.counseling_bord_figure{
  text-align:center;
  margin-bottom: 40px;

}
.counseling_txt{

}
.counseling_txt p{
  font-size: 2.0rem;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 1.7;
}
.counseling_txt p:last-child{
  /* margin-bottom: 0; */
}
.counseling_tit{
  font-size: 2.4rem;
  font-weight: bold;
  background: #CFF5FF;
  padding: 11px 0 11px 24px;
  color:#33A1DB;
  margin-bottom: 32px;
}
@media screen and (max-width:767px){
  .counseling_container{
    margin-bottom: 40px;
  }
  .counseling_bord{
    padding: 24px;
    background: #FFFFFF;
  }
  .counseling_bord_figure{
    text-align:center;
    margin-bottom: 40px;
  }
  .counseling_txt p{
    font-size: 1.6rem;
    margin-bottom: 16px;
  }
  .counseling_tit{
    font-size: 2.0rem;
    color:#33A1DB;
    margin-bottom: 24px;
  }

}




/* table */

.plan_table{
  width: 100%;
  max-width: 100%;
font-family: 'メイリオ', Meiryo, sans-serif;
  font-size: 1.6rem;
  margin: auto;
}
.plan_table th{
  width: 30%;
  font-weight: 300;
  background:#181819;
  padding: 16px 18px;
  color: #FFFFFF;
  text-align: left;
  border-bottom: solid .5px #CDC4C4;
}

.plan_table td{
  background: #FFFFFF;
  padding: 18px;
  border-bottom: solid .5px #CDC4C4;

}
@media screen and (max-width: 1100px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
  }
  .plan_table th,
  .plan_table td {
    text-align: left;
    border-bottom: none;
    display: block;
  }
  .plan_table th{
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  .plan_table th{
    padding: 8px;
  }
  .plan_table th,
  .plan_table td {
    padding: 8px;
    text-align: left;
    font-size: 1.3rem;
  }
}

.plan_table p:last-child{
  margin-bottom: 0;
}

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


          プライバシーポリシー

----------------------------------*/
.privacy_list{
  max-width: 960px;
  width: 100%;
  font-family:'Noto Sans JP', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 auto 40px;
}
.privacy_list_tit{
  font-size: 1.6rem;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 24px;
}
.privacy_txt{
  margin-bottom: 24px;
  line-height: 1.7;
}
.privacy_list ul{
  padding-left: 24px;
}
.privacy_list ul li{
  line-height: 1.5;
  margin-bottom: 16px;
}

@media screen and (max-width:600px){
  .privacy_list{
    font-size: 1.3rem;
  }
  .privacy_list_tit{
    margin-bottom: 8px;
  }
  .privacy_txt{
    margin-bottom: 16px;
  }
  .privacy_list ul{
    padding-left: 8px;
  }

}

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


          よくあるご質問

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

.faq_box.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  margin: 0 10px;
  padding: 0;
}
.more {
  text-align: center;
  margin-top: 20px;
}
.more button {
  background-color: #2E385C;
  color: #fff;
  line-height: 40px;
  width: 180px;
  border-radius: 20px;
  box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
  transition: 0.3s ease-in-out;
}

.c-open_close_box:last-child{
  margin-bottom: 0;
}
.c-open_box{
  position: relative;
  cursor: pointer;
}
.c-close_box{
  display: none;
  padding-top: 16px;
}

@media screen and (max-width:959px){
  .c-close_box{
    padding-top: 8px;
  }
}
.faq_box{
  font-family:'Noto Sans JP', sans-serif;
  max-width: 800px;
  width: 100%;
  margin: 0 auto 1.3em;
  background:#FFFFFF;
  padding:24px 20px;
  border-radius: 8px;
  box-shadow: 0 3px 6px #E8E1E1;
}
.faq_question_box{
  display: flex;
  align-items: center;
}
.question_sen{
  font-size: 1.8rem;
  padding-left: 8px;
  font-weight: 500;
  flex:1;
}
.answer_sen p{
  font-size:1.8rem;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width:600px){
  .faq_box{
    padding:16px 8px;
  }
  .question_sen{
    font-size: 1.6rem;
  }
  .answer_sen p{
    font-size: 1.6rem;
  }
}
.faq_question_box__btn::after,
.faq_question_box__btn::before{
  content:"";
  display: block;
  width: 20px;
  height: 1px;
  border-radius: 5px;
  background: #3D4449;
  position: absolute;
  right: 0;
  top:48%;
  transform:translateY(-50%);
}
@media screen and (max-width:600px){
  .faq_question_box__btn::after,
  .faq_question_box__btn::before{
    width: 10px;
  }


}
.faq_question_box__btn::after{
  transform:translateY(-50%)rotate(90deg);
  transition: 0.5s;
}
.faq_question_box__btn.ac::after{
  transform: rotate(0);
  transition: 0.5s;
}