@charset "UTF-8";
/* 採用情報トップの修正css*/
.LowerTitleLevel1.AddCrossTalkTitleResize {
  font-size: 148%;
  line-height: 1.6;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.TextStyle1.AddCrossTalkTextResize {
  margin-bottom: 0;
}

.AddCrossTalkTitle {
  font-size: 190%;
  font-weight: 700;
  line-height: 1;
  border-bottom: 1px solid #ccc;
  margin: 0 0 16px;
  padding: 0 0 8px;
  background: none !important;
}
.AddCrossTalkTitle small {
  font-size: 13.8px;
  margin-left: 8px;
}

/* 座談会エリアのcss*/
.CrossTalkContents {
  background: #fff;
}
.CrossTalkContents__Head {
  max-width: 1920px;
  width: 100%;
  height: min(600px, 62.1761658031vw);
  position: relative;
  margin-inline: auto;
}
.CrossTalkContents__Head__Wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: 965px;
  width: 90%;
  transform: translateX(-50%);
}
.CrossTalkContents__Head__Wrap__Title {
  font-size: min(38px, 3.9378238342vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transform: translateY(calc(min(19px, 1.9689119171vw) + min(16px, 1.6580310881vw)));
}
.CrossTalkContents__Head__Wrap__Title h1 {
  line-height: 1;
}
.CrossTalkContents__Head__Wrap__Title h1 img {
  width: min(357px, 36.9948186528vw);
  vertical-align: bottom;
}
.CrossTalkContents__Head__Wrap__Title h2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  background: none;
}
.CrossTalkContents__Head__Wrap__Title h2 span {
  display: inline-block;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  background: #1F99B5;
  background: linear-gradient(135deg, rgb(31, 153, 181) 0%, rgb(20, 102, 173) 100%);
  line-height: 1;
  color: #fff;
  padding: min(16px, 1.6580310881vw);
  margin-top: min(8px, 0.829015544vw);
}
.CrossTalkContents__Head__Wrap__Title h2 span:nth-child(2) {
  align-self: flex-end;
}
.CrossTalkContents__Head.Contents01 {
  background: url("../image/crosstalk_01_head.jpg") center/cover no-repeat;
}
.CrossTalkContents__Head.Contents02 {
  background: url("../image/crosstalk_02_head.jpg") center/cover no-repeat;
}
.CrossTalkContents__HeadText {
  text-align: center;
  position: relative;
  padding: 16px;
  margin: 80px 0;
}
.CrossTalkContents__HeadText::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 100%;
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.CrossTalkContents__HeadText::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.CrossTalkContents__HeadText p {
  font-size: 16px;
  line-height: 2.5;
}
.CrossTalkContents__Member {
  margin-bottom: 100px;
}
.CrossTalkContents__Member h3 {
  text-align: center;
  font-size: 27px;
  font-style: italic;
  letter-spacing: 0.16em;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.CrossTalkContents__Member h3::before, .CrossTalkContents__Member h3::after {
  content: "";
  width: 40px;
  height: 1px;
  background: #ccc;
}
.CrossTalkContents__Member ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.CrossTalkContents__Member ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.CrossTalkContents__Member__Photo {
  width: 25.906%;
}
.CrossTalkContents__Member__Photo img {
  width: 100%;
}
.CrossTalkContents__Member__Info {
  width: 72.056%;
}
.CrossTalkContents__Member__Info .Position {
  color: #c00;
  display: block;
  font-weight: bold;
  font-size: 13.8px;
}
.CrossTalkContents__Member__Info .Name {
  display: block;
  font-weight: bold;
  font-size: 21px;
}
.CrossTalkContents__Member__Info p {
  font-size: 14px;
  margin-top: 8px;
  line-height: 2.2857142857;
}
.CrossTalkContents__Main__Interview {
  background: #F6F6F6;
  border-radius: 6px;
  padding: 24px;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.8947368421;
  margin-bottom: 48px;
}
.CrossTalkContents__Main__Interview.mr {
  margin-top: 100px;
}
.CrossTalkContents__Main__Member {
  position: relative;
  font-size: 16px;
  line-height: 2.625;
  margin-bottom: 48px;
  padding-left: 80px;
}
.CrossTalkContents__Main__Member span {
  position: absolute;
  left: 0;
  letter-spacing: 0.2em;
}
.CrossTalkContents__Main__Member span.kerning {
  letter-spacing: -0.05em;
}
.CrossTalkContents__Main__Photo {
  margin-bottom: 48px;
}
.CrossTalkContents__Banner {
  margin-top: 160px;
  margin-bottom: 80px;
  text-align: center;
}
.CrossTalkContents__Banner h3 {
  text-align: center;
  font-size: 24px;
  display: block;
  letter-spacing: 0.2em;
  margin-bottom: 48px;
}

@media (width <= 767px) {
  .CrossTalkContents__Head {
    height: 65.1890482399vw;
  }
  .CrossTalkContents__Head__Wrap__Title {
    margin-left: -2vw;
    font-size: 4.1720990874vw;
    transform: translateY(4vw);
  }
  .CrossTalkContents__Head__Wrap__Title h1 img {
    width: 46.5449804433vw;
  }
  .CrossTalkContents__Head__Wrap__Title h2 {
    margin: 0;
  }
  .CrossTalkContents__Head__Wrap__Title h2 span {
    padding: min(16px, 2.0860495437vw);
    margin-top: min(8px, 1.0430247718vw);
  }
  .CrossTalkContents__Head__Wrap__Title h2 span:nth-child(2) {
    align-self: flex-start;
  }
  .CrossTalkContents__HeadText {
    padding: 2vw 6vw;
    margin: 12vw 0;
  }
  .CrossTalkContents__HeadText::before {
    width: 12px;
  }
  .CrossTalkContents__HeadText::after {
    width: 12px;
  }
  .CrossTalkContents__HeadText p {
    font-size: 14px;
    text-align: left;
  }
  .CrossTalkContents__Member {
    margin-bottom: 16vw;
  }
  .CrossTalkContents__Member h3 {
    font-size: 21px;
    margin-bottom: 4vw;
  }
  .CrossTalkContents__Member ul {
    gap: 8vw;
  }
  .CrossTalkContents__Member ul li {
    flex-direction: column;
  }
  .CrossTalkContents__Member__Photo {
    width: 100%;
    text-align: center;
    margin-bottom: 3vw;
  }
  .CrossTalkContents__Member__Photo img {
    width: min(250px, 45.4545454545vw);
  }
  .CrossTalkContents__Member__Info {
    width: 96%;
  }
  .CrossTalkContents__Member__Info .Position {
    font-size: 13.8px;
  }
  .CrossTalkContents__Member__Info .Name {
    font-size: 16px;
  }
  .CrossTalkContents__Member__Info p {
    font-size: 13.8px;
    margin-top: 4px;
    line-height: 2;
  }
  .CrossTalkContents__Main__Interview {
    padding: 16px;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 8vw;
  }
  .CrossTalkContents__Main__Interview.mr {
    margin-top: 12vw;
  }
  .CrossTalkContents__Main__Member {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 8vw;
    padding-left: 70px;
  }
  .CrossTalkContents__Main__Photo {
    margin-bottom: 8vw;
  }
  .CrossTalkContents__Banner {
    margin-top: 16vw;
    margin-bottom: 6vw;
  }
  .CrossTalkContents__Banner h3 {
    font-size: 16px;
    margin-bottom: 6vw;
  }
}