@charset "UTF-8";

/*--------------------------------------------
kv
--------------------------------------------*/
.e-kv {
  width: 100%;
  min-height: 720px;
  background: url(/freshers/assets/images/bg_navy_dark.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 257px 0 0 0;
  position: relative;
  display: none;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv {
    min-height: 177.777vw;
    background: url(/freshers/assets/images/bg_navy_dark_sp.jpg) no-repeat;
    background-size: cover;
    padding: 66.666vw 0 0 0;
  }
}

.e-kv__txt {
  max-width: 1206px;
  width: 88.676%;
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  justify-content: center;
  opacity: 0;
	transform: translate(0, 1.111vw);
	transition: all 1s ease-out;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv__txt {
    max-width: none;
  }
}

.e-kv__txt__heading {
  font-size: 80px;
  font-family: "Familjen Grotesk", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv__txt__heading {
    font-size: 13.333vw;
  }
}

.e-kv__txt__cath {
  font-size: 20px;
  line-height: 2em;
  color: #fff;
  text-align: center;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv__txt__cath {
    font-size: 3.888vw;
    margin-top: 2.222vw;
  }
}

.e-kv__pagelink {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv__pagelink {
    display: flex;
    flex-direction: column;
  }
}

.e-kv__pagelink li {
  width: 50%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv__pagelink li {
    width: 100%;
  }
}

.e-kv__pagelink li a {
  height: 120px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  color: #fff;
  background-color: rgba(0,0,0,0.2);
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv__pagelink li a {
    height: 15.555vw;
    font-size: 3.611vw;
  }
}

/**** PC ****/
@media only screen and (min-width:751px) {
  .e-kv__pagelink li a::after {
    content: "";
    background: url(/freshers/assets/images/ic_arrow_bottom_w.svg) no-repeat;
    background-size: cover;
    width: 14px;
    height: 8px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
  }
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-kv__pagelink li a::after {
    content: "";
    background: url(/freshers/assets/images/ic_arrow_bottom_w.svg) no-repeat;
    background-size: cover;
    width: 2.222vw;
    height: 1.111vw;
    position: absolute;
    top: 50%;
    right: 6.111vw;
    transform: translateY(-50%);
  }
}

/*--------------------------------------------
働く環境
--------------------------------------------*/
.e-working {
  background: url(/freshers/assets/images/environment/working_bg.jpg) no-repeat;
  background-size: 100%;
  background-position: top center;
  position: relative;
  padding: 0 0 133px 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working {
    background: url(/freshers/assets/images/environment/working_bg_sp.jpg) no-repeat;
    background-size: 100%;
    background-position: top center;
    padding: 0 0 17.777vw 0;
  }
}

.e-working__heading {
  text-align: center;
  padding: 120px 0 0 0;
  font-size: 38px;
  line-height: 1.6em;
  font-weight: 700;
  color: #fff;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__heading {
    padding: 22.222vw 0 0 0;
    font-size: 6.666vw;
  }
}

.e-working__catch {
  width: 100%;
  text-align: center;
  padding: 0 0 144px 0;
  font-size: 18px;
  line-height: 1.8em;
  color: #fff;
  margin: 24px auto 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__catch {
    width: 69.444vw;
    text-align: left;
    padding: 0 0 22.222vw 0;
    font-size: 4.166vw;
    margin: 4.444vw auto 0;
  }
}

.e-working__double {
  display: flex;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__double {
    display: flex;
    flex-flow: column;
  }
}

.e-working__section__01 {
  width: 50%;
  background-color: #F5F8FF;
  padding: 48px 3.333%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__01 {
    width: 100%;
    padding: 8.888vw 11.111vw 13.333vw;
  }
}

.e-working__section__02 {
  width: 50%;
  background-color: #E6EBF5;
  padding: 48px 6.666%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__02 {
    width: 100%;
    padding: 8.888vw 11.111vw 13.333vw;
  }
}

