/*===========================================================================
接頭辞【.u-】

【予測変換用 _base.css記述】
:root {
  --font-color-base: #333;
  --font-color-main: #007ae6;
  --font-family-base: "Zen Kaku Gothic New", sans-serif;
  --font-family-urbanist: "Urbanist", sans-serif;
  --back-color-base: #fff;
  --design-size-pc: 1280;
  --design-size-sp: 375;
}
===========================================================================*/
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
  .c-fv {
    margin-top: 47rem;
  }
}



.u-lead {
  margin-top: 240rem;
}
.u-lead__ttl {
  font-weight: bold;
  font-size: 40rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
.u-lead__txt {
  margin-top: 116rem;
  font-weight: bold;
  font-size: 14rem;
  line-height: 2.1;
  letter-spacing: 0.12em;
  white-space: nowrap;
}
.u-lead__img {
  width: 396rem;
  border-radius: 16rem;
  overflow: hidden;
}
.u-lead__imgWrp {
  display: inline-block;
  padding-right: 99rem;
  padding-bottom: 89rem;
  position: relative;
}
.u-lead__img.--img-02 {
  width: 261rem;
}
.u-lead__img.--img-03 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 165rem;
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
  .u-lead__inr {
    position: relative;
    padding: 205rem 0 162rem;
  }
  .u-lead__ttl,
  .u-lead__txt {
    display: inline-block;
    position: relative;
    left: 50%;
    max-width: 50%;
  }
  .u-lead__ttl {
    transform: translateX(calc(-100% + 5rem));
  }
  .u-lead__img {
    position: absolute;
  }
  .u-lead__img.--img-01 {
    top: 0;
    right: 0;
  }
  .u-lead__imgWrp {
    position: absolute;
    width: 360rem;
    height: 385rem;
    left: 0;
    bottom: 0;
  }
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
  .u-lead {
    margin-top: 100rem;
  }
  .u-lead__inr {
    padding: 0 6rem;
  }
  .u-lead__ttl {
    font-size: 24rem;
  }
  .u-lead__txt {
    margin-top: 20rem;
  }
  .u-lead__img {
    border-radius: 12rem;
  }
  .u-lead__img.--img-01 {
    width: 100%;
    margin-top: 57rem;
  }
  .u-lead__imgWrp {
    margin-top: 24rem;
    padding: 0 77rem 68rem 20rem;
  }
  .u-lead__img.--img-02 {
    width: 196rem;
  }
  .u-lead__img.--img-03 {
    width: 124rem;
  }
}


.u-cross {
  margin-top: 180rem;
}
.u-sec:not(:last-child) {
  padding-bottom: 220rem;
}
.u-sec__cts {
  margin-top: 60rem;
}
.u-sec__kev {
  margin: 0 -300rem;
  border-radius: 40rem;
  overflow: hidden;
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
  .u-sec.--typ-mem {
    padding-bottom: 195rem;
  }
  .u-sec {
    padding-top: 20rem;
   }
  .u-sec:last-child {
    padding-bottom: 60rem;
  }
  .u-sec__kev.--pc-right {
    margin-right: -360rem;
    margin-left: 0;
    border-radius: 40rem 0 0 40rem;
  }
  .u-sec__kev.--pc-left {
    margin-right: 0;
    margin-left: -360rem;
    border-radius: 0 40rem 40rem 0;
  }
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
  .u-cross {
    margin-top: 80rem;
  }
  .u-cross .l-stkWrp__mai {
    margin-top: 34rem;
  }
  .u-sec:not(:last-child) {
    padding-bottom: 100rem;
  }
  .u-sec__inr {
    padding: 0 6rem;
  }
  .u-sec__cts {
    margin-top: 20rem;
  }
  .u-sec__kev {
    margin: 0 -14rem;
    border-radius: 12rem;
  }
}


.u-mem__lst {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30rem;
}
.u-mem__nte {
  margin-top: 16rem;
  font-weight: bold;
  font-size: 14rem;
  line-height: 2.1;
  letter-spacing: 0.12em;
}

