.flex-box {
  display: flex;
  flex-flow: row nowrap;
}

/* ====================
   bg
   ==================== */
.hcr-session02-bg {
  background: url('/recruit/assets/images/people/session02/bg_01.png') no-repeat center top / 100% auto;
}

.hcr-section_inner {
  position: relative;
  z-index: 1;
  width: min(75%, 1440px);
  margin: 0 auto;
}

.hcr-session02Talk-title {
  font-size: min(calc(40 / 1920 * 100vw), 40px);
  font-weight: bold;
  line-height: 1.6;
  color: var(--color-red-2);
}

@media screen and (width <= 767px) {
  .hcr-session02-bg {
    background-image: url('/recruit/assets/images/people/session02/bg_01_sp.png');
  }

  .hcr-section_inner {
    width: calc(650 / 750 * 100%);
  }

  .hcr-session02Talk-title {
    font-size: min(calc(40 / 750 * 100vw), 28px);
    font-weight: bold;
    line-height: 1.6;
    color: var(--color-red-2);
  }
}

/* ====================
   MV
   ==================== */
.hcr-c-mvA .mv_container-title {
  top: 50%;
  left: 45%;
  width: auto;
  transform: translateY(-50%);
}

.hcr-c-mvA .mv_textA {
  margin-block: 0 0.5em;
  font-size: min(1.5625vw, 30px);
  font-weight: bold;
  line-height: 1.5;
  color: var(--color-red-2);
}

.hcr-c-mvA .mv_titleA {
  font-size: min(2.9167vw, 56px);
  font-weight: bold;
  line-height: 1.4;
  color: var(--color-white);
  text-shadow: 0 3px 8px rgb(0 0 0 / 35%);
}

.hcr-c-mvA .hcr-session02-mv-lead {
  margin-top: min(calc(28 / 1920 * 100vw), 28px);
  font-size: min(1.5625vw, 30px);
  font-weight: bold;
  line-height: 1.8;
  color: var(--color-white);
  text-shadow: 0 2px 6px rgb(0 0 0 / 35%);
}