.e-working__section__03 {
  width: 100%;
  position: relative;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__03 {
    padding: 8.888vw 0 0;
  }
}

.e-working__section__04 {
  width: 50%;
  background-color: #F5F8FF;
  padding: 48px 6.666%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__04 {
    width: 100%;
    padding: 8.888vw 11.111vw 13.333vw;
  }
}

.e-working__section__05 {
  width: 50%;
  background-color: #E6EBF5;
  padding: 48px 6.666%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__05 {
    width: 100%;
    padding: 8.888vw 11.111vw 13.333vw;
  }
}

.e-working__section__06 {
  width: 100%;
  padding: 48px 20%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__06 {
    width: 100%;
    padding: 8.888vw 11.111vw 13.333vw;
  }
}

.e-working__section__inner {
  width: 80%;
  margin: 0 auto;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__inner {
    width: 68.888vw;
  }
}

.e-working__section__txt {
  width: 100%;
  font-size: 17px;
  line-height: 1.8em;
  margin: 36px auto 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__txt {
    font-size: 4.166vw;
    margin: 8.888vw auto 0;
  }
}

.e-working__listbox {
  width: 100%;
  margin: 24px auto 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__listbox {
    width: 100%;
    margin: 8.888vw auto 0;
  }
}

.e-working__listbox__double {
  display: flex;
  width: 100%;
  margin: 24px auto 0;
  gap: 1em;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__listbox__double {
    display: flex;
    flex-flow: column;
    margin: 8.888vw auto 0;
    gap: .5em;
  }
}

.e-working__listbox__double .e-working__listbox {
  width: 50%;
  margin: 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__listbox__double .e-working__listbox {
    width: 100%;
  }
}

/* 左丸リスト */
.e-working__list {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 4px 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__list {
    gap: 2.222vw 0;
  }
}

.e-working__list li {
  color: #000F95;
  font-size: 18px;
  line-height: 1.8em;
  font-weight: 500;
  position: relative;
  padding-left: 18px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__list li {
    font-size: 4.444vw;
    padding-left: 4.444vw;
    line-height: 1.4em;
  }
}

.e-topics__04 .e-working__list li {
  margin-top: 18px;
  padding-left: 0;
  font-weight: 400;
  color: #212121;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-topics__04 .e-working__list li {
    font-size: 4.166vw;
    line-height: 1.8em;
  }
}

.e-working__list li span {
  font-weight: 400;
}

.e-working__list li:before {
  content: "";
  position: absolute;
  top: .8em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #000F95;
  border-radius: 50%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__list li:before {
    content: "";
    position: absolute;
    top: .5em;
    left: 0;
    width: 2.222vw;
    height: 2.222vw;
    background-color: #000F95;
    border-radius: 50%;
  }
}

.e-topics__04 .e-working__list li:before {
  content: none;
}

.e-working__pickup {
  width: calc(100% + 40px);
  border: 1px #000F95 solid;
  border-radius: 8px;
  margin: 44px -20px 0;
  padding: 20px 36px 42px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__pickup {
    width: 100%;
    border-radius: 2.222vw;
    margin: 8.888vw auto 0;
    padding: 6.388vw 5vw 9.444vw;
  }
}

.e-working__pickup__heading {
  text-align: center;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__pickup__heading {
    text-align: center;
  }
}

.e-working__pickup__heading__en {
  display: block;
  font-family: "Familjen Grotesk", sans-serif;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 700;
  color: #000F95;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__pickup__heading__en {
    font-size: 3.333vw;
  }
}

.e-working__pickup__heading__jp {
  display: block;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: 400;
  color: #000F95;
  margin-top: 4px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__pickup__heading__jp {
    font-size: 4.722vw;
    margin-top: 1.111vw;
  }
}

.e-working__pickup__txt {
  width: 100%;
  color: #000F95;
  line-height: 1.8em;
  margin: 24px auto 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__pickup__txt {
    margin: 6.944vw auto 0;
  }
}