.u-memItm {
  padding: 30rem;
  border-radius: 16rem;
  background: #F9F9F9;
}
.u-memItm__row{
  display: flex;
  align-items: center;
  gap: 16rem;
}
.u-memItm__icn {
  width: 84rem;
  border-radius: 113rem;
  overflow: hidden;
}
.u-memItm__col {
  flex: 1;
  font-size: 0;
}
.u-memItm__lbl {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: -2rem;
  padding: 4rem 14rem 6rem;
  border-radius: 30rem;
  background: #E9F1F8;
  font-weight: 500;
  font-size: 10rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
.u-memItm__pos {
  margin-top: 8rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 1.66;
  letter-spacing: 0.12em;
}
.u-memItm__name {
  display: inline-block;
  margin-top: 6rem;
  font-family: var(--font-family-urbanist);
  font-weight: 600;
  font-size: 20rem;
  line-height: 1.1;
  letter-spacing: 0.1em;
}
.u-memItm__yer {
  display: inline-block;
  margin-left: 10rem;
  color: #ABB8C3;
  font-weight: 500;
  font-size: 12rem;
  line-height: 1.66;
  letter-spacing: 0.12em;
}
.u-memItm__txt{
  margin-top:18rem;
  font-weight: 500;
  font-size: 12rem;
  line-height: 1.66;
  letter-spacing: 0.12em;
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
  .u-mem__lst {
    grid-template-columns: repeat(2, 1fr);
    gap: 20rem;
    margin: 0 -6rem;
  }
  .u-mem__lst.--col-1-sp {
    grid-template-columns: repeat(1, 1fr);
    gap: 16rem;
    margin: 0 -6rem;
  }
  .u-mem__nte {
    margin: 20rem -6rem 0;
    font-size: 12rem;
  }

  .u-memItm {
    padding: 20rem;
    border-radius: 12rem;
  }
  .u-memItm__row {
  gap: 14rem;
}
  .u-memItm__row.--block{
  display: block;
}
  .u-memItm__icn {
    margin: 0 auto;
  }
  .u-memItm__col {
    margin: 14rem 0 0;
  }
  .u-memItm__lbl {
    margin: 0 -6rem 0 0;
    text-wrap: nowrap;
  }
  .u-memItm__pos {
    margin-top: 4rem;
    padding-left: 2rem;
  }
  .u-memItm__name {
    display: block;
    margin-top: 4rem;
    font-size: 16rem;
  }
  .u-memItm__yer {
    display: block;
    margin: 4rem 0 0;
    text-wrap: nowrap;
  }
  
  .u-memItem__wrap {
    display: flex;
    align-items: center;
  }
  .u-memItm__yer.sp{
    margin:0 0 0 15rem;
  }
  .u-memItm__name.--size20{
    margin-top: 6rem;
    font-size: 20rem;
  }
}


.u-talk {
  margin-top: 120rem;
  font-size: 0;
}
.u-talk__lbl {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 12rem 6rem;
  border-radius: 30rem;
  background: #F5FAFE;
  color: var(--font-color-main);
  font-family: var(--font-family-urbanist);
  font-weight: 500;
  font-size: 12rem;
  line-height: 1.1;
  letter-spacing: 0.08em;
}
.u-talk__ttl {
  position: relative;
  margin-top: 18rem;
  padding-left: 37rem;
  font-weight: bold;
  font-size: 32rem;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
.u-talk__ttl::before {
  content: '';
  position: absolute;
  top: 18rem;
  left: 0;
  background: url(/company/recruit/common/images/icn_faq_q.svg) no-repeat center / contain;
  width: 23rem;
  height: 21rem;
}
.u-talk__row {
  display: grid;
  grid-template-columns: 525rem 1fr;
  gap: 80rem;
}
.u-talk__row + .u-talk__row {
  margin-top: 120rem;
}
.u-talk__img {
  border-radius: 24rem;
  overflow: hidden;
}

.u-talk__img.--preparation-01 {
  margin-top: 80rem;
  border-radius: 16rem;
}
.u-talk__img.--preparation-03 {
  margin-left: -360rem;
  border-radius: 0 24rem 24rem 0;
}
.u-talk__img.--preparation-04 {
  margin-top: 135rem;
}
.u-talk__img.--preparation-05 {
  width: 313rem;
  margin-top: 106rem;
  margin-left: 54rem;
}
.u-talk__img.--preparation-06 {
  margin-top: 32rem;
}

.u-talk__img.--style-03 {
  margin-right: -360rem;
  border-radius: 24rem 0 0 24rem;
}
.u-talk__img.--style-04 {
  margin-top: 106rem;
}

.u-talk__img.--impressions-01 {
  width: 263rem;
  margin-top: 71rem;
  margin-left: 78rem;
  border-radius: 16rem;
}
.u-talk__img.--impressions-02 {
  margin-top: 72rem;
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
  .u-talk__row.--pc-colWid-reverse {
    grid-template-columns: 1fr 525rem;
    gap: 78rem;
  }
  .u-talk + .u-talk {
    margin-top: 240rem;
  }
  .u-talk__ttl + * {
    margin-top: 60rem;
  }
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
  .u-talk {
    margin-top: 20rem;
  }
  .u-talk + .u-talk {
    margin-top: 100rem;
  }
  .u-talk__ttl {
    margin: 12rem 0;
    padding-left: 26rem;
    font-size: 18rem;
  }
  .u-talk__ttl::before {
    top: 6rem;
    width: 20rem;
    height: 18rem;
  }
  .u-talk__row {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .u-talk__row + .u-talk__row {
    margin-top: 40rem;
  }
  .u-talk__col + .u-talk__col {
    margin-top: 40rem;
  }
  .u-talk__img {
    border-radius: 12rem;
  }
  .u-talk__row.--sp-col-reverse {
    flex-direction: column-reverse;
  }
  .u-talk__row.--sp-col-reverse .u-talk__col:first-child {
    margin-top: 40rem;
  }
  .u-talk__row.--sp-col-reverse .u-talk__col + .u-talk__col {
    margin-top: 0;
  }

  .u-talk__img.--roles-01 {
    width: 190rem;
    margin-left: 78rem;
  }

  .u-talk__img.--preparation-01 {
    margin: 20rem -14rem 0;
    border-radius: 12rem;
  }
  .u-talk__img.--preparation-02 {
    margin: 0 -14rem;
  }
  .u-talk__img.--preparation-03 {
    margin: 0 -14rem;
    border-radius: 12rem;
  }
  .u-talk__img.--preparation-04 {
    margin: 0 -14rem;
  }
  .u-talk__img.--preparation-05 {
    width: 190rem;
    margin-top: 0;
    margin-left: 78rem;
  }
  .u-talk__img.--preparation-06 {
    margin: 40rem -14rem 0;
  }
  
  .u-talk__img.--style-01 {
    width: 197rem;
    margin-left: 20rem;
  }
  .u-talk__img.--style-02 {
    width: 124rem;
    margin-top: -132rem;
    margin-left: 169rem;
  }
  .u-talk__img.--style-03 {
    margin: 0 -14rem;
    border-radius: 12rem;
  }
  .u-talk__img.--style-04 {
    margin: 0 -14rem;
  }
  
  .u-talk__img.--impressions-01 {
    width: 190rem;
    margin-top: 0;
    border-radius: 12rem;
  }
  .u-talk__img.--impressions-02 {
    margin: 40rem -14rem 0;
  }

}


.u-talkItm {
  display: grid;
  grid-template-columns: 78rem 1fr;
  align-items: start;
  gap: 24rem;
}
.u-talk__col .u-talkItm:not(:first-of-type) {
  margin-top: 32rem;
}
.u-talkItm__icn {
  border-radius: 105rem;
  overflow: hidden;
}
.u-talkItm__name {
  margin-top: 6rem;
  font-family: var(--font-family-urbanist);
  font-weight: 600;
  font-size: 12rem;
  line-height: 1.1;
  letter-spacing: 0.06em;
  text-align: center;
}
.u-talkItm__col {
  flex: 1;
  font-weight: 500;
  font-size: 14rem;
  line-height: 1.8;
  letter-spacing: 0.14em;
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
  .u-talkItm.--pc-align-center {
    align-items: center;
  }
  .u-talkItm.--pc-align-center .u-talkItm__col {
    margin-top: -19rem;
  }
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
  .u-talk__col .u-talkItm:not(:first-of-type) {
    margin-top: 40rem;
  }
  .u-talkItm {
    grid-template-columns: 58rem 1fr;
    gap: 20rem;
  }
  .u-talkItm__per {
    margin-top: 5rem;
  }
  .u-talkItm__icn {
    width: 58rem;
    border-radius: 78rem;
  }
  .u-talkItm__name {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    font-size: 11rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
  .u-talkItm__col {
    font-size: 13rem;
    letter-spacing: 0.07em;
  }
}


.u-svg {
  position: relative;
}
.u-svg .m-svgWrap {
  z-index: -1;
}
.u-svg #trigger1 {
  width: 2380rem;
  height: 1057rem;
  top: 313rem;
  margin-left: -1188rem;
}
.u-svg #trigger2 {
  width: 1634rem;
  height: 818rem;
  bottom: 400rem;
  margin-left: 143rem;
}
.u-svg #trigger3 {
  width: 1524rem;
  height: 1526rem;
  bottom: -303rem;
  margin-left: -1722rem;
}
.u-svg #trigger4 {
  width: 2380rem;
  height: 1057rem;
  bottom: 186rem;
  margin-left: -1188rem;
}

