.title-circle {
  margin-left: 10vw;
}

.qa-block {
  margin: 36px 0;
}

.qa-block p {
  text-align: justify;
  font-size: 12px;
  /*text-wrap: pretty;*/
  margin: 8px 10vw;
  padding: 6px 12px;
  background-color: var(--clr-lightbeige);
  border-radius: 8px;
}

.contact-text {
  text-align: justify;
  font-size: 12px;
  word-break: break-all;
  margin: 10px calc(10vw + 12px);
  margin-bottom: 90px;
}

.contact-text a {
  border-bottom: 1px solid var(--clr-blue);
  margin: 0 2.5px;
  color: var(--clr-blue);
}


/* 
===============================
PCサイズ以上のスタイル 
===============================
*/


@media screen and (min-width: 1024px) {

  .title-circle {
    margin-left: 15vw;
  }

  .pin-container{
    padding-right: 3px;
  }
  
  .qa-block {
    margin: 48px 0;
  }

  .circle-text {
    font-size: 18px;
  }

  .qa-block p {
    font-size: 16px;
    margin: 8px 15vw;
    padding: 12px 24px;
    border-radius: 8px;
  }

  .contact-text {
    font-size: 16px;
    margin: 20px calc(15vw + 16px);
    margin-bottom: 90px;
  }

  .contact-text a {
    transition: all 0.2s ease;
  }

  .contact-text a:hover {
    transform: translateY(3px);
    text-shadow: 0 0 1px;
  }

}