@media screen and (width <= 767px) {
  .hcr-c-mvA .mv_container-title {
    top: 74%;
    left: 0;
    width: calc(680 / 750 * 100%);
    padding-block: calc(40 / 750 * 100%) 0;
    padding-inline: 0;
    text-align: right;
    transform: translateY(-74%);
  }

  .hcr-c-mvA .mv_textA {
    font-size: calc(30 / 750 * 100vw);
    line-height: 1.4;
    letter-spacing: -0.05em;
  }

  .hcr-c-mvA .mv_titleA {
    font-size: calc(42 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.4;
    color: var(--color-white);
    text-shadow: 0 3px 8px rgb(0 0 0 / 35%);
  }

  .hcr-c-mvA .hcr-session02-mv-lead {
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.7;
  }
}

/* ====================
   IntroSection
   ==================== */
.hcr-session02IntroSection {
  position: relative;
  padding: min(calc(140 / 1920 * 100vw), 140px) 0 min(calc(160 / 1920 * 100vw), 160px);
  color: var(--color-black);
}

.hcr-session02IntroSection .hcr-session02-section-title {
  margin-bottom: min(calc(30 / 1920 * 100vw), 30px);
}

.hcr-session02IntroSection .hcr-c-sectionLead {
  font-size: min(calc(55 / 1920 * 100vw), 55px);
  font-weight: bold;
  line-height: 1.7;
}

.hcr-session02IntroSection .hcr-session02-intro {
  gap: min(calc(70 / 1920 * 100vw), 70px);
  align-items: flex-start;
}

.hcr-session02IntroSection .hcr-session02-intro-content {
  flex: 1;
  min-width: 0;
}

.hcr-session02IntroSection .hcr-session02-intro-text {
  margin-top: min(calc(75 / 1920 * 100vw), 75px);
  font-size: min(calc(24 / 1920 * 100vw), 24px);
  line-height: 1.7;
}

.hcr-session02IntroSection .hcr-session02-intro-img {
  flex: 0 0 min(calc(377 / 1920 * 100vw), 377px);
  width: min(calc(377 / 1920 * 100vw), 377px);
}

.hcr-session02IntroSection .hcr-session02-intro-img img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (width <= 767px) {
  .hcr-session02IntroSection {
    padding: calc(100 / 750 * 100vw) 0 calc(120 / 750 * 100vw);
  }

  .hcr-session02IntroSection .hcr-session02-section-title {
    margin-bottom: calc(25 / 750 * 100vw);
  }

  .hcr-session02IntroSection .hcr-c-sectionLead {
    font-size: calc(45 / 750 * 100vw);
    line-height: 1.45;
  }

  .hcr-session02IntroSection .hcr-session02-intro {
    display: block;
  }

  .hcr-session02IntroSection .hcr-session02-intro-content {
    width: 100%;
  }

  .hcr-session02IntroSection .hcr-session02-intro-text {
    margin-top: calc(60 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    line-height: 2;
  }

  .hcr-session02IntroSection .hcr-session02-intro-img {
    display: none;
    width: 100%;
    margin-top: calc(70 / 750 * 100vw);
  }

  .hcr-session02IntroSection .hcr-session02-intro-img img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.hcr-session02IntroSection .hcr-session02-project-box {
  padding: min(calc(65 / 1920 * 100vw), 65px) min(calc(160 / 1920 * 100vw), 160px);
  margin-top: min(calc(110 / 1920 * 100vw), 110px);
  background: rgb(255 255 255 / 80%);
  border-radius: 24px;
}

.hcr-session02IntroSection .hcr-session02-project-row {
  align-items: flex-start;
}

.hcr-session02IntroSection .hcr-session02-project-row + .hcr-session02-project-row {
  margin-top: min(calc(80 / 1920 * 100vw), 80px);
}

.hcr-session02IntroSection .hcr-session02-project-title {
  flex: 0 0 min(calc(160 / 1920 * 100vw), 160px);
  width: min(calc(160 / 1920 * 100vw), 160px);
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  font-weight: bold;
  line-height: 1.7;
  color: var(--color-black);
}

.hcr-session02IntroSection .hcr-session02-project-content {
  flex: 1;
}

.hcr-session02IntroSection .hcr-session02-history-item {
  align-items: flex-start;
}

.hcr-session02IntroSection .hcr-session02-history-item + .hcr-session02-history-item {
  margin-top: min(calc(26 / 1920 * 100vw), 26px);
}

.hcr-session02IntroSection .hcr-session02-history-date {
  flex: 0 0 min(calc(280 / 1920 * 100vw), 280px);
  width: min(calc(280 / 1920 * 100vw), 280px);
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  font-weight: normal;
  line-height: 1.8;
}

.hcr-session02IntroSection .hcr-session02-history-text {
  flex: 1;
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  line-height: 1.8;
}

.hcr-session02IntroSection .hcr-session02-member-count-item {
  align-items: center;
}

.hcr-session02IntroSection .hcr-session02-member-count-item + .hcr-session02-member-count-item {
  margin-top: min(calc(18 / 1920 * 100vw), 18px);
}

.hcr-session02IntroSection .hcr-session02-member-count-name {
  flex: 0 0 min(calc(280 / 1920 * 100vw), 280px);
  width: min(calc(280 / 1920 * 100vw), 280px);
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  font-weight: normal;
  line-height: 1.8;
}

.hcr-session02IntroSection .hcr-session02-member-count-num {
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  line-height: 1.8;
}

@media screen and (width <= 767px) {
  .hcr-session02IntroSection .hcr-session02-project-box {
    padding: calc(60 / 750 * 100vw) calc(50 / 750 * 100vw);
    margin-top: calc(90 / 750 * 100vw);
    background: rgb(255 255 255 / 80%);
    border-radius: calc(24 / 750 * 100vw);
  }

  .hcr-session02IntroSection .hcr-session02-project-row {
    display: block;
  }

  .hcr-session02IntroSection .hcr-session02-project-row + .hcr-session02-project-row {
    padding-top: calc(80 / 750 * 100vw);
    margin-top: calc(80 / 750 * 100vw);
    border-top: 1px solid var(--color-gray-3);
  }

  #hcr .hcr-session02IntroSection .hcr-session02-project-title {
    width: 100%;
    margin-bottom: calc(70 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.7;
  }

  .hcr-session02IntroSection .hcr-session02-project-content {
    width: 100%;
  }

  .hcr-session02IntroSection .hcr-session02-history-item {
    display: block;
  }

  .hcr-session02IntroSection .hcr-session02-history-item + .hcr-session02-history-item {
    margin-top: calc(55 / 750 * 100vw);
  }

  .hcr-session02IntroSection .hcr-session02-history-date {
    width: 100%;
    font-size: calc(32 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.5;
  }

  .hcr-session02IntroSection .hcr-session02-history-text {
    width: 100%;
    margin-top: calc(10 / 750 * 100vw);
    font-size: calc(26 / 750 * 100vw);
    line-height: 1.8;
  }

  .hcr-session02IntroSection .hcr-session02-member-count-item {
    display: block;
  }

  .hcr-session02IntroSection .hcr-session02-member-count-item + .hcr-session02-member-count-item {
    margin-top: calc(65 / 750 * 100vw);
  }

  .hcr-session02IntroSection .hcr-session02-member-count-name {
    width: 100%;
    font-size: calc(28 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.6;
  }

  .hcr-session02IntroSection .hcr-session02-member-count-num {
    margin-top: calc(10 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.6;
  }
}

/* ====================
   MemberSection
   ==================== */
.hcr-session02MemberSection {
  position: relative;
  padding-block: min(calc(80 / 1920 * 100vw), 80px);
  color: var(--color-black);
  background: var(--color-gray-1);
}

.hcr-session02MemberSection .hcr-session02-member-list {
  gap: min(calc(100 / 1920 * 100vw), 100px);
  justify-content: center;
}

.hcr-session02MemberSection .hcr-session02-member {
  width: min(calc(380 / 1920 * 100vw), 380px);
}

.hcr-session02MemberSection .hcr-session02-member-img {
  width: min(calc(300 / 1920 * 100vw), 300px);
}

.hcr-session02MemberSection .hcr-session02-member-img img {
  display: block;
  width: 100%;
  height: auto;
}

.hcr-session02MemberSection .hcr-session02-member-info {
  margin-top: min(calc(30 / 1920 * 100vw), 30px);
}

.hcr-session02MemberSection .hcr-session02-member-job {
  font-size: min(calc(30 / 1920 * 100vw), 30px);
  line-height: 1.4;
}

.hcr-session02MemberSection .hcr-session02-member-name {
  margin-top: min(calc(8 / 1920 * 100vw), 8px);
  font-size: min(calc(22 / 1920 * 100vw), 22px);
  line-height: 1.5;
}

.hcr-session02MemberSection .hcr-session02-member-profile {
  font-size: min(calc(22 / 1920 * 100vw), 22px);
  line-height: 1.7;
}

@media screen and (width <= 767px) {
  .hcr-session02MemberSection {
    position: relative;
    padding-block: calc(75 / 750 * 100vw);
    color: var(--color-black);
    background: var(--color-gray-1);
  }

  .hcr-session02MemberSection .hcr-session02-member-list {
    display: flex;
    flex-flow: column nowrap;
    gap: calc(50 / 750 * 100vw);
    width: 100%;
    margin-inline: auto;
  }

  .hcr-session02MemberSection .hcr-session02-member {
    display: flex;
    gap: calc(50 / 750 * 100vw);
    align-items: center;
    width: 100%;
  }

  .hcr-session02MemberSection .hcr-session02-member-img {
    flex: 0 0 calc(275 / 750 * 100vw);
    width: calc(275 / 750 * 100vw);
  }

  .hcr-session02MemberSection .hcr-session02-member-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: calc(30 / 750 * 100vw);
  }

  .hcr-session02MemberSection .hcr-session02-member-info {
    flex: 1;
    min-width: 0;
    margin-top: 0;
  }

  .hcr-session02MemberSection .hcr-session02-member-job {
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.4;
  }

  .hcr-session02MemberSection .hcr-session02-member-name {
    margin-top: calc(20 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
    line-height: 1.5;
  }

  .hcr-session02MemberSection .hcr-session02-member-profile {
    margin-top: calc(8 / 750 * 100vw);
    font-size: calc(22 / 750 * 100vw);
    line-height: 1.5;
  }
}

/* ====================
   TalkSection
   ==================== */
.hcr-session02TalkSection {
  position: relative;
  padding-block: min(calc(160 / 1920 * 100vw), 160px) 0;
  background: var(--color-white);
}

.hcr-session02TalkSection .hcr-session02Talk-heading {
  /*! width: min(1200px, 100%); */
  margin: 0 auto min(calc(170 / 1920 * 100vw), 170px);
}

.hcr-session02TalkSection .hcr-c-sectionLead {
  font-size: min(calc(55 / 1920 * 100vw), 55px);
  font-weight: bold;
  line-height: 1.6;
}

.hcr-session02TalkSection .hcr-session02Talk-block {
  width: min(1240px, 100%);
  margin: 0 0 0 auto;
}

.hcr-session02TalkSection .hcr-session02Talk-block + .hcr-session02Talk-block {
  margin-top: min(calc(170 / 1920 * 100vw), 170px);
}

.hcr-session02TalkSection .hcr-session02Talk-img {
  width: min(calc(800 / 1920 * 100vw), 800px);
  margin-top: min(calc(65 / 1920 * 100vw), 65px);
}

.hcr-session02TalkSection .hcr-session02Talk-img img {
  display: block;
  width: 100%;
  height: auto;
}

.hcr-session02TalkSection .hcr-session02Talk-text {
  margin-top: min(calc(80 / 1920 * 100vw), 80px);
  font-size: min(calc(28 / 1920 * 100vw), 28px);
  line-height: 1.7;
}

.hcr-session02TalkSection .hcr-session02Talk-main-img {
  width: 100%;
  margin-top: min(calc(210 / 1920 * 100vw), 210px);
}

.hcr-session02TalkSection .hcr-session02Talk-main-img img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (width <= 767px) {
  .hcr-session02TalkSection {
    padding-block: calc(100 / 750 * 100vw) 0;
  }

  .hcr-session02TalkSection .hcr-session02Talk-heading {
    margin: 0 auto calc(100 / 750 * 100vw);
  }

  .hcr-session02TalkSection .hcr-c-sectionLead {
    font-size: calc(48 / 750 * 100vw);
    line-height: 1.5;
  }

  .hcr-session02TalkSection .hcr-session02Talk-block {
    width: 100%;
    margin: 0;
  }

  .hcr-session02TalkSection .hcr-session02Talk-block + .hcr-session02Talk-block {
    margin-top: calc(150 / 750 * 100vw);
  }

  .hcr-session02TalkSection .hcr-session02Talk-img {
    width: calc(100vw - 50 / 750 * 100vw);
    margin-top: calc(80 / 750 * 100vw);
    margin-left: calc(50% - 50vw);
  }

  .hcr-session02TalkSection .hcr-session02Talk-img img {
    display: block;
    width: 100%;
    height: auto;
  }

  .hcr-session02TalkSection .hcr-session02Talk-text {
    margin-top: calc(80 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.9;
  }

  .hcr-session02TalkSection .hcr-session02Talk-img {
    width: calc(100vw - 50 / 750 * 100vw);
    margin-top: calc(120 / 750 * 100vw);
    margin-left: calc(50% - 50vw);
  }

  .hcr-session02TalkSection .hcr-session02Talk-main-img img {
    display: block;
    width: 100%;
    height: auto;
  }

  .hcr-session02Talk-img.-right {
    margin-right: calc(50% - 50vw);
    margin-left: calc(0 / 750 * 100vw);
  }
}