.e-working__section__03_inner {
  width: 100%;
  display: flex;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__03_inner {
    display: flex;
    flex-flow: column;
  }
}

.e-working__section__03_pic {
  width: 42.083%;
  padding: 31px 40px 43px 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__03_pic {
    width: 100%;
    padding: 0;
  }
}

.e-working__section__03_pic p {
  margin: 0 0 0 -20px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__03_pic p {
    margin: 0 -4vw 0;
  }
}

.e-working__section__03_txt {
  width: 51.25%;
  margin-right: 6.666%;
  padding: 64px 0 80px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__03_txt {
    width: 100%;
    margin-right: 0;
    padding: 0 11.111vw 13.333vw;
  }
  .e-working__section__03_txt .e-working__section__txt {
    margin: 0 auto 0;
  }
}

.e-working__section__03_catch {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 12px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__section__03_catch {
    width: 83.333vw;
    font-size: 4.166vw;
    margin: 0 auto 2.222vw;
  }
}

.e-working__section__03_txt .e-section__heading {
  text-align: left;
  margin-bottom: 40px;
}

.e-working__topics__heading {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.6em;
  color: #0035C3;
  text-align: center;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__topics__heading {
    font-size: 5.555vw;
    width: 68.888vw;
    margin: 0 auto 0;
  }
}

.e-topics__04 .e-working__topics__heading {
  text-align: left;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-topics__04 .e-working__topics__heading {
    text-align: center;
  }
}

.e-working__topics__catch {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8em;
  text-align: center;
  margin-top: 24px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__topics__catch {
    font-size: 4.166vw;
    width: 68.888vw;
    margin: 4.444vw auto 0;
    text-align: left;
  }
}

.e-working__topics__inner {
  width: 81.666%;
  margin: 54px auto 0;
  display: flex;
  justify-content: space-around;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__topics__inner {
    width: 68.888vw;
    margin: 3.333vw auto 0;
    display: flex;
    flex-flow: column;
  }
}

.e-topics__04 .e-working__topics__inner:nth-of-type(2) {
  margin: 0 auto;
}

/**** sp ****/
@media only screen and (max-width:750px) {
  .e-topics__04 .e-working__topics__inner {
    flex-flow: column-reverse;
  }
}

.e-working__topics__pic {
  width: 30.601%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__topics__pic {
    width: calc(100% + 13.333vw);
    margin: 0 -6.666vw;
  }
}

.e-working__topics__txt {
  width: 57.143%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__topics__txt {
    width: 100%;
    padding-top: 17.777vw;
  }
}

/**** sp ****/
@media only screen and (max-width:750px) {
  .e-topics__04 .e-working__topics__inner:nth-of-type(2) .e-working__topics__txt {
    padding-top: 0;
  }
}

.e-working__topics__txt p {
  line-height: 1.6em;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__topics__txt p {
    text-align: center;
  }
}

.e-working__topics__txt__heading {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6em;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__topics__txt__heading {
    font-size: 4.166vw;
    text-align: center;
  }
}

/* 育児休業、育児目的休暇取得の推進 表組 */
.e-working__rate_scroll__table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

.e-working__rate_scroll__table td,
.e-working__rate_scroll__table th {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: none;
  border-right: none;
  padding: 15px 10px;
  font-size: 15px;
  line-height: 1.3;
  position: relative;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__rate_scroll__table td,
  .e-working__rate_scroll__table th {
    padding: 4vw 2.67vw;
    font-size: 4vw;
  }
}

/* 最上段（区分?年度） */
.e-working__rate_scroll__table tr:first-child td {
  background: transparent;
  border: none;
  color: #0070c0;
  padding: 5px 10px;
  font-size: 13px;
  white-space: nowrap;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__rate_scroll__table tr:first-child td {
    padding: 1.33vw 2.67vw;
    font-size: 3.47vw;
  }
}

