@charset "UTF-8";


#person001 .article__answer::before, #person001-2 .article__answer::before {
    display: inline;
    content: "川口「";
    font-weight: 700;
}

#person001 .graph--dot--1st {
    top: 70px;
    left: 29px;
    opacity: 0;
}

#person001 .graph--dot--2nd {
    top: 124px;
    left: 34px;
    opacity: 0;
}

#person001-2 .graph--dot--3rd {
    top: 221px;
    left: 68px;
    opacity: 0;
}

#person001-2 .graph--dot--4th {
    top: 289px;
    left: 60px;
    opacity: 0;
}

#text_link{
  color: blueviolet;
  text-decoration: underline;
}





  #person001-2 .graph--dot--4th {
      top: 289px;
    left: 60px;
      opacity: 0;
  }
  
  #person001-2 .graph--dot--5th {
      top: 304px;
    left: 59px;
      opacity: 0;
  }
    
#img-margin{
  margin-bottom: 80px;
}

.graph--1st-point {
     top: 85px;
    }


.graph--3rd-point {
        top: 394px;
    }
    
.graph--4rd-point {
        top: 517px;
    }
    
.graph--5th-point {
        top: 614px;
    }
    
@media only screen and (min-width: 1280px) {
    .graph--4th-point {
        top: 517px;
    }
}

@media only screen and (max-width: 480px) {
  
  #person001 .graph--dot--1st {
      top: 70px;
      left: 29px;
      opacity: 0;
  }
  
  #person001 .graph--dot--2nd {
      top: 124px;
      left: 34px;
      opacity: 0;
  }
  
  #person001-2 .graph--dot--3rd {
      top: 221px;
    left: 68px;
      opacity: 0;
  }
  
  #person001-2 .graph--dot--4th {
      top: 289px;
    left: 60px;
      opacity: 0;
  }
  
  
    #person001-2 .graph--dot--5th {
      top: 304px;
    left: 59px;
      opacity: 0;
  }
  


  
#img-margin{
  margin-bottom: 80px;
}

#text_link{
  color: blueviolet;
  text-decoration: underline;
}


.graph--1st-point {
     top: calc(-6.95vw + 50px);
    }

  
.graph--3rd-point {
    top: 50vw;
}
.graph--4th-point {
    top: 62.5vw;
    }
    
.graph--5th-point {
    top: 71.5vw;
    }



}