@charset "UTF-8";

/*--インプラント メリット--*/
#implant_merit + section .heading h2{
    position: relative;
    padding-left: 30px;
}
#implant_merit + section .heading h2:after{
   content:"";
   display: block;
   position: absolute;
   border-left: 1.5px solid var(--i_main_color);
   border-bottom: 1.5px solid var(--i_main_color);
   width: 15px;
   height: 5px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg) translate(0, -50%);
   left: 6px;
   top: 50%;
   margin-top: -2px;
}
[id^="implant_"] + section .inner_item_txt{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
[id^="implant_"] + section > .content_wrapper .wrapper_item .inner_item_txt p{
    padding: 1rem 0 1rem 28px;
    margin: 0;
    position: relative;
    width: calc(48% - 28px);
    border-bottom: 1px dashed var(--i_txt_color);
}
[id^="implant_"] + section > .content_wrapper .wrapper_item .inner_item_txt p:after{
   content:"";
   display: block;
   position: absolute;
   border-left: 1px solid var(--i_main_color);
   border-bottom: 1px solid var(--i_main_color);
   width: 7px;
   height: 3px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   left: 5px;
   top: 22px;
}
[id^="implant_"] + section > .content_wrapper .wrapper_item .inner_item_txt p:before{
   content:"";
   display: block;
   position: absolute;
   width: 17px;
   height: 17px;
   background: var(--i_sub_color);
   left: 0;
   top: 17px;
   border-radius: 50%;
}
@media screen and (max-width: 800px) {
    [id^="implant_"] + section .inner_item_txt{
        flex-direction: column;
    }
    [id^="implant_"] + section > .content_wrapper .wrapper_item .inner_item_txt p{
        width: calc(100% - 28px);
    }
}


/*--インプラント デメリット--*/
#implant_demerit + section .heading h2{
   position: relative;
    padding-left: 30px;
}
#implant_demerit + section .heading h2:after,
#implant_demerit + section .heading h2:before {
   content: "";
   position: absolute;
   top: 50%;
   left: 10px;
   width: 1.5px;
   height: 20px;
   background: var(--i_main_color);
}
#implant_demerit + section .heading h2:after{
   transform: translate(0,-50%) rotate(45deg);
}
#implant_demerit + section .heading h2:before{
   transform: translate(0,-50%) rotate(-45deg);
}
#implant_demerit + section > .content_wrapper .wrapper_item .inner_item_txt p:after{
   content:none;
}
#implant_demerit + section > .content_wrapper .wrapper_item .inner_item_txt p span{
   position: relative;
}
#implant_demerit + section > .content_wrapper .wrapper_item .inner_item_txt p span:after,
#implant_demerit + section > .content_wrapper .wrapper_item .inner_item_txt p span:before{
  content: "";
  position: absolute;
  top: 12px;
  left: -20px;
  width: 1px;
  height: 7px;
  background: var(--i_main_color);
}
#implant_demerit + section > .content_wrapper .wrapper_item .inner_item_txt p span:after{
   transform: translate(0,-50%) rotate(45deg);
}
#implant_demerit + section > .content_wrapper .wrapper_item .inner_item_txt p span:before{
   transform: translate(0,-50%) rotate(-45deg);
}