.e-working__rate_scroll__table th {
  background: #005bac;
  color: #fff;
  width: 70px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__rate_scroll__table th {
    width: 16vw;
  }
}

.e-working__rate_scroll__table td {
  background: #eeefef;
}

.e-working__rate_scroll__table
  tr:not(:first-child) td:nth-of-type(1) {
  width: 130px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__rate_scroll__table
    tr:not(:first-child) td:nth-of-type(1) {
    width: 32vw;
  }
}

.e-working__rate_scroll__table
  tr:not(:first-child) td:not(:nth-of-type(1)) {
  font-size: 24px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__rate_scroll__table
    tr:not(:first-child) td:not(:nth-of-type(1)) {
    font-size: 6.4vw;
  }
}

/* 縦のグレー線 */
.e-working__rate_scroll__table
  tr:not(:first-child) td:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: #d9d9d9;
}

.e-working__rate_scroll__table
  tr:not(:first-child) td:nth-of-type(1)::before {
  display: none;
}

.e-working__rate_scroll__table th::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #fff;
}

.e-working__rate_scroll__table tr:not(:first-child) th::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #fff;
}

.e-working__rate_scroll__table tr:not(:first-child) td:last-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #fff;
}

.e-working__rate_scroll__table tr:first-child td:first-child {
  background: transparent;
  border: none;
}

/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__rate_scroll {
    width: calc(100% + 13.333vw);
    margin: 8.888vw -6.666vw 0;
    overflow-x: scroll;
  }
}

.e-working__rate {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  margin-top: 18px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-working__rate {
    width: 105vw;
    margin-top: 0;
  }
}

/* topics */
.e-section__topics {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.e-section__topics p {
  display: block;
  position: sticky;
  top: 180px;
  left: 0;
  margin: -50px 20px 90px auto;
  font-family: "Familjen Grotesk", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 44px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #E6EBF5;
  float: right;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-section__topics p {
    position: sticky;
    top: 25vh;
    left: 0;
    margin: -5vw 2vw 10vh auto;
    font-size: 13.333vw;
  }
}

.e-section__topics.-white p {
  color: #fff;
}

.e-section__topics p span {
  font-size: 60px;
  padding-top: 0.1em;
  position: relative;
  right: -0.06em;
  letter-spacing: 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-section__topics p span {
    font-size: 18.333vw;
  }
}

.e-section.e-topics__01,
.e-section.e-topics__02,
.e-section.e-topics__03,
.e-section.e-topics__04 {
  padding: 64px 0;
  margin: 32px auto;
}

.e-section.e-topics__01,
.e-section.e-topics__03 {
  background-color: #E6EBF5;
}


/*--------------------------------------------
人財育成
--------------------------------------------*/
.e-human {
  background: url(/freshers/assets/images/environment/human_bg_01.jpg) no-repeat;
  background-size: 100%;
  background-position: top center;
  position: relative;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human {
    background: url(/freshers/assets/images/environment/human_bg_01_sp.jpg) no-repeat;
    background-size: 100%;
    background-position: top center;
  }
}

.e-human__heading {
  text-align: center;
  padding: 120px 0 0 0;
  font-size: 38px;
  line-height: 1.6em;
  font-weight: 700;
  color: #fff;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__heading {
    padding: 22.222vw 0 0 0;
    font-size: 6.666vw;
  }
}

.e-human__catch {
  text-align: center;
  padding: 0 0 96px 0;
  font-size: 18px;
  line-height: 1.8em;
  font-weight: 400;
  color: #fff;
  margin-top: 24px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__catch {
    width: 86.666vw;
    text-align: left;
    padding: 0 0 22.222vw 0;
    font-size: 4.166vw;
    margin: 4.444vw auto 0;
  }
}

.e-human__flowchart {
  max-width: 1200px;
  width: 88.235%;
  margin: 0 auto;
  z-index: 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__flowchart {
    width: 95.556vw;
    margin: 0 0 0 auto;
    overflow-x: scroll;
  }
  .e-human__flowchart img {
    width: 250vw;
  }
}