.u-svg .m-svgWrap path {
  -webkit-animation: wavy 3s ease-in-out infinite;
          animation: wavy 3s ease-in-out infinite;
}
.u-svg #trigger1 path,
.u-svg #trigger4 path {
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
        }
        .u-svg #trigger2 path {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.u-svg #trigger3 path {
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
  .u-svg #trigger1_sp {
    width: 1682rem;
    height: 1039rem;
    top: 840rem;
    left: -555rem;
  }
  .u-svg #trigger2 {
    width: 996rem;
    height: 498rem;
    bottom: 17rem;
    left: -16rem;
    margin-left: 0;
  }
}


/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
  .pc-mt0 {
    margin-top: 0rem !important;
  }
  .pc-mt18 {
    margin-top: 18rem !important;
  }
  .pc-mt80 {
    margin-top: 80rem !important;
  }
  .pc-mt150 {
    margin-top: 150rem !important;
  }

  .pc-maxWid525 {
    max-width: 525rem;
  }
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
  .sp-mt0 {
    margin-top: 0rem !important;
  }
  .sp-mt20 {
    margin-top: 20rem !important;
  }
}

/* ==================================================
クロストーク 一覧ページ
================================================== */
.u-indexTtl .c-idxTtl__mai .c-idxTtl__en{
  letter-spacing: 0.06em;
}
.u-secLead .u-secLead__txt {
    font-size: 24rem;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.1em;
}
.u-secLead .u-secLead__sub + .u-secLead__txt {
  margin-top: 14rem;
}
.u-careerUp__txt{
  margin-top: 16rem;
  font-size: 16rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
.u-careerUp__wrp {
  margin-top: 120rem;
}
.u-careerUp__wrp .u-careerUp__itm + .u-careerUp__itm {
  margin-top: 60rem;
}
.u-careerUp__itm .u-careerUp__itmInr {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 10rem;
  border: 1px solid rgba(187, 187, 187, 0.1);
  box-shadow: 0 0 18rem 0rem rgba(187, 187, 187, 0.2);
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.3s linear, border 0.3s linear ;
}
.u-careerUp__itm .u-careerUp__itmInr:hover {
  border: 1px solid rgba(187, 187, 187, 0.3);
  box-shadow: 0 0 0 0 rgba(187, 187, 187, 0);
}
.u-careerUp__itm .u-careerUp__thum {
  order: 1;
  width: 514rem;
}
.u-careerUp__itm .u-careerUp__itmInr:hover .u-careerUp__thum img {
  opacity: 1;
}
.u-careerUp__itm .u-careerUp__cts {
  flex: 1;
  box-sizing: border-box;
  padding: 70rem 60rem 50rem;
}
.u-careerUp__itm .u-careerUp__cat {
  color: #007AE6;
  font-size: 16rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
.u-careerUp__itm .u-careerUp__ttl {
  margin-top: 20rem;
  font-size: 24rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.12em;
}
.u-careerUp__itm .u-careerUp__lbl {
  display: flex;
  flex-wrap: wrap;
}
.u-careerUp__itm .u-careerUp__lbl li {
  margin-top: 6rem;
  margin-right: 16rem;
  box-sizing: border-box;
  padding-left: 12rem;
  font-size: 12rem;
  line-height: 1.8;
  letter-spacing: 0.14em;
  position: relative;
}
.u-careerUp__itm .u-careerUp__lbl li::before {
  content: " ";
  width: 6rem;
  height: 6rem;
  margin-top: -3rem;
  border-radius: 100%;
  background: #007AE6;
  position: absolute;
  top: 50%;
  left: 0;
}
.u-careerUp__itm .u-moreBtn {
  display: inline-flex;
  align-items: center;
  margin-top: 30rem;
  font-size: 14rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.u-careerUp__itm .u-moreBtn p {
  margin-right: 12rem;
}
.u-careerUp__itm .u-moreBtn .m-crcBtn {
  width: 40rem;
  height: 40rem;
}
.u-careerUp__itm .u-moreBtn .m-crcBtn::before {
  width: 100%;
  height: 100%;
  -webkit-mask: none;
  mask: none;
  background: url(/company/recruit/images/icn_crc_arow_next.svg) no-repeat center / contain;
}
.u-careerUp__itm .u-moreBtn .m-crcBtn .m-crcItm {
  -webkit-animation: Nodash 0.3s linear forwards;
  animation: Nodash 0.3s linear forwards;
}
.u-careerUp__itm a:hover .u-moreBtn .m-crcBtn .m-crcItm {
  -webkit-animation: dash 0.3s linear 0.3s forwards;
  animation: dash 0.3s linear 0.3s forwards;
}
.u-careerUp__itm .u-moreBtn .m-crcBtn:hover .m-crcItm {
  -webkit-animation: none;
  animation: none;
}
.u-workplace .m-linkBtn {
  margin-top: 120rem;
  text-align: center;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-secLead .u-secLead__txt {
    font-size: 18rem;
    line-height: 1.6;
    letter-spacing: 0.12em;
  }
  .u-secLead .u-secLead__sub + .u-secLead__txt {
    margin-top: 10rem;
  }

  .u-workplace {
    margin-top: 100rem;
  }
  .u-workplace .u-secCol {
    margin-top: 30rem;
  }
  .u-workplace .u-secCol .u-secLead .u-secLead__txt {
    margin-top: 10rem;
  }
  .u-careerUp__wrp {
    margin-top: 40rem;
  }
  .u-careerUp__wrp .u-careerUp__itm + .u-careerUp__itm {
    margin-top: 30rem;
  }
  .u-careerUp__itm .u-careerUp__itmInr {
    display: block;
    border: 1px solid rgba(187, 187, 187, 0.2);
  }
  .u-careerUp__itm .u-careerUp__itmInr:hover {
    border: 1px solid rgba(187, 187, 187, 0.4);
  }
  .u-careerUp__itm .u-careerUp__thum {
    width: auto;
    margin: 0 -1px;
  }
  .u-careerUp__itm .u-careerUp__cts {
    padding: 20rem 20rem 30rem 20rem;
  }
  .u-careerUp__itm .u-careerUp__cat {
    font-size: 16rem;
  }
  .u-careerUp__itm .u-careerUp__ttl {
    margin-top: 15rem;
    font-size: 20rem;
    line-height: normal;
    letter-spacing: 0.12em;
  }
  .u-careerUp__itm .u-careerUp__lbl {
    margin-top: 8rem;
  }
  .u-careerUp__itm .u-careerUp__lbl li {
    margin-top: 4rem;
    margin-right: 14rem;
  }
  .u-careerUp__itm .u-moreBtn {
    margin-top: 16rem;
  }
  .u-careerUp__itm .u-moreBtn p {
    margin-right: 8rem;
  }
  .u-workplace .m-linkBtn {
    margin-top: 40rem;
    text-align: center;
  }
}

/* ==================================================
  Cross Talk-02
================================================== */
.u-dtlTtl .c-idxTtl__mai .c-idxTtl__en {
  margin: 16rem 0 0;
  font-family: var(--font-family-base);
  font-size: 56rem;
  font-weight: 700;
  line-height: 1.4;
}
.u-dtlTtl .c-idxTtl__mai .c-idxTtl__jp {
  margin-top: 32rem;
  font-size: 16rem;
  letter-spacing: 0.12em;
}


@media screen and (max-width: 768px) {
  .u-dtlTtl .c-idxTtl__mai .c-idxTtl__en {
    font-size: 32rem;
    letter-spacing: 0.06em;
    line-height: 1.6;
  }
  .u-dtlTtl .c-idxTtl__mai .c-idxTtl__jp {
    margin-top: 8rem;
    font-size: 14rem;
    letter-spacing: 0.1em;
  }
}