/* persona section */
.persona-sec .inner {
  width: 100%;
}

.persona-sec .recommend {
  text-decoration: underline;
  text-decoration-color: #367cff;
  text-underline-offset: 5px;
  font-size: 2.5rem;
  font-weight: 500;
  text-align: center;
  display: block;
  margin: 17rem auto 0;
}

/* ペルソナ共通 */
.persona-sec .persona-fir {
  margin: 7rem auto;
  border-radius: 50px;
  outline: solid 5px #367cff;
  padding: 5px 20px 20px 20px;
  width: 60%;
}

.persona-sec .top-title {
  color: white;
  border-radius: 20px;
  background-color: #367cff;
  padding: 10px 15px 10px 21px;
  width: 200px;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  display: block;
  margin: 20px auto;
}

/* ペルソナ説明 */
.persona-sec .persona-fir .desc {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
}

.persona-sec .persona-fir .child {
  margin: 1.5rem 0;
}

/* 画像共通スタイル */
.persona-sec .persona-fir .under-sec img,
.persona-sec .per-third-img {
  width: 150px;
  display: block;
  margin: 40px auto;
}

/* responsive styles */
@media (max-width: 1250px) {
  .persona-sec .inner {
    display: block;
  }

  .persona-sec .recommend {
    font-size: 2rem;
    width: 90%;
  }
}

@media (max-width: 465px) {
  .persona-sec .top-title {
    width: 100px;
    font-size: 1rem;
  }

  .persona-sec .persona-fir .desc {
    font-size: 0.9rem;
  }
  
  .persona-sec .recommend {
    font-size: 1.7rem;
  }
}

@media (max-width: 360px) {
  .persona-sec .recommend {
    font-size: 1.3rem;
  }

  .persona-sec .top-title {
    border-radius: 14px;
    width: 80px;
    font-size: 0.8rem;
  }

  .persona-sec .persona-fir .desc {
    font-size: 0.7rem;
  }

  .persona-sec .persona-fir .child {
    margin: 1rem 0;
  }

  .persona-sec .persona-fir .under-sec img {
    width: 100px;
    margin: 40px auto 10px;
  }
}