/* title */
@media screen and (min-width: 768px){
  .p-integrated-report__btn-outer {
    display: inline-block;
    margin-right: 10px;
  }

  .p-integrated-report-ttl {
    margin: 2rem 0;
  }
}

/* bg */
.p-customer-bg__grd {
  position: relative;
  padding: 1px 0 70px;
  background: linear-gradient(180deg, #EBF2FF 0%, #FFFFFF 49.04%, #EBF2FF 100%);
}

.p-customer-bg-circle {
  position: relative;
  overflow: hidden;
}

.p-customer-bg-circle:after {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: -1;
  width: 40%;
  max-width: 409px;
  height: 247px;
  background: url(../img/bg01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content:"";
}

.p-customer-bg {
  position: relative;
  overflow: hidden;
}

.p-customer-bg._01:before {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 95%;
  height: 0;
  padding-top: 40.477%;
  background: url(../img/bg02.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

@media screen and (min-width: 768px){
  .p-customer-bg-circle:before {
    width: 30%;
  }
}

/* chat */  
.p-customer__chat._profile {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.5rem;
  margin-top: 30px;
}

.p-customer__chat._profile > dt {
  font-weight: 400;
}
  
.p-customer__chat > dd {
  margin-bottom: 1rem;
}

.p-customer__chat._profile > dd {
  margin-bottom: 0;
}

.p-customer__chat > dt > span._color-green {
  color: #115A36;
}

.p-customer__chat > dt > span._color-blue {
  color: #1330A1;
}

.p-customer__chat > dt > span._color-brown {
  color: #802600;
}

@media screen and (min-width: 768px){
  .p-customer__chat {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 1rem;
  }

  .p-customer__chat._profile {
    grid-template-columns: 90px 1fr;
  }
  
}

/* profile */
.p-customer-profile {
  padding: 0 15px 60px ;
  background: white;
  border-radius: 20px;
  box-shadow: 0px 0px 16px 0px #0000002E;
}

.p-customer-profile__main {
  display: flex;
  gap: 16px;
  align-items: center;
}

.p-customer-profile__main > figure {
  width: 40%;
  max-width: 150px;
}

.p-customer-profile__main > figure > img {
  border-radius: 50%;
}

.p-customer-profile__txt01 {
  color: #263B74; 
  font-size: clamp(0.875em, 0.653em + 0.46vw, 1em);
  line-height: 1.5;
}
.p-customer-profile__txt02 {
  color: #263B74; 
  font-size: clamp(1.125em, 0.903em + 0.46vw, 1.25em);
  line-height: 1.5;
}
.p-customer-profile__txt03 {
  font-size: clamp(0.75em, 0.528em + 0.46vw, 0.875em);
  line-height: 1.5;
}

@media screen and (min-width: 768px){
  .p-customer-profile__main {
    gap: 36px;
  }

  .p-customer-profile {
    padding: 0 100px 60px;
  }

  .p-customer-profile__main > figure {
    min-width: 150px;
  }
}