@charset "UTF-8";
/* accordion */
.accordion:not(:last-child) {
  border-bottom: 2px dotted #c2c8d0;
  border-bottom: 0.125rem dotted #c2c8d0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.accordion.yellow:not(:last-child) {
  border-bottom: 2px dotted #E5CF7E;
  border-bottom: 0.125rem dotted #E5CF7E;
}
.accordion:not(:last-child).open {
  border: none;
}

.accordion__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eaeef4;
  position: relative;
  cursor: pointer;
}
.yellow .accordion__header {
  background: #F7F5E6;
}
.accordion__header:hover .accordion__icon {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.accordion__header:hover .accordion__icon::before {
  opacity: 0;
}

.accordion__title {
  color: #1f2227;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.66;
  margin-right: 20px;
  margin-right: 1.25rem;
}
@media screen and (max-width: 767px) {
  .accordion__title {
    font-size: 0.9375rem;
    line-height: 1.4;
  }
}

.accordion__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 22px;
  width: 1.375rem;
  height: 22px;
  height: 1.375rem;
  background: linear-gradient(45deg, #44c6fd 0%, #024dba 100%);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .accordion__icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.accordion__icon::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #343d4c;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.accordion__icon-child {
  position: absolute;
  width: 100%;
  height: 100%;
}
.accordion__icon-child::after,
.accordion__icon-child::before {
  position: absolute;
  content: "";
  width: 10px;
  width: 0.625rem;
  height: 1px;
  height: 0.0625rem;
  background: #fff;
  top: 50%;
  right: 6px;
  right: 0.375rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0.625rem;
}
@media screen and (max-width: 767px) {
  .accordion__icon-child::after,
  .accordion__icon-child::before {
    width: 0.5rem;
    right: 0.375rem;
  }
}
.accordion__icon-child::before {
  top: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion__icon-child.open::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* arrow-wrapper */
.arrow-wrapper {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#44c6fd),
    to(#024dba)
  );
  background: linear-gradient(#44c6fd 0%, #024dba 100%);
  position: relative;
  z-index: 1;
}
.arrow-wrapper::before,
.arrow-wrapper::after {
  position: absolute;
  content: "";
}
.arrow-wrapper::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(45deg, #44c6fd 0%, #024dba 100%);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.arrow-wrapper::after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #1f2227;
  position: absolute;
  content: "";
  height: 100%;
  width: calc(100% - 0.1875rem);
  top: 0;
  left: 0;
  z-index: -2;
}
.arrow-wrapper:hover {
  opacity: 1;
}
.arrow-wrapper:hover::before {
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
@media screen and (max-width: 767px) {
  .arrow-wrapper:hover::before {
    display: none;
  }
}
.arrow-wrapper:hover .arrow::after {
  width: 45px;
  width: 2.8125rem;
  right: -25px;
  right: -1.5625rem;
}
@media screen and (max-width: 767px) {
  .arrow-wrapper:hover .arrow::after {
    width: 0.8125rem;
    right: 1.25rem;
  }
}

/* arrow */
.arrow {
  color: #fff;
  position: relative;
}
.arrow::after {
  position: absolute;
  content: "";
  width: 13px;
  width: 0.8125rem;
  height: 4px;
  height: 0.25rem;
  border-bottom: 1px solid #fff;
  border-bottom: 0.0625rem solid #fff;
  border-right: 1px solid #fff;
  border-right: 0.0625rem solid #fff;
  top: 50%;
  right: 20px;
  right: 1.25rem;
  -webkit-transform: skew(45deg) translateY(-50%);
  transform: skew(45deg) translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* btn */
.btn {
  display: inline-block;
}

.btn__text {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 22px 46px 22px 43px;
  /*padding: 1.375rem 4.75rem 1.375rem 4.5625rem;*/
}

/* drawer */
.drawer {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.drawer__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(158, 164, 173, 0.7);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  z-index: -1;
}

.drawer__content {
  width: 59.3%;
  height: 100%;
  margin-left: auto;
  -webkit-transform: translate(10%, 0%) matrix(1, 0, 0, 1, 0, 0);
  transform: translate(10%, 0%) matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  overflow-y: scroll;
}
@media screen and (max-width: 1219px) {
  .drawer__content {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .drawer__content {
    width: 80%;
  }
}

.drawer__footer {
  background: #fff;
  height: 90px;
  height: 5.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 37px 20px 70px;
  padding: 1.25rem 2.3125rem 1.25rem 4.375rem;
}
@media screen and (max-width: 1219px) {
  .drawer__footer {
    padding-left: 3.125rem;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .drawer__footer {
    height: auto;
    padding: 1.25rem 1.25rem;
  }
}

.drawer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .drawer__menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -0.3125rem;
  }
}

.drawer__menu-item {
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 767px) {
  .drawer__menu-item {
    margin-top: 0.3125rem;
  }
}
.drawer__menu-item + .drawer__menu-item {
  margin-left: 17px;
  margin-left: 1.0625rem;
}
.drawer__menu-item a {
  padding: 5px 15px 5px 0;
  padding: 0.3125rem 0.9375rem 0.3125rem 0;
  background: url(../img/common/menu-icon01.svg) no-repeat center right/7px;
  background: url(../img/common/menu-icon01.svg) no-repeat center
    right/0.4375rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.drawer__menu-item a:hover {
  opacity: 1;
  color: #168dda;
}

.drawer__copyright {
  color: #2f3236;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
}
@media screen and (max-width: 1219px) {
  .drawer__copyright {
    margin-top: 0.625rem;
    text-align: center;
  }
}

/* このクラスを、jQueryで付与・削除する */
.drawer--active {
  visibility: visible;
}
.drawer--active .drawer__content {
  opacity: 1;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}
.drawer--active .drawer__bg {
  opacity: 1;
}

.drawer--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* fade */
.fade {
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 30);
  transform: matrix(1, 0, 0, 1, 0, 30);
  -webkit-transition: opacity 1.2s, -webkit-transform 1.2s;
  transition: opacity 1.2s, -webkit-transform 1.2s;
  transition: transform 1.2s, opacity 1.2s;
  transition: transform 1.2s, opacity 1.2s, -webkit-transform 1.2s;
}
.fade.scroll {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
}

/* float */
.float {
  position: fixed;
  top: 112px;
  top: 7rem;
  right: 30px;
  right: 1.875rem;
  z-index: 500;
  -webkit-transition: top 0.3s;
  transition: top 0.3s;
}
@media screen and (max-width: 767px) {
  .float {
    top: 4.625rem;
    right: 0.625rem;
  }
}
.float.moved {
  top: 40px;
  top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .float.moved {
    top: 1.25rem;
  }
}

.float__item {
  width: 110px;
  width: 6.875rem;
  height: 110px;
  height: 6.875rem;
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .float__item {
    width: 3.375rem;
    height: 3.375rem;
  }
}
.float__item:first-child {
  background: #1f2227;
}
.float__item:last-child {
  background: linear-gradient(45deg, #44c6fd 0%, #024dba 100%);
  margin-top: 14px;
  margin-top: 0.875rem;
}
@media screen and (max-width: 767px) {
  .float__item:last-child {
    margin-top: 0.625rem;
  }
}
.float__item:last-child a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .float__item:last-child a {
    font-size: 0.75rem;
  }
}

/* footer */
.footer__scroll {
  position: absolute;
  top: 0;
  right: 20px;
  right: 1.25rem;
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: 110px 10px 0 10px;
  padding: 6.875rem 0.625rem 0 0.625rem;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .footer__scroll {
    padding-top: 5rem;
  }
}
.footer__scroll::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  width: 0.0625rem;
  height: 100px;
  height: 6.25rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .footer__scroll::after {
    height: 4.375rem;
  }
}
.footer__scroll span {
  position: absolute;
  background: #1f2227;
  color: #fff;
  bottom: -35px;
  bottom: -2.1875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.footer__scroll:hover {
  opacity: 0.7;
}

.footer__top {
  background: #1f2227;
  color: #fff;
  padding: 50px 0 50px;
  padding: 3.125rem 0 3.125rem;
  position: relative;
}
.footer__top-menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .footer__top-menus {
    display: block;
  }
}

.footer__top-menu + .footer__top-menu {
  margin-left: 90px;
  margin-left: 5.625rem;
}
@media screen and (max-width: 767px) {
  .footer__top-menu + .footer__top-menu {
    margin-left: 0;
    margin-top: 1.5625rem;
  }
}

.footer__top-menu-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.footer__top-menu-item + .footer__top-menu-item {
  margin-top: 33px;
  margin-top: 2.0625rem;
}
@media screen and (max-width: 767px) {
  .footer__top-menu-item + .footer__top-menu-item {
    margin-top: 1.5625rem;
  }
}

.footer__top-menu-links {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.footer__top-menu-link {
  font-size: 13px;
  font-size: 0.8125rem;
  position: relative;
}
.footer__top-menu-link::before {
  position: absolute;
  content: "";
  width: 6px;
  width: 0.375rem;
  height: 6px;
  height: 0.375rem;
  border-top: 1px solid #168dda;
  border-top: 0.0625rem solid #168dda;
  border-right: 1px solid #168dda;
  border-right: 0.0625rem solid #168dda;
  left: -4px;
  left: -0.25rem;
  top: 50%;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.footer__top-menu-link a {
  display: block;
  padding: 3px 0 3px 10px;
  padding: 0.1875rem 0 0.1875rem 0.625rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.footer__top-menu-link a:hover {
  opacity: 1;
  color: #168dda;
}

.footer__content {
  padding: 45px 0 100px;
  padding: 2.8125rem 0 6.25rem;
}
@media screen and (max-width: 767px) {
  .footer__content {
    padding: 2.5rem 0 3.125rem;
  }
}
.footer__content .l-inner {
  max-width: 1008px;
  max-width: 63rem;
}

.footer__content-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .footer__content-menu {
    margin-top: -0.625rem;
  }
}

.footer__content-menu-item {
  background: #f4f7f9;
  width: 32%;
  min-height: 52px;
  min-height: 3.25rem;
  text-align: center;
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  .footer__content-menu-item {
    width: calc(50% - 0.3125rem);
    min-height: 2.75rem;
    margin-top: 0.625rem;
  }
}
/*.footer__content-menu-item:not(:nth-child(6n + 1)) {
  margin-left: 15px;
  margin-left: 0.9375rem;
}*/
@media screen and (max-width: 767px) {
  .footer__content-menu-item:not(:nth-child(6n + 1)) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__content-menu-item:not(:nth-child(2n + 1)) {
    margin-left: 0.625rem;
  }
}
.footer__content-menu-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 15px 15px;
  padding: 0.9375rem 0.9375rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 767px) {
  .footer__content-menu-item a {
    padding: 0.625rem 0.625rem;
  }
}
.footer__content-menu-item a:hover {
  opacity: 1;
  color: #158eda;
}
.footer__content-menu-item a span {
  position: relative;
  padding-right: 18px;
  padding-right: 1.125rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.5;
  background: url(../img/common/menu-icon01.svg) no-repeat center right/9px;
  background: url(../img/common/menu-icon01.svg) no-repeat center
    right/0.5625rem;
}
@media screen and (max-width: 767px) {
  .footer__content-menu-item a span {
    font-size: 0.75rem;
    font-weight: 500;
  }
}

.footer__content-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .footer__content-logos {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 0.625rem;
  }
}

@media screen and (max-width: 767px) {
  .footer__content-logo {
    margin-top: 0.625rem;
  }
}
.footer__content-logo a {
  display: block;
}

.footer__bottom {
  background: linear-gradient(45deg, #00b3fe 0%, #003399 100%);
  padding: 15px 135px 10px 20px;
  padding: 0.9375rem 8.4375rem 0.625rem 1.25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    padding: 0.9375rem 3.5625rem 0.9375rem 0.75rem;
  }
}
.footer__bottom::after {
  position: absolute;
  content: "";
  width: 116px;
  width: 7.25rem;
  height: 32px;
  height: 2rem;
  right: 0;
  bottom: 0;
  background: url(../img/common/footer-bottom-bg.png) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .footer__bottom::after {
    width: 4.0625rem;
    height: 1.125rem;
  }
}

.footer__bottom-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__bottom-logo {
  width: 148px;
  width: 9.25rem;
}
@media screen and (max-width: 767px) {
  .footer__bottom-logo {
    width: 5.4375rem;
  }
}

.footer__bottom-body {
  text-align: right;
}

.footer__bottom-img {
  width: 239px;
  width: 14.9375rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .footer__bottom-img {
    width: 8.875rem;
  }
}

.footer__bottom-copyright {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .footer__bottom-copyright {
    text-align: right;
  }
}

/* hamburger */
.hamburger {
  display: block;
  position: absolute;
  z-index: 300;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  text-align: center;
}

.hamburger__border {
  display: block;
  position: absolute;
  width: 30px;
  width: 1.875rem;
  height: 2px;
  height: 0.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
}
@media screen and (max-width: 767px) {
  .hamburger__border {
    width: 1.25rem;
  }
}
.hamburger__border:nth-child(1) {
  top: 45px;
  top: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .hamburger__border:nth-child(1) {
    top: 1.25rem;
  }
}
.hamburger__border:nth-child(2) {
  top: 52px;
  top: 3.25rem;
}
@media screen and (max-width: 767px) {
  .hamburger__border:nth-child(2) {
    top: 1.625rem;
  }
}
.hamburger__border:nth-child(3) {
  top: 59px;
  top: 3.6875rem;
}
@media screen and (max-width: 767px) {
  .hamburger__border:nth-child(3) {
    top: 2rem;
  }
}

/* ナビ開いてる時のボタン */
.hamburger--active .hamburger__border {
  top: 52px;
  top: 3.25rem;
  left: 40px;
  left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hamburger--active .hamburger__border {
    top: 1.5625rem;
    left: 1.0625rem;
  }
}
.hamburger--active .hamburger__border:nth-child(1) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hamburger--active .hamburger__border:nth-child(2),
.hamburger--active .hamburger__border:nth-child(3) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* header */
.header__top {
  background: linear-gradient(45deg, #00b3fe 0%, #003399 100%);
}

.header__top-img {
  width: 137px;
  width: 8.5625rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .header__top-img {
    width: 6.4375rem;
  }
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 20px;
  padding: 1.25rem 1.25rem;
}
@media screen and (max-width: 767px) {
  .header__content {
    padding: 0.625rem 0.625rem;
  }
}

.header__logo {
  width: 290px;
  width: 18.125rem;
  max-width: 100%;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1219px) {
  .header__menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.header__menu-item {
  font-size: 12px;
  font-size: 0.75rem;
}
.header__menu-item a {
  display: inline-block;
  padding-right: 15px;
  padding-right: 0.9375rem;
  padding: 5px 15px 5px 0;
  padding: 0.3125rem 0.9375rem 0.3125rem 0;
  background: url(../img/common/menu-icon02.png) no-repeat center right/14px;
  background: url(../img/common/menu-icon02.png) no-repeat center right/0.875rem;
  -webkit-transition: -webkit-text-decoration 0.3s;
  transition: -webkit-text-decoration 0.3s;
  transition: text-decoration 0.3s;
  transition: text-decoration 0.3s, -webkit-text-decoration 0.3s;
}
.header__menu-item a:hover {
  opacity: 1;
  text-decoration: underline;
}
.header__menu-item + .header__menu-item a {
  border-left: 1px solid #ccc;
  border-left: 0.0625rem solid #ccc;
  margin-left: 20px;
  margin-left: 1.25rem;
  padding-left: 20px;
  padding-left: 1.25rem;
}

.l-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1050px;
  padding-right: 25px;
  padding-left: 25px;
}
@media screen and (max-width: 639px) {
  .l-inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* l-section */
.l-section {
  padding: 140px 0 100px;
  padding: 8.75rem 0 6.25rem;
}
@media screen and (max-width: 767px) {
  .l-section {
    padding: 3.75rem 0 5rem;
  }
}

/* mv */
.mv {
  text-align: center;
  color: #fff;
  padding: 100px 0 125px;
  padding: 6.25rem 0 7.8125rem;
}
@media screen and (max-width: 767px) {
  .mv {
    padding: 3.75rem 0 4.375rem;
  }
}

.mv--about {
  background: url(../img/about/about-mv-bg.jpg) no-repeat center/cover;
}

.mv--about2 {
  background: url(../img/about/about-mv-bg2.jpg) no-repeat center/cover;
}

.mv--business {
  background: url(../img/business/business-mv-bg.jpg) no-repeat center/cover;
}

.mv--business2 {
  background: url(../img/business/business-mv-bg2.jpg) no-repeat center/cover;
}

.mv--welfare {
  background: url(../img/welfare/welfare-mv-bg.jpg) no-repeat center/cover;
}

.mv--faq {
  background: url(../img/faq/faq-mv-bg.jpg) no-repeat center/cover;
}

.mv--data {
  background: url(../img/data/data-mv-bg.jpg) no-repeat center/cover;
}

.mv--recruit {
  background: url(../img/recruit/recruit-mv-bg.jpg) no-repeat center/cover;
}

.mv--career {
  background: url(../img/career/m_bg.jpg) no-repeat center/cover;
}

.mv--peoplepage {
  background: url(../img/people/m_bg.jpg) no-repeat center/cover;
}

.mv__title {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .mv__title {
    font-size: 1.75rem;
  }
}

.mv__text {
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .mv__text {
    font-size: 0.875rem;
    line-height: 1.3;
  }
}

/* section-subtitle */
.section-subtitle {
  font-weight: 700;
  position: relative;
}
.section-subtitle::before {
  position: absolute;
  content: "";
  width: 3px;
  width: 0.1875rem;
  height: 100%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#44c6fd),
    to(#024dba)
  );
  background: linear-gradient(#44c6fd 0%, #024dba 100%);
}

/* section-title-wrapper */
.section-title-wrapper {
  text-align: center;
}

/* section-title */
.section-title {
  display: inline-block;
  color: #343d4c;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}
@media screen and (max-width: 767px) {
  .section-title {
    font-size: 1.25rem;
  }
}
.section-title::after {
  position: absolute;
  content: "";
  height: 3px;
  height: 0.1875rem;
  width: 100%;
  left: 0;
  bottom: -6px;
  bottom: -0.375rem;
  background: linear-gradient(45deg, #44c6fd 0%, #024dba 100%);
}

/* section */
.section {
  overflow: hidden;
  position: relative;
}
.section::before {
  position: absolute;
  color: #f4f6f8;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 100px;
  font-size: 6.25rem;
  line-height: 1;
  left: 0;
  top: 35px;
  top: 2.1875rem;
}
@media screen and (max-width: 1219px) {
  .section::before {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .section::before {
    font-size: 2.5rem;
    top: 1.25rem;
  }
}

/* sitemap */
.sitemap {
  background: #343d4c;
  color: #fff;
  min-height: calc(100% - 5.625rem);
  padding: 65px 70px;
  padding: 4.0625rem 4.375rem;
}
@media screen and (max-width: 1219px) {
  .sitemap {
    padding: 100px 3.125rem 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  .sitemap {
    padding: 100px 2.5rem 1.25rem;
  }
}

.sitemap__menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .sitemap__menus {
    display: block;
  }
}

.sitemap__menu + .sitemap__menu {
  margin-left: 85px;
  margin-left: 5.3125rem;
}
@media screen and (max-width: 767px) {
  .sitemap__menu + .sitemap__menu {
    margin-left: 0;
    margin-top: 1.5625rem;
  }
}
.sitemap__menu:first-child .sitemap__menu-item:nth-child(2) {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (max-width: 767px) {
  .sitemap__menu:first-child .sitemap__menu-item:nth-child(2) {
    margin-top: 1.5625rem;
  }
}
.sitemap__menu:last-child .sitemap__menu-item:nth-child(2) {
  margin-top: 30px;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .sitemap__menu:last-child .sitemap__menu-item:nth-child(2) {
    margin-top: 1.5625rem;
  }
}

.sitemap__menu-item + .sitemap__menu-item {
  margin-top: 40px;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .sitemap__menu-item + .sitemap__menu-item {
    margin-top: 1.5625rem;
  }
}
.sitemap__menu-item a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.sitemap__menu-item a:hover {
  color: #168dda;
  opacity: 1;
}

.sitemap__menu-title {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .sitemap__menu-title {
    font-size: 1.125rem;
  }
}

.sitemap__menu-link + .sitemap__menu-link {
  margin-top: 3px;
  margin-top: 0.1875rem;
}
.sitemap__menu-link a {
  display: block;
  padding: 4px 0 4px 10px;
  padding: 0.25rem 0 0.25rem 0.625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sitemap__menu-link a {
    font-size: 0.75rem;
  }
}
.sitemap__menu-link a::before {
  position: absolute;
  content: "";
  width: 6px;
  width: 0.375rem;
  height: 6px;
  height: 0.375rem;
  left: -4px;
  left: -0.25rem;
  top: 50%;
  border-top: 1px solid #168dda;
  border-top: 0.0625rem solid #168dda;
  border-right: 1px solid #168dda;
  border-right: 0.0625rem solid #168dda;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

/* top-section-subtitle */
.top-section-subtitle {
  color: #42c3fb;
}
@media screen and (max-width: 767px) {
  .top-section-subtitle {
    font-size: 0.9375rem;
  }
}

/* top-section-title */
.top-section-title {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 50px;
  font-size: 3.125rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .top-section-title {
    font-size: 2.25rem;
  }
}

/* 東京海上日動システムズとは */
/* case */
.case::before {
  /*content: "CASE STUDY";*/
  content: "OCCUPATION";
}

.case__items {
  margin-top: 75px;
  margin-top: 4.6875rem;
}
@media screen and (max-width: 767px) {
  .case__items {
    margin-top: 2.5rem;
  }
}

.case__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .case__item {
    display: block;
  }
}
.case__item + .case__item {
  margin-top: 40px;
  margin-top: 2.5rem;
  padding-top: 40px;
  padding-top: 2.5rem;
  border-top: 2px dotted #c2c8d0;
  border-top: 0.125rem dotted #c2c8d0;
}
@media screen and (max-width: 767px) {
  .case__item + .case__item {
    margin-top: 1.875rem;
    padding-top: 1.875rem;
  }
}

.case__item-body {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .case__item-body {
    width: 100%;
  }
}

.case__item-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 767px) {
  .case__item-title {
    font-size: 1rem;
  }
}

.case__item-subtitle {
  color: #168dda;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .case__item-subtitle {
    font-size: 0.9375rem;
  }
}

.case__item-text {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 2;
  margin-top: 13px;
  margin-top: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .case__item-text {
    line-height: 1.8;
  }
}

.case__item-img {
  width: 31.5%;
}
@media screen and (max-width: 767px) {
  .case__item-img {
    width: 100%;
    max-width: 25rem;
    margin: 1.25rem auto 0;
  }
}

/* data */
.data {
  padding: 83px 0 95px;
  padding: 5.1875rem 0 5.9375rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .data {
    padding: 3.75rem 0 5rem;
  }
}
.data::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 13.0625rem);
  background: #343d4c;
  z-index: -1;
}

.data__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-top: -1.25rem;
}
@media screen and (max-width: 767px) {
  .data__items {
    display: block;
    margin-top: 0;
  }
}

.data__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 5px solid #eaeef5;
  border: 0.3125rem solid #eaeef5;
  background: #fff;
  margin-top: 20px;
  margin-top: 1.25rem;
  padding: 27px 5px 5px 5px;
  padding: 1.6875rem 0.3125rem 0.3125rem 0.3125rem;
}
@media screen and (max-width: 767px) {
  .data__item {
    padding: 0.9375rem 0.625rem 0.625rem;
  }
}
.data__item:first-child,
.data__item:nth-child(2) {
  width: calc(50% - 0.625rem);
}
@media screen and (max-width: 767px) {
  .data__item:first-child,
  .data__item:nth-child(2) {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
  }
}
.data__item:not(:first-child):not(:nth-child(2)) {
  width: calc(33.33333% - 0.83333rem);
  min-height: 280px;
  min-height: 17.5rem;
}
@media screen and (max-width: 767px) {
  .data__item:not(:first-child):not(:nth-child(2)) {
    width: 100%;
    max-width: 25rem;
    margin: 1.875rem auto 0;
    min-height: unset;
  }
}
.data__item:not(:first-child):not(:nth-child(2)):not(:nth-child(3n)) {
  margin-left: 20px;
  margin-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .data__item:not(:first-child):not(:nth-child(2)):not(:nth-child(3n)) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .data__item + .data__item {
    margin-top: 1.875rem;
  }
}
.data__item:first-child .data__item-img {
  width: 95%;
  padding-left: 3%;
  margin: -25px auto 0;
  margin: -1.5625rem auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:first-child .data__item-img {
    width: 95%;
    margin-top: -0.625rem;
  }
}
.data__item:nth-child(2) {
  margin-left: 20px;
  margin-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .data__item:nth-child(2) {
    margin-left: auto;
  }
}
.data__item:nth-child(2) .data__item-img {
  width: 92%;
  padding-left: 2%;
  margin: 0 auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:nth-child(2) .data__item-img {
    width: 90%;
    margin: 0.625rem auto 1.25rem;
  }
}
.data__item:nth-child(3) .data__item-img {
  width: 85%;
  padding-left: 4%;
  margin: 25px auto 0;
  margin: 1.5625rem auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:nth-child(3) .data__item-img {
    width: 80%;
    margin: 1.5625rem auto;
  }
}
.data__item:nth-child(4) .data__item-img {
  width: 48%;
  margin: 60px auto 0;
  margin: 3.75rem auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:nth-child(4) .data__item-img {
    width: 40%;
    margin: 1.875rem auto;
  }
}
.data__item:nth-child(5) .data__item-title span {
  margin-left: -5px;
  margin-left: -0.3125rem;
}
.data__item:nth-child(5) .data__item-img {
  width: 47%;
  padding-left: 3%;
  margin: 40px auto 0;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:nth-child(5) .data__item-img {
    width: 40%;
    margin: 1.875rem auto;
  }
}
.data__item:nth-child(6) .data__item-img {
  width: 60%;
  margin: 70px auto 0;
  margin: 4.375rem auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:nth-child(6) .data__item-img {
    width: 50%;
    margin: 1.875rem auto;
  }
}
.data__item:nth-child(7) .data__item-img {
  width: 53%;
  margin: 45px auto 0;
  margin: 2.8125rem auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:nth-child(7) .data__item-img {
    width: 45%;
    margin: 1.875rem auto 1.875rem;
  }
}
.data__item:last-child .data__item-img {
  width: 82%;
  margin: 75px auto 0;
  margin: 4.6875rem auto 0;
}
@media screen and (max-width: 767px) {
  .data__item:last-child .data__item-img {
    width: 65%;
    margin: 1.875rem auto;
  }
}

.data__item-title {
  color: #343d4c;
  font-size: 18px;
  font-size: 1.125rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-left: 25px;
  margin-left: 1rem;
}
@media screen and (max-width: 767px) {
  .data__item-title {
    font-size: 1rem;
    margin-left: 0.3125rem;
  }
}
.data__item-title span {
  font-size: 13px;
  font-size: 0.8125rem;
}

.data__item-text {
  color: #343d4c;
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 1em;
  text-indent: -1em;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .data__item-text {
    font-size: 0.6875rem;
  }
}
.data__item-text + .data__item-text {
  margin-top: 2px;
  margin-top: 0.125rem;
}

/* development */
.development::before {
  content: "DEVELOPMENT";
}

.development__items {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (max-width: 767px) {
  .development__items {
    margin-top: 2.5rem;
  }
}

.development__item {
  padding: 0 30px 30px;
  padding: 0 1.875rem 1.875rem;
  background: #eaeef4;
}
@media screen and (max-width: 767px) {
  .development__item {
    padding: 0 1.25rem 1.25rem;
  }
}
.development__item + .development__item {
  margin-top: 34px;
  margin-top: 2.125rem;
  position: relative;
}
.development__item + .development__item::before {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -25px;
  top: -1.5625rem;
  border-right: 13px solid transparent;
  border-right: 0.8125rem solid transparent;
  border-top: 14px solid #bba368;
  border-top: 0.875rem solid #bba368;
  border-left: 13px solid transparent;
  border-left: 0.8125rem solid transparent;
}
.development__item:first-child .development__item-title {
  background: url(../img/business/development-icon01.svg) no-repeat top 21px
    left 10px/53px;
  background: url(../img/business/development-icon01.svg) no-repeat top
    1.3125rem left 0.625rem/3.3125rem;
}
@media screen and (max-width: 767px) {
  .development__item:first-child .development__item-title {
    background: url(../img/business/development-icon01.svg) no-repeat top
      0.6875rem left 0.625rem/2.5rem;
  }
}
.development__item:nth-child(2) .development__item-title {
  background: url(../img/business/development-icon02.svg) no-repeat top 21px
    left 13px/45px;
  background: url(../img/business/development-icon02.svg) no-repeat top
    1.3125rem left 0.8125rem/2.8125rem;
}
@media screen and (max-width: 767px) {
  .development__item:nth-child(2) .development__item-title {
    background: url(../img/business/development-icon02.svg) no-repeat top
      0.625rem left 0.75rem/2rem;
  }
}
.development__item:nth-child(3) .development__item-title {
  background: url(../img/business/development-icon03.svg) no-repeat top 25px
    left 8px/60px;
  background: url(../img/business/development-icon03.svg) no-repeat top
    1.5625rem left 0.5rem/3.75rem;
}
@media screen and (max-width: 767px) {
  .development__item:nth-child(3) .development__item-title {
    background: url(../img/business/development-icon03.svg) no-repeat top
      0.9375rem left 0.3125rem/2.9375rem;
  }
}
.development__item:nth-child(4) .development__item-title {
  background: url(../img/business/development-icon04.svg) no-repeat top 21px
    left 10px/54px;
  background: url(../img/business/development-icon04.svg) no-repeat top
    1.3125rem left 0.625rem/3.375rem;
}
@media screen and (max-width: 767px) {
  .development__item:nth-child(4) .development__item-title {
    background: url(../img/business/development-icon04.svg) no-repeat top
      0.625rem left 0.625rem/2.5rem;
  }
}
.development__item:last-child .development__item-title {
  background: url(../img/business/development-icon05.svg) no-repeat top 21px
    left 15px/46px;
  background: url(../img/business/development-icon05.svg) no-repeat top
    1.3125rem left 0.9375rem/2.875rem;
}
@media screen and (max-width: 767px) {
  .development__item:last-child .development__item-title {
    background: url(../img/business/development-icon05.svg) no-repeat top
      0.75rem left 0.75rem/2.25rem;
  }
}

.development__item-title {
  color: #343d4c;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.6;
  padding: 30px 0 25px 85px;
  padding: 1.875rem 0 1.5625rem 5.3125rem;
}
@media screen and (max-width: 767px) {
  .development__item-title {
    font-size: 1rem;
    padding: 0.9375rem 0 0.9375rem 3.75rem;
  }
}

.development__item-text {
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  line-height: 2;
  background: #fff;
  padding: 28px 30px;
  padding: 1.75rem 1.875rem;
}
@media screen and (max-width: 767px) {
  .development__item-text {
    line-height: 1.8;
    padding: 1.25rem 1.25rem;
  }
}

/* faq */
.faq {
  padding: 95px 0 110px;
  padding: 5.9375rem 0 6.875rem;
}
@media screen and (max-width: 767px) {
  .faq {
    padding: 3.75rem 0 5rem;
  }
}

.faq__block + .faq__block {
  margin-top: 70px;
  margin-top: 4.375rem;
}

.faq__items {
  margin-top: 65px;
  margin-top: 4.0625rem;
}
@media screen and (max-width: 767px) {
  .faq__items {
    margin-top: 2.5rem;
  }
}

.faq__item-header {
  padding: 28px 39px;
  padding: 1.75rem 2.4375rem;
}
@media screen and (max-width: 767px) {
  .faq__item-header {
    padding: 1.25rem 1.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.faq__item-icon {
  right: 29px;
  right: 1.8125rem;
}
@media screen and (max-width: 767px) {
  .faq__item-icon {
    right: 1.25rem;
  }
}

.faq__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 39px 51px;
  padding: 0.875rem 2.4375rem 3.1875rem;
}
@media screen and (max-width: 767px) {
  .faq__item-body {
    padding: 1.875rem 1.25rem;
  }
}

.faq__item-initial {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .faq__item-initial {
    font-size: 1.5rem;
  }
}

.faq__item-question {
  color: #168dda;
}

.faq__item-answer {
  color: #bba368;
  margin-right: 32px;
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .faq__item-answer {
    margin-right: 1.875rem;
  }
}

.faq__item-title {
  margin-left: 55px;
  margin-left: 3.4375rem;
  padding-top: 8px;
  padding-top: 0.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .faq__item-title {
    margin-left: 1.875rem;
    padding-top: 0;
  }
}
.faq__item-title::before {
  position: absolute;
  content: "";
  left: -27px;
  left: -1.6875rem;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  width: 0.0625rem;
  height: 27px;
  height: 1.6875rem;
  background: #acc2d1;
}
@media screen and (max-width: 767px) {
  .faq__item-title::before {
    left: -0.9375rem;
    height: 100%;
  }
}

.faq__item-text {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 2;
  padding-top: 8px;
  padding-top: 0.5rem;
}
.faq__item-text a{
	color:#2A81C0;
}
@media screen and (max-width: 767px) {
  .faq__item-text {
    padding-top: 0.25rem;
    line-height: 1.8;
  }
}

.faq__item-list {
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.faq__item-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .faq__item-list-item {
    display: block;
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .faq__item-list-text {
    padding-left: 1em;
  }
}

/* feature01 */
.feature01 {
  padding: 140px 0 90px;
  padding: 8.75rem 0 5.625rem;
}
@media screen and (max-width: 767px) {
  .feature01 {
    padding: 3.75rem 0 5rem;
  }
}
.feature01::before {
  content: "FEATURE.01";
}

.feature01__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .feature01__inner {
    display: block;
    margin-top: 2.5rem;
  }
}

.feature01__body {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .feature01__body {
    width: 100%;
  }
}

.feature01__subtitle {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.57;
}
@media screen and (max-width: 767px) {
  .feature01__subtitle {
    font-size: 1.25rem;
  }
}

.feature01__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 15px;
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .feature01__text {
    line-height: 1.8;
  }
}

.feature01__img {
  width: 49%;
}
@media screen and (max-width: 767px) {
  .feature01__img {
    width: 100%;
    max-width: 25rem;
    margin: 2.5rem auto 0;
  }
}

/* feature02 */
.feature02 {
  background: linear-gradient(225deg, #44c6fd 0%, #024dba 100%);
  padding: 160px 0 30px;
  padding: 10rem 0 1.875rem;
}
@media screen and (max-width: 767px) {
  .feature02 {
    padding: 3.75rem 0 1.25rem;
  }
}
.feature02::before {
  content: "FEATURE.02";
  opacity: 0.15;
}

.feature02__title {
  text-align: center;
  color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .feature02__title {
    font-size: 1.25rem;
  }
}

.feature02__text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  width: 700px;
  width: 43.75rem;
  max-width: 100%;
  margin: 20px auto 0;
  margin: 1.25rem auto 0;
}
@media screen and (max-width: 767px) {
  .feature02__text {
    line-height: 1.8;
  }
}

.feature02__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 90px;
  margin-top: 5.625rem;
}
@media screen and (max-width: 767px) {
  .feature02__items {
    display: block;
  }
}

.feature02__item {
  text-align: center;
  background: #fff;
  width: calc(33.33333% - 2.375rem);
  padding: 85px 20px 50px;
  padding: 5.3125rem 1.25rem 3.125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .feature02__item {
    width: 90%;
    max-width: 25rem;
    margin: 0 auto;
    padding: 4.375rem 1.25rem 2.5rem;
  }
}
.feature02__item:not(:nth-child(3n + 1)) {
  margin-left: 57px;
  margin-left: 3.5625rem;
}
@media screen and (max-width: 767px) {
  .feature02__item:not(:nth-child(3n + 1)) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .feature02__item + .feature02__item {
    margin-top: 5rem;
  }
}

.feature02__item-icon {
  width: 108px;
  width: 6.75rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -54px;
  top: -3.375rem;
}

.feature02__item-title {
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  color: #343d4c;
}
@media screen and (max-width: 767px) {
  .feature02__item-title {
    font-size: 1.125rem;
  }
}

.feature02__item-subtitle {
  color: #168dda;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .feature02__item-subtitle {
    margin-top: 0.625rem;
  }
}
.feature02__item-subtitle span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 1.3;
  letter-spacing: -0.04em;
  margin: 0 3px;
  margin: 0 0.1875rem;
}
@media screen and (max-width: 767px) {
  .feature02__item-subtitle span {
    font-size: 3.75rem;
  }
}

.feature02__item-text {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  margin-top: 5px;
  margin-top: 0.3125rem;
}

.feature02__subtext {
  text-align: right;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-right: 4.5%;
  margin-top: 70px;
  margin-top: 4.375rem;
}

/* feature03 */
.feature03 {
  padding: 160px 0 120px;
  padding: 10rem 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .feature03 {
    padding: 3.75rem 0 5rem;
  }
}
.feature03::before {
  content: "FEATURE.03";
}

.feature03__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .feature03__inner {
    display: block;
  }
}

.feature03__body {
  width: 44.8%;
}
@media screen and (max-width: 767px) {
  .feature03__body {
    width: 100%;
  }
}

.feature03__title {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .feature03__title {
    font-size: 1.25rem;
  }
}

.feature03__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 22px;
  margin-top: 1.375rem;
}
@media screen and (max-width: 767px) {
  .feature03__text {
    line-height: 1.8;
  }
}

.feature03__img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .feature03__img {
    width: 100%;
    max-width: 25rem;
    margin: 1.875rem auto 0;
  }
}

