/* hero */
#ambassador #hero .p-hero {background-image: url(../img/ambassador/bg_heading_ambassador.jpg);}
/* message */
#ambassador #message {
  position: relative;
  padding: calc(var(--base) * 10) 0 0;
  background-color: #e6c8b8;
}
#ambassador #message::before {
  position: absolute;
  left: 0;
  top: calc(79 / 1200 * -100vw);
  width: 100%;
  height: calc(79 / 1200 * 100vw);
  background-image: url(../img/casestudy/deco_content_before.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  content: '';
}
#ambassador #message .p-lead {margin-top: 64px;}
#ambassador #message .p-content > .c-flex > *:nth-child(1) {width: 200px;}
#ambassador #message .p-content > .c-flex > *:nth-child(2) {padding-left: calc(var(--base) * 4);}
#ambassador #message .p-content p {
  font-size: 24px;
  font-weight: 700;
  line-height: 2;
}
/* member */
#ambassador #member {
  position: relative;
  padding: calc(var(--base) * 10) 0 0;
  background-color: #e6c8b8;
}
#ambassador #member .p-list > .c-flex {gap: calc(var(--base) * 2);}
#ambassador #member .p-list > .c-flex > * {
  width: calc((100% - (var(--base) * 2)) / 2);
  padding: calc(var(--base) * 4) calc(var(--base) * 4) calc(var(--base) * 16);
  background-color: rgba(255, 255, 255, .75);
  background-image: url(../img/ambassador/bg_ambassador_item.png);
  background-position: left top;
  background-repeat: repeat;
  border-radius: calc(var(--base) * 4);
}
#ambassador #member .p-list-content-name p {
  color: var(--color-1st);
  font-size: calc(var(--base)* 2.5);
  font-weight: 700;
}
#ambassador #member .p-list-content-description p {
  color: var(--color-1st);
  font-size: calc(var(--base)* 2);
  line-height: 1.6;
}
#ambassador #member .p-list-button {
  position: absolute;
  left: 0;
  bottom: calc(var(--base) * 5);
  width: 100%;
  text-align: center;
}
/* contact */
#ambassador #contact {
  position: relative;
  padding: calc(var(--base) * 10) 0 calc(var(--base) * 20);
  background-color: #e6c8b8;
}
#ambassador #contact .p-lead p {
  color: var(--color-1st);
  font-size: calc(var(--base)* 2.25);
}

@media screen and (max-width: 1200px) {
  /* message */
  #ambassador #message .p-content {margin-top: -20vw;}
  #ambassador #message .p-content p {font-size: 2.04vw;}
  #ambassador #message .p-content > .c-flex > *:nth-child(1) {width: calc(var(--base) * 24);}
  #ambassador #message .p-content > .c-flex > *:nth-child(2) {
    padding-top: calc(var(--base)* 3);
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  /* message */
  #ambassador #message .p-content {margin-top: -28vw;}
  #ambassador #message .p-content p {font-size: 2.81vw;}
  #ambassador #message .p-content > .c-flex > *:nth-child(1) {width: calc(var(--base) * 28);}
  #ambassador #message .p-content > .c-flex > *:nth-child(2) p > .c-flex {justify-content: center;}
  /* member */
  #ambassador #member .p-list > .c-flex {justify-content: center;}
  #ambassador #member .p-list > .c-flex > * {width: 80%;}
}
@media screen and (max-width: 480px) {
  /* message */
  #ambassador #message .p-content p {font-size: 3.50vw;}
  #ambassador #message .p-content > .c-flex > *:nth-child(1) {width: calc(var(--base) * 24);}
  /* member */
  #ambassador #member .p-list > .c-flex > * {width: 100%;}
}