@charset "UTF-8";

/*アンカーリンク*/
#about_anc + .composite_box01 .inner_item{
    position: relative;
}
#about_anc + .composite_box01 .inner_item>a{
    width: 22vw;
    max-width: 250px;
    margin: 0 auto;
}
#about_anc + .composite_box01 .inner_item + .inner_item::before,
#about_anc + .composite_box01 .inner_item + .inner_item::after{
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    position: absolute;
    background: var(--i_main_color);
    top: 50%;
    left: -15%;
}
#about_anc + .composite_box01 .inner_item + .inner_item::before {
    transform: rotate(-225deg);
}
#about_anc + .composite_box01 .inner_item + .inner_item::after {
    transform: rotate(225deg);
}
#about_anc + .composite_box01 .inner_item .inner_item_img{
    width: 20vw !important;
    height: 20vw !important;
    max-width: 250px;
    max-height: 250px;
}
#about_anc + .composite_box01 .inner_item .inner_item_img img{
    border-radius: 100%;
}
#about_anc + .composite_box01 .inner_item .inner_item_txt{
    margin-top: 0;
}
#about_anc + .composite_box01 .inner_item .inner_item_txt .heading{
    height: 100% !important;
}
#about_anc + .composite_box01.block_images_9 .inner_item_txt .heading:before{
    border-radius: 100%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 20vw !important;
    height: 20vw !important;
    max-width: 250px;
    max-height: 250px;
}
@media screen and (max-width: 700px){
  #about_anc + .composite_box01 .inner_item{
      width: 100% !important;
      margin-left: 0 !important;
  }
  #about_anc + .composite_box01 .inner_item>a{
      width: 50vw;
  }
  #about_anc + .composite_box01:not(.col2):not(.block_images_7):not(.block_images_11):not(.block_images_12):not(.block_images_14):not(.block_images_15):not(.block_images_17):not(.block_images_21) .inner_item{
      margin-bottom: 60px;
  }
  #about_anc + .composite_box01 .inner_item .inner_item_img{
      width: 50vw !important;
      height: 50vw !important;
  }
  #about_anc + .composite_box01 .inner_item + .inner_item::before,
  #about_anc + .composite_box01 .inner_item + .inner_item::after{
      width: 30px;
      top: -30px;
      left: 47%;
  }
  #about_anc + .composite_box01.block_images_9 .inner_item_txt .heading:before{
      width: 50vw !important;
      height: 50vw !important;
  }
}
@media screen and (max-width: 400px){
  #about_anc + .composite_box01 .inner_item + .inner_item::before,
  #about_anc + .composite_box01 .inner_item + .inner_item::after{
      left: 45.5%;
  }
}