/* operation */
.operation {
  background: #343d4c;
}
.operation::before {
  content: "OPERATION";
  opacity: 0.07;
}

.operation__title {
  color: #fff;
}

.operation__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .operation__items {
    margin-top: 2.5rem;
  }
}

.operation__item {
  width: calc(33.33333% - 1.125rem);
  background: #fff;
  padding: 45px 30px 30px;
  padding: 2.8125rem 1.875rem 1.875rem;
}
@media screen and (max-width: 767px) {
  .operation__item {
    width: 90%;
    max-width: 25rem;
    margin: 0 auto;
    padding: 1.5625rem 1.25rem 1.25rem;
  }
}
.operation__item:not(:nth-child(3n + 1)) {
  margin-left: 27px;
  margin-left: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .operation__item:not(:nth-child(3n + 1)) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .operation__item + .operation__item {
    margin-top: 1.875rem;
  }
}
.operation__item:first-child .operation__item-img {
  width: 83px;
  width: 5.1875rem;
}
.operation__item:nth-child(2) .operation__item-img {
  width: 80px;
  width: 5rem;
}
.operation__item:last-child .operation__item-img {
  width: 89px;
  width: 5.5625rem;
}

.operation__item-img {
  max-width: 100%;
  margin: 0 auto;
}

.operation__item-title {
  text-align: center;
  color: #1f2227;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-top: 27px;
  margin-top: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .operation__item-title {
    font-size: 1rem;
    margin-top: 1.25rem;
  }
}

