@charset "utf-8";
.sp-only {
  display: none !important;
}
.inner {
  max-width: 1200px;
  width: 96%;
  margin: auto;
}
@media all and (max-width:1280px) {
  main {
    font-size: 1.25vw;
  }
}
/* == parts ============================================== */
.title_base {
  line-height: 1.2;
  margin: 0 0 1em;
}
.title_base .en {
  font-size: 75%;
  color: #fff;
  font-weight: 600;
}
.title_base .en.blue {
  color: #265BC9;
}
.title_base .en.black {
  color: #000;
}
.title_base .jp {
  font-size: 300%;
  font-weight: 700;
  letter-spacing: .1em;
}
.title_base.font--small .en {
  font-size: 100%;
  margin: 0 0 .2em;
}
.title_base.font--small .jp {
  font-size: 200%;
}
.title_base.font--middle .en {
  font-size: 100%;
  margin: 0 0 .8em;
}
.title_base.font--middle .jp {
  font-size: 250%;
}
.title_center {
  text-align: center;
  font-weight: 700;
  margin: 0 0 1.6em;
  line-height: 1.4;
}
.title_center .en {
  font-size: 75%;
  margin: 0 0 1em;
}
.title_center .jp {
  font-size: 187.5%;
}
.title_center.blue {
  color: #265BC9;
}
.title_center.white {
  color: #fff;
}
.title_center.font--big .jp {
  font-size: 268.75%;
  letter-spacing: .1em;
}
.btn_entry {
  width: 165px;
  background: #000;
  border-radius: 50px;
  position: relative;
  border: solid 1px #000;
  text-align: center;
}
.btn_entry a {
  display: block;
  position: relative;
  color: #fff;
  padding: .1875em 0;
  overflow: hidden;
  border-radius: 50px;
}
.btn_entry a::before {
  content: '';
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .3s;
}
.btn_entry a:hover::before {
  width: 100%;
  right: auto;
  left: 0;
}
.btn_entry a span {
  position: relative;
  z-index: 5;
  display: inline-block;
  padding: 0 1em 0 0;
  background-image: url("../img/arrow01.webp");
  background-repeat: no-repeat;
  background-size: .6em auto;
  background-position: right top .55em;
  transition: all .2s;
}
.btn_entry a:hover span {
  color: #000;
  background-image: url("../img/arrow01--on.webp");
}
.btn_more a {
  font-size: 125%;
  font-weight: 700;
  position: relative;
  padding: 0 0 0 2.6em;
  overflow: hidden;
  transition: all .2s;
}
.btn_more a::before {
  content: '';
  width: 2em;
  height: 2em;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/arrow02.webp);
  background-size: 1em auto;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .2s;
}
.btn_more a:hover {
  color: #265BC9;
}
.btn_more a:hover::before {
  background-color: #265BC9;
}
/*----------*/
.parts_recruitLinks {
  padding: 5em 0 6.5em;
}
.parts_recruitLinks .recruitLinks_titleWrap {
  display: flex;
  align-items: center;
  margin: 0 0 4em;
}
.parts_recruitLinks .recruitLinks_titleWrap .title_base {
  width: 31%;
}
.parts_recruitLinks .recruitLinks_titleWrap .recruitLinkslinks_lead {
  width: 69%;
  font-size: 112.5%;
}
.parts_recruitLinks .recruitLinks_btns {
  display: flex;
  justify-content: center;
}
.parts_recruitLinks .recruitLinks_btns .btn_recruitLink {
  width: 49%;
  position: relative;
}
.parts_recruitLinks .recruitLinks_btns .btn_recruitLink::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, red 0%, rgba(30, 146, 229, 1) 0%, rgba(16, 80, 198, 1) 60%, rgba(16, 80, 198, 1) 100%);
  background-size: 100% 200%;
  background-position: 0% 0%;
  border-radius: 1em;
  transform: skewX(-5deg);
  transition: background-position 0.5s ease;
}
.parts_recruitLinks .recruitLinks_btns .btn_recruitLink:hover::before {
  background-position: 0% 100%;
}
.parts_recruitLinks .recruitLinks_btns .btn_recruitLink a {
  display: block;
  padding: 1.6em 0;
  color: #fff;
  font-size: 200%;
  font-weight: 700;
  letter-spacing: .3em;
  position: relative;
  z-index: 5;
  text-align: center;
}
.parts_recruitLinks .recruitLinks_btns .btn_recruitLink span {
  display: inline-block;
  padding: 0 .5em;
  line-height: 1;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}