.e-human_section__txt {
  width: 100%;
  font-size: 18px;
  line-height: 1.8em;
  margin: 32px auto 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human_section__txt {
    font-size: 4.166vw;
    margin: 8.888vw auto 0;
  }
}

.e-human_section__stxt {
  width: 100%;
  font-size: 15px;
  line-height: 1.8em;
  margin: 32px auto 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human_section__stxt {
    font-size: 4.166vw;
    margin: 8.888vw auto 0;
  }
}

.e-human__section__01 {
  position: relative;
  width: 100%;
  padding: 48px 5.333% 123px;
  margin-top: 64px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01 {
    padding: 8.888vw 11.111vw 11.111vw;
    margin-top: 13.055vw;
  }
}

.e-human__section__01_inner {
  width: 100%;
  display: flex;
  margin-top: 18px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01_inner {
    margin-top: 8.888vw;
  }
}

.e-human__section__01_txt {
  width: 43.653%;
  padding-top: 42px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01_txt {
    width: 100%;
    padding-top: 0;
  }
}

.e-human__section__01_catch01 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.8em;
  color: #000F95;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01_catch01 {
    font-size: 5.555vw;
  }
}

.e-human__section__01_catch02 {
  font-size: 18px;
  line-height: 1.8em;
  margin: 32px 0 82px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01_catch02 {
    font-size: 4.722vw;
    margin: 2.222vw 0 8.888vw;
  }
}

.e-human__section__01_pic {
  width: 56.346%;
  padding: 0 0 30px 20px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01_pic {
    width: calc(100% + 31.111vw);
    margin: 0 -15.555vw;
    padding-left: 0;
    overflow: hidden;
    text-align: center;
  }
}

.e-human__section__01_pic p {
  margin: 0 -20px 0 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01_pic p {
    width: 114vw;
    margin: 2.222vw 0 0 -7vw;
  }
}

.e-human__section__txtbox {
  width: 100%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__01_inner .e-human__section__txtbox {
    margin: 0 0 8.888vw;
  }
}

.e-human__section__txtbox p {
  font-size: 15px;
  line-height: 1.8em;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__txtbox p {
    font-size: 4.166vw;
  }
}

.e-human__section__txtbox h5 {
  width: 100%;
  background-color: #000F95;
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-bottom: 11px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__txtbox h5 {
    font-size: 4.444vw;
    padding: 2.777vw;
    margin-bottom: 4.444vw;
  }
}

.e-human__section__txtbox_triple {
  display: flex;
  justify-content: space-between;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__txtbox_triple {
    display: flex;
    flex-flow: column;
  }
}

.e-human__section__txtbox_triple div {
  width: 30.769%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__txtbox_triple div {
    width: 100%;
  }
}

.e-human__section__txtbox h6 {
  font-size: 18px;
  font-weight: 500;
  color: #000F95;
  text-align: center;
  margin: 24px 0 12px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__txtbox h6 {
    font-size: 4.444vw;
    margin: 4.444vw 0 2.222vw;
  }
}

.e-human__triple {
  display: flex;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__triple {
    display: flex;
    flex-flow: column;
  }
}

.e-human__triple div {
  width: 33.333%;
  padding: 40px 5.333% 50px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__triple div {
    width: 100%;
    padding: 8.888vw 11.111vw 13.333vw;
  }
}