.operation__item-text {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.02em;
  margin-top: 15px;
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .operation__item-text {
    line-height: 1.8;
  }
}

/* people-mv */
.people-mv {
  color: #fff;
  padding: 160px 0 80px;
  padding: 10rem 0 5rem;
}
@media screen and (max-width: 767px) {
  .people-mv {
    padding: 3.75rem 0 2.5rem;
  }
}

.people-mv01 {
  background: url(../img/people/people-mv01-bg.jpg) no-repeat center/cover;
}

.people-mv02 {
  background: url(../img/people/people-mv02-bg.jpg) no-repeat center/cover;
}

.people-mv03 {
  background: url(../img/people/people-mv03-bg.jpg) no-repeat center/cover;
}

.people-mv04 {
  background: url(../img/people/people-mv04-bg.jpg) no-repeat center/cover;
}

.people-mv05 {
  background: url(../img/people/people-mv05-bg.jpg) no-repeat top/cover;
}

.people-mv06 {
  background: url(../img/people/people-mv06-bg.jpg) no-repeat top/cover;
}

.people-mv07 {
  background: url(../img/people/people-mv07-bg.jpg) no-repeat top/cover;
}

.people-mv08 {
  background: url(../img/people/people-mv08-bg.jpg) no-repeat top/cover;
}

.people-mv09 {
  background: url(../img/people/people-mv09-bg.jpg) no-repeat top/cover;
}

.people-mv__title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .people-mv__title {
    font-size: 0.9375rem;
  }
}
.people-mv__title span {
  font-size: 30px;
  font-size: 1.875rem;
  margin-left: 3px;
  margin-left: 0.1875rem;
}
@media screen and (max-width: 767px) {
  .people-mv__title span {
    font-size: 1.25rem;
  }
}

.people-mv__subtitle {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .people-mv__subtitle {
    font-size: 1rem;
  }
}
.people-mv__subtitle span {
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#44c6fd),
    to(#024dba)
  );
  background: linear-gradient(90deg, #44c6fd 0%, #024dba 100%);
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding: 5px 10px 5px 10px;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
}
@media screen and (max-width: 767px) {
  .people-mv__subtitle span {
    padding: 0.125rem 0.3125rem;
  }
}
.people-mv__subtitle span.pr-0 {
  padding-right: 0;
}

.people-mv__text {
  margin-top: 15px;
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .people-mv__text {
    font-size: 0.8125rem;
    margin-top: 0.625rem;
  }
}

/* people */
.people {
  overflow-x: hidden;
  padding: 115px 0 110px;
  padding: 7.1875rem 0 6.875rem;
  background: url(../img/people/people-border.png) no-repeat center bottom/34px;
  background: url(../img/people/people-border.png) no-repeat center
    bottom/2.125rem;
}
@media screen and (max-width: 767px) {
  .people {
    padding: 3.75rem 0 5rem;
  }
}

.people__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .people__item {
    display: block;
  }
}
.people__item + .people__item {
  margin-top: 80px;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .people__item + .people__item {
    margin-top: 3.75rem;
  }
}
.people__item:nth-child(odd) .people__item-img::after {
  background: url(../img/people/people-bg01.png) no-repeat center/cover;
  right: 115px;
  right: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .people__item:nth-child(odd) .people__item-img::after {
    right: 5rem;
  }
}
.people__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.people__item:nth-child(even) .people__item-img {
  margin-right: 10px;
  margin-right: 0.625rem;
}
@media screen and (max-width: 767px) {
  .people__item:nth-child(even) .people__item-img {
    margin-right: auto;
  }
}
.people__item:nth-child(even) .people__item-img::after {
  background: url(../img/people/people-bg02.png) no-repeat center/cover;
  left: 115px;
  left: 7.1875rem;
}
@media screen and (max-width: 767px) {
  .people__item:nth-child(even) .people__item-img::after {
    left: 5rem;
  }
}

.people__item-body {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .people__item-body {
    width: 100%;
    margin-top: 1.875rem;
  }
}

.people__item-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.8;
  padding-left: 13px;
  padding-left: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .people__item-title {
    font-size: 1rem;
  }
}

.people__item-text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 13px;
  margin-top: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .people__item-text {
    line-height: 1.8;
  }
}

.people__item-subtext {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.77;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .people__item-subtext {
    margin-top: 0.9375rem;
  }
}

.people__item-subtext2 {
  font-size: 12px;
  line-height: 1.77;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .people__item-subtext2 {
    margin-top: 0.9375rem;
  }
}

.people__item-img {
  width: 43.2%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .people__item-img {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
  }
}
.people__item-img::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  bottom: -70px;
  bottom: -4.375rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .people__item-img::after {
    bottom: -1.875rem;
  }
}

.people_br_sp{
	display:none;
}
@media screen and (max-width: 767px) {
  .people_br_sp{
	  display: block;
  }
}



/* other-people */
.other-people {
  padding: 110px 0 80px;
  padding: 6.875rem 0 5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .other-people {
    padding-top: 5rem;
  }
}
.other-people::after {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 17.25rem);
  left: 0;
  bottom: 0;
  background: #343d4c;
  z-index: -1;
}

.other-people__title {
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .other-people__title {
    font-size: 1.875rem;
  }
}

.other-people__subtitle {
  text-align: center;
  color: #168dda;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .other-people__subtitle {
    font-size: 0.8125rem;
  }
}

.other-people__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 48px;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .other-people__items {
    margin-top: 2.5rem;
  }
}

.other-people__item {
  color: #fff;
  width: calc(33.33333% - 2.16667rem);
}
@media screen and (max-width: 767px) {
  .other-people__item {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
  }
}
.other-people__item:not(:nth-child(3n + 1)) {
  margin-left: 52px;
  margin-left: 3.25rem;
}
@media screen and (max-width: 767px) {
  .other-people__item:not(:nth-child(3n + 1)) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .other-people__item + .other-people__item {
    margin-top: 3.125rem;
  }
}

.other-people__item-inner {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.other-people__item-inner:hover {
  opacity: 1;
  -webkit-box-shadow: 0.3125rem 0.3125rem 0.9375rem rgba(0, 0, 0, 0.3);
  box-shadow: 0.3125rem 0.3125rem 0.9375rem rgba(0, 0, 0, 0.3);
}

.other-people__item-text {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.66;
  margin-top: 14px;
  margin-top: 0.875rem;
}

.other-people__item-subtext {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: 8px;
  margin-top: 0.5rem;
}

/* philosophy */
.philosophy {
  padding: 140px 0 150px;
  padding: 8.75rem 0 9.375rem;
}
@media screen and (max-width: 767px) {
  .philosophy {
    padding: 3.75rem 0 5rem;
  }
}
.philosophy::before {
  content: "PHILOSOPHY";
}
.philosophy::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 18.0625rem);
  background: url(../img/about/philosophy-bg.png) no-repeat center/cover;
  z-index: -1;
}

