/* screen - index */

.index {
  background-color: var(--background);
  margin: 0px;
  min-height: 1080px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.index .group-504-IO3Fu5 {
  background-color: transparent;
  height: 100%;
  left: -3.65%;
  position: absolute;
  top: 0px;
  width: 105.18%;
}

.index .group-498-XxrUIp {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .path-262-6T0gqp {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 2019px;
}

.index .group-536-6T0gqp {
  background-color: transparent;
  height: 377px;
  position: absolute;
  right: calc(48.68% - 237px);
  top: 200px;
  width: 487px;
}

.index .group-499-yh5UGK {
  background-color: transparent;
  height: 70.60%;
  position: absolute;
  right: 0px;
  top: 29.40%;
  width: 487px;
}

.index .thank-you-for-contac-CAhG86 {
  background-color: transparent;
  height: 135px;
  left: 1px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 132px;
  width: 100.41%;
}

.index .title-CAhG86 {
  background-color: transparent;
  color: var(--black-2);
  font-style: normal;
  font-weight: 300;
  height: 123px;
  left: 0px;
  line-height: 58px;
  position: absolute;
  text-align: center;
  top: -5px;
  width: 100.00%;
}

.index .group-532-yh5UGK {
  background-color: transparent;
  height: 62px;
  position: absolute;
  right: calc(49.82% - 187px);
  top: 0px;
  width: 375px;
}

.index .path-258-IdAR32 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 69px;
}

.index .path-259-IdAR32 {
  background-color: transparent;
  height: 100%;
  left: calc(33.71% - 19px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 55px;
}

.index .path-260-IdAR32 {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(34.83% - 23px);
  top: 0px;
  width: 66px;
}

.index .path-261-IdAR32 {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 69px;
}

.index .group-479-IO3Fu5 {
  background-color: transparent;
  bottom: 0px;
  height: 70px;
  left: -70px;
  position: absolute;
  width: calc(100.00% + 140px);
}

.index .group-37-9nlxQT {
  background-color: transparent;
  bottom: 0px;
  height: 70px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .rectangle-13-OLcUd4 {
  background-color: var(--secondary);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.index .group-539-IO3Fu5 {
  background-color: transparent;
  height: 110px;
  left: -31px;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 63px);
}

.index .logo-nav-HnNhOb {
  position: absolute;
}

.index .logo-nav-EKxkVo {
  mix-blend-mode: normal;
  position: relative;
}

.index .rectangle-6-q9YsJX {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index .dentsu-benefits-plus-logo-HnNhOb {
  background-color: transparent;
  bottom: 34px;
  height: 41px;
  left: calc(49.97% - 197px);
  object-fit: cover;
  position: absolute;
  width: 394px;
}

.index .logo-nav {
  background-color: transparent;
  height: 100%;
  left: 0px;
  top: 0px;
  width: 100%;
}
/* screen - phone-375-new-hire-english */

.phone-375-new-hire-english {
  background-color: var(--background);
  margin: 0px;
  min-height: 809px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.phone-375-new-hire-english .path-257-cjYIS3 {
  background-color: transparent;
  height: calc(100.00% - 61px);
  left: -38px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 82px);
}

.phone-375-new-hire-english .group-520-cjYIS3 {
  background-color: transparent;
  height: 53.28%;
  left: calc(50.00% - 158px);
  position: absolute;
  top: 222px;
  width: 315px;
}

.phone-375-new-hire-english .thank-you-for-contac-iQcxB3 {
  background-color: transparent;
  bottom: 0px;
  height: 239px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: calc(100.00% + 2px);
}

.phone-375-new-hire-english .title-iQcxB3 {
  background-color: transparent;
  color: var(--black-2);
  font-style: normal;
  font-weight: 300;
  height: 181px;
  left: 5px;
  line-height: 58px;
  position: absolute;
  text-align: center;
  top: -5px;
  width: calc(100.00% - 5px);
}

.phone-375-new-hire-english .group-522-cjYIS3 {
  background-color: transparent;
  bottom: 0px;
  height: 61px;
  left: -39px;
  position: absolute;
  width: calc(100.00% + 78px);
}

.phone-375-new-hire-english .group-37-oHum9n {
  background-color: transparent;
  bottom: 0px;
  height: 61px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.phone-375-new-hire-english .rectangle-13-KzyxvJ {
  background-color: var(--secondary);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.phone-375-new-hire-english .logo-nav-cjYIS3 {
  height: 13.60%;
  left: -52px;
  width: calc(100.00% + 104px);
}

.phone-375-new-hire-english .logo-nav-ZGbSjZ {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  width: 100%;
}

.phone-375-new-hire-english .rectangle-6-QYbbsJ {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.phone-375-new-hire-english .dentsu-benefits-plus-logo-ZGbSjZ {
  background-color: transparent;
  bottom: 36px;
  height: 35px;
  object-fit: cover;
  position: absolute;
  right: calc(47.22% - 158px);
  width: 335px;
}

.phone-375-new-hire-english .group-532-cjYIS3 {
  background-color: transparent;
  height: 46px;
  left: calc(49.71% - 138px);
  position: absolute;
  top: 152px;
  width: 278px;
}

.phone-375-new-hire-english .path-258-ux9xwf {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 51px;
}

.phone-375-new-hire-english .path-259-ux9xwf {
  background-color: transparent;
  height: 100%;
  left: calc(33.71% - 14px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 41px;
}

.phone-375-new-hire-english .path-260-ux9xwf {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(34.83% - 17px);
  top: 0px;
  width: 49px;
}

.phone-375-new-hire-english .path-261-ux9xwf {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 51px;
}

.phone-375-new-hire-english .logo-nav {
  background-color: transparent;
  position: absolute;
  top: 0px;
}
/* screen - tablet-768-new-hire-english */

.tablet-768-new-hire-english {
  background-color: var(--background);
  margin: 0px;
  min-height: 676px;
  min-width: 768px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tablet-768-new-hire-english .path-256-tLzELT {
  background-color: transparent;
  height: calc(100.00% - 71px);
  left: -35px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 69px);
}

.tablet-768-new-hire-english .group-499-tLzELT {
  background-color: transparent;
  height: 51.34%;
  left: calc(50.00% - 244px);
  position: absolute;
  top: 160px;
  width: 488px;
}

.tablet-768-new-hire-english .thank-you-for-contac-lUppKI {
  background-color: transparent;
  bottom: 0px;
  height: 135px;
  left: 0px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  width: calc(100.00% + 2px);
}

.tablet-768-new-hire-english .title-lUppKI {
  background-color: transparent;
  color: var(--black-2);
  font-style: normal;
  font-weight: 300;
  height: 123px;
  left: 26px;
  line-height: 58px;
  position: absolute;
  text-align: center;
  top: calc(34.61% - 43px);
  width: calc(100.00% - 51px);
}

.tablet-768-new-hire-english .group-532-lUppKI {
  background-color: transparent;
  height: 55px;
  left: calc(49.36% - 165px);
  position: absolute;
  top: 0px;
  width: 334px;
}

.tablet-768-new-hire-english .path-258-xHS2NT {
  background-color: transparent;
  height: 100%;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 62px;
}

.tablet-768-new-hire-english .path-259-xHS2NT {
  background-color: transparent;
  height: 100%;
  left: calc(33.71% - 17px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 49px;
}

.tablet-768-new-hire-english .path-260-xHS2NT {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(34.83% - 20px);
  top: 1px;
  width: 58px;
}

.tablet-768-new-hire-english .path-261-xHS2NT {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 62px;
}

.tablet-768-new-hire-english .group-522-tLzELT {
  background-color: transparent;
  bottom: -2px;
  height: 73px;
  left: -30px;
  position: absolute;
  width: calc(100.00% + 61px);
}

.tablet-768-new-hire-english .group-37-w05Mcj {
  background-color: transparent;
  bottom: 0px;
  height: 73px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.tablet-768-new-hire-english .rectangle-13-VdaC9Y {
  background-color: var(--secondary);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.tablet-768-new-hire-english .logo-nav-tLzELT {
  height: 16.27%;
  left: -55px;
  width: calc(100.00% + 111px);
}

.tablet-768-new-hire-english .logo-nav-X70hMH {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  width: 100%;
}

.tablet-768-new-hire-english .rectangle-6-LCTuF9 {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.tablet-768-new-hire-english .dentsu-benefits-plus-logo-X70hMH {
  background-color: transparent;
  bottom: 34px;
  height: 41px;
  left: calc(49.90% - 197px);
  object-fit: cover;
  position: absolute;
  width: 394px;
}

.tablet-768-new-hire-english .logo-nav {
  background-color: transparent;
  position: absolute;
  top: 0px;
}
/* screen - web-1280-new-hire-english */

.web-1280-new-hire-english {
  background-color: var(--background);
  margin: 0px;
  min-height: 1035px;
  min-width: 1280px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.web-1280-new-hire-english .group-504-HE4ejb {
  background-color: transparent;
  height: calc(100.00% + 45px);
  left: -12px;
  position: absolute;
  top: 0px;
  width: calc(100.00% + 30px);
}

.web-1280-new-hire-english .group-498-5Ecou5 {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1280-new-hire-english .path-263-VzaC4G {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.web-1280-new-hire-english .group-499-VzaC4G {
  background-color: transparent;
  height: 291px;
  left: calc(49.64% - 242px);
  position: absolute;
  top: 279px;
  width: 487px;
}

.web-1280-new-hire-english .thank-you-for-contac-n87p7T {
  background-color: transparent;
  height: 161px;
  left: 36px;
  letter-spacing: 0.17px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 130px;
  width: 85.63%;
}

.web-1280-new-hire-english .title-n87p7T {
  background-color: transparent;
  color: var(--black-2);
  font-style: normal;
  font-weight: 300;
  height: 123px;
  left: 0px;
  line-height: 58px;
  position: absolute;
  text-align: center;
  top: -5px;
  width: 100.41%;
}

.web-1280-new-hire-english .group-532-VzaC4G {
  background-color: transparent;
  height: 58px;
  left: calc(49.66% - 176px);
  position: absolute;
  top: 192px;
  width: 354px;
}

.web-1280-new-hire-english .path-258-otE0rF {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 66px;
}

.web-1280-new-hire-english .path-259-otE0rF {
  background-color: transparent;
  height: 100%;
  left: calc(33.71% - 18px);
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 52px;
}

.web-1280-new-hire-english .path-260-otE0rF {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: calc(34.83% - 22px);
  top: 0px;
  width: 62px;
}

.web-1280-new-hire-english .path-261-otE0rF {
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 65px;
}

.web-1280-new-hire-english .logo-nav-HE4ejb {
  height: 10.63%;
  left: -83px;
  width: calc(100.00% + 167px);
}

.web-1280-new-hire-english .logo-nav-lIxNdw {
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  width: 100%;
}

.web-1280-new-hire-english .rectangle-6-TC0R50 {
  background-color: var(--background);
  box-shadow: 0px 3px 6px #00000030;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.web-1280-new-hire-english .dentsu-benefits-plus-logo-lIxNdw {
  background-color: transparent;
  bottom: 34px;
  height: 41px;
  left: calc(49.95% - 197px);
  object-fit: cover;
  position: absolute;
  width: 394px;
}

.web-1280-new-hire-english .group-522-HE4ejb {
  background-color: transparent;
  bottom: 0px;
  height: 70px;
  left: -65px;
  position: absolute;
  width: calc(100.00% + 131px);
}

.web-1280-new-hire-english .group-37-J8jKYj {
  background-color: transparent;
  bottom: 0px;
  height: 70px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.web-1280-new-hire-english .rectangle-13-cS0nbr {
  background-color: var(--secondary);
  bottom: 0px;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
}

.web-1280-new-hire-english .logo-nav {
  background-color: transparent;
  position: absolute;
  top: 0px;
}
@media screen and (max-width: 767px) {
  .screen.index { 
    display: none;
   }
  .screen.web-1280-new-hire-english { 
    display: none;
   }
  .screen.tablet-768-new-hire-english { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .screen.index { 
    display: none;
   }
  .screen.web-1280-new-hire-english { 
    display: none;
   }
  .screen.phone-375-new-hire-english { 
    display: none;
   }
}
@media screen and (min-width: 1280px) and (max-width: 1919px) {
  .screen.index { 
    display: none;
   }
  .screen.tablet-768-new-hire-english { 
    display: none;
   }
  .screen.phone-375-new-hire-english { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.web-1280-new-hire-english { 
    display: none;
   }
  .screen.tablet-768-new-hire-english { 
    display: none;
   }
  .screen.phone-375-new-hire-english { 
    display: none;
   }
}