/* Conversation Content */
.sec-conversation {
  padding: 65px 0 72px;
}

.sec-conversation .dis-gp {
  padding: 0 92px;
}

.sec-conversation .dis-txt {
  line-height: 2.15;
  padding-bottom: 50px;
  letter-spacing: 0.95px;
}

.sec-conversation .host-gp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec-conversation .card {
  width: 49%;
  margin-bottom: 20px;
}

.sec-conversation .card-inner {
  padding: 24px 27px 26px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background-color: #ffffff;
}

.sec-conversation .profile-blk {
  display: flex;
  align-items: center;
  padding-bottom: 22px;
}

.sec-conversation .profile {
  width: 148px;
  height: 143px;
}

.sec-conversation .profile img,
.sec-conversation .dis-img img,
.sec-conversation .box-img img,
.sec-conversation .freelancer-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec-conversation .profile-blk .name {
  line-height: 1.65;
  padding-left: 30px;
  font-family: "Shippori Mincho", serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 1.6px;
}

.sec-conversation .profile-blk .row {
  display: block;
  font-size: 16px;
  letter-spacing: 0.9px;
}

.sec-conversation .card-txt {
  line-height: 1.85;
  font-size: 14px;
}

.sec-conversation .dis-img {
  width: 984px;
  height: 365px;
  margin: 48px auto 61px;
}

.sec-conversation .dis-box {
  margin-bottom: 18px;
}

.sec-conversation .dis-inner {
  padding: 23px 26px 22px 26px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background-color: #ffffff;
}

.sec-conversation .dis-box .box-ttl {
  position: relative;
  line-height: 1.69;
  padding-left: 89px;
  font-family: "Shippori Mincho", serif;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.78px;
}

.sec-conversation .dis-box .box-ttl::before {
  position: absolute;
  top: 16px;
  left: 0;
  width: 70px;
  height: 1px;
  background-color: #37373e;
  content: "";
}

.sec-conversation .dis-box .box-txt {
  display: flex;
  align-items: flex-start;
  line-height: 2;
  padding: 20px 0 1px;
}

.sec-conversation .dis-box .name {
  display: inline-block;
  width: 63px;
  margin-right: 28px;
  padding: 6px 2px;
  background-color: rgba(13, 13, 15, 0.87);
  color: #d5d5d5;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.sec-conversation .dis-box .info {
  width: 842px;
  line-height: 1.94;
  padding-top: 4px;
  letter-spacing: 0.95px;
}

.sec-conversation .underline {
  padding-bottom: 4px;
  background: linear-gradient(0deg, #8edf4f 45%, transparent 45%);
  font-weight: 700;
  letter-spacing: 0.9px;
}

.sec-conversation .box-img {
  width: 100%;
  height: 346px;
  margin: 23px 0 10px;
}

.sec-conversation .dis-info {
  line-height: 2.16;
  padding: 16px 0 11px;
  text-align: center;
  letter-spacing: 0.9px;
}

.sec-conversation .freelancer {
  margin-top: 46px;
}

.sec-conversation .free-inner {
  display: flex;
  padding: 33px 27px;
  box-shadow: 12px 12px 31px rgba(150, 160, 165, 0.2);
  background-color: #ffffff;
}

.sec-conversation .freelancer-img {
  width: 170px;
  height: 170px;
  border-radius: 50%;
}

.sec-conversation .freelancer-txt {
  width: 712px;
  margin-top: 12px;
  margin-left: 28px;
}

.sec-conversation .freelancer .row {
  font-family: "Shippori Mincho", serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.1px;
}

.sec-conversation .freelancer-info {
  line-height: 1.9;
  padding-top: 18px;
  letter-spacing: 0.92px;
}

.sec-conversation .freelancer a {
  padding-top: 1px;
  color: #34343b;
  letter-spacing: 0.97px;
}

/* Ipad
-----------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {

  /* Conversation Content */
  .sec-conversation {
    padding: 5.078vw 0 5.625vw;
  }

  .sec-conversation .dis-gp {
    padding: 0 7.188vw;
  }

  .sec-conversation .dis-txt {
    padding-bottom: 3.906vw;
    letter-spacing: 0.074vw;
  }

  .sec-conversation .card {
    margin-bottom: 1.563vw;
  }

  .sec-conversation .card-inner {
    padding: 1.875vw 2.109vw 2.031vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
  }

  .sec-conversation .profile-blk {
    padding-bottom: 1.719vw;
  }

  .sec-conversation .profile {
    width: 11.563vw;
    height: 11.172vw;
  }

  .sec-conversation .profile-blk .name {
    padding-left: 2.344vw;
    font-size: 2.188vw;
    letter-spacing: 0.125vw;
  }

  .sec-conversation .profile-blk .row {
    font-size: 1.25vw;
    letter-spacing: 0.07vw;
  }

  .sec-conversation .card-txt {
    font-size: 1.094vw;
  }

  .sec-conversation .dis-img {
    width: 76.875vw;
    height: 28.516vw;
    margin: 3.75vw auto 4.766vw;
  }

  .sec-conversation .dis-box {
    margin-bottom: 1.406vw;
  }

  .sec-conversation .dis-inner {
    padding: 1.797vw 2.031vw 1.719vw 2.031vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
  }

  .sec-conversation .dis-box .box-ttl {
    padding-left: 6.953vw;
    font-size: 1.563vw;
    letter-spacing: 0.061vw;
  }

  .sec-conversation .dis-box .box-ttl::before {
    top: 1.25vw;
    width: 5.469vw;
    height: 0.13vw;
  }

  .sec-conversation .dis-box .box-txt {
    padding: 1.563vw 0 0.078vw;
  }

  .sec-conversation .dis-box .name {
    width: 4.922vw;
    margin-right: 2.188vw;
    padding: 0.469vw 0.156vw;
    font-size: 1.094vw;
  }

  .sec-conversation .dis-box .info {
    width: 65.781vw;
    padding-top: 0.313vw;
    letter-spacing: 0.074vw;
  }

  .sec-conversation .underline {
    padding-bottom: 0.313vw;
    letter-spacing: 0.07vw;
  }

  .sec-conversation .box-img {
    height: 27.031vw;
    margin: 1.797vw 0 0.781vw;
  }

  .sec-conversation .dis-info {
    padding: 1.25vw 0 0.859vw;
    letter-spacing: 0.07vw;
  }

  .sec-conversation .freelancer {
    margin-top: 3.594vw;
  }

  .sec-conversation .free-inner {
    padding: 2.578vw 2.109vw;
    box-shadow: 0.938vw 0.938vw 2.422vw rgba(150, 160, 165, 0.2);
  }

  .sec-conversation .freelancer-img {
    width: 13.281vw;
    height: 13.281vw;
  }

  .sec-conversation .freelancer-txt {
    width: 55.625vw;
    margin-top: 0.938vw;
    margin-left: 2.188vw;
  }

  .sec-conversation .freelancer .row {
    font-size: 1.406vw;
    letter-spacing: 0.086vw;
  }

  .sec-conversation .freelancer-info {
    padding-top: 1.406vw;
    letter-spacing: 0.072vw;
  }

  .sec-conversation .freelancer a {
    padding-top: 0.078vw;
    letter-spacing: 0.076vw;
  }
}