.philosophy__items {
  margin-top: 78px;
  margin-top: 4.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .philosophy__items {
    margin-top: 2.5rem;
    display: block;
  }
}

.philosophy__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: calc(33.33333% - 2.375rem);
  background: #eaeef4;
  padding: 46px 30px;
  padding: 2.875rem 1.875rem;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .philosophy__item {
    width: 80%;
    max-width: 25rem;
    margin: 0 auto;
    padding: 1.875rem 1.25rem;
  }
}
.philosophy__item::before,
.philosophy__item::after {
  position: absolute;
  content: "";
}
.philosophy__item::before {
  left: 0;
  top: 0;
  width: 22px;
  width: 1.375rem;
  height: 22px;
  height: 1.375rem;
  background: url(../img/about/philosophy-arrow.svg) no-repeat center/cover;
}
.philosophy__item::after {
  bottom: -15px;
  bottom: -0.9375rem;
  right: 25px;
  right: 1.5625rem;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 100px;
  font-size: 6.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .philosophy__item::after {
    font-size: 3.75rem;
    bottom: -0.5rem;
  }
}
.philosophy__item:not(:nth-child(3n + 1)) {
  margin-left: 57px;
  margin-left: 3.5625rem;
}
@media screen and (max-width: 767px) {
  .philosophy__item:not(:nth-child(3n + 1)) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .philosophy__item + .philosophy__item {
    margin-top: 1.875rem;
  }
}
.philosophy__item:first-child::after {
  content: "01";
}
.philosophy__item:nth-child(2)::after {
  content: "02";
}
.philosophy__item:last-child::after {
  content: "03";
}

.philosophy__item-text {
  color: #343d4c;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .philosophy__item-text {
    font-size: 0.875rem;
    line-height: 1.8;
  }
}
.philosophy__item-text span {
  color: #168dda;
}

/* recruit */
.recruit {
  padding: 92px 0 70px;
  padding: 5.75rem 0 4.375rem;
}
@media screen and (max-width: 767px) {
  .recruit {
    padding: 3.75rem 0 5rem;
  }
}

.recruit__items {
  margin-top: 50px;
  margin-top: 3.125rem;
  /*
  border-bottom: 2px dotted #c2c8d0;
  border-bottom: 0.125rem dotted #c2c8d0;
  */
  border-bottom: 2px dotted #E5CF7E;
  border-bottom: 0.125rem dotted #E5CF7E;
}
@media screen and (max-width: 767px) {
  .recruit__items {
    margin-top: 2.5rem;
  }
}

.recruit__item-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eaeef4;
  padding: 37px 41px;
  padding: 2.3125rem 2.5625rem;
}
@media screen and (max-width: 767px) {
  .recruit__item-header {
    padding: 1.25rem 1.25rem;
  }
}
.recruit__item-header:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.recruit__item-header:hover .recruit__item-more {
  color: #168dda;
}

.recruit__item-more {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  padding-right: 20px;
  padding-right: 1.25rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .recruit__item-more {
    padding-right: 1.5625rem;
    font-size: 0.6875rem;
  }
}

.recruit__item-icon {
  right: 29px;
  right: 1.8125rem;
}
@media screen and (max-width: 767px) {
  .recruit__item-icon {
    right: 1.25rem;
  }
}

.recruit__item-body {
  padding: 40px 0 50px;
  padding: 2.5rem 0 3.125rem;
}
@media screen and (max-width: 767px) {
  .recruit__item-body {
    padding: 1.875rem 0;
  }
}

.recruit__group + .recruit__group {
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .recruit__group + .recruit__group {
    margin-top: 1.25rem;
  }
}

.recruit__item-subheading {
  color: #168dda;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.77;
  border-bottom: 2px solid #c6ced9;
  border-bottom: 0.125rem solid #c6ced9;
  padding-bottom: 5px;
  padding-bottom: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .recruit__item-subheading {
    font-size: 0.9375rem;
    line-height: 1.4;
  }
}

.recruit__item-subtitle {
  color: #343d4c;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  padding-left: 10px;
  padding-left: 0.625rem;
}
@media screen and (max-width: 767px) {
  .recruit__item-subtitle {
    font-size: 0.9375rem;
  }
}

.recruit__item-text,
.recruit__item-list {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 2;
  margin-top: 15px;
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .recruit__item-text,
  .recruit__item-list {
    line-height: 1.8;
    margin-top: 0.625rem;
  }
}

.recruit__item-list + .recruit__item-list {
  margin-top: 28px;
  margin-top: 1.75rem;
}
@media screen and (max-width: 767px) {
  .recruit__item-list + .recruit__item-list {
    margin-top: 0.9375rem;
  }
}

.recruit__item-list-item {
  padding-left: 1em;
  text-indent: -1em;
}
.recruit__item-list-item span {
  color: #bba368;
}

.recruit__btn-wrapper {
  text-align: center;
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .recruit__btn-wrapper {
    margin-top: 3.125rem;
  }
}

.recruit__btn {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(45deg, #44c6fd 0%, #024dba 100%);
  padding: 25px 154px;
  padding: 1.5625rem 9.625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruit__btn {
    font-size: 0.9375rem;
    padding: 0.9375rem 5rem;
  }
}
.recruit__btn::after {
  position: absolute;
  content: "";
  width: 24px;
  width: 1.5rem;
  height: 5px;
  height: 0.3125rem;
  right: 25px;
  right: 1.5625rem;
  top: 50%;
  border-bottom: 1px solid #fff;
  border-bottom: 0.0625rem solid #fff;
  border-right: 1px solid #fff;
  border-right: 0.0625rem solid #fff;
  -webkit-transform: skew(45deg) translateY(-50%);
  transform: skew(45deg) translateY(-50%);
}

/* recruit-contact */
.recruit-contact_wrapper {
  text-align: center;
  margin-top: 80px;
}

.recruit-contact_wrapper .inner {
  text-align: center;
  background-color: #f2f2f2;
  padding: 4.1% 15% 4.3%;
  display: inline-block;
}
.recruit-contact_wrapper .heading {
  color: #168dda;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.06em;
  display: inline-block;
  position: relative;
  line-height: 1.2;
}
.recruit-contact_wrapper .heading::after {
  position: absolute;
  content: "";
  height: 3px;
  height: 0.1875rem;
  width: 100%;
  left: 0;
  bottom: -6px;
  bottom: -0.375rem;
  background: linear-gradient(45deg, #44c6fd 0%, #024dba 100%);
}

.recruit-contact_wrapper .subheading {
  font-size: 18px;
  margin-top: 24px;
  font-weight: 500;
}

.recruit-contact_wrapper .mail-wrapper {
  display: inline-block;
  padding: 15px 40px 15px 28px;
  margin-top: 30px;
  background: #fff;
}
.recruit-contact_wrapper .flex-box {
  display: flex;
  justify-content: center;
}
.recruit-contact_wrapper .mail-icon {
  width: 37px;
  height: auto;
  margin-right: 13px;
  margin-top: 18px;
}
.recruit-contact_wrapper .mail-txt {
}
.recruit-contact_wrapper .mail-address {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 21px;
  font-weight: 400;
}
.recruit-contact_wrapper .caution {
  display: block;
  font-size: 14px;
  margin-top: 2px;
}
.recruit-contact_wrapper .hour {
  margin-top: 9px;
  font-size: 14px;
}
.recruit-contact_wrapper br.sp {
  display: none;
}

@media screen and (max-width: 1040px) {
  .recruit-contact_wrapper {
    margin-top: 60px;
  }
  .recruit-contact_wrapper .inner {
    padding: 5.5% 15% 5.8%;
  }
}
@media screen and (max-width: 768px) {
  .recruit-contact_wrapper {
    margin-top: 50px;
  }
  .recruit-contact_wrapper .heading {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .recruit-contact_wrapper .subheading {
    font-size: 15px;
  }
  .recruit-contact_wrapper .mail-wrapper {
    margin-top: 22px;
  }
  .recruit-contact_wrapper .mail-address {
    font-size: 18px;
  }

  .recruit-contact_wrapper .mail-icon {
    width: 31px;
    height: auto;
    margin-right: 13px;
    margin-top: 14px;
  }

  .recruit-contact_wrapper .caution {
    font-size: 11px;
  }

  .recruit-contact_wrapper .hour {
    font-size: 12px;
  }

  .recruit-contact_wrapper br.sp {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .recruit-contact_wrapper .inner {
    padding: 10%;
  }
  .recruit-contact_wrapper .flex-box {
    display: block;
    margin-bottom: 5px;
  }
  .recruit-contact_wrapper .mail-wrapper {
    padding: 15px 40px 15px 28px;
  }
  .recruit-contact_wrapper .mail-icon {
    margin: 0 auto 7px;
    width: 26px;
  }
}
/* top-about */
.top-about {
  background: #343d4c;
  position: relative;
  padding: 100px 0 205px;
  padding: 6.25rem 0 12.8125rem;
  margin-top: -1px;
  margin-top: -0.0625rem;
}
@media screen and (max-width: 767px) {
  .top-about {
    padding: 6.25rem 0 6.25rem;
  }
}
.top-about::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 649px;
  height: 40.5625rem;
  left: 0;
  bottom: 0;
  background: url(../img/top/top-about-bg.png) no-repeat center/cover;
}
@media screen and (min-width: 1600px) {
  .top-about::before {
    height: 18.75rem;
  }
}

.top-about__news {
  position: absolute;
  right: 0;
  top: 0;
}

.top-about__content {
  overflow: hidden;
}

.top-about__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .top-about__inner {
    display: block;
  }
}

.top-about__body {
  width: 47.7%;
}
@media screen and (max-width: 767px) {
  .top-about__body {
    width: 100%;
  }
}

.top-about__text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.4;
  letter-spacing: 0.12em;
  margin-top: 45px;
  margin-top: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .top-about__text {
    line-height: 1.8;
    margin-top: 1.875rem;
  }
}

.top-about__img {
  margin-right: calc(50% - 50vw);
  width: 66%;
  position: relative;
}
@media screen and (min-width: 1600px) {
  .top-about__img {
    width: 50%;
    margin-right: 0;
  }
}
@media screen and (max-width: 1219px) {
  .top-about__img {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .top-about__img {
    width: 100%;
    max-width: 31.25rem;
    margin: 2.5rem auto 0;
  }
}

@media screen and (max-width: 767px) {
  .top-about__btn-wrapper {
    text-align: center;
  }
}

.top-about__btn {
  margin-top: 15px;
  display:block;
  width:320px;
  text-align:center;
}
@media screen and (max-width: 767px) {
  .top-about__btn {
    margin-top: 15px;
  }
}

/* top-business */
.top-business {
  background: linear-gradient(-45deg, #1f2227 0%, #343d4c 100%);
  padding: 260px 0 100px;
  padding: 16.25rem 0 6.25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-business {
    padding: 8.125rem 0 5rem;
  }
}
.top-business::after {
  position: absolute;
  content: "";
  left: 0;
  top: -105px;
  top: -6.5625rem;
  height: 294px;
  height: 18.375rem;
  width: 86.6%;
  background: url(../img/top/top-business-img.jpg) no-repeat center/cover;
}
@media screen and (max-width: 767px) {
  .top-business::after {
    height: 7.5rem;
    top: -2.5rem;
  }
}

.top-business__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-business__inner {
    display: block;
  }
}

.top-business__text {
  width: 58%;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.3;
}
@media screen and (max-width: 1219px) {
  .top-business__text {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .top-business__text {
    width: 100%;
    line-height: 1.8;
    margin-top: 1.875rem;
  }
}

@media screen and (max-width: 767px) {
  .top-business__btn-wrapper {
    text-align: center;
  }
}

.top-business__btn {
  margin-top:20px;
  display:block;
  width:360px;
  text-align:center;
}
@media screen and (max-width: 767px) {
  .top-business__btn {
    margin-top: 15px;
	width:340px;
  }
}

/* top-menu */
.top-menu {
  color: #fff;
  text-align: center;
}

.top-menu__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .top-menu__items {
    display: block;
  }
}

.top-menu__item {
  width: 50%;
  overflow: hidden;
}
.top-menu__item.full {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .top-menu__item {
    width: 100%;
  }
}
.top-menu__item:hover .top-menu__item-img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.top-menu__item:first-child .top-menu__item-img {
  background: url(../img/top/top-menu-bg05.jpg) no-repeat center/cover;
}
.top-menu__item:nth-child(2) .top-menu__item-img {
  background: url(../img/top/top-menu-bg01.jpg) no-repeat center/cover;
}
.top-menu__item:nth-child(3) .top-menu__item-img {
  background: url(../img/top/top-menu-bg02.jpg) no-repeat center/cover;
}
.top-menu__item:nth-child(4) .top-menu__item-img {
  background: url(../img/top/top-menu-bg03.jpg) no-repeat center/cover;
}
.top-menu__item:last-child .top-menu__item-img {
  background: url(../img/top/top-menu-bg04.jpg) no-repeat center/cover;
}

.top-menu__item-inner {
  display: block;
  padding: 110px 0 110px;
  padding: 6.875rem 0 6.875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-menu__item-inner {
    padding: 3.75rem 0;
  }
}
.top-menu__item-inner:hover {
  opacity: 1;
}

.top-menu__item-img {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.top-menu__item-title {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .top-menu__item-title {
    font-size: 1.5rem;
  }
}

.top-menu__item-subtitle {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 6px;
  margin-top: 0.375rem;
}
@media screen and (max-width: 767px) {
  .top-menu__item-subtitle {
    font-size: 0.875rem;
    margin-top: 0.125rem;
  }
}

/* top-mv */
.top-mv {
  color: #fff;
  background: url(../img/top/top-mv-bg.jpg) no-repeat center/cover;
  padding: 236px 0 257px;
  padding: 14.75rem 0 16.0625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-mv {
    padding: 9.375rem 0 12.5rem;
  }
}
.top-mv .l-inner {
  max-width: 1085px;
  max-width: 67.8125rem;
}

.top-mv__title {
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .top-mv__title {
    font-size: 2rem;
  }
}

.top-mv__subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-size: 2.5rem;
  letter-spacing: 0.02em;
  font-weight: 600;
  padding-left: 43px;
  padding-left: 2.6875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-mv__subtitle {
    font-size: 1.25rem;
    padding-left: 1.875rem;
  }
}
.top-mv__subtitle::before {
  position: absolute;
  content: "";
  background: #fff;
  height: 2px;
  height: 0.125rem;
  width: 33px;
  width: 2.0625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}
@media screen and (max-width: 767px) {
  .top-mv__subtitle::before {
    width: 1.25rem;
  }
}

.top-mv__text {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.04em;
  margin-top: 8px;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .top-mv__text {
    font-size: 0.8125rem;
    margin-top: 0.25rem;
  }
}

.top-mv__scroll {
  display: block;
  position: absolute;
  left: 28px;
  left: 1.75rem;
  bottom: 95px;
  bottom: 5.9375rem;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .top-mv__scroll {
    left: 1.25rem;
    font-size: 0.625rem;
    bottom: 3.75rem;
  }
}
.top-mv__scroll span {
  color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  padding: 20px 10px;
  padding: 1.25rem 0.625rem;
}
.top-mv__scroll::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  width: 0.0625rem;
  height: 110px;
  height: 6.875rem;
  background: #fff;
}

/* top-news */
.top-news {
  background: #1f2227;
  width: 649px;
  width: 40.5625rem;
  max-width: 50%;
  padding: 28px 30px 28px 40px;
  padding: 1.75rem 1.875rem 1.75rem 2.5rem;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .top-news {
    max-width: 80%;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  }
}

.top-news__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .top-news__header {
    display: block;
  }
}