.e-human__triple div:nth-child(1),
.e-human__triple div:nth-child(3) { background-color: #F6F8FF; }
.e-human__triple div:nth-child(2) { background-color: #E6EBF5; }

.e-human__section__05 {
  position: relative;
  width: 100%;
  padding: 48px 5.333%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05 {
    padding: 8.888vw 4.444vw 13.333vw;
  }
}

.e-human__section__05 .e-human_section__txt {
  width: 720px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05 .e-human_section__txt {
    width: 68.888vw;
  }
}

.e-human__section__05_data {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_data {
    display: flex;
    flex-flow: column;
    margin-top: 8.888vw;
  }
}

.e-human__section__05_data li {
  width: 48.979%;
  border-radius: 8px;
  padding: 34px 10px 40px;
  text-align: center;
  background-color: #F6F8FF;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_data li {
    width: 100%;
    border-radius: 2.222vw;
    padding: 8.888vw 2vw 11.111vw;
  }
  .e-human__section__05_data li:nth-child(2) { margin-top: 2.222vw; }
}

.e-human__heading__05 {
  text-align: center;
  font-size: 20px;
  line-height: 1.6em;
  font-weight: 500;
  color: #000F95;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__heading__05 {
    font-size: 4.722vw;
  }
}

.e-human__catch__05 {
  text-align: center;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: 400;
  margin-top: 8px;
  padding-bottom: 20px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__catch__05 {
    font-size: 3.611vw;
    margin-top: 2.222vw;
    padding-bottom: 2.222vw;
  }
}

.e-human__section__05_txt {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 18px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_txt {
    margin-top: 4.444vw;
  }
}

.e-human__section__05_txt dt {
  width: 83px;
  margin-right: 16px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_txt dt {
    width: 15.555vw;
    margin-right: 2.222vw;
  }
}

.e-human__section__05_txt dt p {
  width: 83px;
  height: 29px;
  font-size: 13px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000F95;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_txt dt p {
    width: 15.555vw;
    height: 5.8333vw;
    font-size: 2.777vw;
  }
}

.e-human__section__05_txt dd {
  border-bottom: 2px #000F95 solid;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_txt dd {
    border-bottom: 0.277vw #000F95 solid;
  }
}

.e-human__section__05_txt dd p {
  font-size: 18px;
  line-height: 1.8em;
  font-weight: 400;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_txt dd p {
    font-size: 3.888vw;
  }
}

.e-human__section__05_txt span:nth-child(1) { font-size: 38px; margin-left: 9px; letter-spacing: 0; }
.e-human__section__05_txt span:nth-child(2) { font-size: 22px; }
.e-human__section__05_txt span:nth-child(3) { font-size: 13px; }
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__section__05_txt span:nth-child(1) { font-size: 7.777vw; }
  .e-human__section__05_txt span:nth-child(2) { font-size: 4.722vw; }
  .e-human__section__05_txt span:nth-child(3) { font-size: 2.777vw; }
}

.e-human__note__05 {
  text-align: right;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: 400;
  margin: 16px 32px 0 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-human__catch__05 {
    font-size: 3.611vw;
    margin-top: 2.222vw;
    padding-bottom: 2.222vw;
  }
}


.e-pickup {
  background: url(/freshers/assets/images/environment/human_bg_02.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  padding: 88px 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup {
    background: url(/freshers/assets/images/environment/human_bg_02.jpg) no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 8.888vw 0;
  }
}

.e-pickup__inner {
  width: 89.333%;
  border: 1px #fff solid;
  border-radius: 20px;
  margin: 0 auto;
  padding: 48px 0 86px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__inner {
    width: 82.222vw;
    border: 1px #fff solid;
    border-radius: 5.555vw;
    margin: 0 auto;
    padding: 8.88vw 0;
  }
}

.e-pickup__heading {
  text-align: center;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__heading {
    text-align: center;
  }
}

.e-pickup__heading__en {
  display: block;
  font-family: "Familjen Grotesk", sans-serif;
  letter-spacing: 0;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__heading__en {
    font-size: 4.166vw;
  }
}

.e-pickup__heading__jp {
  display: block;
  font-size: 24px;
  line-height: 1.6em;
  font-weight: 400;
  color: #fff;
  margin-top: 14px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__heading__jp {
    font-size: 5.555vw;
    margin-top: 2.222vw;
  }
}

.e-pickup__txtbox {
  width: 81.902%;
  margin: 58px auto 0;
  display: flex;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__txtbox {
    width: 68.888vw;
    margin: 8.888vw auto 0;
    display: flex;
    flex-flow: column;
  }
}

.e-pickup__txt {
  width: 55%;
  margin: 0 5% 0 0;
  color: #fff;
  font-size: 15px;
  line-height: 2em;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__txt {
    width: 100%;
    margin: 0 0 8.888vw 0;
    color: #fff;
    font-size: 4.166vw;
  }
}

.e-pickup__list.-left { width: 24%; }
.e-pickup__list.-right { width: 20%; }
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__list.-left,
  .e-pickup__list.-right {
    width: 100%;
  }
}

