@charset "UTF-8";
/*  utility
========================================================================*/
.u_color07 {
  color: #D625B9;
}

.u_bgColor01 {
  background-color: #F5F5F5;
}

.u_bgColor02 {
  background-color: #E8F0F6;
}

.u_bgColor03 {
  background-color: #FBF3A6;
}

.u_bgColor04 {
  background-color: #FCF8C9;
}

.u_bgColor05 {
  background-color: #F2F3F5;
}

.u_bgColor06 {
  background-color: #003F65;
}

.u_disFlex.s_end {
  justify-content: flex-end !important;
}

@media screen and (max-width: 767px) {
  .u_spDisBlock {
    display: block !important;
  }
}

.u_pcBorderR {
  border-right: solid 1px #6190B9;
}
@media screen and (max-width: 767px) {
  .u_pcBorderR {
    border-right: unset;
  }
}

@media screen and (max-width: 767px) {
  .u_spBorderB {
    border-bottom: solid 1px #6190B9;
  }
}

.u_fontStyleNormal {
  font-style: normal;
}

.u_fontXL {
  font-size: 4rem;
  line-height: 1.35;
}
@media screen and (max-width: 1440px) {
  .u_fontXL {
    font-size: 2.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .u_fontXL {
    font-size: 3.4rem;
    line-height: 1.41;
  }
}

@media screen and (max-width: 767px) {
  .u_spFontL {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .u_spFontLL {
    font-size: 1.8rem !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt15 {
    margin-top: 1.0416666667vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt20 {
    margin-top: 1.3888888889vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt25 {
    margin-top: 1.7361111111vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt30 {
    margin-top: 2.0833333333vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt35 {
    margin-top: 2.4305555556vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt40 {
    margin-top: 2.7777777778vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt45 {
    margin-top: 3.125vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt50 {
    margin-top: 3.4722222222vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt55 {
    margin-top: 3.8194444444vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt60 {
    margin-top: 4.1666666667vw !important;
  }
}

@media screen and (min-width: 1441px) {
  .u_mt65 {
    margin-top: 65px;
  }
}
@media screen and (min-width: 767px) and (max-width: 1440px) {
  .u_mt65 {
    margin-top: 4.5138888889vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt70 {
    margin-top: 4.8611111111vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt80 {
    margin-top: 5.5555555556vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt100 {
    margin-top: 6.9444444444vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mt115 {
    margin-top: 7.9861111111vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_mb20 {
    margin-bottom: 1.3888888889vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pt15 {
    padding-top: 1.0416666667vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pt25 {
    padding-top: 1.7361111111vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pt40 {
    padding-top: 2.7777777778vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pt70 {
    padding-top: 4.8611111111vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pt80 {
    padding-top: 5.5555555556vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pr10 {
    padding-right: 0.6944444444vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pr25 {
    padding-right: 1.7361111111vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pr40 {
    padding-right: 2.7777777778vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pr50 {
    padding-right: 3.4722222222vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pr75 {
    padding-right: 5.2083333333vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pb10 {
    padding-bottom: 0.6944444444vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pb35 {
    padding-bottom: 2.4305555556vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pb70 {
    padding-bottom: 4.8611111111vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pb80 {
    padding-bottom: 5.5555555556vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pl10 {
    padding-left: 0.6944444444vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pl40 {
    padding-left: 2.7777777778vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pl50 {
    padding-left: 3.4722222222vw !important;
  }
}

@media screen and (min-width: 767px) {
  .u_pl70 {
    padding-left: 4.8611111111vw !important;
  }
}

@media screen and (max-width: 767px) {
  .u_spMr-40 {
    margin-right: -40px !important;
  }
}

@media screen and (max-width: 767px) {
  .u_spMl-40 {
    margin-left: -40px !important;
  }
}

.u_listDisc ul li {
  padding-left: 1.2em;
}
.u_listDisc ul li::before {
  content: "●";
  top: 0;
  width: auto;
  height: auto;
  background-color: inherit;
  color: unset;
  font-size: inherit;
  transform: scale(0.3);
}

/*  component
========================================================================*/
.c_titleH2 + div:not(:first-child) {
  margin-top: unset;
}
@media screen and (max-width: 767px) {
  .c_titleH2 + div:not(:first-child) {
    margin-top: unset;
  }
}

.c_titleH3 * {
  color: #003F65;
  font-size: 2.2rem;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .c_titleH3 + div:not(:first-child) {
    margin-top: unset;
  }
}

@media screen and (max-width: 767px) {
  .c_button.conversion p {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  .c_button.conversion a {
    padding: 10px 50px;
  }
}
@media screen and (max-width: 767px) {
  .c_button.conversion a {
    padding: 10px 40px;
  }
}
.c_button.conversion a[href*=".pdf"]:after {
  background-image: url(https://www.nissan-global.com/library/assets/img/icon_pdf_white.svg) !important;
  background-position: 50% 0 !important;
}

.c_blockquote {
  background-color: #925FA7;
}
@media screen and (max-width: 767px) {
  .c_blockquote {
    display: block;
  }
}
.c_blockquote__inner {
  width: 96.5%;
  margin-left: auto;
  padding-right: 3.4722222222vw;
}
@media screen and (max-width: 1160px) {
  .c_blockquote__inner {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c_blockquote__inner {
    width: unset;
    max-width: unset;
  }
}
.c_blockquote.col-right .c_blockquote__inner {
  margin-right: auto;
  margin-left: unset;
  padding-left: 3.4722222222vw;
  padding-right: 0;
}
.c_blockquote blockquote {
  color: #FFF;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.57;
}
@media screen and (max-width: 1440px) {
  .c_blockquote blockquote {
    font-size: 1.8055555556vw;
  }
}
@media screen and (max-width: 767px) {
  .c_blockquote blockquote {
    font-size: 2.4rem;
    line-height: 1.33;
  }
}
.c_blockquote cite {
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 1.77;
}
@media screen and (max-width: 1440px) {
  .c_blockquote cite {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .c_blockquote cite {
    font-size: 1.5rem;
  }
}
.c_blockquote.-index {
  background-color: #E8EFF5;
}
.c_blockquote.-index blockquote {
  color: #000;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c_blockquote.-index blockquote {
    font-size: 2.1rem;
    line-height: 1.47;
  }
}
.c_blockquote.-index cite {
  color: #000;
}
.c_blockquote.-index .c_blockquote__inner {
  max-width: 565px;
  padding-right: 0;
  padding-left: 0 !important;
}
@media screen and (max-width: 767px) {
  .c_blockquote.-index .c_blockquote__inner {
    max-width: unset;
  }
}
.c_blockquote.-jp .c_blockquote__inner {
  max-width: 585px;
  padding-right: 3.8194444444vw;
}
@media screen and (max-width: 1160px) {
  .c_blockquote.-jp .c_blockquote__inner {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c_blockquote.-jp .c_blockquote__inner {
    max-width: unset;
  }
}

.c_media:not(:first-child) {
  margin-top: unset;
}
@media screen and (max-width: 767px) {
  .c_media:not(:first-child) {
    margin-top: unset;
  }
}
@media print, screen and (min-width: 768px) {
  .c_media .imagebox {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .c_media .imagebox {
    width: 100%;
    max-width: unset;
  }
}
.c_media .imagebox img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c_media .imagebox:not(:first-child) {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .c_media .textbox {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .c_media .textbox:not(:first-child) {
    margin-top: unset;
  }
}
.c_media .textbox .c_titleH3 * {
  font-size: 2.1rem;
  line-height: 1.42;
}
@media screen and (max-width: 767px) {
  .c_media .textbox .c_titleH3 * {
    font-size: 1.8rem;
    line-height: 1.77;
  }
}
.c_media .textbox__inner {
  width: 96.5%;
  max-width: 580px;
  margin-left: auto;
  padding-right: 3.4722222222vw;
}
@media screen and (max-width: 1160px) {
  .c_media .textbox__inner {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .c_media .textbox__inner {
    width: unset;
  }
}
@media screen and (max-width: 767px) {
  .c_media.ratio2to1.-commitment .imagebox {
    max-width: unset;
  }
}
.c_media.border > div .textbox {
  border-top: solid 1px #757575;
  border-right: solid 1px #757575;
}
@media screen and (max-width: 767px) {
  .c_media.border > div .textbox {
    border-top: none;
    border-right: none;
  }
}
.c_media.col-3 > div {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.c_media.col-3 .textbox {
  width: calc((100% - 2px) / 3);
  padding-top: 2.4305555556vw;
  padding-right: 10px;
  padding-bottom: 2.4305555556vw;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .c_media.col-3 .textbox {
    width: 100%;
    padding-top: 0;
    padding-right: 5.3333333333vw;
    padding-bottom: 0;
    padding-left: 5.3333333333vw;
  }
  .c_media.col-3 .textbox:not(:first-child) {
    margin-top: 10.6666666667vw;
  }
  .c_media.col-3 .textbox:not(:first-child)::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 10.6666666667vw;
    background-color: #757575;
  }
}
.c_media.col-3.border > div .textbox:nth-child(3n) {
  border-right: none;
}
.c_media.col-3.border > div .textbox:nth-child(4) {
  border-top: solid 1px #757575;
}
@media screen and (max-width: 767px) {
  .c_media.col-3.border > div .textbox:nth-child(4) {
    border-top: none;
  }
}
.c_media.col-3.border > div .textbox:nth-child(-n+3) {
  border-top: none;
}
.c_media.reversal > div {
  flex-flow: column-reverse;
}
.c_media.sp-reversal .c_blockquote__inner {
  padding-left: 4.8611111111vw;
}
@media screen and (max-width: 767px) {
  .c_media.sp-reversal .c_blockquote__inner {
    padding-left: 0;
  }
}
.c_media.sp-reversal .-jp .c_blockquote__inner {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .c_media.sp-reversal > div .textbox {
    margin-top: unset;
  }
}

.m_image__text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  max-width: 1160px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1260px) {
  .m_image__text {
    width: calc(100% - 70px);
  }
}
@media screen and (max-width: 767px) {
  .m_image__text {
    top: unset;
    bottom: 8vw;
    left: unset;
    width: 100%;
    max-width: unset;
    transform: unset;
  }
}
.m_image__wordsText {
  color: #fff;
  font-size: 3.4rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.41;
}
@media screen and (max-width: 1300px) {
  .m_image__wordsText {
    font-size: 2.3611111111vw;
  }
}
@media screen and (max-width: 767px) {
  .m_image__wordsText {
    font-size: 3.2rem;
    line-height: 1.45;
  }
}
.m_image__citeText {
  margin-top: 1.3888888889vw;
  color: #fff;
  font-size: 2.6rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.15;
}
@media screen and (max-width: 1300px) {
  .m_image__citeText {
    font-size: 1.8055555556vw;
  }
}
@media screen and (max-width: 767px) {
  .m_image__citeText {
    font-size: 4.2666666667vw;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .m_image .-words .m_image__text {
    top: 50%;
    left: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
  }
}

.c_mv {
  position: relative;
  margin-bottom: 0.2083333333vw;
}
@media screen and (max-width: 767px) {
  .c_mv {
    margin-bottom: 3px;
  }
}
.c_mv::before, .c_mv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.38) 62.56%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .c_mv::before, .c_mv::after {
    height: 45px;
  }
}
@media screen and (max-width: 767px) {
  .c_mv + .bnr-blockquote {
    margin-top: -1px;
  }
}
.c_mv__inner {
  position: absolute;
  top: calc(50% + 50px);
  left: 50%;
  width: calc(100% - 40px);
  max-width: 1160px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .c_mv__inner {
    top: calc(50% + 22px);
  }
}
.c_mv__image img {
  width: 100%;
}
.c_mv__category {
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 1260px) {
  .c_mv__category {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .c_mv__category {
    font-size: 4.8vw;
    line-height: 1.3;
  }
}
.c_mv__title h1 {
  color: #fff;
  font-size: 5.6rem;
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: unset;
}
@media screen and (max-width: 1440px) {
  .c_mv__title h1 {
    font-size: 3.8888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .c_mv__title h1 {
    font-size: 3.2rem;
    line-height: 1.11;
  }
}
.c_mv__description {
  margin-top: 1.25vw;
  color: #fff;
  font-size: 2rem;
  line-height: 1.6;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1260px) {
  .c_mv__description {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .c_mv__description {
    margin-top: 3.7333333333vw;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .c_mv.-partners .c_section_mv__title h1 {
    font-size: 8.5333333333vw;
  }
}
.c_mv.-jp .c_mv__category {
  font-weight: bold;
}
.c_mv.-jp .c_mv__title h1 {
  font-size: 5.6rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1440px) {
  .c_mv.-jp .c_mv__title h1 {
    font-size: 3.8888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .c_mv.-jp .c_mv__title h1 {
    font-size: 3.2rem;
    line-height: 1.12;
  }
}
.c_mv.-jp .c_mv__description {
  margin-top: 1.7361111111vw;
  font-size: 2rem;
  line-height: 1.6;
}
@media screen and (max-width: 1260px) {
  .c_mv.-jp .c_mv__description {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 767px) {
  .c_mv.-jp .c_mv__description {
    margin-top: 3.7333333333vw;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1400px) {
  .c_mv.-jp.-women .c_mv__title h1 {
    margin-right: -2rem;
  }
}
@media screen and (max-width: 1399px) {
  .c_mv.-jp.-women .c_mv__title h1 {
    margin-right: unset;
  }
}

.c_banner .c_titleH2 > div > div:only-child,
.c_banner [class^=c_p-] .c_titleH2 h2 {
  padding-bottom: 0;
  font-size: 4.4rem;
  line-height: 1.227;
}
@media screen and (max-width: 1000px) {
  .c_banner .c_titleH2 > div > div:only-child,
  .c_banner [class^=c_p-] .c_titleH2 h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .c_banner .c_titleH2 > div > div:only-child,
  .c_banner [class^=c_p-] .c_titleH2 h2 {
    font-size: 8.5333333333vw;
  }
}
.c_banner .c_titleH2 > div > div:only-child:before,
.c_banner [class^=c_p-] .c_titleH2 h2:before {
  content: unset;
  width: unset;
  height: unset;
  background-color: unset;
}
@media screen and (max-width: 1000px) {
  .c_banner .u_fontLL {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c_banner .u_fontLL {
    font-size: 1.8rem;
  }
}
.c_banner__image img {
  width: 100%;
}
.c_banner__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 40px);
  max-width: 1160px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .c_banner__content {
    top: unset;
    bottom: 0;
    left: unset;
    width: 100%;
    max-width: unset;
    transform: unset;
  }
}
.c_banner.s_start .c_banner__content {
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .c_banner.s_start .c_banner__content {
    top: unset;
    left: unset;
    transform: unset;
  }
}
.c_banner.s_end .c_banner__content {
  right: 0;
  left: unset;
  width: 32%;
  transform: translate(0%, -50%);
}
@media screen and (max-width: 1150px) {
  .c_banner.s_end .c_banner__content {
    right: 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .c_banner.s_end .c_banner__content {
    top: unset;
    bottom: 8vw;
    right: unset;
    width: 100%;
    max-width: unset;
    transform: unset;
  }
}
.c_banner.s_alignEnd .c_banner__content {
  top: unset;
  bottom: 4.7222222222vw;
  transform: translate(-50%, 0%);
}
@media screen and (max-width: 767px) {
  .c_banner.s_alignEnd .c_banner__content {
    bottom: 8vw;
    transform: unset;
  }
}
.c_banner.-index h2 {
  font-size: 4rem;
  line-height: 1.55;
}
@media screen and (max-width: 1440px) {
  .c_banner.-index h2 {
    font-size: 2.7777777778vw;
  }
}
@media screen and (max-width: 767px) {
  .c_banner.-index h2 {
    font-size: 8.5333333333vw;
    line-height: 1.62;
  }
}
.c_banner.-index .c_banner__content {
  max-width: 1230px;
}
@media screen and (min-width: 1440px) {
  .c_banner.-commitment .c_banner__content {
    transform: translate(-52%, -50%);
  }
}

.bnr-blockquote {
  position: relative;
}
.bnr-blockquote__image img {
  width: 100%;
}
.bnr-blockquote__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 100px);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #FFF;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .bnr-blockquote__content {
    width: 100%;
  }
}
.bnr-blockquote blockquote {
  font-size: 2.3611111111vw;
  line-height: 1.41;
}
@media screen and (max-width: 767px) {
  .bnr-blockquote blockquote {
    font-size: 2.2rem;
    line-height: 1.45;
  }
}
.bnr-blockquote cite {
  font-size: 1.8055555556vw;
  font-style: normal;
  line-height: 1.15;
}
@media screen and (max-width: 767px) {
  .bnr-blockquote cite {
    font-size: 1.8rem;
    line-height: 1.66;
  }
}
.bnr-blockquote.commitment .bnr-blockquote__content {
  color: #003F65;
}
.bnr-blockquote.commitment blockquote {
  font-size: 1.9444444444vw;
  line-height: 1.53;
}
@media screen and (max-width: 767px) {
  .bnr-blockquote.commitment blockquote {
    font-size: 5.8666666667vw;
    line-height: 1.45;
  }
}
.bnr-blockquote.commitment cite {
  font-size: 1.8055555556vw;
  line-height: 1.15;
}
@media screen and (max-width: 767px) {
  .bnr-blockquote.commitment cite {
    font-size: 4.2666666667vw;
    font-style: normal;
  }
}

.c_box.-justification > div {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  height: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .c_box.-justification > div {
    display: block;
    height: unset;
  }
}
.c_box:not(first-child) {
  margin-top: 0;
}
.c_box.-icon:not(:first-child) {
  margin-top: 0;
}
.c_box.-icon > div {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .c_box.-icon > div {
    padding: 0;
  }
}
.c_box__title {
  color: #003F65;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.42;
}
@media screen and (max-width: 767px) {
  .c_box__title {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 1.77;
  }
  .c_box__title::before {
    content: "";
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 14px;
  }
  .c_box__title > .pbBlock {
    width: calc(100% - 58px);
  }
}
.c_box__item {
  position: relative;
  padding-left: 90px;
}
@media screen and (max-width: 767px) {
  .c_box__item {
    padding-left: 0;
  }
}
.c_box__item::before {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 62px;
  height: 62px;
  margin-right: 30px;
  content: "";
}
@media screen and (max-width: 767px) {
  .c_box__item::before {
    content: unset;
    width: unset;
    height: unset;
    margin-right: unset;
  }
}
.c_box__item:not(:first-of-type) {
  margin-top: 2.0833333333vw;
}
@media screen and (max-width: 767px) {
  .c_box__item:not(:first-of-type) {
    margin-top: 45px;
  }
}
.c_box .icon-marriage::before {
  background: url(../img_06.html) no-repeat left top;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c_box .icon-marriage::before {
    background: unset;
  }
}
@media screen and (max-width: 767px) {
  .c_box .icon-marriage .c_box__title::before {
    background: url(../img_06.html) no-repeat left top;
    background-size: contain;
  }
}
.c_box .icon-health::before {
  background: url(../img_07.html) no-repeat left top;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c_box .icon-health::before {
    background: unset;
  }
}
@media screen and (max-width: 767px) {
  .c_box .icon-health .c_box__title::before {
    background: url(../img_07.html) no-repeat left top;
    background-size: contain;
  }
}
.c_box .icon-restrooms::before {
  background: url(../img_08.html) no-repeat left top;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c_box .icon-restrooms::before {
    background: unset;
  }
}
@media screen and (max-width: 767px) {
  .c_box .icon-restrooms .c_box__title::before {
    background: url(../img_08.html) no-repeat left top;
    background-size: contain;
  }
}
.c_box .icon-career-support::before {
  background: url(../png/img_07.png) no-repeat left top;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c_box .icon-career-support::before {
    background: unset;
  }
}
@media screen and (max-width: 767px) {
  .c_box .icon-career-support .c_box__title::before {
    background: url(../png/img_07.png) no-repeat left top;
    background-size: contain;
  }
}
.c_box .icon-roundtable::before {
  background: url(../png/img_08.png) no-repeat left top;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c_box .icon-roundtable::before {
    background: unset;
  }
}
@media screen and (max-width: 767px) {
  .c_box .icon-roundtable .c_box__title::before {
    background: url(../png/img_08.png) no-repeat left top;
    background-size: contain;
  }
}
.c_box .icon-leadership-program::before {
  background: url(../png/img_09-3.png) no-repeat left top;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c_box .icon-leadership-program::before {
    background: unset;
  }
}
@media screen and (max-width: 767px) {
  .c_box .icon-leadership-program .c_box__title::before {
    background: url(../png/img_09-3.png) no-repeat left top;
    background-size: contain;
  }
}

/*  media
========================================================================*/
/* image setting
------------------------------------------------*/
.image {
  text-align: center;
}
.image.-index-awards img {
  width: 27.9861111111vw;
  max-width: 403px;
}
@media screen and (max-width: 767px) {
  .image.-index-awards img {
    width: 62.9333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .image.-spFullwidth {
    margin-right: -20px;
    margin-left: -20px;
  }
}
.image.-ratio {
  max-width: 375px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .image.-ratio {
    max-width: unset;
    margin-left: unset;
  }
}
@media screen and (max-width: 767px) {
  .image.-ratio img {
    width: 80vw;
    max-width: 300px;
  }
}
.image.-arrow img {
  width: 37px;
}
.image-caption {
  color: #003F65;
  font-size: 1.25vw;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.04;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .image-caption {
    font-size: 4.2666666667vw;
    line-height: 1.37;
  }
}
@media screen and (max-width: 767px) {
  .image.-spScroll .image-item {
    height: 122.6666666667vw;
    overflow-x: scroll;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 767px) {
  .image.-spScroll .image-item img {
    width: auto;
    max-width: none;
    height: 118.1333333333vw;
  }
}

/*  Unique Style
========================================================================*/
/* DIVERSITY index
------------------------------------------------*/
.index_mv {
  position: relative;
}
.index_mv h1 {
  color: #fff;
  font-size: 4.3055555556vw;
  font-weight: 400;
  line-height: 1.38;
  letter-spacing: unset;
}
@media screen and (max-width: 767px) {
  .index_mv h1 {
    font-size: 9.0666666667vw;
    line-height: 1.11;
  }
}
.index_mv::before, .index_mv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.38) 62.56%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .index_mv::before, .index_mv::after {
    height: 45px;
  }
}
.index_mv__image > img {
  width: 100%;
}
.index_mv__text {
  position: relative;
}
.index_mv__title {
  position: absolute;
  left: 0;
  top: 10.7638888889%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  width: 66.5277777778%;
  height: 24.5833333333vw;
  padding-right: 4.8611111111vw;
  padding-left: 5.3472222222vw;
}
@media screen and (max-width: 1023px) {
  .index_mv__title {
    top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .index_mv__title {
    top: calc(14.1333333333vw + 45px);
    width: 100%;
    height: unset;
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
  }
}
.index_mv__description {
  margin-top: 1.4583333333vw;
  color: #fff;
  font-size: 1.6666666667vw;
  line-height: 1.5;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  .index_mv__description {
    margin-top: 6.4vw;
    font-size: 4.8vw;
    line-height: 1.33;
  }
}
.index_mv__description img {
  width: 47.8472222222vw;
}
@media screen and (max-width: 767px) {
  .index_mv__description img {
    width: 89.3333333333vw;
  }
}
.index_mv.-jp h1 {
  font-size: 4.1666666667vw;
  line-height: 1.43;
}
@media screen and (max-width: 767px) {
  .index_mv.-jp h1 {
    font-size: 9.0666666667vw;
    line-height: 1.41;
  }
}
.index_mv.-jp .index_mv__title {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .index_mv.-jp .index_mv__title {
    top: calc(6.6666666667vw + 45px);
    padding-right: 5.3333333333vw;
  }
}
.index_mv.-jp .index_mv__description {
  margin-top: 1.6666666667vw;
  padding-right: 4.8611111111vw;
}
@media screen and (max-width: 767px) {
  .index_mv.-jp .index_mv__description {
    margin-top: 4.2666666667vw;
    padding-right: 0;
    line-height: 1.55;
  }
}

.index_intro {
  background: url(../jpg/img_03_pc-2.jpg) no-repeat left top;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .index_intro {
    background: url(../jpg/img_03_sp-2.jpg) no-repeat left top;
    background-size: cover;
  }
}
.index_intro__image {
  width: 86.8055555556vw;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .index_intro__image {
    max-width: 1250px;
  }
}
@media screen and (max-width: 767px) {
  .index_intro__image {
    width: 92vw;
    max-width: unset;
  }
}
@media screen and (max-width: 412px) {
  .index_intro__image {
    max-width: 345px;
  }
}
.index_intro__text {
  font-size: 2.8rem;
  line-height: 1.53;
}
@media screen and (max-width: 1440px) {
  .index_intro__text {
    font-size: 1.9444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .index_intro__text {
    font-size: 1.8rem;
    line-height: 1.66;
  }
}
.index_intro__textItem {
  width: 80.5555555556vw;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .index_intro__textItem {
    width: unset;
  }
}

.index_landscape__image img {
  width: 303px;
}
@media screen and (max-width: 1260px) {
  .index_landscape__image img {
    width: 21.0416666667vw;
  }
}
@media screen and (max-width: 767px) {
  .index_landscape__image img {
    width: 45.8666666667vw;
  }
}
.index_landscape__caption {
  font-size: 2.2rem;
  line-height: 1.18;
}
@media screen and (max-width: 1000px) {
  .index_landscape__caption {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .index_landscape__caption {
    font-size: 1.8rem;
    line-height: 1.22;
  }
}

.index_honoring .textbox__inner {
  width: auto;
  max-width: 600px;
  padding-left: 1.7361111111vw;
  padding-right: 0;
}
@media screen and (max-width: 1160px) {
  .index_honoring .textbox__inner {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .index_honoring .textbox__inner {
    width: unset;
    max-width: unset;
  }
}
.index_honoring .textbox__inner h2 {
  margin-right: -1em;
}
@media screen and (max-width: 767px) {
  .index_honoring .textbox__inner h2 {
    margin-right: unset;
  }
}

@media screen and (max-width: 767px) {
  .index_feature > div {
    padding: 0;
  }
}
.index_feature__inner > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .index_feature__inner > div {
    flex-direction: column;
    flex-wrap: wrap;
    width: unset;
  }
}
.index_feature__item {
  position: relative;
  width: 32.9861111111vw;
  padding-right: 8px;
}
@media screen and (max-width: 767px) {
  .index_feature__item {
    width: 100%;
    padding-right: 0;
  }
}
.index_feature__item.-workplace {
  padding-right: 0;
}
.index_feature__image {
  width: 100%;
}
.index_feature__image img {
  width: 100%;
  height: 35.5555555556vw;
  object-fit: fill;
}
@media screen and (max-width: 767px) {
  .index_feature__image img {
    max-width: unset;
    height: unset;
  }
}
.index_feature__text {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: end;
  width: 100%;
  height: 100%;
  padding-right: 1.875vw;
  padding-bottom: 3.3333333333vw;
  padding-left: 1.875vw;
  z-index: 1;
}
@media screen and (min-width: 1440px) {
  .index_feature__text {
    padding-right: 27px;
    padding-bottom: 48px;
    padding-left: 27px;
  }
}
@media screen and (max-width: 767px) {
  .index_feature__text {
    padding: 0 30px 15px;
    padding-right: 5.3333333333vw;
    padding-bottom: 10.6666666667vw;
    padding-left: 5.3333333333vw;
  }
}
.index_feature__text h2 {
  text-align: center;
  font-size: 2.2222222222vw;
  line-height: 1.59;
}
@media screen and (max-width: 767px) {
  .index_feature__text h2 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1599px) {
  .index_feature__text h2 br.u_ov1600 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .index_feature__text .c_titleH2 > div > div:only-child {
    padding-bottom: 6px;
  }
}
.index_feature__text .c_titleH2 > div > div:only-child::before {
  width: 115px;
}
@media screen and (max-width: 767px) {
  .index_feature__text .c_titleH2 > div > div:only-child::before {
    width: 94px;
  }
}
.index_feature__title.c_titleH2 div > div:only-child:before {
  content: unset;
}
.index_feature__title.c_titleH2 div > div:only-child {
  padding-bottom: 0;
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .index_feature__title.c_titleH2 div > div:only-child {
    font-size: 3.4rem;
    line-height: 1.4;
  }
}

/* AWARDS
------------------------------------------------*/
.c_section_award__title {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1160px) {
  .c_section_award__title {
    font-size: 1.9444444444vw;
  }
}
@media screen and (max-width: 767px) {
  .c_section_award__title {
    margin-right: -20px;
    margin-left: -20px;
    font-size: 2.6rem;
  }
}
.c_section_award__text {
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .c_section_award > .pbNested {
    padding: 0 !important;
  }
}