<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* reset */
p {
  margin: 0;
}

.page #primary {
  max-width: unset;
  width: 100%;
  padding: 0;
  margin: 83px 0 100px;
}

.crosstalkSec {
  max-width: 1160px;
  width: 100%;
  margin: 143px auto 64px;
}

@media screen and (max-width: 1280px) {

  /* 1161px縺九ｉ縺ｮ菴咏區繧偵�繝�ム繝ｼ縺ｫ蜷医ｏ縺帙ｋ */
  .breadcrumb-list {
    width: 95%;
  }

  .crosstalkSec {
    width: 95%;
  }
}

@media screen and (max-width: 1160px) {
  .breadcrumb-list {
    padding: 0 24px;
    width: 100%;
  }

  .crosstalkSec {
    padding: 0 24px;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .breadcrumb-list {
    width: auto;
  }

  .crosstalkSec {
    margin: 83px 0 0;
    width: auto;
  }

}


/* TOP縺ｮ蜀咏悄 */
.mv-img-cover {
  position: relative;
  width: 100%;
  height: auto;
}

.mv-img-cover img {
  vertical-align: top;
}

.img-cover-title {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  color: white;
  font-weight: bold;
  text-align: center;
}

.img-cover-title div {
  width: 246px;
  height: 60px;
  margin-top: 8px;
  border-radius: 65px;
  background-color: var(--newgraduate-accent-deepcolor);
}

.img-cover-title div p {
  padding-top: 6px;
}



.crosstalkSec {
  margin-top: 40px;
}

.crosstalk-intro {
  text-align: center;
}

.crosstalk-menbers {
  display: flex;
  flex-direction: row;
  width: 80%;
  margin: 40px auto 13%;
  column-gap: 40px;
  justify-content: center;
}

.spacer {
  display: none;
}

.menbers-profile {
  color: #767676;
  text-align: center;
}

.crosstalk-interveiw {
  display: flex;
}

.crosstalk-interveiw:nth-child(odd) {
  flex-direction: row;

  .crosstalk-interveiw-img-wrap {
    align-items: flex-start;
  }
}

.crosstalk-interveiw:nth-child(even) {
  flex-direction: row-reverse;

  .crosstalk-interveiw-img-wrap {
    align-items: flex-end;
  }
}

.crosstalk-interveiw-img-wrap,
.crosstalk-interveiw-text-wrap {
  width: 50%;
}

.crosstalk-interveiw-img-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.crosstalk-interveiw-img-wrap img {
  border-radius: 20px;
}

.talk-theme {
  color: var(--newgraduate-accent-deepcolor);
  margin-bottom: 24px;
}

.crosstalk-interveiw {
  margin-bottom: 11%;
}

.interveiw-item {
  display: flex;
  flex-direction: row;
  column-gap: 25px;
}

.interveiw-item:not(:last-child) {
  margin-bottom: 40px;
}

.interveiw-face {
  width: 60px;
  display: flex;
  flex-direction: column;
  text-align: center;
}


.interveiw-face img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.interveiw-text {
  width: calc(100% - 100px);
}

.crosstalk-interveiw-last .crosstalk-interveiw-img-wrap,
.crosstalk-interveiw-last .crosstalk-interveiw-text-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.crosstalk-interveiw-last .message {
  text-align: center;
  margin: 16px 0;
}

.crosstalk-interveiw-last .interveiw-item {
  width: 50%;
}


/* sp */
@media screen and (max-width: 768px) {
  .crosstalkSec {
    margin-top: 96px;
  }

  .img-cover-title {
    bottom: -64px;
  }

  .crosstalk-menbers {
    flex-wrap: wrap;
    width: 90%;
  }

  .crosstalk-menbers .spacer {
    display: block;
  }

  .crosstalk-interveiw {
    flex-direction: column;
  }

  .crosstalk-interveiw:nth-child(odd) {
    flex-direction: column;
  }

  .crosstalk-interveiw:nth-child(even) {
    flex-direction: column;
  }

  .crosstalk-interveiw-img-wrap,
  .crosstalk-interveiw-text-wrap {
    width: 100%;
  }

  .crosstalk-interveiw-img-wrap img {
    width: 100%;
  }

  .crosstalk-interveiw-text-wrap {
    margin-top: 40px;
  }

  .crosstalk-interveiw-last .interveiw-item {
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  .crosstalk-menber {
    width: calc((100% - 40px) / 2);
  }

  .img-cover-title {
    bottom: -48px;
  }

  .img-cover-title p {
    font-size: 16px;
  }

  .img-cover-title div {
    width: 160px;
    height: 40px;
  }

  .img-cover-title div p {
    font-size: 22px;
  }

  .crosstalkSec {
    margin-top: 72px;
  }

  .crosstalk-intro {
    font-size: 16px;
  }
}</pre></body></html>