.e-pickup__list li {
  color: #fff;
  font-size: 15px;
  line-height: 1.8em;
  position: relative;
  padding-left: 15px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__list li {
    color: #fff;
    font-size: 4.166vw;
    padding-left: 4.166vw;
  }
}

.e-pickup__list li:before {
  content: "";
  position: absolute;
  top: .7em;
  left: 0;
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__list li:before {
    content: "";
    position: absolute;
    top: .7em;
    left: 0;
    width: 1.944vw;
    height: 1.944vw;
    background-color: #fff;
    border-radius: 50%;
  }
}

.e-pickup__txtbox__note {
  margin: 40px auto 0;
  width: 81.902%;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.8;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-pickup__txtbox__note {
    width: 68.888vw;
    margin: 8.888vw auto 0;
    font-size: 3.47vw;
  }
}

/*--------------------------------------------
パーツ
--------------------------------------------*/
.e-section {
  background: #fff;
  width: 88.235%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-section {
    width: 91.111vw;
  }
}

.e-section__heading {
  font-size: 24px;
  font-weight: 700;
  color: #212121;
  line-height: 1.8em;
  text-align: center;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-section__heading {
    font-size: 6.111vw;
  }
}

.e-section__heading span {
  padding-bottom: 8px;
  border-bottom: 2px #212121 solid;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-section__heading span {
    padding-bottom: 1.388vw;
    border-bottom: 0.555vw #212121 solid;
  }
}

/* アイコン */
.e-ico {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/**** sp ****/
@media only screen and (max-width:750px) {
  .e-ico {
    padding: 0;
  }
}

.e-ico.-bg01 { background-color: #8E7EB8;}
.e-ico.-bg02 { background-color: #F1843C;}
.e-ico.-bg03 { background-color: #81634D;}
.e-ico.-bg04 { background-color: #50A3D3;}
.e-ico.-bg05 { background-color: #D2AB02;}

.e-ico__list {
  position: absolute;
  top: 24px;
  right: 30px;
  width: 80px;
  z-index: 1;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-ico__list {
    position: static;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0 1.111vw;
    margin-bottom: 3.333vw;
  }
}

.e-ico__list li {
  height: 24px;
  margin-bottom: 4px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-ico__list li {
    width: 15.555vw;
    height: 5.555vw;
    margin-bottom: 0;
  }
}

.e-ico__big {
  display: inline-block;
  height: 29px;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 29px;
  text-align: center;
  padding: 0 20px;
  background-color: #000F95;
  margin: 48px 0 16px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-ico__big {
    height: 8.055vw;
    font-size: 4.166vw;
    line-height: 8.055vw;
    padding: 0 5.555vw;
    margin: 13.333vw 0 4.444vw;
  }
}

.e-ico__ttl {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0 4px;
  margin-bottom: 10px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-ico__ttl {
    gap: 0 1.111vw;
    margin-bottom: 2.777vw;
  }
}

.e-ico__ttl li {
  width: 80px;
  height: 24px;
}
/**** sp ****/
@media only screen and (max-width:750px) {
  .e-ico__ttl li {
    width: 15.555vw;
    height: 5.555vw;
  }
}