#crosstalk #header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
#crosstalk .main_block {
  background-color: #F3F4F6;
  margin-bottom: 6rem;
  padding-bottom: 6rem;
  padding-top: 9rem;
}
#crosstalk .main_block .main_head {
  position: relative;
  padding-bottom: 40%;
  z-index: 100;
}
#crosstalk .main_block .main_head > figure {
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  position: absolute;
  right: 0;
  width: 70%;
  top: -10rem;
  z-index: 10;
  padding-bottom: 45%;
}
#crosstalk .main_block .main_head > figure img {
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
}
#crosstalk .main_block .main_head > h1 {
  position: absolute;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.5em;
  z-index: 20;
  left: 10%;
  top: 10%;
}
@media screen and (max-width: 719px) {
  #crosstalk .main_block .main_head > h1 {
    font-size: 0.75em;
    top: 15%;
  }
}
#crosstalk .main_block .main_head > .copy {
  position: absolute;
  font-weight: bold;
  font-size: 2.5vw;
  line-height: 3;
  letter-spacing: 0.1em;
  z-index: 20;
  left: 12%;
  top: 23%;
}
#crosstalk .main_block .main_head > .copy span {
  background: #FFFFFF;
  color: #1C2087;
  padding: 0.75em 1em;
}
@media screen and (max-width: 719px) {
  #crosstalk .main_block .main_head > .copy {
    top: 27%;
    font-size: 1em;
  }
}
#crosstalk .main_block .main_head:before {
  content: " ";
  display: block;
  position: absolute;
  background: #1C2087;
  width: 50%;
  top: 0;
  transform: skewX(-20deg);
  padding-top: 29%;
  z-index: 5;
}
@media screen and (max-width: 719px) {
  #crosstalk .main_block .main_head:before {
    width: 120%;
    padding-top: 40%;
  }
}
#crosstalk .main_block .main_head:after {
  content: " ";
  display: block;
  position: absolute;
  background: #FFD855;
  width: 25%;
  top: 70%;
  right: -5%;
  transform: skewX(-20deg);
  padding-top: 15%;
  z-index: 25;
}
@media (min-width:720px) and (max-width:1199px) {
  #crosstalk .main_block .main_head:after {
    top: 65%;
  }
}
@media screen and (max-width: 719px) {
  #crosstalk .main_block .main_head:after {
    top: 90%;
  }
}
#crosstalk .main_block .main_body {
  position: relative;
  z-index: 150;
}
#crosstalk .main_block .main_body .member {
  margin-top: -13rem;
}
#crosstalk .main_block .main_body .member h2 {
  text-align: center;
  font-size: 1em;
  color: #1C2087;
  font-weight: normal;
}
#crosstalk .main_block .main_body .member h2:before {
  content: " ";
  display: block;
  height: 5rem;
  width: 1px;
  background: #1C2087;
  margin: 1rem auto;
}
#crosstalk .main_block .main_body .member ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-around;
  margin-top: 2rem;
}
#crosstalk .main_block .main_body .member ul li {
  flex-basis: 28%;
  color: #1C2087;
}
#crosstalk .main_block .main_body .member ul li p {
  margin: 1rem auto 1rem 5%;
}
#crosstalk .main_block .main_body .member ul li p span {
  display: block;
  font-weight: bold;
  font-size: 1.5em;
}
#crosstalk .main_block .main_body .member ul li + li:before {
  content: " ";
  display: block;
  background: url(../images/ct_member_cross.svg) no-repeat center center;
  width: 43%;
  height: 15%;
  position: absolute;
  transform: translateX(-140%);
  top: 25%;
}
@media screen and (max-width: 719px) {
  #crosstalk .main_block .main_body .member {
    margin-top: -3rem;
  }
  #crosstalk .main_block .main_body .member h2:before {
    height: 2rem;
  }
  #crosstalk .main_block .main_body .member ul {
    flex-direction: column;
    align-items: flex-start;
  }
  #crosstalk .main_block .main_body .member ul li {
    display: flex;
  }
  #crosstalk .main_block .main_body .member ul li + li {
    margin-top: 2rem;
  }
  #crosstalk .main_block .main_body .member ul li + li:before {
    transform: translateX(2rem) translateY(-3.3rem);
  }
  #crosstalk .main_block .main_body .member ul li img {
    display: block;
    width: 35%;
    align-self: flex-start;
  }
  #crosstalk .main_block .main_body .member ul li p {
    margin: 0 0 0 1rem;
    font-size: 0.9em;
  }
}
#crosstalk .main_block .main_body .ct_talk {
  padding: 4rem 0;
}
#crosstalk .main_block .main_body .ct_talk h3 {
  color: #1C2087;
  margin-bottom: 4rem;
  font-size: 2em;
}
#crosstalk .main_block .main_body .ct_talk p {
  color: #1C2087;
}
#crosstalk .main_block .main_body .ct_talk p + p {
  margin-top: 2rem;
}
#crosstalk .main_block .main_body .ct_talk p span {
  display: inline-block;
  margin-right: 0.5em;
  font-weight: bold;
}
@media screen and (max-width: 719px) {
  #crosstalk .main_block .main_body .ct_talk h3 {
    font-size: 1.5em;
  }
}
#crosstalk .main_block .main_body .ct_photo figure {
  display: block;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}/*# sourceMappingURL=crosstalk.css.map */