.top-news__title {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #bba368;
}

.top-news__body {
  margin-left: 71px;
  margin-left: 4.4375rem;
}
@media screen and (max-width: 767px) {
  .top-news__body {
    margin-left: 0;
    margin-top: 0.625rem;
  }
}

.top-news__item {
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  margin-right: 0.625rem;
}
@media screen and (max-width: 767px) {
  .top-news__item {
    margin-right: 0;
  }
}

.top-news__item-date {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding-top: 2px;
  padding-top: 0.125rem;
}

.top-news__item-text {
  font-weight: 500;
  margin-left: 16px;
  margin-left: 1rem;
}

.top-news__more {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  padding: 10px 25px 10px 0;
  padding: 0.625rem 1.5625rem 0.625rem 0;
  margin: -10px 0 -10px auto;
  margin: -0.625rem 0 -0.625rem auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-news__more {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
  }
}
.top-news__more::after,
.top-news__more::before {
  position: absolute;
  content: "";
  width: 11px;
  width: 0.6875rem;
  height: 1px;
  height: 0.0625rem;
  background: #fff;
  border-radius: 0.625rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.top-news__more::before {
  top: 48%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.top-news__more.open::before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.top-news__list {
  margin-left: 109px;
  margin-left: 6.8125rem;
}
@media screen and (max-width: 767px) {
  .top-news__list {
    margin-left: 0;
  }
}

.top-news__list-item {
  margin-top: 20px;
  margin-top: 1.25rem;
}





/* top-people */
.top-people {
  background: #343d4c;
  padding: 85px 0 185px;
  padding: 5.3125rem 0 11.5625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-people {
    padding: 5rem 0 6.25rem;
  }
}
.top-people::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 69%;
  height: 34.3125rem;
  background: linear-gradient(135deg, #1f2227 0%, #343d4c 100%);
}
@media screen and (max-width: 767px) {
  .top-people::before {
    width: 75%;
    height: 21.25rem;
  }
}

.top-people.low {
  background:-webkit-linear-gradient(top,#FFFFFF 0%, #FFFFFF 42%,#343d4c 42%,#343d4c 100%) ;
  background:linear-gradient(top,#FFFFFF 0%, #FFFFFF 42%,#343d4c 42%,#343d4c 100%) ;
}
.top-people::before {
	display:none;
}

.top-people__title {
  text-align: center;
}

.top-people__subtitle {
  text-align: center;
}



.top-people__items {
	width:100%;
	margin:60px 0;
}
@media screen and (max-width: 767px) {
  .top-people__items {
  }
}

.top-people__item {
	margin:0 25px;
}
.top-people.low .top-people__item {
	margin:0 25px;
}
@media screen and (max-width: 767px) {
  .top-people__item {
    margin: 0 14px;
  }
}
@media screen and (max-width: 767px) {
  .top-people__item + .top-people__item {
  }
}

.top-people__item-body {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 94%;
  min-height: 135px;
  min-height: 8.4375rem;
  margin-top: -40px;
  margin-top: -2.5rem;
  padding: 20px 0 20px 30px;
  padding: 1.25rem 0 1.25rem 1.875rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-body {
    padding: 1.25rem 0 1.25rem 0.9375rem;
  }
}
.top-people__item-body .arrow {
  padding-right: 45px;
  padding-right: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-body .arrow {
    padding-right: 2.5rem;
  }
}

.top-people__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-people__item-subtitle {
  border-radius: 0.125rem;
  border: 1px solid #fff;
  border: 0.0625rem solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.18em;
  line-height: 1.3;
  padding: 1px 6px 2px;
  padding: 0.0625rem 0.375rem 0.125rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-subtitle {
    font-size: 0.7125rem;
	word-break:keep-all;
  }
}

.top-people__item-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: 10px;
  margin-left: 0.625rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-title {
    font-size: 0.7125rem;
  }
}

.top-people__item-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 58px;
  padding-left: 3.625rem;
  background: url(../img/top/top-people-arrow.svg) no-repeat center left 7px/33px;
  background: url(../img/top/top-people-arrow.svg) no-repeat center left
    0.4375rem/2.0625rem;
  margin-top: 7px;
  margin-top: 0.4375rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-text {
    font-size: 0.8125rem;
    padding-left: 2.8125rem;
    background: url(../img/top/top-people-arrow.svg) no-repeat center left
      0.1875rem/1.75rem;
  }
}

.top-people__item-subtext {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-subtext {
    font-size: 0.75rem;
  }
}
.slick-dots{
	bottom:-60px !important;
}
@media screen and (max-width: 767px) {
  .slick-dots{
	  bottom:-25px !important;
  }
}
.slick-dots li {
    width: 6px !important;
    height: 6px !important;
    margin: 0 8px !important;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 6px !important;
    height: 6px !important;
    padding: 0 !important;
	border-radius:100px;
    background: #CBCBCB !important;
}
.slick-dots .slick-active button {
    background: #42C3FB !important;
}
.slick-dots li button:before {
	display:none !important;
}


.people-more-link{
	width:160px;
	position:absolute;
	top:120px;
	right:200px;
}
.people-more-link a{
	display:block;
	font-family: "Poppins", sans-serif;
	font-weight:bold;
	font-size:14px;
	position:relative;
	padding-left:24px;
	height:20px;
	line-height:20px;
	color:#FFFFFF;
	transition:all 0.5s;
}
.people-more-link a:hover{
	opacity:1;
	color:#42C3FB;
}
.people-more-link a i{
	width:16px;
	height:16px;
	background:url(../img/top/more_icon.png) no-repeat center center;
	background-size:16px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	transition:all 0.5s;
}
.people-more-link a:hover i{
	background:url(../img/top/more_icon_b.png) no-repeat center center;
	background-size:16px;
}
.people-more-link a::before{
	content:"";
	width:14px;
	height:1px;
	background:#FFFFFF;
	display:block;
	position:absolute;
	right:20px;
	bottom:7px;
	transition:all 0.5s;
}
.people-more-link a::after{
	content:"";
	width:6px;
	height:1px;
	background:#FFFFFF;
	display:block;
	position:absolute;
	bottom:10px;
	right:20px;
	transform:rotate(45deg);
	transition:all 0.5s;
}
.people-more-link a:hover::before{
	width:32px;
	right:2px;
	background:#42C3FB;
}
.people-more-link a:hover::after{
	right:2px;
	background:#42C3FB;
}
@media screen and (max-width: 767px) {
	.people-more-link{
		width:160px;
		position: static;
		top:auto;
		right:auto;
		margin:90px auto 20px auto;
	}
}
/*
.top-people__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top-people__items {
    display: block;
    margin-top: 2.5rem;
  }
}

.top-people__item {
  width: calc(50% - 1.5625rem);
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .top-people__item {
    width: 100%;
    max-width: 25rem;
    margin: 0 auto;
  }
}
.top-people__item:not(:nth-child(2n + 1)) {
  margin-left: 50px;
  margin-left: 3.125rem;
}
@media screen and (max-width: 767px) {
  .top-people__item:not(:nth-child(2n + 1)) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .top-people__item + .top-people__item {
    margin-top: 1.875rem;
  }
}

.top-people__item-body {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 94%;
  min-height: 135px;
  min-height: 8.4375rem;
  margin-top: -40px;
  margin-top: -2.5rem;
  padding: 20px 0 20px 30px;
  padding: 1.25rem 0 1.25rem 1.875rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-body {
    padding: 1.25rem 0 1.25rem 0.9375rem;
  }
}
.top-people__item-body .arrow {
  padding-right: 45px;
  padding-right: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-body .arrow {
    padding-right: 2.5rem;
  }
}

.top-people__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-people__item-subtitle {
  border-radius: 0.125rem;
  border: 1px solid #fff;
  border: 0.0625rem solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.18em;
  line-height: 1.3;
  padding: 1px 6px 2px;
  padding: 0.0625rem 0.375rem 0.125rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-subtitle {
    font-size: 0.8125rem;
  }
}

.top-people__item-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: 10px;
  margin-left: 0.625rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-title {
    font-size: 0.8125rem;
  }
}

.top-people__item-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 58px;
  padding-left: 3.625rem;
  background: url(../img/top/top-people-arrow.svg) no-repeat center left 7px/33px;
  background: url(../img/top/top-people-arrow.svg) no-repeat center left
    0.4375rem/2.0625rem;
  margin-top: 7px;
  margin-top: 0.4375rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-text {
    font-size: 0.8125rem;
    padding-left: 2.8125rem;
    background: url(../img/top/top-people-arrow.svg) no-repeat center left
      0.1875rem/1.75rem;
  }
}

.top-people__item-subtext {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .top-people__item-subtext {
    font-size: 0.75rem;
  }
}
*/





/* vision */
.vision {
  color: #fff;
  background: #343d4c;
  padding: 140px 0 120px;
  padding: 8.75rem 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .vision {
    padding: 3.75rem 0 5rem;
  }
}
.vision::before {
  content: "VISION";
  opacity: 0.07;
}
.vision::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 642px;
  height: 40.125rem;
  background: url(../img/about/vision-bg.png) no-repeat center/cover;
}

.vision__title {
  color: #fff;
}

.vision__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
  margin-top: 3.125rem;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .vision__inner {
    display: block;
    margin-top: 2.5rem;
  }
}

.vision__body {
  width: 45%;
}
.vision__body.wide {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .vision__body {
    width: 100%;
  }
}

.vision__subtitle {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.57;
}
@media screen and (max-width: 767px) {
  .vision__subtitle {
    font-size: 1.25rem;
  }
}

.vision__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 14px;
  margin-top: 0.875rem;
}
@media screen and (max-width: 767px) {
  .vision__text {
    line-height: 1.8;
  }
}

.vision__img {
  width: 38.6%;
  margin-right: 53px;
  margin-right: 3.3125rem;
}
@media screen and (max-width: 767px) {
  .vision__img {
    width: 70%;
    max-width: 25rem;
    margin: 1.875rem auto 0;
  }
}

.vision__video {
  margin-top: 70px;
  margin-top: 4.375rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .vision__video {
    margin-top: 3.75rem;
  }
}
.vision__video video {
  width: 100%;
}

/* welfare */
.welfare {
  padding: 92px 0 115px;
  padding: 5.75rem 0 7.1875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .welfare {
    padding: 3.75rem 0 5rem;
  }
}
.welfare::after {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 21.3125rem);
  left: 0;
  bottom: 0;
  background: #343d4c;
  z-index: -1;
}

.welfare__text {
  width: 698px;
  width: 43.625rem;
  max-width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  line-height: 2;
  margin: 40px auto 0;
  margin: 2.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .welfare__text {
    line-height: 1.8;
  }
}

.welfare__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .welfare__items {
    display: block;
    margin-top: 2.5rem;
  }
}

.welfare__item {
  width: calc(33.33333% - 1.95833rem);
  background: #fff;
  border: 5px solid #eaeef5;
  border: 0.3125rem solid #eaeef5;
  padding: 22px 15px 24px;
  padding: 1.375rem 0.9375rem 1.5rem;
  margin-top: 50px;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .welfare__item {
    width: 80%;
    max-width: 25rem;
    margin: 0 auto;
  }
}
.welfare__item:not(:nth-child(3n + 1)) {
  margin-left: 47px;
  margin-left: 2.9375rem;
}
@media screen and (max-width: 767px) {
  .welfare__item:not(:nth-child(3n + 1)) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .welfare__item + .welfare__item {
    margin-top: 1.875rem;
  }
}
.welfare__item:first-child .welfare__item-img {
  width: 101px;
  width: 6.3125rem;
  margin: 32px auto 33px;
  margin: 2rem auto 2.0625rem;
}
.welfare__item:nth-child(2) .welfare__item-img {
  width: 112px;
  width: 7rem;
  margin: 24px auto 27px;
  margin: 1.5rem auto 1.6875rem;
}
.welfare__item:nth-child(3) .welfare__item-img {
  width: 107px;
  width: 6.6875rem;
  margin: 33px auto 34px;
  margin: 2.0625rem auto 2.125rem;
}
.welfare__item:nth-child(4) .welfare__item-img {
  width: 92px;
  width: 5.75rem;
  margin: 34px auto 26px;
  margin: 2.125rem auto 1.625rem;
}
.welfare__item:nth-child(5) .welfare__item-img {
  width: 89px;
  width: 5.5625rem;
  margin: 31px auto 31px;
  margin: 1.9375rem auto 1.9375rem;
}
.welfare__item:nth-child(6) .welfare__item-img {
  width: 140px;
  width: 8.75rem;
  padding-left: 30px;
  padding-left: 1.875rem;
  margin: 34px auto 30px;
  margin: 2.125rem auto 1.875rem;
}
.welfare__item:nth-child(7) .welfare__item-img {
  width: 100px;
  width: 6.25rem;
  margin: 34px auto 30px;
  margin: 2.125rem auto 1.875rem;
}
.welfare__item:nth-child(8) .welfare__item-img {
  width: 106px;
  width: 6.625rem;
  margin: 43px auto 35px;
  margin: 2.6875rem auto 2.1875rem;
}
.welfare__item:nth-child(9) .welfare__item-img {
  width: 103px;
  width: 6.4375rem;
  margin: 34px auto 32px;
  margin: 2.125rem auto 2rem;
}
.welfare__item:nth-child(10) .welfare__item-img {
  width: 103px;
  width: 6.4375rem;
  margin: 34px auto 32px;
  margin: 2.125rem auto 2rem;
}
.welfare__item:nth-child(11) .welfare__item-img {
  width: 103px;
  width: 6.4375rem;
  margin: 34px auto 32px;
  margin: 2.125rem auto 2rem;
}
.welfare__item:nth-child(12) .welfare__item-img {
  width: 103px;
  width: 6.4375rem;
  margin: 34px auto 32px;
  margin: 2.125rem auto 2rem;
}
.welfare__item:nth-child(13) .welfare__item-img {
  width: 103px;
  width: 6.4375rem;
  margin: 34px auto 32px;
  margin: 2.125rem auto 2rem;
}
.welfare__item:nth-child(14) .welfare__item-img {
  width: 103px;
  width: 6.4375rem;
  margin: 34px auto 32px;
  margin: 2.125rem auto 2rem;
}

.welfare__item-title {
  text-align: center;
  color: #343d4c;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.77;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .welfare__item-title {
    font-size: 1rem;
  }
}

.welfare__item-img {
  max-width: 100%;
}