/**/
.parts_entry {
  background: url(../img/entry_bg.webp) no-repeat center;
  background-size: cover;
  padding: 11em 0 11.7em;
}
.parts_entry .textWrap {
  text-align: center;
}
.parts_entry .textWrap .entry_text {
  font-size: 362.5%;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: .1em;
}
.parts_entry .textWrap .entry_text strong {
  color: #EF249D;
}
.parts_entry .textWrap .entry_text span.arrow {
  display: inline-block;
  padding: 0 .6em 0 .8em;
  background: url("../img/entry_arrow01.webp") no-repeat left center, url("../img/entry_arrow02.webp") no-repeat right center;
  background-size: .4em auto, .4em auto;
  font-size: 110%;
}
.parts_entry .textWrap .entry_text a {
  transition: all .4s;
}
.parts_entry .textWrap .entry_text a:hover {
  letter-spacing: .2em;
}
/*----------*/
.parts_career {
  padding: 8em 0;
}
.parts_career .careerFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.parts_career .careerFlex .careerLeft {
  width: 45%;
}
.parts_career .careerFlex .careerRight {
  width: 55%;
}
.list_careerBnr {
  display: flex;
  justify-content: space-between;
}
.list_careerBnr > li {
  width: 49%;
  box-sizing: border-box;
  border: solid 1px #000;
  border-radius: .5em;
}
.list_careerBnr a {
  display: block;
  padding: .8em 0;
  transition: all .2s;
}
.list_careerBnr a:hover {
  opacity: .7;
}
.list_careerBnr img {
  max-width: 200px;
  display: block;
  margin: auto;
  vertical-align: top;
}
/*----------*/
.radius--blue {
  position: relative;
  background: #2872E8;
  border-top-left-radius: 6.5em;
  border-bottom-right-radius: 6.5em;
}
.radius--blue::before {
  content: '';
  background: #2872E8;
  position: absolute;
  right: 0;
  top: max(-7vw, -100px);
  width: min(7vw, 100px);
  height: min(7vw, 100px);
  z-index: 10;
}
.radius--blue::after {
  content: '';
  background: #fff;
  position: absolute;
  right: 0;
  top: max(-7vw, -100px);
  width: min(7vw, 100px);
  height: min(7vw, 100px);
  border-bottom-right-radius: 100px;
  z-index: 10;
}
.radius--blue .radius--bottom::before {
  content: '';
  background: #2872E8;
  position: absolute;
  left: 0;
  bottom: max(-6.9vw, -98px);
  width: min(6.9vw, 98px);
  height: min(6.9vw, 98px);
  z-index: 10;
  border-bottom-right-radius: 100px;
}
.radius--blue .radius--bottom::after {
  content: '';
  background: #fff;
  position: absolute;
  left: 0;
  bottom: max(-7vw, -100px);
  width: min(7vw, 100px);
  height: min(7vw, 100px);
  border-top-left-radius: 100px;
  z-index: 10;
  border-bottom-right-radius: 100px;
}
/* == header ============================================== */
header .h_inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: flex;
  box-sizing: border-box;
  padding: 22px 34px;
}
header .logo {
  width: 201px;
  margin: 0 auto 0 0;
}
header .logo a {
  display: block;
  height: 46px;
  background: url("../img/logo.webp") no-repeat;
  background-size: contain;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  transition: all .2s;
}
header .logo a:hover {
  opacity: .7;
}
header nav {
  display: flex;
  align-items: center;
}
.list_hNav {
  display: flex;
  margin: 0 2.3em 0 0;
}
.list_hNav > li {
  position: relative;
}
.list_hNav > li > a, .list_hNav > li > span.bigLink {
  font-size: 87.5%;
  font-weight: 500;
  padding: .6em 1.2em;
  position: relative;
}
.list_hNav > li > span.bigLink {
  display: inline-block;
  padding: 0 1.2em;
  background: url(../img/arrow04.webp) no-repeat right top .8em;
  background-size: 1em auto;
}
.list_hNav > li > a::before {
  content: '';
  width: 0;
  height: 2px;
  background: #265BC9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s;
}
.list_hNav > li > a:hover::before, .list_hNav > li.active > a::before {
  width: 3em;
}
/**/
.list_hSubNav {
  position: absolute;
  top: 100%;
  left: 1.2em;
  padding: .5em 0 0;
  white-space: nowrap;
  transition: transform .4s, opacity .4s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-1em);
}
.list_hSubNav a {
  display: block;
  font-size: 87.5%;
  font-weight: 500;
  padding: .2em 0 .3em 1em;
  background: url("../img/arrow03.webp") no-repeat left center;
  background-size: .6em auto;
  transition: color .2s;
}
.list_hNav > li:hover .list_hSubNav {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.list_hSubNav a:hover {
  color: #265BC9;
}
@media all and (max-width:1024px) {
  header .h_inner {
    padding: 22px 15px;
  }
  header .logo {
    width: 180px;
  }
  .list_hNav {
    margin: 0 1.2em 0 0;
  }
  .list_hNav > li > a {
    padding: .6em .8em;
  }
  header .btn_entry {
    width: 110px;
  }
}
/* == footer ============================================== */
footer {
  background: #265BC9;
  color: #fff;
  padding: 5.5em 0 1.5em;
  overflow: hidden;
}
footer .fFlex {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  margin: 0 0 7em;
  position: relative;
}
.list_fNav {
  display: flex;
  margin: 0 -2.2em 0 0;
}
.list_fNav > li > a, .list_fNav > li > span.bigLink {
  display: block;
  font-size: 87.5%;
  font-weight: 500;
  padding: .6em 1.65em;
  position: relative;
}
.list_fNav > li > span.bigLink {
  display: inline-block;
  background: url(../img/arrow04--on.webp) no-repeat right top 1.4em;
  background-size: 1em auto;
}
.list_fNav > li > a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 2px;
  background: #fff;
  transition: all .4s;
}
.list_fNav > li > a:hover::before {
  width: 3em;
}
/**/
.list_fSubNav {
  margin: 0 0 0 1.65em;
}
.list_fSubNav a {
  display: block;
  font-weight: 500;
  font-size: 87.5%;
  padding: .3em 0 .4em 1em;
  background: url(../img/arrow03--on.webp) no-repeat left center;
  background-size: .5em auto;
  transition: all .2s;
}
.list_fSubNav a:hover {
  opacity: .7;
}
/**/
footer .f_logo {
  width: 307px;
  height: 71px;
  margin: 0 0 1.7em;
}
footer .f_logo a {
  display: block;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 150%;
  background: url("../img/logo02.webp") no-repeat;
  background-size: contain;
}
footer .fFlex .other_link {
  position: absolute;
  right: -.6em;
  bottom: 0;
}
footer .fFlex .other_link a {
  display: inline-block;
  font-size: 87.5%;
  font-weight: 500;
  padding: .3em 1.2em .3em 0;
  background: url("../img/icon_blank.webp") no-repeat right center;
  background-size: 1em auto;
  transition: all .2s;
}
footer .fFlex .other_link a:hover {
  opacity: .7;
}
footer address {
  line-height: 1.5;
}
footer .copyright {
  text-align: center;
  font-size: 62.5%;
}
@media all and (max-width:1024px) {
  footer {
    padding: 3em 0 1.5em;
  }
  footer .fFlex {
    display: block;
    margin: 0 0 4em;
  }
  .list_fNav {
    justify-content: center;
    margin: 0 0 3em;
  }
  footer .f_logo {
    margin: 0 auto 1.7em;
  }
  footer .f_infoBox {
    text-align: center;
  }
  footer .fFlex .other_link {
    position: relative;
    right: 0;
    bottom: auto;
    margin: 2em 0 0;
    text-align: center;
  }
}
/* == frontpage ==============================================*/
.block_frontTop {
  overflow: hidden;
  position: relative;
  background: url("../img/top_bg.webp") no-repeat;
  background-size: cover;
  background-position: center;
}
.block_frontTop {
  font-size: 1.11vw;
}
.block_frontTop .frontTop_images {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.block_frontTop .frontTop_images::before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../img/top_illust.webp") no-repeat;
  background-size: 83.2% auto;
  background-position: left 36% top 7.2vw;
}
.block_frontTop .frontTop_images > div {
  position: absolute;
  overflow: hidden;
}
body.page--open .block_frontTop .frontTop_images > div {
  opacity: 1;
  transform: scale(1);
}
.block_frontTop .frontTop_images > div img {
  vertical-align: top;
  max-width: none;
  width: 100%;
}
.block_frontTop .frontTop_images .image01 {
  left: 30.1%;
  top: 7.5vw;
  width: 27.02%;
}
.block_frontTop .frontTop_images .image02 {
  left: -3%;
  top: 35.3vw;
  width: 32.083%;
}
.block_frontTop .frontTop_images .image03 {
  right: 5.22%;
  top: 42.8vw;
  width: 43.472%;
}
.block_frontTop .frontTop_images .image04 {
  right: 12.2%;
  top: 82.7vw;
  width: 31.389%;
}
.block_frontTop .frontTop_images .image05 {
  right: 6.5%;
  top: 19.4vw;
  width: 21.46%;
}
.block_frontTop .frontTop_images .image06 {
  left: 15%;
  top: 91vw;
  width: 24.72%;
}
/**/
.block_frontTop .area_top {
  position: relative;
  z-index: 5;
  margin: 0 0 32.2%;
}
.block_frontTop .area_top .top_title {
  padding: 24.4% 0 0;
}
.block_frontTop .area_top .top_title img {
  vertical-align: top;
  max-width: none;
  width: 100%;
}
/**/
.block_frontTop .area_message {
  position: relative;
  z-index: 5;
  padding: 0 0 11%;
}
.block_frontTop .area_message .inner {
  max-width: none;
  box-sizing: border-box;
  padding: 0 0 0 6%;
}
.block_frontTop .area_message .message_lead {
  font-size: 156.25%;
  font-weight: 700;
  line-height: 1.72;
  letter-spacing: .17em;
  margin: 0 0 1.2em;
}
.block_frontTop .area_message .message_text p {
  letter-spacing: 0;
  line-height: 2.5625;
}
.block_frontTop .area_message .btn_more {
  margin: 1.3em 0 0;
}
/**/
.block_frontTeam {
  padding: 5.1em 0 4.2em;
  position: relative;
}
.block_frontTeam .frontTeamBg {
  width: 96%;
  margin: auto;
  max-width: 1300px;
  height: 7%;
  border-bottom-left-radius: 3em;
  border-bottom-right-radius: 3em;
  padding: 3.6% 0 5%;
  box-sizing: border-box;
  position: relative;
  background: linear-gradient(to bottom, transparent 0%, transparent 10%, #E0E8ED 10%, #E0E8ED 100%);
}
.block_frontTeam .frontTeamBg::before {
  content: '';
  width: 100%;
  height: 0;
  padding: 22.38% 0 0;
  background: url(../img/radius.webp) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.block_frontTeam .inner {
  position: relative;
  z-index: 5;
}
.block_frontTeam .titleFlex {
  display: flex;
  width: 96%;
  margin: auto;
  position: relative;
}
.block_frontTeam .titleFlex .title_base {
  width: 20%;
}
.block_frontTeam .titleFlex .leadBox {
  width: 79%;
  box-sizing: border-box;
  padding: 3.7% 0 12.7% 18.5%;
  background: url("../img/team_illust01.webp") no-repeat left 1.5% top -20%;
  background-size: 14.5% auto;
}
.block_frontTeam .titleFlex .leadBox p {
  line-height: 2.3125;
}
.list_teamMenu {
  max-width: 95.417%;
  margin: auto;
  position: relative;
}
.list_teamMenu > li {
  position: relative;
}
.list_teamMenu > li + li {
  margin: 3.1% 0 0;
}
.list_teamMenu > li::before {
  content: '';
  width: 13.1%;
  height: 0;
  padding: 11% 0 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  position: absolute;
  z-index: 5;
  left: 2.5%;
  top: -2%;
  pointer-events: none;
}
.list_teamMenu > li.list01::before {
  background-image: url("../img/no01.webp");
}
.list_teamMenu > li.list02::before {
  background-image: url("../img/no02.webp");
}
.list_teamMenu > li.list03::before {
  background-image: url("../img/no03.webp");
}
.list_teamMenu > li.list04::before {
  background-image: url("../img/no04.webp");
}
.list_teamMenu a {
  overflow: hidden;
  display: block;
  border-radius: 1.5em;
}
.list_teamMenu a img {
  vertical-align: top;
  transition: all .6s;
}
.list_teamMenu a:hover img {
  transform: scale(1.05);
}
.list_teamMenu a span.menu_name {
  position: absolute;
  left: 3.5%;
  bottom: 7%;
  color: #fff;
  display: inline-block;
  font-size: 200%;
  font-weight: 700;
  letter-spacing: .3em;
  padding: 0 0.55em;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
  line-height: 1;
}
.list_teamMenu a span.menu_linkText {
  position: absolute;
  right: 2%;
  bottom: 7%;
  width: 132px;
  background: #1E92E5;
  color: #fff;
  text-align: center;
  font-size: 81.25%;
  border-radius: 50px;
  line-height: 2.46;
  transition: all .4s;
  font-weight: 500;
}
.list_teamMenu a:hover span.menu_linkText {
  background: #000;
}
.list_teamMenu a span.menu_linkText span {
  display: inline-block;
  padding: 0 1em 0 0;
  background: url(../img/arrow01.webp) no-repeat right center;
  background-size: .6em auto;
}
.block_frontTeam .titleFlex .btn_more {
  position: absolute;
  left: 0;
  top: 6em;
}
/**/
.block_frontWork {
  background: #EEF4F8;
  padding: 11.8em 0 8.3em;
  overflow: hidden;
  position: relative;
}
.block_frontWork::before {
  content: '';
  width: 59%;
  height: 0;
  padding: 126% 0 0;
  background: url(../img/frontWork_bg.webp) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: -22%;
}
.block_frontWork .frontWork_lead {
  line-height: 2.3125;
  margin: 2em 0 8em;
}
.list_workMenu > li {
  position: relative;
  width: 50%;
  padding: .5em 0 0;
}
.list_workMenu > li + li {
  margin: 5em 0 0;
}
.list_workMenu > li span.name {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  font-size: 156.25%;
  font-weight: 700;
  padding: 0 0 0 .9em;
  background: url(../img/arrow03.webp) no-repeat left top .75em;
  background-size: .5em auto;
}
.list_workMenu > li span.image {
  display: block;
  mask-image: url("../img/thumbnail_mask.webp");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center top;
}
.list_workMenu > li span.image img {
  vertical-align: top;
  transition: all .4s;
}
.list_workMenu > li a:hover span.image img {
  transform: scale(1.05);
}
.list_workMenu > li span.link {
  position: absolute;
  right: 5%;
  bottom: 8%;
  width: 132px;
  background: #1E92E5;
  color: #fff;
  text-align: center;
  font-size: 81.25%;
  border-radius: 50px;
  line-height: 2.46;
  transition: all .4s;
  font-weight: 500;
}
.list_workMenu > li span.link span {
  display: inline-block;
  padding: 0 1em 0 0;
  background: url(../img/arrow01.webp) no-repeat right center;
  background-size: .6em auto;
}
.list_workMenu > li a:hover span.link {
  background: #000;
}
/* == underpage ============================================== */
body.underPage header .h_inner {
  background: #fff;
}
.block_pageTitle {
  position: relative;
}
@media all and (min-width:1281px) {
  .block_pageTitle {
    font-size: 1.25vw;
  }
}
.block_pageTitle .inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 12.45% 0 0;
  max-width: 1237px;
  height: 100%;
  box-sizing: border-box;
}
.block_pageTitle .page_bnr {
  position: relative;
  pointer-events: none;
}
.block_pageTitle .page_bnr img {
  vertical-align: top;
}
.block_pageTitle .title_page .en {
  color: #fff;
  font-weight: 700;
}
.block_pageTitle .title_page .jp {
  font-size: 300%;
  font-weight: 700;
  line-height: 1.2;
}
.block_pageTitle .breadBox {
  position: absolute;
  left: 0;
  bottom: 6.5%;
}
.block_pageTitle.margin .page_bnr {
  margin: 90px 0 0;
}
.block_pageTitle.margin .inner {
  padding: 6.4% 0 0;
}
.block_pageTitle .teamBox {
  position: absolute;
  left: 0;
  top: 59%;
}
.block_pageTitle .teamBox .teamName {
  font-size: 375%;
  font-weight: 700;
}
.block_pageTitle.margin .breadBox {
  bottom: 18%;
}
.list_bread {
  display: inline-flex;
  background: #fff;
  padding: 0 .5em;
}
.list_bread > li {
  font-size: 75%;
  font-weight: 500;
  padding: 0 .5em;
  position: relative;
}
.list_bread > li + li {
  padding: 0 .5em 0 2.75em;
}
.list_bread > li + li::before {
  content: '';
  width: 2em;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.list_bread > li a {
  transition: all .2s;
}
.list_bread > li a:hover {
  color: #2872E8;
}
.list_bread > li span {
  display: inline-block;
  padding: 0 0 0 .8em;
  position: relative;
}
.list_bread > li span::before {
  content: '';
  width: .6em;
  height: .6em;
  background: #2872E8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}
/* ====== 
page-name #team
======*/
.block_team .area_teamSummary {
  margin: 0 0 2em;
}
.block_team .teamSummary_title {
  text-align: center;
  font-size: 250%;
  font-weight: 700;
  margin: 2em 0 2em;
}
.block_team .teamSummary_lead {
  text-align: center;
  padding: 5em 0;
}
/**/
.block_team .area_points {
  background: #EEF3F8;
  padding: 0 0 7.5em;
}
.block_team .area_points .points_lead {
  position: relative;
  z-index: 5;
  margin: -5em auto 8.5em;
}
.block_team .area_points .points_lead .inner {
  max-width: 1230px;
}
.dl_teamLead {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 2em;
  box-shadow: 0 24px 60px -6px rgba(0, 0, 0, .13);
  padding: 2.3em 0;
}
.dl_teamLead dt {
  width: 20%;
  font-size: 125%;
  font-weight: 600;
  text-align: center;
  letter-spacing: .4em;
}
.dl_teamLead dd {
  width: 80%;
  box-sizing: border-box;
  padding: 0 2.5em;
  border-left: solid 1px #5E6268;
}
.block_team .area_points .title_base {
  text-align: center;
}
.block_team .area_points .poins_image {
  margin: -4.3em 0 0;
  text-align: center;
}
.block_team .area_points .poins_image img {
  vertical-align: top;
  max-width: 1439px;
  width: 100%;
}
/**/
.block_team .area_people {
  position: relative;
}
.block_team .area_people::before {
  content: '';
  background: #fff;
  position: absolute;
  right: 0;
  top: max(-7vw, -100px);
  width: min(7vw, 100px);
  height: min(7vw, 100px);
  z-index: 10;
}
.block_team .area_people::after {
  content: '';
  background: #EEF3F8;
  position: absolute;
  right: 0;
  top: max(-7vw, -100px);
  width: min(7vw, 100px);
  height: min(7vw, 100px);
  border-bottom-right-radius: 100px;
  z-index: 10;
}
.block_team .area_people .peopleWrap {
  position: relative;
  padding: 7.5em 0 14em;
}
.block_team .area_people .peopleWrap::before {
  content: '';
  background: #EEF3F8;
  position: absolute;
  left: 0;
  top: 0;
  width: min(6.9vw, 98px);
  height: min(6.9vw, 98px);
  z-index: 10;
}
.block_team .area_people .peopleWrap::after {
  content: '';
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: min(7vw, 100px);
  height: min(7vw, 100px);
  z-index: 11;
  border-top-left-radius: 100px;
}
.block_team .area_people .inner {
  max-width: 1226px;
}
.block_team .area_people .peopleFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 2em;
}
.list_peopleNav {
  display: flex;
  justify-content: space-between;
}
.list_peopleNav.rev {
  flex-direction: row-reverse;
}
.block_team .area_people .flexRight {
  width: 66%;
  max-width: 800px;
}
.list_peopleNav > li {
  width: 47.5%;
}
.list_peopleNav > li a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 1.8em;
}
.list_peopleNav > li a::before {
  content: '';
  width: 15.79%;
  height: 0;
  padding: 14% 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 2;
  left: 9%;
  top: 10%;
  pointer-events: none;
}
.list_peopleNav > li a::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #D7E4EE;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  mix-blend-mode: multiply;
  transition: all .2s;
}
.list_peopleNav > li.active a::after, .list_peopleNav > li:hover a::after {
  opacity: 0;
}
.list_peopleNav > li.nav01 a::before {
  background-image: url("../img/team/no01.webp");
}
.list_peopleNav > li.active.nav01 a::before {
  background-image: url("../img/team/no01--on.webp");
}
.list_peopleNav > li.nav02 a::before {
  background-image: url("../img/team/no02.webp");
}
.list_peopleNav > li.active.nav02 a::before {
  background-image: url("../img/team/no02--on.webp");
}
.list_peopleNav > li.nav03 a::before {
  background-image: url("../img/team/no03.webp");
}
.list_peopleNav > li.active.nav03 a::before {
  background-image: url("../img/team/no03--on.webp");
}
.list_peopleNav > li.nav04 a::before {
  background-image: url("../img/team/no04.webp");
}
.list_peopleNav > li.active.nav04 a::before {
  background-image: url("../img/team/no04--on.webp");
}
.list_peopleNav > li.nav05 a::before {
  background-image: url("../img/team/no05.webp");
}
.list_peopleNav > li.active.nav05 a::before {
  background-image: url("../img/team/no05--on.webp");
}
.list_peopleNav > li.nav06 a::before {
  background-image: url("../img/team/no06.webp");
}
.list_peopleNav > li.active.nav06 a::before {
  background-image: url("../img/team/no06--on.webp");
}
.list_peopleNav > li.nav07 a::before {
  background-image: url("../img/team/no07.webp");
}
.list_peopleNav > li.active.nav07 a::before {
  background-image: url("../img/team/no07--on.webp");
}
.list_peopleNav > li a img {
  vertical-align: top;
  transition: all .4s;
}
.list_peopleNav > li:hover a img {
  transform: scale(1.05);
}
/**/
.block_team .peopleEdit .edit_thumbnail {
  position: relative;
  margin: 0 0 2.7em;
}
.block_team .peopleEdit .edit_thumbnail img {
  pointer-events: none;
  vertical-align: top;
}
.block_team .peopleEdit .edit_thumbnail .people_num {
  position: absolute;
  left: 1.6%;
  top: -1.9%;
  width: 24.47%;
}
.block_team .peopleEdit .edit_thumbnail .people_num img {
  vertical-align: top;
}
.block_team .peopleEdit .edit_thumbnail .people_nameBox {
  position: absolute;
  left: 5.7%;
  top: 63%;
}
.block_team .peopleEdit .edit_thumbnail .people_nameBox .message {
  font-size: 268.75%;
  font-weight: 700;
  line-height: 1;
}
.block_team .peopleEdit .edit_thumbnail .people_nameBox .message span {
  display: inline-block;
  background: #fff;
  padding: .1em .2em;
}
.block_team .peopleEdit .edit_thumbnail .people_nameBox .message span.second {
  margin: .55em 0 0;
}
.block_team .peopleEdit .edit_thumbnail .people_nameBox .name {
  font-weight: 700;
  line-height: 1;
  margin: 2.2em 0 0;
}
.block_team .peopleEdit .edit_thumbnail .people_nameBox .name span {
  display: inline-block;
  padding: .3em 1em;
  background: #fff;
}
.block_team .peopleEdit.thumb--none .edit_thumbnail .people_nameBox {
  position: relative;
  top: 0;
  left: 0;
  padding: 15% 0 0;
}
.dl_edit {
  border: solid 1px #000;
  border-radius: 1.8em;
  display: flex;
  align-items: center;
  padding: 1em 0;
  justify-content: space-between;
}
.dl_edit dt {
  width: 22%;
  text-align: center;
  font-size: 125%;
  font-weight: 700;
}
.dl_edit dd {
  width: 77.5%;
  box-sizing: border-box;
  border-left: solid 1px #000;
  padding: .7em 1em .8em 2em;
  line-height: 1.875;
}
/**/
.peopleEdit .editSet {
  position: relative;
  max-width: 1440px;
  margin: auto;
}
.peopleEdit .editSetWrap {
  margin: 8.3em auto 0;
}
@media all and (max-width:1440px) {
  .peopleEdit .editSetWrap {
    font-size: 1.111vw;
  }
}
.peopleEdit .editSet + .editSet {
  margin: 10.2em auto 0;
}
.peopleEdit .editSet .set_image {
  position: absolute;
  overflow: hidden;
}
.peopleEdit .editSet .set_image img {
  vertical-align: top;
}
.peopleEdit .editSet.set01 {
  min-height: min(35vw, 590px);
}
.peopleEdit .editSet.set02 {
  min-height: min(45vw, 740px);
}
.peopleEdit .editSet.set01 .set_image {
  right: 0;
  top: 0;
  border-top-left-radius: 1.8em;
  border-bottom-left-radius: 1.8em;
  max-width: 1340px;
  width: 46.5278%;
}
.peopleEdit .editSet.set02 .set_image {
  left: 7.6%;
  top: 0;
  border-radius: 1.8em;
  width: 38.19444%;
}
.peopleEdit .editSet.set01 .textBox {
  margin: 3.1em 0 0 8em;
  width: 40%;
}
.peopleEdit .editSet.set02 .textBox {
  margin: 3.1em 0 0 52.6%;
  width: 42%;
}
.peopleEdit.thumb--none .editSet.set01 {
  min-height: 0;
}
.peopleEdit.thumb--none .editSet.set01 .textBox {
  width: calc(100% - 16em);
}
.peopleEdit.thumb--none .editSet.set02 {
  min-height: 0;
}
.peopleEdit.thumb--none .editSet.set02 .textBox {
  margin: 3.1em 0 0 8em;
  width: calc(100% - 16em);
}
.peopleEdit .editSet .text_interview {
  color: #2872E8;
  font-size: 143.75%;
  font-weight: 700;
  border-bottom: solid 1px #000;
  padding: .4em 0;
}
.peopleEdit .editSet.set01 .text_interview {
  padding: .4em 0 .4em 5.5em;
  box-sizing: border-box;
}
.peopleEdit .editSet.set02 .text_interview {
  padding: 3.8em 0 .4em 52.3%;
  box-sizing: border-box;
}
.peopleEdit.thumb--none .editSet.set02 .text_interview {
  padding: .4em 0 .4em 5.5em;
}
.peopleEdit .editSet .interview_title {
  font-size: 200%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .14em;
  margin: 0 0 1.2em;
}
.peopleEdit .editSet .interview_text {
  line-height: 2.3125;
}
/**/
.block_team .area_schedule {
  padding: 6.6em 0;
}
.block_team .area_schedule .inner {
  max-width: 1220px;
}
.block_team .area_schedule .title_base {
  text-align: center;
  color: #fff;
  margin: 0 0 5.5em;
}
.dl_schedule dt {
  text-align: center;
  color: #fff;
  font-size: 125%;
  font-weight: 500;
  border: solid 1px #fff;
  border-radius: 50px;
  line-height: 2.3;
  margin: 0 0 1.7em;
}
.list_schedule {
  display: flex;
  justify-content: space-between;
}
.list_schedule > li {
  width: 15.5%;
  background: #fff;
  border-radius: 1em;
  box-sizing: border-box;
  padding: 1.4em 1em 3em;
}
.list_schedule > li .schedule_time {
  text-align: center;
  color: #2872E8;
  font-size: 200%;
  font-family: "Akshar", sans-serif;
  font-weight: 600;
  margin: 0 0 .2em;
}
.list_schedule > li .schedule_name {
  text-align: center;
  font-size: 112.5%;
  font-weight: 600;
  margin: 0 0 1.2em;
}
.list_schedule > li .schedule_text {
  font-size: 87.5%;
  line-height: 1.72;
  letter-spacing: 0;
  text-align: center;
}
/* ====== 
page-name #company
======*/
.block_company .area_message .title_base .en {
  font-weight: 700;
  margin: 0 0 .8em;
}
.block_company .area_message .inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1440px;
}
.block_company .area_message .textBox {
  width: 51.389%;
  box-sizing: border-box;
  padding: 4em 3% 0 6.5%;
}
.block_company .area_message .textBox .message_text {
  margin: 2em 0 0;
  letter-spacing: 0;
}
.block_company .area_message .textBox .message_text p + p {
  margin: 2.2em 0 0;
}
.block_company .area_message .imageBox {
  width: 48.611%;
}
.block_company .area_message .imageBox img {
  vertical-align: top;
}
@media all and (max-width:1440px) {
  .block_company .area_message .textBox {
    font-size: 1.11vw;
  }
}
/**/
.block_company .area_vision {
  background: url(../img/company/vision_bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  padding: 9em 0;
}
.block_company .area_vision .vision_text {
  font-size: 112.5%;
  line-height: 2.78;
  text-align: center;
  margin: 3.7em 0 0;
}
/**/
.block_company .area_intro {
  padding: 6.5em 0 5.5em;
  background: url("../img/company/intro_bg.webp") no-repeat center bottom;
  background-size: 100% auto;
  position: relative;
  z-index: 11;
  border-bottom-right-radius: min(7vw, 100px);
}
.list_companyIntro {
  display: flex;
  flex-wrap: wrap;
  gap: 4.5em 2.334%;
  margin: 4em 0 0;
  position: relative;
}
.list_companyIntro::before {
  content: '';
  width: 42%;
  height: 0;
  padding: 45% 0 0;
  background: url(../img/company/intro_illust.webp) no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
}
.list_companyIntro > li {
  width: 48.833%;
}
.dl_companyIntro dt {
  font-size: 145%;
  font-weight: 700;
  line-height: 1.2;
  height: 2.4em;
  display: flex;
  align-items: center;
  margin: 0 0 1.2em;
  background-repeat: no-repeat;
  background-position: left .4em center;
  background-size: 2.5em auto;
}
.dl_companyIntro.intro01 dt {
  background-image: url(../img/company/illust01.webp);
}
.dl_companyIntro.intro02 dt {
  background-image: url(../img/company/illust02.webp);
}
.dl_companyIntro.intro03 dt {
  background-image: url(../img/company/illust03.webp);
}
.dl_companyIntro.intro04 dt {
  background-image: url(../img/company/illust04.webp);
}
.dl_companyIntro.intro05 dt {
  background-image: url(../img/company/illust05.webp);
}
.dl_companyIntro dt span {
  display: block;
  width: 100%;
  padding: 0 0 0 3.2em;
}
.dl_companyIntro .companyIntro_thumb {
  overflow: hidden;
  border-radius: 2em;
  margin: 0 0 1.5em;
}
.dl_companyIntro .companyIntro_thumb img {
  vertical-align: top;
}
.dl_companyIntro figcaption {
  width: 95%;
  margin: auto;
  line-height: 1.75;
}
/**/
.block_company .area_numbers {
  padding: 6em 0;
}
.list_numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 1em 1.25%;
}
.block_company .area_numbers .list_numbers {
  margin: 5.1em 0 0;
}
.list_numbers > li {
  width: 32.5%;
  background: #fff;
  border-radius: 1em;
  box-sizing: border-box;
  padding: 1.8em 0 0;
  position: relative;
}
.list_numbers > li.long {
  width: 66.25%;
}
.list_numbers > li .time_text {
  position: absolute;
  right: 1em;
  bottom: 1em;
  text-align: right;
  font-size: 75%;
}
.dl_numbers dt {
  text-align: center;
  color: #265BC9;
  font-size: 112.5%;
  font-weight: 700;
}
.dl_numbers dd {
  text-align: center;
  background-repeat: no-repeat;
}
.dl_numbers .result_text {
  line-height: 1;
  display: inline-block;
  margin: 2em 0 0;
  position: relative;
}
.dl_numbers.numbers01 dd {
  padding: 0 0 4.2em 3.3em;
  background-image: url("../img/company/numbers_icon01.webp");
  background-size: 6em auto;
  background-position: left .5em top 3em;
}
.dl_numbers.numbers02 dd {
  padding: 0 0 4.2em 3.3em;
  background-image: url("../img/company/numbers_icon02.webp");
  background-size: 4.8em auto;
  background-position: left 2em top 3.3em;
}
.dl_numbers.numbers03 dd {
  padding: 0 0 4.2em 4.3em;
  background-image: url("../img/company/numbers_icon03.webp");
  background-size: 4.5em auto;
  background-position: left 2.8em top 4.2em;
}
.dl_numbers.numbers04 dd {
  padding: 4.5em 0 0;
  background-image: url("../img/company/numbers_icon04.webp");
  background-size: 15.4375em auto;
  background-position: right 2.5em top .5em;
}
.dl_numbers.numbers05 dd {
  padding: 0 0 4.2em 0;
  background-image: url("../img/company/numbers_icon05.webp");
  background-size: 18em auto;
  background-position: center bottom .3em;
}
.dl_numbers.numbers06 dd {
  padding: 0 0 4.2em 0;
  background-image: url("../img/company/numbers_icon06.webp");
  background-size: 4em auto;
  background-position: right 3em top 1em;
}
.dl_numbers.numbers07 dd {
  padding: 0 10em 3.2em 0;
  background-image: url("../img/company/numbers_icon07.webp");
  background-size: 9.375em auto;
  background-position: right 2em top 2em;
}
.dl_numbers.numbers07 .textBox {
  font-size: 90%;
  margin: -1em 0 0;
}
.dl_numbers.numbers07 .textBox .result_text span.unit {
  writing-mode: horizontal-tb;
}
.dl_numbers.numbers08 .numbersFlex {
  display: flex;
  margin: 1em 0 0;
}
.dl_numbers.numbers08 .numbersFlex .flexLeft {
  width: 50%;
  background: url("../img/company/numbers_icon08.webp") no-repeat center top;
  background-size: 40% auto;
  padding: 15% 0 0;
}
.dl_numbers.numbers08 .numbersFlex .flexRight {
  width: 50%;
  box-sizing: border-box;
  border-left: solid 1px #D9D9D9;
  background: url("../img/company/numbers_icon09.webp") no-repeat center top;
  background-size: 40% auto;
  padding: 15% 0 0;
}
.dl_numbers .result_text.type02 {
  margin: -1em 0 0;
}
.dl_numbers .result_text span.num {
  color: #265BC9;
  font-size: 750%;
  font-weight: 600;
  font-family: "Akshar", sans-serif;
  letter-spacing: 0;
}
.dl_numbers .result_text.type02 span.num {
  font-size: 562.5%;
}
.dl_numbers .result_text.type03 span.num {
  font-size: 450%;
}
.dl_numbers .result_text span.decimal {
  font-size: 80%;
}
.dl_numbers .result_text span.unit {
  width: 1em;
  font-size: 225%;
  font-weight: 500;
  writing-mode: vertical-rl;
  letter-spacing: 0;
  margin: 0 0 0 .1em;
}
.dl_numbers .result_text.type03 span.unit {
  font-size: 143.75%;
}
.dl_numbers .result_text span.time {
  display: block;
  text-align: right;
  font-size: 70%;
  margin: -.5em 0 0;
  letter-spacing: 0;
}
.dl_numbers .result_text span.maru {
  width: 4em;
  height: 4em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #265BC9;
  border-radius: 50%;
  vertical-align: top;
  margin: 1.8em .3em 0 0;
}
.dl_numbers .result_text span.maru span {
  width: 100%;
  color: #fff;
  font-weight: 500;
}
.dl_numbers .result_text.type02 span.maru {
  margin: .8em .3em 0 0;
}
.dl_numbers .tableWrap {
  width: 90%;
  line-height: 1.3;
  margin: auto;
}
.dl_numbers .tableWrap table {
  width: 100%;
}
.dl_numbers .tableWrap table tr + tr {
  border-top: solid 1px #000;
}
.dl_numbers .tableWrap table .maru {
  display: block;
  font-size: 75%;
  width: 4em;
  height: 4em;
  line-height: 4em;
  box-sizing: border-box;
  border-radius: 50%;
  background: #265BC9;
  color: #fff;
}
.dl_numbers .tableWrap table .num {
  font-size: 300%;
  font-weight: 600;
  font-family: "Akshar", sans-serif;
  color: #265BC9;
}
.dl_numbers .tableWrap table .unit {
  font-size: 110%;
  font-weight: 900;
}
.dl_numbers .tableWrap .tableTime {
  text-align: right;
  font-size: 75%;
}
/* ======
page-name #career
======*/
.block_career .area_title {
  padding: 4.3em 0 1.3em;
}
.block_career .area_title .inner {
  display: flex;
  justify-content: space-between;
}
.block_career .area_title .textBox {
  width: 55%;
  margin: 9.6% 0 0;
}
.block_career .area_title .career_lead {
  font-size: 112.5%;
  line-height: 2.22;
  margin: 2em 0 0;
}
.block_career .area_title .imageBox {
  width: 38.333%;
}
.block_career .area_step {
  padding: 0 0 5.1em;
}
.list_careerStep > li {
  padding: 2.9em 0;
  position: relative;
}
.list_careerStep > li + li {
  border-top: solid 1px #000000;
}
.list_careerStep > li + li::before {
  content: '';
  width: 40px;
  height: 30px;
  background-color: #fff;
  background-image: url(../img/arrow05.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.6875em auto;
  position: absolute;
  left: 0;
  right: 0;
  top: -.9em;
  margin: auto;
}
.list_careerStep dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list_careerStep dl dt {
  width: 127px;
}
.list_careerStep dl dd {
  width: calc(100% - 190px);
  line-height: 1.875;
  margin: 0 1em 0 0;
}
.block_career .area_trainning {
  background: #2872E8;
  padding: 6.6em 0 11em;
}
.block_career .area_trainning .title_base {
  color: #fff;
  text-align: center;
  margin: 0 0 5em;
}
.block_career .area_trainning .title_base .en {
  color: #fff;
  margin: 0 0 1.2em;
}
.dl_info {
  display: flex;
  justify-content: space-between;
}
.block_career .area_trainning .dl_info {
  color: #fff;
  margin: 0 0 5.6em;
}
.dl_info dt {
  width: 11em;
  align-items: center;
  font-size: 200%;
  font-weight: 700;
  text-align: center;
}
.dl_info dt span {
  display: inline-block;
  padding: .2em 1em 0;
  border-bottom: solid 2px #fff;
}
.dl_info dd {
  width: calc(100% - 10em);
  line-height: 2.315;
}
.block_career .area_trainning .trainningWhite_set {
  background: #fff;
  border-radius: 1em;
  padding: 2.6em 0 5em;
}
.block_career .area_trainning .trainningWhite_set + .trainningWhite_set {
  margin: 4.3em 0 0;
}
.list_careerTrainning > li {
  width: 93.5%;
  margin: auto;
}
.list_careerTrainning > li + li {
  margin: 1.5em auto 0;
}
.list_careerTrainning .careerTrainning_title {
  text-align: center;
  background: #2872E8;
  color: #fff;
  font-size: 112.5%;
  font-weight: 600;
  line-height: 1.8;
  margin: 0 0 .1em;
}
.list_careerTrainning dl dt {
  font-weight: 700;
}
.list_careerTrainning dl dt span {
  color: #2872E8;
}
.list_careerTrainning dl dd {
  line-height: 1.82;
}
.list_careerTrainning strong {
  color: #2872E8;
}
/* ====== 
page-name #welfare
======*/
.block_welfare .area_title {
  padding: 4.3em 0 9.5em;
}
.block_welfare .area_title .flexBox {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 0 auto 5.4em;
}
.block_welfare .area_title .textBox {
  width: 55%;
  box-sizing: border-box;
  padding: 0 0 5%;
}
.block_welfare .area_title .welfare_titleLead {
  font-size: 112.5%;
  line-height: 2.5;
  margin: 2em 0 0;
}
.block_welfare .area_title .imageBox {
  width: 38.33%;
}
.list_welfareDetail {
  display: flex;
}
.list_welfareDetail > li {
  width: 100%;
  box-sizing: border-box;
  padding: 0 2%;
}
.list_welfareDetail > li + li {
  border-left: solid 1px #000;
}
.list_welfareDetail > li .welfareDetail_title {
  color: #1F5EEA;
  font-size: 150%;
  font-weight: 700;
  line-height: 1.33;
  text-align: center;
  padding: 86% 0 0;
  background-size: 57% auto;
  background-repeat: no-repeat;
  background-position: center top 30%;
  margin: 0 0 1em;
  height: 4em;
  display: flex;
  align-items: center;
}
.list_welfareDetail > li .welfareDetail_title span {
  display: block;
  width: 100%;
}
.list_welfareDetail > li .welfareDetail_title.icon01 {
  background-image: url("../img/welfare/title_icon01.webp");
}
.list_welfareDetail > li .welfareDetail_title.icon02 {
  background-image: url("../img/welfare/title_icon02.webp");
}
.list_welfareDetail > li .welfareDetail_title.icon03 {
  background-image: url("../img/welfare/title_icon03.webp");
}
.list_welfareDetail > li .welfareDetail_title.icon04 {
  background-image: url("../img/welfare/title_icon04.webp");
}
.list_welfareDetail > li .welfareDetail_title small {
  display: block;
  font-size: 75%;
}
.list_welfareDetail span.blueBox {
  color: #1F5EEA;
}
.block_welfare .area_about {
  z-index: 10;
}
.block_welfare .area_about .abtouWrap {
  padding: 9% 0 61%;
  position: relative;
  background: url("../img/welfare/about_bg.webp") no-repeat center top 25%;
  background-size: contain;
}
.block_welfare .area_about .about_title {
  width: 76.67%;
  margin: auto;
}
.block_welfare .area_about .about_title img {
  vertical-align: top;
  max-width: none;
  width: 100%;
}
.block_welfare .area_about .about01 {
  position: absolute;
  left: 3%;
  top: 8%;
  width: 29.083%;
}
.block_welfare .area_about .about02 {
  position: absolute;
  left: 65%;
  top: 9%;
  width: 31.083%;
}
.block_welfare .area_about .about03 {
  position: absolute;
  left: 1.6%;
  top: 57%;
  width: 45.583%;
}
.block_welfare .area_about .about04 {
  position: absolute;
  left: 51%;
  top: 52.4%;
  width: 45.333%;
}
.block_welfare .area_about .about05 {
  position: absolute;
  left: 47.4%;
  bottom: 0;
  width: 37.25%;
}
/* ====== 
page-name #recruit
======*/
.block_recruit {
  background: #EEF3F8;
}
.block_recruit .inner {
  max-width: 1284px;
  margin: auto;
}
.block_recruit .whiteWrap {
  background: #fff;
  box-shadow: 0 24px 60px -6px rgba(0, 0, 0, .13);
  border-radius: 2em;
  box-sizing: border-box;
  padding: 3.5em 4em 4.3em;
}
.block_recruit .area_requirements {
  padding: 5.6em 0 0;
}
.title_color {
  color: #265BC9;
  font-size: 187.5%;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .1em;
}
.list_recruitInfo {
  margin: 3.3em 0 0;
}
.list_recruitInfo > li {
  display: flex;
  justify-content: space-between;
}
.list_recruitInfo > li .infoLeft {
  width: 21.5%;
  background: rgba(40, 114, 232, 0.2);
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  text-align: center;
  font-size: 90%;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.list_recruitInfo > li .infoLeft span {
  display: block;
  width: 100%;
}
.list_recruitInfo > li + li .infoLeft {
  border-top: none;
}
.list_recruitInfo > li .infoRight {
  width: 74%;
  box-sizing: border-box;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  font-size: 90%;
  padding: .9em 0;
}
.list_recruitInfo > li + li .infoRight {
  border-top: none;
}
.list_recruitInfo > li .infoRight p {
  margin: 0 1em;
}
.list_recruitInfo > li .infoRight .table_att{
	font-size: 87.5%;
}
.list_recruitInfo dl {
  margin: 0 1em;
}
.list_recruitInfo dl + dl {
  padding: 1.6em 0 0;
}
.list_recruitInfo dl dt {
  position: relative;
  padding: 0 0 .3em 1.5em;
}
.list_recruitInfo dl dt::before {
  content: '■';
  position: absolute;
  left: 0;
  top: 0;
}
.list_recruitInfo dl dd {
  padding: 0 0 0 1.4em;
  letter-spacing: .05em;
}
.list_recruitInfo table {
  width: 100%;
  font-size: 78.75%;
  table-layout: fixed;
  margin: 1.5em 0 1.2em;
}
.list_recruitInfo table thead th {
  background: rgba(40, 114, 232, 0.2);
  text-align: center;
  border: solid 1px #000;
  padding: .5em 0;
}
.list_recruitInfo table thead th:nth-child(1) {
  width: 32.7%;
}
.list_recruitInfo table td {
  border: solid 1px #000;
  text-align: center;
  padding: .7em 0;
}
.block_recruit .area_flow {
  padding: 6em 0 0;
}
.list_recruitFlow {
  margin: 1.9em 0 0;
  padding: 1.9em 0 0;
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #000;
}
.list_recruitFlow > li {
  width: 16.8685%;
  position: relative;
}
.list_recruitFlow > li img {
  vertical-align: top;
}
.list_recruitFlow > li + li::before {
  content: '';
  width: 13%;
  height: 0;
  padding: 19% 0 0;
  background: url("../img/arrow03.webp") no-repeat;
  background-size: contain;
  position: absolute;
  left: -17%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.block_recruit .area_qa {
  padding: 5.1em 0 8.5em;
}
.block_recruit .area_qa .qaWrap {
  margin: 2.2em 0 0;
  border-top: solid 1px #000;
}
.dl_accordion {
  font-size: 112.5%;
  line-height: 1.83;
}
.dl_accordion dt {
  position: relative;
  cursor: pointer;
  transition: all .2s;
}
.dl_accordion dt:hover {
  color: #265BC9;
}
.dl_accordion dt::before, .dl_accordion dt::after {
  content: '';
  width: 1.4em;
  height: 2px;
  background: #5E6268;
  transform-origin: center;
  position: absolute;
  right: 1.8em;
  top: 2.5em;
  bottom: 0;
  transition: all .2s;
}
.dl_accordion dt::after {
  transform: rotateZ(90deg);
}
.dl_accordion.accordion--active dt::after {
  transform: rotateZ(0);
}
.dl_accordion dt span {
  display: block;
  padding: 1.6em 4.2em;
  position: relative;
}
.dl_accordion dt span::before {
  content: '';
  width: 1.8em;
  height: 1.4em;
  background: url("../img/qa_q.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 1.5em;
  top: 1.9em;
}
.dl_accordion dd {
  background: #2872E8;
  color: #fff;
}
.dl_accordion dd .padding {
  padding: 1.9em 4.2em;
  position: relative;
}
.dl_accordion dd .padding::before {
  content: '';
  width: 1.8em;
  height: 1.4em;
  background: url("../img/qa_a.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: 1.5em;
  top: 2.2em;
}
.dl_accordion dd p {
  text-indent: -1em;
  padding: 0 0 0 1em;
}
.dl_accordion dd p + p {
  margin: .8em 0 0;
}
.dl_accordion dd p a {
  border-bottom: solid 1px #fff;
}
.dl_accordion dd {
  max-height: 0;
  overflow: hidden;
  transition: max-height .6s ease;
}
.dl_accordion.accordion--active dd {
  display: block;
  max-height: 600px;
}