.wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../img/bg.png) no-repeat;
  background-size: 100% auto;
  background-attachment: fixed;
}
.innerLead {
  padding: 146px 3% 54px;
  background: #f3f3f3;
}
.innerLead .titleWrap {
  position: relative;
  z-index: 2;
}
.innerLead .notes {
  margin-bottom: 42px;
  position: relative;
  z-index: 2;
}
.philosophy {
  max-width: 885px;
  margin: 0 auto;
  border: 1px dashed #000;
  background: #fff;
  border-radius: 20px;
  letter-spacing: 0.06em;
  padding: 32px 5% 43px;
  position: relative;
  z-index: 2;
}
.philosophy .eTxt {
  font-size: 2.5rem;
  font-weight: 300;
  color: #e60033;
  text-align: center;
  margin-bottom: 6px;
}
.philosophy h2 {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 26px
}
.philosophy .note {
  font-size: 1.6rem;
  line-height: 1.563;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}
.ourInitiatives {
  padding: 70px 3% 44px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  letter-spacing: 0.06em;
  position: relative;
  z-index: 2;
}
.ourInitiatives .topTxt {
  font-size: 2.5rem;
  font-weight: 300;
  color: #e60033;
  text-align: center;
  margin-bottom: 6px;
}
.ourInitiatives h2 {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 48px
}
.ourInitiatives dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 895px;
  margin: 0 auto;
}
.ourInitiatives dt {
  font-size: 8.5rem;
  color: #e60033;
  letter-spacing: 0;
  width: 180px;
  text-align: right;
  line-height: 1;
  margin-bottom: 38px;
}
.ourInitiatives dt span {
  font-size: 5.1rem;
  letter-spacing: 0.06em;
}
.ourInitiatives dd {
  width: calc(100% - 210px);
  position: relative;
  padding-left: 34px;
  margin-bottom: 38px;
}
.ourInitiatives dd::before {
  content: "";
  width: 1px;
  height: 100px;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ourInitiatives dd h3 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 10px;
}
.ourInitiatives dd p {
  font-size: 1.6rem;
  line-height: 1.563;
}
.ourInitiatives .caution {
  max-width: 1000px;
  margin: 0 auto;
  text-align: right;
  font-size: 1.5rem;
}
.targetBlock {
  position: relative;
  z-index: 3;
  border-bottom: 1px solid #000;
}
.targetContents {
  padding: 8.3% 3% 0;
  height: 650px;
  background: url(../img/women-carrers/target.webp) no-repeat right 0 #e6e7e6;
  background-size: auto 650px;
  position: relative;
  z-index: 3;
}
.targetContents .details {
  max-width: 1000px;
  margin: 0 auto;
  letter-spacing: 0.06em;
}
.targetContents .details .topTxt {
  font-size: 2.5rem;
  font-weight: 300;
  color: #e60033;
  margin-bottom: 0.6%;
  letter-spacing: 0.06em;
}
.targetContents .details h2 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 7.5%
}
.targetContents .details dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 450px;
}
.targetContents .details dt {
  font-size: 2rem;
  width: 116px;
  margin-bottom: 30px;
}
.targetContents .details dd {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  border-left: 8px solid #e60033;
  width: calc(100% - 116px);
  padding: 10px 0 11px 27px;
  margin-bottom: 30px;
}
.targetContents .details dd span {
  font-weight: 500;
  color: #e60033;
}
.attemptBlock {
  padding: 36px 3% 32px;
  letter-spacing: 0.06em;
  background: #f3f3f3;
}
.attemptBlock .lineBg::before {
  display: none;
}
.attemptBlock .lineBg::after {
  top: -378px;
  left: -54.7%;
}
.attemptBlock .attempt {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 36px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.attemptBlock ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 883px;
  margin: 0 auto 6px;
  border: 1px solid #000;
  background: #fff;
  position: relative;
  z-index: 2;
}
.attemptBlock li {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 79px;
  border-bottom: 1px dashed #000;
}
.attemptBlock li:nth-child(odd) {
  border-right: 1px dashed #000;
}
.attemptBlock li:nth-last-child(-n+2) {
  border-bottom: none;
}
.attemptBlock li p {
  font-size: 1.7rem;
  font-weight: 500;
}
.howToWork {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #000;
}
.howToWork .titleBlock {
  padding: 40px 3% 18px;
}
.howToWork .titleBlock::before {
  display: none;
}
.howToWork .titleBlock::after {
  top: -368px;
  left: -48.6%;
}
.howToWork .titleWrap {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
}
.howToWork .titleWrap .txtBox {
  width: 45%;
  letter-spacing: 0.06em;
  border-left: 8px solid #e60033;
  padding: 22px 0 22px 32px;
}
.howToWork .titleWrap .txtBox .eTxt {
  font-size: 2rem;
  letter-spacing: 0.22em;
  font-weight: 300;
  margin-bottom: 8px;
}
.howToWork .titleWrap .txtBox h2 {
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.howToWork .titleWrap .imgBox {
  max-width: 500px;
  width: 50%;
}
.howToWork .memberBox {
  padding: 38px 3% 40px;
  border-top: 1px solid #000;
}
.howToWork .memberBox:first-of-type {
  border-top: none;
}
.howToWork .memberBox .boxWrap {
  max-width: 880px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.howToWork .memberBox .boxWrap .imgBox {
  width: 29.8%;
}
.howToWork .memberBox .boxWrap .txtBox {
  width: 66.6%;
  padding-top: 16px;
}
.howToWork .memberBox .boxWrap .txtBox .meta {
  border-left: 8px solid #e60033;
  padding: 6px 0 8px 4.5%;
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.06em;
  margin-bottom: 28px;
}
.howToWork .memberBox .boxWrap .txtBox .meta p {
  margin-right: 13px;
  font-size: 1.5rem;
}
.howToWork .memberBox .boxWrap .txtBox .meta .name {
  font-size: 1.7rem;
  font-weight: 500;
}
.howToWork .memberBox .boxWrap .txtBox .meta .department {
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  margin: 10px 0 0;
  line-height: 1.563;
}
.howToWork .memberBox .boxWrap .txtBox .systemUsed {
  padding: 0 0 36px 6%;
}
.howToWork .memberBox .boxWrap .txtBox .systemUsed .title {
  display: inline-block;
  border: 1px solid #000;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1;
  padding: 4px 10px;
  margin-bottom: 18px;
}
.howToWork .memberBox .boxWrap .txtBox .systemUsed .note {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.563;
}
.howToWork .memberBox .boxWrap .txtBox .accBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 50px;
  border: 1px solid #000;
  font-weight: bold;
  font-size: 1.6rem;
}
.howToWork .memberBox .boxWrap .txtBox .accBtn::before {
  content: "インタビューを読む";
}
.howToWork .memberBox .boxWrap .txtBox .accBtn:hover {
  background: #000;
  color: #fff;
  transition: all .25s ease-in;
  cursor: pointer;
}
.howToWork .memberBox .boxWrap .txtBox .accBtn::after {
  position: absolute;
  right: 6.5%;
  width: 10px;
  height: 19px;
}
.howToWork .memberBox .boxWrap.show .txtBox .accBtn.isOpen::before {
  content: "インタビューを閉じる";
}
.howToWork .memberBox .boxWrap.show .txtBox .accBtn.isOpen::after {
  transform: scale(1, -1);
}
.howToWork .accContents {
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease;
}
.howToWork .interviewDetails {
  padding: 0 0 20px;
}
.howToWork .interviewDetails .blockBox {
  overflow: hidden;
}
.howToWork .interviewDetails .lineBg::before,
.howToWork .interviewDetails .blockWrap04::after {
  display: none;
}
.howToWork .interviewDetails .blockWrap02::after {
  right: -53.5%;
  top: -403px;
  transform: scale(-1, 1);
}
.howToWork .interviewDetails .blockWrap01 .block {
  max-width: 880px;
  margin: 0 auto;
}
.howToWork .interviewDetails .blockWrap02 .block,
.howToWork .interviewDetails .blockWrap03 .block,
.howToWork .interviewDetails .blockWrap04 .block {
  max-width: 880px;
  margin: 0 auto;
  padding-top: 36px;
}
.howToWork .interviewDetails .imgR figure {
  width: 42.4%;
  margin: 0 0 0 6%;
}
.howToWork .interviewDetails .imgL figure {
  width: 42.4%;
  margin: 0 6% 0 0;
}
.howToWork .interviewDetails .blockWrap01 .question,
.howToWork .interviewDetails .blockWrap01 .notes {
  margin-left: 0;
}
.howToWork .interviewDetails .blockWrap01 .question {
  padding-top: 7%;
}
.howToWork .interviewDetails .blockWrap03 .question {
  padding-top: 4.5%;
}
.howToWork .interviewDetails .blockWrap04 .question {
  padding-top: 0;
}
.howToWork .scheduleBlock {
  padding: 0 3% 42px;
  border: none;
  background: none;
}
.howToWork .scheduleBlock .topTxt {
  text-align: left;
  max-width: 880px;
  margin: 0 auto 6px;
}
.howToWork .scheduleBlock h2 {
  text-align: left;
  max-width: 880px;
  margin: 0 auto 32px;
}
.howToWork .scheduleWrap {
  display: flex;
  justify-content: flex-start;
  max-width: 880px;
  margin: 0 auto;
  position: relative;
  left: -8px;
}
.howToWork .scheduleList dt {
  line-height: 1;
  text-align: center;
  height: auto;
  min-height: 55px;
  padding: 10px 0;
}
.howToWork .scheduleList .etc {
  border: none;
  position: relative;
  background: none;
}
.howToWork .scheduleList .etc::after {
  content: "";
  width: 2px;
  height: 70px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%204%20146%22%3E%20%3Cpath%20d%3D%22M2%2C146c-1.1%2C0-2-.9-2-2v-1.9c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v1.9c0%2C1.1-.9%2C2-2%2C2ZM2%2C136.1c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C126.1c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C116.1c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C106.1c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C96.1c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C86.1c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C76.1c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C66c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C56c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C46c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C36c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C26c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C16c-1.1%2C0-2-.9-2-2v-2c0-1.1.9-2%2C2-2s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2ZM2%2C6c-1.1%2C0-2-.9-2-2v-2C0%2C.9.9%2C0%2C2%2C0s2%2C.9%2C2%2C2v2c0%2C1.1-.9%2C2-2%2C2Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: -7px;
  margin: auto;
}
@media only screen and (max-width:1000px) {
  .targetContents {
    background: url(../img/women-carrers/target.webp) no-repeat right 0 #e6e7e6;
    background-size: 110%;
    aspect-ratio: 30 / 14.3;
    height: auto;
    padding: 2.3% 3% 0;
  }
  .targetContents .details h2 {
    margin-bottom: 4.5%;
  }
}
@media only screen and (max-width:749px) {
  .wrap::before {
    background: url(../img/bg_sp.png) no-repeat;
    background-size: 100%;
  }
  .innerLead {
    padding: calc(19% + 17.33vw) 5% 11.5%;
  }
  .innerLead .notes {
    margin-bottom: 12%;
  }
  .philosophy {
    max-width: none;
    padding: 14% 0 15%;
  }
  .philosophy .eTxt {
    font-size: 6.66vw;
    margin-bottom: 5%;
  }
  .philosophy h2 {
    font-size: 5.33vw;
    margin-bottom: 11%
  }
  .philosophy .note {
    font-size: 4.26vw;
    max-width: 75%;
  }
  .ourInitiatives {
    padding: 10% 0 7.8%;
  }
  .ourInitiatives .topTxt {
    font-size: 5.33vw;
    margin-bottom: 2%;
  }
  .ourInitiatives h2 {
    font-size: 5.33vw;
    margin-bottom: 8.5%;
  }
  .ourInitiatives dl {
    display: block;
    max-width: none;
  }
  .ourInitiatives dt {
    font-size: 22.66vw;
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
  }
  .ourInitiatives dt span {
    font-size: 13.71vw;
  }
  .ourInitiatives dd {
    width: 80%;
    margin: 0 auto 8.5%;
    padding-left: 0;
  }
  .ourInitiatives dd::before {
    display: none;
  }
  .ourInitiatives dd h3 {
    font-size: 5.33vw;
    margin-bottom: 10px;
  }
  .ourInitiatives dd p {
    font-size: 4.26vw;
  }
  .ourInitiatives .caution {
    max-width: none;
    font-size: 4vw;
    padding-right: 5%;
  }
  .targetContents {
    padding: 8.3% 5% 2%;
    height: auto;
    background: url(../img/women-carrers/target_sp.jpg) no-repeat 0 0;
    background-size: 100%;
  }
  .targetContents .details {
    max-width: none;
  }
  .targetContents .details .topTxt {
    font-size: 5.33vw;
    margin-bottom: 2.2%
  }
  .targetContents .details h2 {
    font-size: 5.33vw;
    margin-bottom: 71vw;
  }
  .targetContents .details dl {
    display: block;
    max-width: 87%;
    margin: 0 auto;
  }
  .targetContents .details dt {
    font-size: 4vw;
    width: 100%;
    margin-bottom: 3%;
  }
  .targetContents .details dd {
    font-size: 5.33vw;
    width: 100%;
    padding: 0 0 0 3vw;
    margin-bottom: 11%;
    white-space: nowrap;
  }
  .attemptBlock {
    padding: 10.5% 0 1%;
  }
  .attemptBlock .lineBg::after {
    display: none;
  }
  .attemptBlock .attempt {
    font-size: 5.33vw;
    margin-bottom: 7%;
  }
  .attemptBlock ul {
    display: block;
    max-width: none;
    margin: 0 5%;
  }
  .attemptBlock li {
    width: 100%;
    min-height: 19.85vw;
    text-align: center;
  }
  .attemptBlock li:nth-child(odd) {
    border-right: none;
  }
  .attemptBlock li:nth-last-child(-n+2) {
    border-bottom: 1px dashed #000;
  }
  .attemptBlock li:last-child {
    border-bottom: none;
  }
  .attemptBlock li p {
    font-size: 4.53vw;
    line-height: 1.471;
  }
  .howToWork .titleBlock {
    padding: 10.5% 5% 11%;
  }
  .howToWork .titleBlock::after {
    top: -72vw;
    left: -170.4%;
  }
  .howToWork .titleWrap {
    max-width: none;
    display: block;
  }
  .howToWork .titleWrap .txtBox {
    width: 100%;
    padding: 6% 0 6% 4vw;
    margin-bottom: 13%;
  }
  .howToWork .titleWrap .txtBox .eTxt {
    font-size: 4.53vw;
    margin-bottom: 2%;
  }
  .howToWork .titleWrap .txtBox h2 {
    font-size: 5.33vw;
    line-height: 1.25;
  }
  .howToWork .titleWrap .imgBox {
    max-width: none;
    width: 100%;
  }
  .howToWork .memberBox {
    padding: 10.5% 5% 11%;
  }
  .howToWork .memberBox:first-of-type {
    padding-top: 0;
  }
  .howToWork .memberBox .boxWrap {
    max-width: none;
    display: block;
  }
  .howToWork .memberBox .boxWrap .imgBox {
    width: 76%;
    margin: 0 auto 8.5%;
  }
  .howToWork .memberBox .boxWrap .txtBox {
    width: 100%;
    padding: 0;
    border: none;
  }
  .howToWork .memberBox .boxWrap .txtBox .meta {
    padding: 2% 0 3.5% 4.5vw;
    margin: 0 5% 9.2%;
  }
  .howToWork .memberBox .boxWrap .txtBox .meta p {
    margin-right: 4%;
    font-size: 4vw;
  }
  .howToWork .memberBox .boxWrap .txtBox .meta .name {
    font-size: 4.53vw;
  }
  .howToWork .memberBox .boxWrap .txtBox .meta .department {
    font-size: 4.26vw;
    margin-top: 5.5%;
  }
  .howToWork .memberBox .boxWrap .txtBox .systemUsed {
    padding: 0 6% 5%;
  }
  .howToWork .memberBox .boxWrap .txtBox .systemUsed .title {
    font-size: 4.53vw;
    padding: 1.6% 3.4vw;
    margin-bottom: 5%;
  }
  .howToWork .memberBox .boxWrap .txtBox .systemUsed .note {
    font-size: 4.26vw;
  }
  .interviewBlock .memberBox .boxWrap .txtBox .accBtn {
    min-height: 13.33vw;
    font-size: 4.26vw;
  }
  .interviewBlock .memberBox .boxWrap .txtBox .accBtn::after {
    right: 6.5%;
    width: 2.66vw;
    height: 5.06vw;
  }
  .howToWork .interviewDetails {
    padding: 0 0 3%;
  }
  .howToWork .interviewDetails .blockWrap02::after {
    top: -99vw;
    right: -188.5%;
    transform: scale(-1, 1);
  }
  .howToWork .interviewDetails .blockWrap01 .block,
  .howToWork .interviewDetails .blockWrap03 .block,
  .howToWork .interviewDetails .blockWrap04 .block {
    max-width: none;
    margin: 0 auto;
    padding: 0;
  }
  .howToWork .interviewDetails .blockWrap02 .block {
    max-width: none;
    margin: 0 auto;
    padding-top: 10%;
  }
  .howToWork .interviewDetails .imgR figure {
    width: 100%;
    margin: 5% 0 0;
  }
  .howToWork .interviewDetails .imgL figure {
    width: 100%;
    margin: 5% 0 0;
  }
  .howToWork .interviewDetails .blockWrap01 .question {
    padding-top: 2%;
  }
  .howToWork .interviewDetails .blockWrap03 .question {
    padding-top: 11.5%;
  }
  .howToWork .interviewDetails .blockWrap04 .question {
    padding-top: 4%;
  }
  .howToWork .scheduleBlock {
    padding: 0 0 10.5%;
  }
  .howToWork .scheduleBlock .topTxt {
    text-align: center;
    font-size: 5.33vw;
    margin: 0 auto 2.5%;
  }
  .howToWork .scheduleBlock h2 {
    text-align: center;
    max-width: none;
    margin: 0 auto 8.5%;
  }
  .howToWork .scheduleWrap {
    left: 0;
  }
  .howToWork .scheduleList dl {
    margin-bottom: 10.16%;
    flex-wrap: wrap;
  }
  .howToWork .scheduleList dl::before {
    margin: 0 3.3vw;
  }
  .howToWork .scheduleList dt {
    font-size: 5.33vw;
    width: 25.33vw;
    min-height: 14.53vw;
    min-height: 55px;
    padding: 2% 0;
  }
  .scheduleList dd {
    font-size: 4.26vw;
    padding: 0 0 0 5.8vw;
    width: calc(100% - 25.33vw - 4vw - 6.6vw);
  }
  .howToWork .scheduleList .etc::after {
    content: "";
    width: 0.53vw;
    height: 18.66vw;
    top: 0;
    bottom: 0;
  }
}