/* SP
-----------------------------------------------------------------*/
@media only screen and (max-width: 767.9px) {

  /* Conversation Content */
  .sec-conversation {
    padding: 9.56vw 0 17.903vw;
  }

  .sec-conversation .dis-gp {
    padding: 0;
  }

  .sec-conversation .dis-txt {
    line-height: 2;
    padding-bottom: 7.634vw;
    letter-spacing: 0.242vw;
  }

  .sec-conversation .host-gp {
    display: block;
  }

  .sec-conversation .card {
    width: 100%;
    margin-bottom: 5.035vw;
  }

  .sec-conversation .card-inner {
    padding: 5.598vw 5.698vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
  }

  .sec-conversation .profile-blk {
    padding-bottom: 5.852vw;
  }

  .sec-conversation .profile {
    width: 37.659vw;
    height: 36.387vw;
  }

  .sec-conversation .profile-blk .name {
    line-height: 1.8;
    padding-left: 6.288vw;
    font-size: 6.107vw;
    letter-spacing: 0.407vw;
  }

  .sec-conversation .profile-blk .row {
    line-height: 1.7;
    font-size: 4.071vw;
    letter-spacing: 0.229vw;
  }

  .sec-conversation .card-txt {
    line-height: 1.87;
    font-size: 3.562vw;
  }

  .sec-conversation .dis-img {
    width: 100%;
    height: 37.15vw;
    margin: 12.25vw 0 16.794vw;
  }

  .sec-conversation .dis-box {
    margin-bottom: 3.762vw;
  }

  .sec-conversation .dis-inner {
    padding: 6.916vw 0 5.598vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
  }

  .sec-conversation .dis-inner.pb-none {
    padding-bottom: 0;
  }

  .sec-conversation .container {
    padding: 0 6.616vw 0 5.852vw;
  }

  .sec-conversation .dis-box .box-ttl {
    line-height: 1.49;
    padding-left: 7.734vw;
    font-size: 4.58vw;
    letter-spacing: 0.198vw;
  }

  .sec-conversation .dis-box .box-ttl::before {
    top: 3.062vw;
    width: 5.344vw;
    height: 0.296vw;
  }

  .sec-conversation .dis-box .box-txt {
    display: block;
    padding: 5.761vw 0 0.254vw;
  }

  .sec-conversation .dis-box .box-txt+.box-txt {
    padding-top: 2.545vw;
  }

  .sec-conversation .dis-box .name {
    width: 16.031vw;
    margin-right: 0;
    padding: 2.036vw 3.308vw 1.527vw;
    font-size: 3.562vw;
  }

  .sec-conversation .dis-box .info {
    width: 100%;
    padding-top: 3.108vw;
    letter-spacing: 0.215vw;
  }

  .sec-conversation .underline {
    padding-bottom: 1.018vw;
    letter-spacing: 0.229vw;
  }

  .sec-conversation .box-img {
    height: 34.097vw;
    margin: 5.852vw 0 0;
  }

  .sec-conversation .dis-info {
    line-height: 2;
    padding: 7.516vw 0 2.79vw;
    letter-spacing: 0.23vw;
  }

  .sec-conversation .freelancer {
    margin-top: 9.778vw;
  }

  .sec-conversation .free-inner {
    display: block;
    padding: 8.797vw 7.379vw 6.334vw 5.716vw;
    box-shadow: 3.053vw 3.053vw 7.888vw rgba(150, 160, 165, 0.2);
  }

  .sec-conversation .freelancer-img {
    width: 43.257vw;
    height: 43.257vw;
    margin: 0 auto;
  }

  .sec-conversation .freelancer-txt {
    width: 100%;
    margin-top: 6.934vw;
    margin-left: 0;
  }

  .sec-conversation .freelancer .row {
    line-height: 1.7;
    font-size: 4.58vw;
    letter-spacing: 0.28vw;
  }

  .sec-conversation .freelancer-info {
    line-height: 1.95;
    padding-top: 4.235vw;
    letter-spacing: 0.25vw;
  }

  .sec-conversation .freelancer a {
    padding-top: 0.054vw;
    letter-spacing: 0.247vw;
  }
}