#CROSSTALK .kv {
  position: relative;
}
#CROSSTALK .kv .catch {
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-left: calc(120 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .kv .catch {
    padding: 0 calc(24 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .kv .catch--black {
  color: #000;
}
#CROSSTALK .kv .catch .catch__ttl {
  font-size: calc(48 / 1440 * 100 * var(--vw));
  margin-top: calc(250 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .kv .catch .catch__ttl {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    font-size: 32px;
    white-space: nowrap;
    line-height: 1.75;
    margin-top: 0;
    width: 100%;
    height: calc(340 / 414 * 100 * var(--vw));
    padding: calc(160 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw)) 0;
  }
}
#CROSSTALK .txt {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .txt {
    font-size: 14px;
  }
}
#CROSSTALK .member__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp( 51.2px, calc( 51.2px + (( 100vw - 768px ) * (( 64 - 51.2 ) / ( 1100 - 768 )))), 64px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list {
    flex-direction: column;
    width: 100%;
    margin-top: calc(80 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .member__list > li {
  max-width: 31.1827956989%;
}
@media screen and (min-width: 768px) {
  #CROSSTALK .member__list > li:not(:nth-of-type(3n + 1)) {
    margin-left: 3.2258064516%;
  }
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list > li {
    display: flex;
    flex-wrap: wrap;
    max-width: unset;
    width: 100%;
  }
  #CROSSTALK .member__list > li:not(:first-of-type) {
    margin-top: calc(24 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .member__list--2 > li {
  max-width: 22.5%;
}
@media screen and (min-width: 768px) {
  #CROSSTALK .member__list--2 > li:not(:nth-of-type(4n + 1)) {
    margin-left: 3.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list--2 > li {
    display: flex;
    flex-wrap: wrap;
    max-width: unset;
    width: 100%;
  }
  #CROSSTALK .member__list--2 > li:not(:first-of-type) {
    margin-top: calc(24 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .member__list .img {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list .img {
    width: 46.7213114754%;
    margin: 0;
  }
}
#CROSSTALK .member__list .box {
  margin-top: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list .box {
    width: 53.2786885246%;
    margin: 0;
    padding: 0 0 0 6.5573770492%;
  }
}
#CROSSTALK .member__list .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #5080A5;
  color: #fff;
  font-size: clamp( 11.2px, calc( 11.2px + (( 100vw - 768px ) * (( 14 - 11.2 ) / ( 1100 - 768 )))), 14px );
  font-weight: 700;
  padding: clamp( 1.6px, calc( 1.6px + (( 100vw - 768px ) * (( 2 - 1.6 ) / ( 1100 - 768 )))), 2px ) clamp( 4.8px, calc( 4.8px + (( 100vw - 768px ) * (( 6 - 4.8 ) / ( 1100 - 768 )))), 6px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list .tag {
    font-size: 12px;
  }
}
#CROSSTALK .member__list .name {
  font-size: clamp( 17.6px, calc( 17.6px + (( 100vw - 768px ) * (( 22 - 17.6 ) / ( 1100 - 768 )))), 22px );
  font-weight: 700;
  line-height: 1.454;
  letter-spacing: 0.15em;
  margin-top: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list .name {
    font-size: 16px;
    line-height: 2;
    margin-top: calc(8 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .member__list .department {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  line-height: 1.75;
  margin-top: clamp( 8px, calc( 8px + (( 100vw - 768px ) * (( 10 - 8 ) / ( 1100 - 768 )))), 10px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .member__list .department {
    font-size: 13px;
    margin-top: calc(5 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .page__nav {
  padding-top: 0;
  padding: 0 clamp( 40px, calc( 40px + (( 100vw - 768px ) * (( 50 - 40 ) / ( 1100 - 768 )))), 50px ) clamp( 8px, calc( 8px + (( 100vw - 768px ) * (( 10 - 8 ) / ( 1100 - 768 )))), 10px ) clamp( 72px, calc( 72px + (( 100vw - 768px ) * (( 90 - 72 ) / ( 1100 - 768 )))), 90px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .page__nav {
    padding-bottom: 0;
    padding: 0 calc(24 / 414 * 100 * var(--vw)) 0;
  }
}
#CROSSTALK .page__nav div[class^=sec_in] {
  border-top: 1px solid #5080A5;
  padding-top: clamp( 32px, calc( 32px + (( 100vw - 768px ) * (( 40 - 32 ) / ( 1100 - 768 )))), 40px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .page__nav div[class^=sec_in] {
    padding-top: calc(24 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .page__nav .nav__list {
  flex-wrap: wrap;
  gap: calc(28 / 1440 * 100 * var(--vw));
}
@media only screen and (max-width: 768px) {
  #CROSSTALK .page__nav .nav__list {
    gap: calc(10 / 1440 * 100 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .page__nav .nav__list {
    gap: calc(10 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .page__nav .nav__list li {
  max-width: 215px;
}
@media only screen and (max-width: 768px) {
  #CROSSTALK .page__nav .nav__list li {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .page__nav .nav__list li {
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
  }
}
#CROSSTALK .page__nav .nav__list.nav__list-02 li {
  max-width: 267px;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .page__nav .nav__list.nav__list-02 li {
    max-width: 100%;
  }
}
#CROSSTALK .sec-crosstalk {
  position: relative;
  z-index: 2;
  padding-top: clamp( 80px, calc( 80px + (( 100vw - 768px ) * (( 120 - 80 ) / ( 1100 - 768 )))), 120px );
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk {
    padding-top: calc(80 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .sec-crosstalk .sec__ttl-big {
  font-size: clamp( 19.2px, calc( 19.2px + (( 100vw - 768px ) * (( 24 - 19.2 ) / ( 1100 - 768 )))), 24px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk .sec__ttl-big {
    font-size: 18px;
  }
}
#CROSSTALK .sec-crosstalk .img-large {
  margin-top: clamp( 80px, calc( 80px + (( 100vw - 768px ) * (( 145 - 80 ) / ( 1100 - 768 )))), 145px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk .img-large {
    margin-top: calc(80 / 414 * 100 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk .img-large.img-large-end {
    margin-bottom: calc(80 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .sec-crosstalk2 {
  margin: clamp( -128px, calc( -128px + (( 100vw - 768px ) * (( -160 - -128 ) / ( 1100 - 768 )))), -160px ) auto clamp( 160px, calc( 160px + (( 100vw - 768px ) * (( 200 - 160 ) / ( 1100 - 768 )))), 200px );
  padding-top: 0;
  padding-bottom: 0;
}
@media only {
  #CROSSTALK .sec-crosstalk2 {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 {
    margin: calc(-182 / 414 * 100 * var(--vw)) auto calc(80 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .sec-crosstalk2 div[class^=sec_in] {
  position: relative;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 div[class^=sec_in] {
    max-width: calc(366 / 414 * 100 * var(--vw));
    margin: 0 auto;
    padding: 0;
  }
}
#CROSSTALK .sec-crosstalk2 .container {
  position: relative;
  background: url(../img/crosstalk/01/box1.png) no-repeat center 0/100% 100%;
  width: 100%;
  height: 100%;
  padding: clamp( 156.8px, calc( 156.8px + (( 100vw - 768px ) * (( 196 - 156.8 ) / ( 1100 - 768 )))), 196px ) clamp( 108px, calc( 108px + (( 100vw - 768px ) * (( 135 - 108 ) / ( 1100 - 768 )))), 135px ) clamp( 51.2px, calc( 51.2px + (( 100vw - 768px ) * (( 64 - 51.2 ) / ( 1100 - 768 )))), 64px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 .container {
    background-image: url(../img/crosstalk/01/box1_sp.png);
    padding: calc(196 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw)) calc(24 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .sec-crosstalk2 .ttl {
  color: #e94551;
  font-size: clamp( 19.2px, calc( 19.2px + (( 100vw - 768px ) * (( 24 - 19.2 ) / ( 1100 - 768 )))), 24px );
  animation-delay: 0s;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 .ttl {
    font-size: 18px;
  }
}
#CROSSTALK .sec-crosstalk2 .txt {
  font-size: clamp( 12.8px, calc( 12.8px + (( 100vw - 768px ) * (( 16 - 12.8 ) / ( 1100 - 768 )))), 16px );
  animation-delay: 0.5s;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 .txt {
    font-size: 14px;
    animation-delay: 1s;
  }
}
#CROSSTALK .sec-crosstalk2 .img {
  animation-delay: 1s;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 .img {
    animation-delay: 0.5s;
  }
}
#CROSSTALK .sec-crosstalk2 .column__wrap {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 .column__wrap {
    display: block;
    overflow: hidden;
  }
}
#CROSSTALK .sec-crosstalk2 .column--img {
  order: 2;
  width: 16.1290322581%;
  margin-left: 4.3010752688%;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 .column--img {
    float: right;
    width: calc(120 / 414 * 100 * var(--vw));
    margin-left: calc(24 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .sec-crosstalk2 .column--txt {
  order: 1;
  width: 79.5698924731%;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .sec-crosstalk2 .column--txt {
    width: 100%;
  }
}
#CROSSTALK .talk__list {
  margin-top: clamp( 64px, calc( 64px + (( 100vw - 768px ) * (( 80 - 64 ) / ( 1100 - 768 )))), 80px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .talk__list {
    margin-top: calc(60 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .talk__list > li:not(:first-of-type) {
  margin-top: clamp( 54.4px, calc( 54.4px + (( 100vw - 768px ) * (( 68 - 54.4 ) / ( 1100 - 768 )))), 68px );
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .talk__list > li:not(:first-of-type) {
    margin-top: calc(40 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .talk__box {
  display: flex;
  flex-wrap: wrap;
}
#CROSSTALK .talk__box .thumbnail {
  width: 10.2150537634%;
  margin-right: 4.3010752688%;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .talk__box .thumbnail {
    width: 17.4863387978%;
    margin-right: 4.9180327869%;
  }
}
#CROSSTALK .talk__box .thumbnail .img {
  position: relative;
}
#CROSSTALK .talk__box .thumbnail .img::after {
  content: attr(data-name);
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  color: #5080A5;
  font-size: clamp( 11.2px, calc( 11.2px + (( 100vw - 768px ) * (( 14 - 11.2 ) / ( 1100 - 768 )))), 14px );
  font-weight: 700;
  text-align: center;
  margin: clamp( 9.6px, calc( 9.6px + (( 100vw - 768px ) * (( 12 - 9.6 ) / ( 1100 - 768 )))), 12px ) auto 0;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .talk__box .thumbnail .img::after {
    font-size: 14px;
    margin-top: calc(8 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .talk__box .comment {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  font-size: clamp( 11.2px, calc( 11.2px + (( 100vw - 768px ) * (( 14 - 11.2 ) / ( 1100 - 768 )))), 14px );
  line-height: 1.75;
  border-left: 1px solid #00aeef;
  width: 84.9462365591%;
  padding: 2.5806451613%;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .talk__box .comment {
    font-size: 14px;
    width: 77.5956284153%;
    padding: 4.3715846995%;
  }
}
#CROSSTALK .talk__box .comment::before, #CROSSTALK .talk__box .comment::after {
  content: "";
  position: absolute;
  top: clamp( 28.8px, calc( 28.8px + (( 100vw - 768px ) * (( 36 - 28.8 ) / ( 1100 - 768 )))), 36px );
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 12px 11px 0;
  border-color: transparent #00aeef transparent transparent;
}
@media only screen and (max-width: 767px) {
  #CROSSTALK .talk__box .comment::before, #CROSSTALK .talk__box .comment::after {
    top: calc(20 / 414 * 100 * var(--vw));
  }
}
#CROSSTALK .talk__box .comment::after {
  left: -11px;
  border-color: transparent #fff transparent transparent;
}/*# sourceMappingURL=style_crosstalk.css.map */