@charset "UTF-8";
/*media end*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PC style's
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.ttl_userv {
  font-size: 1.5rem;
  margin-bottom: 1.5rem; }

.balloon01 {
  width: 100%;
  margin: 0 0 2.6rem 0;
  overflow: hidden;
  display: flex;
  justify-content: space-between; }

.balloon01:last-child {
  margin-bottom: 0; }

.balloon01 .faceicon {
  width: 7.0rem; }

.balloon01 .faceicon img {
  width: 100%;
  height: auto; }

.balloon01 .chatting {
  width: 100%;
  max-width: 37.0rem;
  text-align: left; }

.says {
  display: inline-block;
  position: relative;
  margin: 0 0 0 0;
  padding: 2.0rem;
  width: 100%;
  max-width: 37.0rem;
  height: auto;
  border-radius: 1.2rem;
  background: #edf1ee; }

.says:after {
  content: url("../images/image-usersvoice/SVG/img_fuki.svg");
  display: inline-block;
  position: absolute;
  top: 2rem;
  left: -1.9rem;
  width: 3.0rem;
  height: 2.0rem; }

.says p {
  margin: 0;
  padding: 0; }

.usersvoice__block {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  @media (max-width: 767px) {
    .usersvoice__block {
      margin-bottom: 2.0rem;
      align-items: flex-start; } }
  @media screen and (min-width: 768px), print {
    .usersvoice__block {
      margin-bottom: 4.0rem; } }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    .usersvoice__block {
      margin-bottom: 2.4rem !important; } }
  @media (max-width: 767px) {
    .usersvoice__block__icon {
      width: 6.0rem;
      margin-right: 1.2rem !important; } }
  @media screen and (min-width: 768px), print {
    .usersvoice__block__icon {
      width: 7.0rem;
      margin-right: 1.5rem !important; } }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    .usersvoice__block__icon {
      width: 4.2rem;
      margin-bottom: 0.9rem !important; } }
  .usersvoice__block__icon > img {
    max-width: 100%;
    width: 100%; }
  .usersvoice__block__ttl {
    font-weight: bold; }
    @media (max-width: 767px) {
      .usersvoice__block__ttl {
        font-size: 1.3rem !important; } }
    @media screen and (min-width: 768px), print {
      .usersvoice__block__ttl {
        font-size: 2.4rem !important; } }
    @media screen and (min-width: 768px) and (max-width: 1280px) {
      .usersvoice__block__ttl {
        font-size: 1.44rem !important; } }
    .usersvoice__block__ttlSub1 {
      color: #283C85;
      display: block;
      font-weight: normal; }
      @media (max-width: 767px) {
        .usersvoice__block__ttlSub1 {
          font-size: 1.1rem !important;
          letter-spacing: -0.02rem; } }
      @media screen and (min-width: 768px), print {
        .usersvoice__block__ttlSub1 {
          font-size: 1.4rem !important;
          margin-top: 1.0rem; } }
      @media screen and (min-width: 768px) and (max-width: 1280px) {
        .usersvoice__block__ttlSub1 {
          font-size: 0.84rem !important;
          margin-top: 0.6rem !important; } }
    .usersvoice__block__ttlSub2 {
      color: #D3458A;
      display: block;
      font-weight: normal; }
      @media (max-width: 767px) {
        .usersvoice__block__ttlSub2 {
          font-size: 1.1rem !important;
          letter-spacing: -0.02rem; } }
      @media screen and (min-width: 768px), print {
        .usersvoice__block__ttlSub2 {
          font-size: 1.4rem !important;
          margin-top: 1.0rem; } }
      @media screen and (min-width: 768px) and (max-width: 1280px) {
        .usersvoice__block__ttlSub2 {
          font-size: 0.84rem !important;
          margin-top: 0.6rem !important; } }

.usersvoice__Link {
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 767px) {
    .usersvoice__Link {
      justify-content: center;
      margin-bottom: 3.5rem; } }
  @media screen and (min-width: 768px), print {
    .usersvoice__Link {
      margin-bottom: 8.0rem; } }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    .usersvoice__Link {
      margin-bottom: 4.8rem; } }
  .usersvoice__Link.Ver2 {
    justify-content: center;
    margin-bottom: 0; }
  .usersvoice__Link__item {
    color: #555 !important; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Tab style's
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media screen and (min-width: 768px) and (max-width: 1280px) {
  /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  TAB style's
  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .ttl_userv {
    font-size: 0.9rem;
    margin-bottom: 0.9rem; }

  /*以下、②左側のコメント*/
  .balloon01 {
    width: 100%;
    margin: 0 0 1.56rem 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between; }

  .balloon01:last-child {
    margin-bottom: 0; }

  .balloon01 .faceicon {
    width: 4.2rem; }

  .balloon01 .faceicon img {
    width: 100%;
    height: auto; }

  .balloon01 .chatting {
    width: 100%;
    max-width: 22.2rem;
    text-align: left; }

  .says {
    display: inline-block;
    position: relative;
    margin: 0 0 0 0;
    padding: 1.2rem;
    width: 100%;
    max-width: 22.2rem;
    height: auto;
    border-radius: 0.72rem;
    background: #edf1ee; }

  .says:after {
    content: url("../images/image-usersvoice/SVG/img_fuki.svg");
    display: inline-block;
    position: absolute;
    top: 1.2rem;
    left: -1.14rem;
    width: 1.8rem;
    height: 1.2rem; }

  .says p {
    margin: 0;
    padding: 0; } }
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Mobile style's
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media only screen and (max-width: 767px) {
  /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  Mobile style's
  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
  .ttl_userv {
    font-size: 0.45rem;
    margin-bottom: 1.5rem; }

  /*以下、②左側のコメント*/
  .balloon01 {
    width: 100%;
    margin: 0 0 3rem 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between; }

  .balloon01:last-child {
    margin-bottom: 0; }

  .balloon01 .faceicon {
    width: 6.0rem; }

  .balloon01 .faceicon img {
    width: 100%;
    height: auto; }

  .balloon01 .chatting {
    width: 100%;
    max-width: 20.0rem;
    text-align: left; }

  .says {
    display: inline-block;
    position: relative;
    margin: 0 0 0 0;
    padding: 1.7rem;
    width: 100%;
    max-width: 20.0rem;
    height: auto;
    min-height: 9.0rem;
    border-radius: 0.36rem;
    background: #edf1ee; }

  .says:after {
    content: url("../images/image-usersvoice/SVG/img_fuki.svg");
    display: inline-block;
    position: absolute;
    top: 1.8rem;
    left: -1.14rem;
    width: 1.8rem;
    height: auto;
    min-height: 9.0rem; }

  .says p {
    margin: 0;
    padding: 0; } }