.welfare__item-text {
  width: 235px;
  width: 14.6875rem;
  max-width: 100%;
  margin: 0 auto;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media screen and (max-width: 1219px) {
  .welfare__item-text {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .welfare__item-text {
    line-height: 1.8;
  }
}

header img {
  display: block;
  width: auto;
  height: auto;
}







/* 2025追加CSS
--------------------------------------------------------- */

.read_tx{
	max-width:700px;
	margin:40px auto 20px auto;
	font-size:14px;
	line-height:215%;
	text-align:left;
}

/*人事部長メッセージ*/
.section.message{
	position:relative;
	z-index:0;
	padding-top:90px;
}
.section.message::after{
	content:"";
	display:block;
	height:530px;
	position:absolute;
	bottom:20%;
	right:0;
	width:40%;
	z-index:0;
	opacity:0.15;
	background:-webkit-linear-gradient(-75deg,#FFFFFF,#168DDA);
	background:linear-gradient(-75deg,#FFFFFF,#168DDA);
}
.section.message .message-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.section.message .message-wrap .left{
	width:47%;
}
.section.message .message-wrap h2{
	color:#FFFFFF;
	line-height:165%;
	font-size:28px;
	font-weight:bold;
	margin-bottom:60px;
}
.section.message .message-wrap h2 span{
	display:inline-block;
	backgroun-color:#44C6FD;
	background:-webkit-linear-gradient(left,#44C6FD,#024DBA);
	background:linear-gradient(left,#44C6FD,#024DBA);
	padding:1px 8px;
	margin:0 0 8px 0;
}
h3.message-mtit{
	color:#1F2227;
	letter-spacing:1px;
	line-height:165%;
	font-size:20px;
	font-weight:bold;
	margin-bottom:24px;
	position:relative;
	padding-left:18px;
}
h3.message-mtit::after{
	content:"";
	display:block;
	width:3px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	backgroun-color:#44C6FD;
	background:-webkit-linear-gradient(top,#44C6FD,#024DBA);
	background:linear-gradient(top,#44C6FD,#024DBA);
}
p.message-tx{
	color:#000000;
	line-height:215%;
	font-size:14px;
}
.section.message .message-wrap .right{
	width:50%;
}
.section.message .message-wrap .right .img{
	position:relative;
	left:100px;
	top:-20px;
	z-index:1;
}
.section.message .message-wrap .right .img span{
	display:block;
	font-size:13px;
	color:#000000;
	margin-top:6px;
}
.section.message2{
	position:relative;
	z-index:0;
	padding-top:65px;
	margin-bottom:40px;
}
.section.message2::before{
	content:"";
	display:block;
	width:210px;
	height:200px;
	background:url(../img/about/message_obj1.png) no-repeat left top;
	background-size:210px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.section.message2::after{
	content:"";
	display:block;
	width:210px;
	height:200px;
	background:url(../img/about/message_obj2.png) no-repeat left top;
	background-size:210px;
	position:absolute;
	bottom:150px;
	right:0;
	z-index:1;
}
.section.message2 .message2-wrap{
	margin-bottom:60px;
	position:relative;
	z-index:2;
}
.section.message2 .message2-wrap:nth-child(2){
	margin-bottom:0;
}

@media screen and (max-width: 767px) {
  .section.message{
	  padding-top:45px;
	  padding-bottom:30px;
  }
  .section.message::after{
	  height:260px;
	  width:80%;
  }
  .section.message .message-wrap .left{
	  width:100%;
  }
  .section.message .message-wrap h2{
	  font-size:21px;
	  margin-bottom:25px;
	  text-align:center;
  }
  .section.message .message-wrap h2 span{
	  display:block;
	  padding:1px 0;
	  margin:0 0 6px 0;
  }
  h3.message-mtit{
	  line-height:160%;
	  font-size:18px;
	  margin-bottom:18px;
	  padding-left:15px;
  }
  p.message-tx{
	  line-height:175%;
	  font-size:13px;
  }
  .section.message .message-wrap .right{
	  width:80%;
	  margin-top:25px;
  }
  .section.message .message-wrap .right .img{
	  left:0;
	  top:0;
  }
  .section.message .message-wrap .right .img span{
	  font-size:12px;
	  margin-top:5px;
  }
  .section.message2{
	  padding-top:45px;
  }
  .section.message2::before{
	  width:170px;
	  height:162px;
	  background:url(../img/about/message_obj1.png) no-repeat left top;
	  background-size:170px;
	  top:35px;
  }
  .section.message2::after{
	  width:170px;
	  height:162px;
	  background:url(../img/about/message_obj2.png) no-repeat left top;
	  background-size:170px;
	  bottom:auto;
	  top:50%;
	  transform:translateY(-35%);
  }
  .section.message2 .message2-wrap{
	  margin-bottom:60px;
	  position:relative;
	  z-index:2;
  }
  .section.message2 .message2-wrap:nth-child(2){
	  margin-bottom:0;
  }
}





/*仕事紹介*/

.development_work {
  padding: 140px 0 150px;
  padding: 8.75rem 0 9.375rem;
}
.development_work::before {
  content: "WORK";
}
.development_work::after {
  position: absolute;
  content: "";
  display:block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 220px;
  background: url(../img/business/m_bg.jpg) no-repeat center/cover;
  z-index: -1;
}
.development_work__items {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  max-width:700px;
  margin:auto;
  margin-top:70px;
}
.development_work__item {
  text-align: center;
  width: 45%;
  position: relative;
  z-index: 3;
  overflow: hidden;
  background:#E9EEF4;
  padding:40px 0;
  display:block;
  transition:all 0.5s;
}
.development_work__item:hover {
	opacity:0.75;
}
.development_work__item::before,
.development_work__item::after {
  position: absolute;
  content: "";
}
.development_work__item::before {
  left: 0;
  top: 0;
  width: 22px;
  width: 1.375rem;
  height: 22px;
  height: 1.375rem;
  background: url(../img/about/philosophy-arrow.svg) no-repeat center/cover;
}
.development_work__item::after {
	top:-8px;
	right:6px;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  z-index: -1;
}
.development_work__item:first-child::after {
  content: "01";
}
.development_work__item:last-child::after {
  content: "02";
}

.development_work__item-text {
  color: #343d4c;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.04em;
  position:relative;
}
.development_work__item-text::after{
	content:"";
	display: block;
	width:11px;
	height:11px;
	border-top:2px solid #168DDA;
	border-right:2px solid #168DDA;
	transform: rotate(135deg) translateX(-20%);
	position: absolute;
	bottom:-20px;
	left:50%;
}
.development_work__item-text span {
  color: #168dda;
}
@media screen and (max-width: 767px) {
  .development_work {
    padding: 3.75rem 0 5rem;
  }
  .development_work__items {
    margin-top: 2.5rem;
    display: block;
  }
  .development_work__item {
    width: 80%;
    max-width: 25rem;
    margin: 20px auto;
    padding: 1.875rem 1.25rem;
  }
  .development_work__item::after {
    font-size: 3.75rem;
    bottom: -0.5rem;
  }
  .development_work__item + .philosophy__item {
    margin-top: 1.875rem;
  }
  .development_work__item-text {
    font-size: 0.875rem;
    line-height: 1.8;
  }
}



.development_method1 {
  padding: 140px 0 150px;
  padding: 8.75rem 0 9.375rem;
}
.development_method1::before {
  content: "METHOD.01";
}
.development_method1__wrap{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.development_method1__wrap .left{
	width:19.2%;
}
.development_method1__wrap .left .flow1{
	background:#2B508E;
	position:relative;
	height:240px;
}
.development_method1__wrap .left .flow1::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 96px solid transparent;
	border-left: 96px solid transparent;
	border-top: 40px solid #2B508E;
	border-bottom: 0;
	position:absolute;
	bottom:-40px;
	left:0;
	z-index:1;
}
.development_method1__wrap .left .flow2{
	background:#168DDA;
	position:relative;
	height:700px;
}
.development_method1__wrap .left .flow2::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 96px solid transparent;
	border-left: 96px solid transparent;
	border-top: 40px solid #168DDA;
	border-bottom: 0;
	position:absolute;
	bottom:-40px;
	left:0;
	z-index:1;
}
.development_method1__wrap .left .flow3{
	background:#42C2FB;
	position:relative;
	height:700px;
}
.development_method1__wrap .left .flow3::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 96px solid transparent;
	border-left: 96px solid transparent;
	border-top: 40px solid #42C2FB;
	border-bottom: 0;
	position:absolute;
	bottom:-40px;
	left:0;
	z-index:1;
}
.development_method1__wrap .left p{
	width:80%;
	margin:auto;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.development_method1__wrap .left .flow1 p span{
	display:block;
	background:#173362;
	font-size:14px;
	line-height:175%;
	padding:10px 0;
	margin-top:20px;
}
.development_method1__wrap .left br.f_sp{
	display:none;
}
@media screen and (max-width: 767px) {
  .development_method1 {
	padding: 60px 0 70px;
  }
  .development_method1__wrap{
	  margin:auto;
	  justify-content:center;
  }
  .development_method1__wrap .left{
	  width:80px;
  }
  .development_method1__wrap .left .flow1{
	  height:285px;
  }
  .development_method1__wrap .left .flow1::after{
	  border-right: 40px solid transparent;
	  border-left: 40px solid transparent;
	  border-top: 14px solid #2B508E;
	  bottom:-14px;
  }
  .development_method1__wrap .left .flow2{
	  height:860px;
  }
  .development_method1__wrap .left .flow2::after{
	  border-right: 40px solid transparent;
	  border-left: 40px solid transparent;
	  border-top: 14px solid #168DDA;
	  bottom:-14px;
  }
  .development_method1__wrap .left .flow3{
	  height:950px;
  }
  .development_method1__wrap .left .flow3::after{
	  border-right: 40px solid transparent;
	  border-left: 40px solid transparent;
	  border-top: 14px solid #42C2FB;
	  bottom:-14px;
  }
  .development_method1__wrap .left p{
	  width:86%;
	  font-size:14px;
  }
  .development_method1__wrap .left .flow1 p span{
	  font-size:10px;
	  line-height:165%;
	  padding:6px 0;
	  margin-top:7px;
  }
  .development_method1__wrap .left br.f_sp{
	  display:block;
  }
}



.development_method1__wrap .right{
	width:79.8%;
}
.development_method1__wrap .right .flow_item{
	background:#FFFFFF;
	border:solid 5px #EAEEF4;
	position:relative;
	margin-bottom:25px;
	padding:32px;
}
.development_method1__wrap .right .flow_item:nth-child(5){
	margin-bottom:5px;
}
.development_method1__wrap .right .flow_item b{
  color: #EAEEF4;
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  position:absolute;
  top:-10px;
  left:10px;
  display:block;
  line-height:1;
}
.development_method1__wrap .right .flow_item .tx{
	position:relative;
	z-index:2;
}
.development_method1__wrap .right .flow_item .tx h3{
	font-size:20px;
	font-weight:bold;
	color:#343D4C;
	margin-bottom:20px;
}
.development_method1__wrap .right .flow_item .tx p{
	font-size:14px;
	line-height:215%;
}
.development_method1__wrap .right .flow_item .tx ul{
	width:60%;
	position:absolute;
	top:5px;
	right:0;
	text-align:right;
}
.development_method1__wrap .right .flow_item .tx ul li{
	display:inline-block;
	border-radius:1000px;
	background:#2B508E;
	margin-left:2px;
	padding:6px 14px;
	line-height:1;
	color:#FFFFFF;
	font-size:14px;
	letter-spacing:1px;
	font-weight:400;
}
.development_method1__wrap .right span{
	color:#000000;
	font-size:14px;
	letter-spacing:1px;
	font-weight:400;
}
@media screen and (max-width: 767px) {
  .development_method1__wrap .right{
	  width:245px;
	  margin-left:5px;
  }
  .development_method1__wrap .right .flow_item{
	  border:solid 4px #EAEEF4;
	  margin-bottom:5px;
	  padding:15px;
  }
  .development_method1__wrap .right .flow_item:nth-child(5){
	  margin-bottom:2px;
  }
  .development_method1__wrap .right .flow_item b{
	font-size: 60px;
  }
  .development_method1__wrap .right .flow_item .tx h3{
	  font-size:16px;
	  margin-bottom:8px;
  }
  .development_method1__wrap .right .flow_item .tx p{
	  line-height:165%;
	  font-size:13px;
  }
  .development_method1__wrap .right .flow_item .tx ul{
	  width:80%;
	  position:absolute;
	  top:0;
	  right:-2px;
	  text-align:right;
  }
  .development_method1__wrap .right .flow_item .tx ul li{
	  margin-left:0;
	  padding:3px 6px;
	  font-size:10px;
  }
  .development_method1__wrap .right span{
	  font-size:12px;
	  display:block;
	  line-height:135%;
  }
}


@media screen and (max-width: 388px) {
  .development_method1__wrap .left{
	  width:62px;
  }
  .development_method1__wrap .left .flow1{
	  height:230px;
  }
  .development_method1__wrap .left .flow1::after{
	  border-right: 31px solid transparent;
	  border-left: 31px solid transparent;
	  border-top: 12px solid #2B508E;
	  bottom:-12px;
  }
  .development_method1__wrap .left .flow2{
	  height:830px;
  }
  .development_method1__wrap .left .flow2::after{
	  border-right: 31px solid transparent;
	  border-left: 31px solid transparent;
	  border-top: 12px solid #168DDA;
	  bottom:-12px;
  }
  .development_method1__wrap .left .flow3{
	  height:830px;
  }
  .development_method1__wrap .left .flow3::after{
	  border-right: 31px solid transparent;
	  border-left: 31px solid transparent;
	  border-top: 12px solid #42C2FB;
	  bottom:-12px;
  }
  .development_method1__wrap .left p{
	  font-size:13px;
  }
  
  .development_method1__wrap .right{
	  width:205px;
	  margin-left:5px;
  }
  .development_method1__wrap .right .flow_item{
	  padding:10px 8px;
  }
  .development_method1__wrap .right .flow_item b{
	font-size: 52px;
  }
  .development_method1__wrap .right .flow_item .tx h3{
	  font-size:15px;
  }
  .development_method1__wrap .right .flow_item .tx p{
	  font-size:12px;
  }
  .development_method1__wrap .right span{
	  font-size:11px;
  }
  
}





.development_method1__wrap_case{
	padding:60px;
	background:#EAEEF4;
	margin-top:100px;
}
.development_method1__wrap_case h3{
	color:#1F2227;
	letter-spacing:1px;
	line-height:165%;
	font-size:20px;
	font-weight:bold;
	margin-bottom:42px;
	position:relative;
	padding-left:18px;
}
.development_method1__wrap_case h3::after{
	content:"";
	display:block;
	width:3px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	backgroun-color:#44C6FD;
	background:-webkit-linear-gradient(top,#44C6FD,#024DBA);
	background:linear-gradient(top,#44C6FD,#024DBA);
}
.development_method1__wrap_case h4{
	font-size:16px;
	font-weight:bold;
	color:#343D4C;
	margin-bottom:20px;
}
.development_method1__wrap_case p{
	font-size:14px;
	color:#000000;
	line-height:215%;
}
.development_method1__wrap_case .casewrap{
	background:#FFFFFF;
	padding:40px;
	margin-bottom:35px;
	position:relative;
}
.development_method1__wrap_case .casewrap img.flowimg{
	width:190px;
	position:absolute;
	top:-18px;
	right:-35px;
	z-index:1;
}
.development_method1__wrap_case .casewrap:last-child{
	margin-bottom:0;
}
.development_method1__wrap_case .casewrap .case{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.development_method1__wrap_case .casewrap .case::before{
	display:none !important;
}
.development_method1__wrap_case .casewrap .case .left{
	width:64%;
}
.development_method1__wrap_case .casewrap .case .right{
	width:32%;
	position:relative;
}
.development_method1__wrap_case .casewrap .case .right img{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
@media screen and (max-width: 767px) {
  .development_method1__wrap_case{
	  padding:25px;
	  margin-top:40px;
  }
  .development_method1__wrap_case h3{
	  font-size:18px;
	  margin-bottom:24px;
	  padding-left:16px;
  }
  .development_method1__wrap_case h4{
	  font-size:15px;
	  margin-bottom:15px;
  }
  .development_method1__wrap_case p{
	  font-size:14px;
	  line-height:165%;
  }
  .development_method1__wrap_case .casewrap{
	  padding:15px;
	  margin-bottom:25px;
  }
  .development_method1__wrap_case .casewrap img.flowimg{
	  width:120px;
	  top:-20px;
	  right:0px;
  }
  .development_method1__wrap_case .casewrap:last-child{
	  margin-bottom:0;
  }
  .development_method1__wrap_case .casewrap .case{
	  flex-direction:column-reverse;
  }
  .development_method1__wrap_case .casewrap .case .left{
	  width:100%;
	  margin-top:10px;
  }
  .development_method1__wrap_case .casewrap .case .right{
	  width:100%;
  }
  .development_method1__wrap_case .casewrap .case .right img{
	  position: static;
	  top:auto;
	  transform:none;
  }
}



.development_method2 {
  background: linear-gradient(225deg, #44c6fd 0%, #024dba 100%);
  padding: 160px 0 100px;
}
@media screen and (max-width: 767px) {
  .development_method2 {
    padding: 3.75rem 0 1.25rem;
  }
}
.development_method2::before {
  content: "METHOD.02";
  opacity: 0.15;
}

.development_method2__title {
  text-align: center;
  color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .development_method2__title {
    font-size: 1.25rem;
  }
}

.development_method2__text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  width: 700px;
  width: 43.75rem;
  max-width: 100%;
  margin: 20px auto 0;
  margin: 1.25rem auto 0;
}
@media screen and (max-width: 767px) {
  .development_method2__text {
    line-height: 1.8;
  }
}


.development_method2_wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:40px;
}
.development_method2_wrap .w{
	width:48%;
}
.development_method2_wrap .w h3{
	font-size:20px;
	font-weight:bold;
	margin:20px auto;
	color:#FFFFFF;
}
.development_method2_wrap .w ul li{
	font-size:14px;
	color:#FFFFFF;
	line-height:215%;
	padding-left:20px;
	position:relative;
}
.development_method2_wrap .w ul li::before{
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:#7CCCFF;
	position:absolute;
	top:13.5px;
	left:0;
}

.development_method2__wrap_case{
	padding:60px;
	background:#FFFFFF;
	margin-top:60px;
}
.development_method2__wrap_case h3{
	color:#1F2227;
	letter-spacing:1px;
	line-height:165%;
	font-size:20px;
	font-weight:bold;
	margin-bottom:42px;
	position:relative;
	padding-left:18px;
}
.development_method2__wrap_case h3::after{
	content:"";
	display:block;
	width:3px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	backgroun-color:#44C6FD;
	background:-webkit-linear-gradient(top,#44C6FD,#024DBA);
	background:linear-gradient(top,#44C6FD,#024DBA);
}
.development_method2__wrap_case h4{
	font-size:16px;
	font-weight:bold;
	color:#343D4C;
	margin-bottom:20px;
}
.development_method2__wrap_case p{
	font-size:14px;
	color:#000000;
	line-height:215%;
}
.development_method2__wrap_case .casewrap{
	background:#FFFFFF;
	padding:25px 40px;
	margin-bottom:35px;
	position:relative;
	border:solid 5px #EAEEF4;
}
.development_method2__wrap_case .casewrap img.flowimg{
	width:190px;
	position:absolute;
	top:-18px;
	right:-35px;
	z-index:1;
}
.development_method2__wrap_case .casewrap:last-child{
	margin-bottom:0;
}
.development_method2__wrap_case .casewrap .case{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.development_method2__wrap_case .casewrap .case::before{
	display:none !important;
}
.development_method2__wrap_case .casewrap .case .left{
	width:64%;
}
.development_method2__wrap_case .casewrap .case .right{
	width:32%;
	position:relative;
}
.development_method2__wrap_case .casewrap .case .right img{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.development_method2__wrap_case .casewrap .case .right img.b{
	top:auto;
	transform:none;
	bottom:-25px;
}
@media screen and (max-width: 767px) {
  .development_method2_wrap{
	  margin-top:20px;
  }
  .development_method2_wrap .w{
	  width:100%;
	  margin-bottom:30px;
  }
  .development_method2_wrap .w h3{
	  font-size:18px;
	  margin:15px auto;
  }
  .development_method2_wrap .w ul li{
	  line-height:175%;
	  padding-left:18px;
  }
  .development_method2_wrap .w ul li::before{
	  top:10.5px;
  }
  .development_method2__wrap_case{
	  padding:20px;
	  margin-top:10px;
  }
  .development_method2__wrap_case h3{
	  font-size:18px;
	  margin-bottom:24px;
	  padding-left:16px;
  }
  .development_method2__wrap_case h4{
	  font-size:15px;
	  margin-bottom:15px;
  }
  .development_method2__wrap_case p{
	  font-size:14px;
	  line-height:165%;
  }
  .development_method2__wrap_case .casewrap{
	  padding:20px;
	  margin-bottom:15px;
	  border:solid 4px #EAEEF4;
  }
  .development_method2__wrap_case .casewrap img.flowimg{
	  width:120px;
	  top:-20px;
	  right:0;
  }
  .development_method2__wrap_case .casewrap .case{
	  flex-direction:column-reverse;
  }
  .development_method2__wrap_case .casewrap .case .left{
	  width:100%;
	  margin-top:20px;
  }
  .development_method2__wrap_case .casewrap .case .right{
	  width:100%;
  }
  .development_method2__wrap_case .casewrap .case .right img{
	  position:static;
	  top:auto;
	  transform:none;
  }
  .development_method2__wrap_case .casewrap .case .right img.b{
	  top:auto;
	  transform:none;
	  bottom:auto;
  }
}




/*動画で見る*/

.business_movie {
  padding: 40px 0 150px;
}
.business_movie::before {
	display:none !important;
}
.business_movie::after {
  position: absolute;
  content: "";
  display:block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 220px;
  background: url(../img/business/m_bg2.jpg) no-repeat center/cover;
  z-index: -1;
}
.business_movie__items {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  max-width:540px;
  margin:auto;
  margin-top:70px;
}
.business_movie__item {
  text-align: center;
  width: 45%;
  position: relative;
  z-index: 3;
  overflow: hidden;
  background:#E9EEF4;
  padding:40px 0;
  display:block;
  transition:all 0.5s;
}
.business_movie__item:hover {
	opacity:0.75;
}
.business_movie__item::before,
.business_movie__item::after {
  position: absolute;
  content: "";
}
.business_movie__item::before {
  left: 0;
  top: 0;
  width: 22px;
  width: 1.375rem;
  height: 22px;
  height: 1.375rem;
  background: url(../img/about/philosophy-arrow.svg) no-repeat center/cover;
}
.business_movie__item::after {
	top:0;
	right:6px;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  z-index: -1;
}
.business_movie__item:first-child::after {
  content: "01";
}
/*
.business_movie__item:nth-child(2)::after {
  content: "02";
}
*/
.business_movie__item:last-child::after {
  /*content: "03";*/
  content: "02";
}

.business_movie__item-text {
  color: #343d4c;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.04em;
  position:relative;
}
.business_movie__item-text::after{
	content:"";
	display: block;
	width:11px;
	height:11px;
	border-top:2px solid #168DDA;
	border-right:2px solid #168DDA;
	transform: rotate(135deg) translateX(-20%);
	position: absolute;
	bottom:-20px;
	left:50%;
}
.business_movie__item-text span {
  color: #168dda;
}
@media screen and (max-width: 767px) {
  .business_movie {
    padding: 3.75rem 0 5rem;
  }
  .business_movie__items {
    margin-top: 2.5rem;
    display: block;
  }
  .business_movie__item {
    width: 80%;
    max-width: 25rem;
    margin: 20px auto;
    padding: 1.875rem 1.25rem;
  }
  .business_movie__item::after {
    font-size: 3.75rem;
    bottom: -0.5rem;
  }
  .business_movie__item + .philosophy__item {
    margin-top: 1.875rem;
  }
  .business_movie__item-text {
    font-size: 0.875rem;
    line-height: 1.8;
  }
}




.business_intro {
  padding: 140px 0 150px;
}
.business_intro::before {
  content: "INTRODUCTION";
}
.business_intro .mov_area {
	margin-top:80px;
}
@media screen and (max-width: 767px) {
	.business_intro {
	  padding: 60px 0 70px;
	}
	.business_intro .mov_area {
		margin-top:40px;
	}
}


.business_cross {
  padding: 140px 0 100px;
  background:#343D4C;
  position:relative;
}
.business_cross::before {
  content: "CROSSTALK";
  opacity:0.07;
}
.business_cross::after{
	content:"";
	display:block;
	width:70%;
	background:-webkit-linear-gradient(left,#1F2227,#343D4C);
	background:linear-gradient(left,#1F2227,#343D4C);
	position:absolute;
	bottom:140px;
	left:0;
	height:740px;
}
.business_cross h2 {
	color:#FFFFFF !important;
}
.business_cross h2::after {
	display:none !important;
}
.business_cross .mov_area {
	width:48%;
	margin:70px auto 30px auto;
	position:relative;
	z-index:2;
}
.business_cross p{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
	color:#FFFFFF;
}
.business_cross .mov_area_f {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative;
	z-index:2;
}
.business_cross .mov_area_f .w{
	width:48%;
	margin-bottom:30px;
}
.cross_mov_banner{
	width:100%;
	margin:60px auto 0;
	position:relative;
	z-index:2;
	background:#1F2227;
}
.cross_mov_banner::before{
	content:"";
	display:block;
	background:-webkit-linear-gradient(top,#44C6FD,#024DBA);
	background:linear-gradient(top,#44C6FD,#024DBA);
	height:100%;
	width:5px;
	position:absolute;
	top:0;
	right:0;
}
.cross_mov_banner a{
	display:block;
	position:relative;
	color:#FFFFFF;
	transition:all 0.5s !important;
	opacity:1 !important;
}
.cross_mov_banner a::before{
	content:"";
	display:block;
	background:-webkit-linear-gradient(left,#44C6FD,#024DBA);
	background:linear-gradient(left,#44C6FD,#024DBA);
	height:100%;
	width:0;
	position:absolute;
	top:0;
	right:0;
	transition:all 0.3s;
}
.cross_mov_banner a:hover::before{
	width:100%;
}
.cross_mov_banner a img{
	position:relative;
	z-index:1;
}
.cross_mov_banner a::after{
	content:"";
	display:block;
	width:24px;
	height:17px;
	background:url(../img/business/banner_bg_icon.png) no-repeat left top;
	background-size:24px;
	position:absolute;
	top:50%;
	right:60px;
	transform:translateY(-50%);
	z-index:2;
}
.cross_mov_banner a div{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:100%;
	z-index:2;
}
.cross_mov_banner a p{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	margin-bottom:16px;
}
.cross_mov_banner a span{
	display:block;
	font-size:15px;
	font-weight:400;
	text-align:center;
}
.cross_mov_banner a:hover{
	background:rgba(0,0,0,0);
	opacity:1;
}
@media screen and (max-width: 767px) {
	.business_cross {
	  padding: 60px 0 50px;
	}
	.business_cross::after{
		bottom:10%;
		height:60%;
	}
	.business_cross .mov_area {
		width:100%;
		margin:35px auto 25px auto;
	}
	.business_cross p{
		font-size:15px;
	}
	.business_cross .mov_area_f .w{
		width:100%;
		margin-bottom:25px;
	}
	.cross_mov_banner{
		margin:35px auto 0;
	}
	.cross_mov_banner a{
		padding:45px 0;
	}
	.cross_mov_banner a::after{
		width:18px;
		height:13px;
		background:url(../img/business/banner_bg_icon.png) no-repeat left top;
		background-size:18px;
		right:20px;
	}
	.cross_mov_banner a p{
		font-size:20px;
		margin-bottom:8px;
	}
	.cross_mov_banner a span{
		font-size:12px;
	}
}



.mov_type01{
	width:100%;
	height:560px;
}
.mov_type02{
	width:100%;
	height:270px;
}
@media screen and (max-width: 960px) {
	.mov_type01{
		height:420px;
	}
	.mov_type02{
		height:225px;
	}
}
@media screen and (max-width: 767px) {
	.mov_type01{
		height:200px;
	}
	.mov_type02{
		height:200px;
	}
}




.foot-banner{
	width:100%;
	background:#1F2227;
}
.foot-banner a{
	display:block;
	color:#FFFFFF;
	position:relative;
}
.foot-banner a:hover{
	opacity:1 !important;
}
.foot-banner a img{
	transition:all 0.5s;
	opacity:0.55;
}
.foot-banner a:hover img{
	opacity:0.95;
}
.foot-banner span.allow{
	position:absolute;
	display:block;
	width:35px;
	height:14px;
	top:50%;
	right:160px;
	transform:translateY(-50%);
	transition:all 0.5s;
}
.foot-banner span.allow span{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.foot-banner span.allow span::before{
	content:"";
	width:35px;
	height:1px;
	background:#FFFFFF;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	transition:all 0.5s;
}
.foot-banner span.allow span::after{
	content:"";
	width:14px;
	height:1px;
	background:#FFFFFF;
	display:block;
	position:absolute;
	bottom:5px;
	right:0;
	transform:rotate(45deg);
	transition:all 0.5s;
}
.foot-banner a:hover span.allow{
	width:48px;
	right:87px;
}
.foot-banner a:hover span.allow span::before{
	width:48px;
}
.foot-banner a div{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	z-index:2;
}
.foot-banner a p{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}
.foot-banner a span{
	display:block;
	font-size:18px;
	font-weight:400;
	text-align:center;
}
@media screen and (max-width: 767px) {
  .foot-banner a p{
	  font-size:21px;
	  margin-bottom:4px;
  }
  .foot-banner a span{
	  font-size:12px;
  }
  .foot-banner span.allow{
	  width:28px;
	  height:12px;
	  right:40px;
  }
  .foot-banner span.allow span::before{
	  width:28px;
  }
  .foot-banner span.allow span::after{
	  width:12px;
	  bottom:5px;
  }
  .foot-banner a:hover span.allow{
	  width:40px;
	  right:28px;
  }
  .foot-banner a:hover span.allow span::before{
	  width:40px;
  }
}





/*キャリア*/

.career {
  padding: 40px 0 60px;
}
.career::before {
	display:none !important;
}
@media screen and (max-width: 767px) {
  .career {
	padding: 5px 0 15px;
  }
}


.career_support__title{
	color:#FFFFFF !important;
}
.career_support__title::after{
	display:none !important;
}
.career_support_sub{
	margin-top:50px;
}
.career_support_sub h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	color:#FFFFFF;
}
.career_support_sub p{
	font-size:14px;
	line-height:205%;
	color:#FFFFFF;
}
.career_support {
  padding: 120px 0 0;
  background:#343D4C;
}
.career_support::before {
  content: "SUPPORT 01";
  opacity:0.07;
}

.cr_flow{
	margin-top:30px;
	padding:0 0 120px 0;
	background:-webkit-linear-gradient(left,#343D4C,#1F2227);
	background:linear-gradient(left,#343D4C,#1F2227);
	position:relative;
}
.cr_flow .flow_name{
	width:100%;
	height:65px;
	border-bottom:solid 1px #FFFFFF;
}
.cr_flow .flow_name div{
	width:1000px;
	height:65px;
	margin:auto;
	position:relative;
}
.cr_flow .flow_name div p{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	position:absolute;
	bottom:18px;
	color:#FFFFFF;
}
.cr_flow .flow_name div p#name01{
	left:81px;
}
.cr_flow .flow_name div p#name02{
	left:445px;
}
.cr_flow .flow_name div p#name03{
	left:849px;
}

.cr_flow .flow_name div p::after{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-radius:100px;
	background:#168DDA;
	position:absolute;
	bottom:-22px;
	left:15px;
}
.cr_flow .flow_name div p#name01::after{
	left:10px;
}

.cr_flow .flow_box{
	width:1000px;
	margin:30px auto 0 auto;
	position:relative;
}
.cr_flow .flow_box span{
	display:inline-block;
	color:#343D4C;
	background:#FFFFFF;
	padding:7px 10px;
	font-size:16px;
	font-weight:bold;
	line-height:175%;
}
.cr_flow .flow_box p{
	font-size:13px;
	margin-top:8px;
	color:#000000;
	line-height:200%;
}
.cr_flow .flow_box ul{
	margin-top:10px;
}
.cr_flow .flow_box ul li{
	font-size:13px;
	color:#000000;
	padding-left:12px;
	position:relative;
	line-height:135%;
	margin:5px auto;
}
.cr_flow .flow_box ul li::after{
	content:"";
	display:block;
	width:5px;
	height:5px;
	border-radius:100px;
	background:#BBA368;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.cr_flow .flow_box ul li:last-child::after{
	top:7px;
	transform:none;
}
.cr_flow .flow_box .left{ /*193px*/
	width:193px;
	height:232px;
	background:#EAEEF4;
	margin-right:10px;
}
.cr_flow .flow_box .left div{
	padding:15px 20px;
	position:relative;
}
.cr_flow .flow_box .left div::after,
.cr_flow .flow_box .center-top div::after,
.cr_flow .flow_box .right-top div::after{
	content:"";
	display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 14px solid #EAEEF4;
  border-top: 0;
  position:absolute;
  top:-14px;
  left:50%;
  transform:translateX(-50%);
}
.cr_flow .flow_box .left span{
	display:block;
	padding:7px 20px;
}

.cr_flow .flow_box .center-top{
	width:525px;
	height:146px;
	position:absolute;
	top:0;
	left:203px;
	background:#EAEEF4;
}
.cr_flow .flow_box .center-top div{
	padding:15px 30px;
	position:relative;
}
.cr_flow .flow_box .right-top{
	width:244px;
	height:146px;
	position:absolute;
	top:0;
	right:18px;
	background:#EAEEF4;
}
.cr_flow .flow_box .right-top::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 73px solid transparent;
	border-bottom: 73px solid transparent;
	border-left: 18px solid #EAEEF4;
	border-right: 0;
	position:absolute;
	top:0;
	right:-18px;
}
.cr_flow .flow_box .right-top div{
	padding:15px 30px;
	position:relative;
}
.cr_flow .flow_box .right-top span{
	display:block;
	padding:7px 20px;
}

.cr_flow .flow_box .bottom{
	width:779px;
	height:76px;
	position:absolute;
	top:156px;
	left:203px;
	background:#EAEEF4;
}
.cr_flow .flow_box .bottom::after{
	content:"";
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 39px solid transparent;
	border-bottom: 39px solid transparent;
	border-left: 18px solid #EAEEF4;
	border-right: 0;
	position:absolute;
	bottom:0;
	right:-18px;
}

.cr_flow .flow_box .bottom div{
	padding:15px 30px;
	position:relative;
}
.cr_flow .flow_box .bottom div span{
	margin-right:8px;
}

p.flow_c_text{
	font-size:11px;
	color:#FFFFFF;
	width:100%;
	max-width:1000px;
	margin:auto;
	position:absolute;
	bottom:80px;
	left:50%;
	transform:translateX(-50%) !important;
}

@media screen and (max-width: 767px) {
  .career_support_sub{
	  margin-top:30px;
  }
  .career_support_sub h3{
	  font-size:18px;
	  margin-bottom:14px;
  }
  .career_support_sub p{
	  line-height:185%;
  }
  .career_support {
	padding: 60px 0 0;
  }
  .career_support .sp-scroll{
	  background:-webkit-linear-gradient(left,#343D4C,#1F2227);
	  background:linear-gradient(left,#343D4C,#1F2227);
	  margin-top:20px;
  }
  .career_support .sp-scroll .sp_wrap{
	  width:90%;
	  margin:auto;
	  overflow: scroll;
  }
  .cr_flow{
	  background:none;
	  margin-top:25px;
	  padding:0 0 115px 0;
  }
  .cr_flow .flow_name{
	  width:1000px;
	  height:65px;
	  border-bottom:solid 1px #FFFFFF;
  }
  p.flow_c_text{
	  width:90%;
	  bottom:40px;
  }
  
}




.career_support2 {
  padding: 120px 0 110px;
}
.career_support2::before {
  content: "SUPPORT 02";
}
.career_support2 p.s_tx {
	font-size:12px;
	margin-top:5px;
}
@media screen and (max-width: 767px) {
	.career_support2 p.s_tx {
		font-size:11px;
	}
}
.support_table{
	margin-top:40px;
	width:100%
}
.support_table table{
	width:1000px;
}
.support_table table.th{
	background:#FFFFFF;
	position:relative;
	z-index:2;
}
.support_table table.th::before{
	content:"";
	display:block;
	background:#cedaeb;
	width:996px;
	height:2px;
	position:absolute;
	bottom:0;
	left:2px;
}
.support_table table.th td.g{
	background:#D7DBE0;
	font-size:14px;
	padding:5px;
}
.support_table table.td{
	/*background:#EAEEF4;*/
	background:#cedaeb;
	margin-top:-6px;
	position:relative;
	z-index:1;
}
.support_table table.td::before{
	content:"";
	display:block;
	background:#FFFFFF;
	height:100%;
	width:2px;
	position:absolute;
	top:0;
	right:0;
}
.support_table table.td::after{
	content:"";
	display:block;
	background:#FFFFFF;
	height:100%;
	width:2px;
	position:absolute;
	top:0;
	left:0;
}
.support_table table.td tbody::before{
	content:"";
	display:block;
	background:#FFFFFF;
	width:996px;
	height:4px;
	position:absolute;
	bottom:0;
	left:2px;
	z-index:2;
}
.support_table table.td tbody::after{
	content:"";
	display:block;
	background:#cedaeb;
	width:2px;
	height:100%;
	position:absolute;
	top:0;
	right:2px;
	z-index:1;
}
.support_table table td{
	padding:10px;
	/*background:#EAEEF4;*/
	background:#cedaeb;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#343D4C;
}
.support_table table td.l{
	text-align:left;
}
.support_table table.td td{
	background:#FFFFFF;
	font-size:14px;
	font-weight:normal;
	min-height:100px;
	padding:20px 10px;
}
.support_table table.td td.color01{
	background:#2B508E;
	color:#FFFFFF;
	font-weight:bold;
}
.support_table table.td td.color02{
	background:#158DDA;
	color:#FFFFFF;
	font-weight:bold;
}
.support_table table.td td.color03{
	background:#42C2FB;
	color:#FFFFFF;
	font-weight:bold;
}
.support_table table.td td.height100{
	height:100px;
}
.support_table table td.size01{ width:10%; }
.support_table table td.size02{ width:11%; }
.support_table table td.size03{ width:10%; }
.support_table table td.size04{ width:24%; }
.support_table table td.size05{ width:40%; }
.support_table table td.size06{ width:23%; }
.support_table table td.size07{ width:17%; }

.support_table table td p{
	font-size:14px;
	text-align:left;
	font-weight:bold;
	color:#343D4C;
}
.support_table table td p.s{
	font-weight:normal;
}

.support_table table td ul li{
	font-size:14px;
	color:#343D4C;
	line-height:180%;
	padding-left:12px;
	position:relative;
	text-align:left;
}
.support_table table td ul li::after{
	content:"";
	display:block;
	width:5px;
	height:5px;
	border-radius:100px;
	background:#BBA368;
	position:absolute;
	left:0;
	top:9px;
}
@media screen and (max-width: 767px) {
  .career_support2 {
	padding: 60px 0 50px;
  }
  .career_support2 .sp_scroll{
	  overflow:scroll;
  }
  .support_table{
	  margin-top:0;
  }
}





.career_support3 {
  background: linear-gradient(225deg, #44c6fd 0%, #024dba 100%);
  padding: 160px 0 120px;
}
@media screen and (max-width: 767px) {
  .career_support3 {
    padding: 3.75rem 0 1.25rem;
  }
}
.career_support3::before {
  content: "SUPPORT 03";
  opacity: 0.15;
}

.career_support3__title {
  text-align: center;
  color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .career_support3__title {
    font-size: 1.25rem;
  }
}

.career_support3__text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  width: 700px;
  width: 43.75rem;
  max-width: 100%;
  margin: 20px auto 0;
  margin: 1.25rem auto 0;
}
@media screen and (max-width: 767px) {
  .career_support3__text {
    line-height: 1.8;
  }
}



.support3_wrap{
	max-width:830px;
	margin:auto;
	margin-top:60px;
}
.support3_wrap h3{
	text-align:center;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
.support3_wrap .f{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.support3_wrap .f .w{
	width:31.5%;
	background:#FFFFFF;
	position:relative;
}
.support3_wrap .f .w.tm{
	margin-top:20px;
}
.support3_wrap .f .w::after{
	content:"";
	width:34px;
	height:34px;
	background:-webkit-linear-gradient(135deg,#168DDA 0%, #168DDA 50% ,#FFFFFF 50%, #FFFFFF 100%);
	background:linear-gradient(135deg,#168DDA 0%, #168DDA 50% ,#FFFFFF 50%, #FFFFFF 100%);
	position:absolute;
	top:0;
	left:0;
}
.support3_wrap .f .w div{
	padding:20px;
	padding-bottom:35px;
}
.support3_wrap .f .w div.m{
	padding-top:0;
}
.support3_wrap .f .w div h4{
	margin:20px auto 30px auto;
	text-align:center;
	line-height:165%;
	font-weight:bold;
	font-size:18px;
	height:60px;
	color:#168DDA;
}
.support3_wrap .f .w div h4.s{
	line-height:60px;
}
.support3_wrap .f .w div h4.b{
	height:auto;
	margin-bottom:19px;
}
.support3_wrap .f .w div h4.b span{
	font-size:16px;
}
.support3_wrap .f .w div p{
	font-size:14px;
	color:#000000;
	line-height:205%;
}

.support3_wrap .f.y .w::after{
	background:-webkit-linear-gradient(135deg,#BBA368 0%, #BBA368 50% ,#FFFFFF 50%, #FFFFFF 100%);
	background:linear-gradient(135deg,#BBA368 0%, #BBA368 50% ,#FFFFFF 50%, #FFFFFF 100%);
}
.support3_wrap .f.y .w div h4{
	color:#BBA368;
}
.support3_wrap .f.b .w::after{
	background:-webkit-linear-gradient(135deg,#2B508E 0%, #2B508E 50% ,#FFFFFF 50%, #FFFFFF 100%);
	background:linear-gradient(135deg,#2B508E 0%, #2B508E 50% ,#FFFFFF 50%, #FFFFFF 100%);
}
.support3_wrap .f.b .w div h4{
	color:#2B508E;
}
@media screen and (max-width: 767px) {
  .support3_wrap{
	  margin-top:30px;
  }
  .support3_wrap h3{
	  font-size:18px;
	  margin-bottom:14px;
  }
  .support3_wrap .f .w{
	  width:90%;
	  margin:0 auto 25px auto !important;
  }
  .support3_wrap .f .w div{
	  padding:20px;
	  padding-bottom:25px;
  }
  .support3_wrap .f .w div.m{
	  padding-top:0;
  }
  .support3_wrap .f .w div h4{
	  margin:10px auto 20px auto;
	  height:auto;
  }
  .support3_wrap .f .w div h4.s{
	  line-height:165%;
  }
}





.career_pass {
  padding: 120px 0 110px;
}
.career_pass::before {
  content: "CAREER PATH";
}

.career_pass_img{
	margin-top:75px;
	margin-bottom:10px;
}
.career_pass_img + span{
	display:block;
	line-height:200%;
	font-size:14px;
	color:#000000;
	text-indent:-14px;
	margin-left:14px;
}

@media screen and (max-width: 767px) {
.career_pass {
  padding: 60px 0 50px;
}
.career_pass_img{
	margin-top:25px;
	overflow:scroll;
	margin-bottom:10px;
}
.career_pass_img img{
	width:900px;
}
.career_pass_img + span{
	line-height:170%;
	font-size:12px;
	text-indent:-12px;
	margin-left:12px;
}
.career_pass_img + span br{
	display:none;
}
}



.perple_page{
	background:#343D4C;
}
.perple_page .people_inner{
	max-width:1280px;
	margin:auto;
}
.perple_page .page-people__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
    position: relative;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__items {
    display: block;
    margin-top: 2.5rem;
  }
}

.perple_page .page-people__item {
  width:31%;
  margin-top: 60px;
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item {
    width: 100%;
    max-width: 25rem;
    margin: 40px auto;
  }
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item + .top-people__item {
    margin-top: 1.875rem;
  }
}

.perple_page .page-people__item-body {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 94%;
  min-height: 135px;
  min-height: 8.4375rem;
  margin-top: -40px;
  margin-top: -2.5rem;
  padding: 20px 0 20px 30px;
  padding: 1.25rem 0 1.25rem 1.875rem;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item-body {
    padding: 1.25rem 0 1.25rem 0.9375rem;
  }
}
.perple_page .page-people__item-body .arrow {
  padding-right: 45px;
  padding-right: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item-body .arrow {
    padding-right: 2.5rem;
  }
}

.perple_page .page-people__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.perple_page .page-people__item-subtitle {
  border-radius: 0.125rem;
  border: 1px solid #fff;
  border: 0.0625rem solid #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.18em;
  line-height: 1.3;
  padding: 1px 6px 2px;
  padding: 0.0625rem 0.375rem 0.125rem;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item-subtitle {
    font-size: 0.8125rem;
  }
}

.perple_page .page-people__item-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: 10px;
  margin-left: 0.625rem;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item-title {
    font-size: 0.8125rem;
  }
}

.perple_page .page-people__item-text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 58px;
  padding-left: 3.625rem;
  background: url(../img/top/top-people-arrow.svg) no-repeat center left 7px/33px;
  background: url(../img/top/top-people-arrow.svg) no-repeat center left
    0.4375rem/2.0625rem;
  margin-top: 7px;
  margin-top: 0.4375rem;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item-text {
    font-size: 0.8125rem;
    padding-left: 2.8125rem;
    background: url(../img/top/top-people-arrow.svg) no-repeat center left
      0.1875rem/1.75rem;
  }
}

.perple_page .page-people__item-subtext {
  font-size: 13px;
  font-size: 0.8025rem;
  margin-top: 10px;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .perple_page .page-people__item-subtext {
    font-size: 0.75rem;
  }
}




.recruit_mail_text{
	width:100%;
	font-size:14px;
	line-height:155%;
	margin-top:18px;
}
.recruit_mail_text b{
	color:#0959B9;
	font-weight:normal;
}
.recruit_mail_text span{
	font-size:12px;
}