@charset "UTF-8";
@-webkit-keyframes slide {
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes slide {
  100% {
    transform: translateY(0);
  }
}
@keyframes slide {
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes opBorder {
  100% {
    width: 95%;
  }
}
@-moz-keyframes opBorder {
  100% {
    width: 95%;
  }
}
@keyframes opBorder {
  100% {
    width: 95%;
  }
}
@-webkit-keyframes opBorderSp {
  100% {
    width: 92%;
  }
}
@-moz-keyframes opBorderSp {
  100% {
    width: 92%;
  }
}
@keyframes opBorderSp {
  100% {
    width: 92%;
  }
}
@-webkit-keyframes opacity {
  0% {
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@-moz-keyframes opacity {
  0% {
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes opacity {
  0% {
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@-webkit-keyframes opacity {
  0% {
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@-moz-keyframes opacity {
  0% {
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes opacity {
  0% {
    -moz-opacity: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@-webkit-keyframes opCopy {
  90% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    color: #ffffff;
  }
}
@-moz-keyframes opCopy {
  90% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    color: #ffffff;
  }
}
@keyframes opCopy {
  90% {
    -moz-opacity: 1;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    color: #ffffff;
  }
}
/*AccordionList*/
.AccordionList {
  max-width: 1280px;
  margin: 0px auto;
  padding: 0px 7.5%;
}
@media screen and (max-width: 768px) {
  .AccordionList {
    padding: 0px 18px;
  }
}
.AccordionList.-small .AccordionList__index {
  padding: 10px 52px 10px 30px;
}
@media screen and (max-width: 768px) {
  .AccordionList.-small .AccordionList__index {
    padding: 10px 30px 10px 10px;
  }
}
.AccordionList.-small .AccordionList__index::before {
  width: 52px;
}
@media screen and (max-width: 768px) {
  .AccordionList.-small .AccordionList__index::before {
    width: 30px;
  }
}
.AccordionList.-small .AccordionList__index::after {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .AccordionList.-small .AccordionList__index::after {
    right: 10px;
  }
}
.AccordionList.-small .AccordionList__index:hover::before {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .AccordionList.-faq .AccordionList__index {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.AccordionList.-sustainable {
  max-width: 758px;
  padding: 0px;
}
.AccordionList.-company {
  margin-top: 100px;
  padding: 0px;
}
@media screen and (max-width: 768px) {
  .AccordionList.-company {
    margin-top: 60px;
  }
}
.AccordionList__body {
  display: none;
  font-size: 1.6rem;
  line-height: 2.25;
}
@media screen and (max-width: 768px) {
  .AccordionList__body {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.AccordionList__item {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .AccordionList__item {
    margin-top: 15px;
  }
}
.AccordionList__item.-active .AccordionList__index::before {
  width: 100%;
}
.AccordionList__item.-active .AccordionList__index::after {
  width: 18px;
  height: 11px;
  background-image: url("/homes/recruit/common/images/buttonIcon_back.svg");
}
.AccordionList__item.-active .AccordionList__defaultText {
  display: none;
}
.AccordionList__item.-active .AccordionList__activeText {
  display: inline;
}
.AccordionList__item.-bottom {
  margin-top: -81px;
  padding-top: 101px;
}
@media screen and (max-width: 768px) {
  .AccordionList__item.-bottom {
    margin-top: -49px;
    padding-top: 69px;
  }
}
.AccordionList__item.-bottom .AccordionList__body {
  padding-bottom: 50px;
}
.AccordionList__inner.-small {
  max-width: 693px;
  margin: 0px auto;
  padding: 40px 0px;
}
.AccordionList__number {
  display: inline-block;
  font-family: "Inter", sans-serif;
  margin-right: 26px;
  padding-right: 26px;
  border-right: #707070 solid 1px;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .AccordionList__number {
    margin-right: 14px;
    padding-right: 14px;
  }
}
.AccordionList__index {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 2rem;
  letter-spacing: 4px;
  font-weight: bold;
  padding: 24px 80px 24px 20%;
  border: #C9C9C9 solid 1px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .AccordionList__index {
    padding: 7.5px 30px 7.5px 22px;
    font-size: 1.6rem;
  }
}
.AccordionList__index::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: calc(0% - 1px);
  bottom: -1px;
  font-size: 0;
  width: 80px;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 91, 172, 0.15);
  border: #005bac solid 1px;
  border-left: none;
  transition: width ease 0.3s;
}
@media screen and (max-width: 768px) {
  .AccordionList__index::before {
    width: 30px;
  }
}
.AccordionList__index::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  z-index: 20;
  width: 12px;
  height: 12px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url("/homes/recruit/common/images/buttonIcon_more.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .AccordionList__index::after {
    right: 10px;
  }
}
.AccordionList__index:hover::before {
  width: 100%;
}
.AccordionList__activeText {
  display: none;
}
.AccordionList__layout {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 20px;
}
.AccordionList__layoutItem {
  width: 50%;
}
.AccordionList__heading {
  font-weight: bold;
}
.AccordionList__heading.-small {
  font-size: 1.4rem;
  line-height: 2;
}
.AccordionList__heading.-bottom {
  margin-top: 20px;
}
.AccordionList__heading.-kanto {
  color: #2CA6E0;
}
.AccordionList__heading.-chubu {
  color: #9CC844;
}
.AccordionList__heading.-kansai {
  color: #FF955F;
}
.AccordionList__text.-bottom {
  margin-top: 30px;
}
.AccordionList__notes {
  font-size: 1.3rem;
  line-height: 2;
}
.AccordionList__list.-small {
  font-size: 1.4rem;
  line-height: 2;
}
.AccordionList__listItem {
  list-style-type: none;
}
.AccordionList__column {
  margin-top: 50px;
  padding: 23px 25px 30px;
  border: #707070 solid 1px;
}
.AccordionList__columnHeading {
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
}

/*ArticleGrid*/
.ArticleGrid {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 92px 0px 0px -30px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid {
    margin: 42px 0px 0px 0px;
    display: block;
  }
}
.ArticleGrid.-reverse .ArticleGrid__item:nth-child(2n+1) {
  outline: #C9C9C9 solid 1px;
  background-color: transparent;
}
.ArticleGrid.-reverse .ArticleGrid__item:nth-child(2n) {
  outline: none;
  background-color: #f1f1f1;
}
.ArticleGrid.-column2 .ArticleGrid__item {
  width: calc(50% - 30px);
}
@media screen and (max-width: 768px) {
  .ArticleGrid.-column2 .ArticleGrid__item {
    width: 100%;
  }
}
.ArticleGrid.-column2 .ArticleGrid__item.-large {
  width: 100%;
}
.ArticleGrid.-wideGap {
  margin-left: -80px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid.-wideGap {
    margin-left: 0px;
    display: block;
  }
}
.ArticleGrid.-wideGap .ArticleGrid__item {
  width: calc(50% - 80px);
  margin-left: 80px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid.-wideGap .ArticleGrid__item {
    width: 100%;
    margin-left: 0px;
  }
}
.ArticleGrid.-wideGap .ArticleGrid__item.-large {
  width: 100%;
}
.ArticleGrid.-recruit .ArticleGrid__item {
  background-color: #ffffff;
  outline: none;
}
.ArticleGrid.-recruit .ArticleGrid__item.-large .ArticleGrid__textUnit:first-child {
  padding-right: 74px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid.-recruit .ArticleGrid__item.-large .ArticleGrid__textUnit:first-child {
    padding-right: 0px;
  }
}
.ArticleGrid.-recruit .ArticleGrid__item.-large .ArticleGrid__textUnit:last-child {
  border-left: #707070 solid 1px;
  margin-left: 0px;
  padding-left: 74px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid.-recruit .ArticleGrid__item.-large .ArticleGrid__textUnit:last-child {
    border-left: none;
    border-top: #707070 solid 1px;
    padding-top: 30px;
    padding-left: 0px;
  }
}
.ArticleGrid.-recruit .ArticleGrid__title {
  font-size: 3rem;
  padding-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid.-recruit .ArticleGrid__title {
    font-size: 2rem;
  }
}
.ArticleGrid.-recruit .ArticleGrid__title::after {
  content: none;
}
.ArticleGrid.-recruit .ArticleGrid__title + .ArticleGrid__text {
  margin-top: 32px;
}
.ArticleGrid__item {
  position: relative;
  outline: #C9C9C9 solid 1px;
  outline-offset: -1px;
  width: calc(33.33% - 30px);
  margin-left: 30px;
  padding: 45px 40px 40px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item {
    width: 100%;
    margin-left: 0px;
    padding: 30px 22px 24px;
  }
}
.ArticleGrid__item + .ArticleGrid__item {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item + .ArticleGrid__item {
    margin-top: 50px;
  }
}
.ArticleGrid__item::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: -1px;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: #005bac;
}
.ArticleGrid__item:nth-child(2n+1) {
  outline: none;
  background-color: #f1f1f1;
}
@media screen and (min-width: 769px) {
.ArticleGrid__item.-gray{
  outline: none;
  background-color: #f1f1f1;
}
.ArticleGrid__item.-white{
  outline: #C9C9C9 solid 1px;
  outline-offset: -1px;
  background-color: transparent;
}
}
.ArticleGrid__item.-large {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item.-large {
    display: block;
  }
}
.ArticleGrid__item.-large .ArticleGrid__titleUnit {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item.-large .ArticleGrid__titleUnit {
    width: 100%;
  }
}
.ArticleGrid__item.-large .ArticleGrid__textUnit {
  margin-top: 0px;
  width: 52%;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item.-large .ArticleGrid__textUnit {
    width: 100%;
    margin-top: 32px;
    margin-left: 0px;
  }
}
.ArticleGrid__item.-large .ArticleGrid__textUnit:last-child {
  margin-left: 60px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item.-large .ArticleGrid__textUnit:last-child {
    margin-left: 0px;
  }
}
.ArticleGrid__item.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ArticleGrid__item.-fadeItem.-delay.-fadeOn {
  transition: all ease 0.7s 0.2s;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item.-fadeItem.-delay.-fadeOn {
    transition: all ease 0.7s 0s;
  }
}
.ArticleGrid__item.-fadeItem.-delay + .-delay.-fadeOn {
  transition: all ease 0.7s 0.4s;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__item.-fadeItem.-delay + .-delay.-fadeOn {
    transition: all ease 0.7s 0s;
  }
}
.ArticleGrid__item.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.ArticleGrid__titleUnit {
  text-align: center;
}
.ArticleGrid__title {
  position: relative;
  font-size: 2.6rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__title {
    font-size: 2rem;
    font-family: "Noto Serif JP", serif;
  }
}
.ArticleGrid__title::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 66px;
  height: 1px;
  background-color: #333333;
}
.ArticleGrid__heading {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
.ArticleGrid__thumbnail {
  display: inline-block;
  max-width: 334px;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__thumbnail {
    max-width: none;
  }
}
.ArticleGrid__figure {
  text-align: center;
}
.ArticleGrid__figure.-small {
  max-width: 120px;
  margin: 32px auto 0px;
}
.ArticleGrid__figure + .ArticleGrid__text {
  margin-top: 32px;
}
.ArticleGrid__textUnit:last-child {
  margin-top: 32px;
}
.ArticleGrid__text {
  font-size: 1.4rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__text {
    font-size: 1.2rem;
    line-height: 2;
  }
}
.ArticleGrid__text.-large {
  font-size: 1.6rem;
  line-height: 2.25;
}
@media screen and (max-width: 768px) {
  .ArticleGrid__text.-large {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.ArticleGrid__notes {
  font-size: 1.3rem;
  line-height: 1.54;
  margin-top: 10px;
}

/*ArticlePanel*/
.ArticlePanel {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  position: relative;
  margin-top: 4px;
  height: 280px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .ArticlePanel {
    margin-top: 2px;
    height: 180px;
  }
}
.ArticlePanel:hover .ArticlePanel__titleItem::before {
  width: 37%;
  transition: width ease-out 0.2s;
}
@media screen and (max-width: 768px) {
  .ArticlePanel:hover .ArticlePanel__titleItem::before {
    width: 50%;
  }
}
.ArticlePanel.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ArticlePanel.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.ArticlePanel__titleItem {
  color: #ffffff;
  width: 37%;
  background-color: #434343;
}
@media screen and (max-width: 768px) {
  .ArticlePanel__titleItem {
    width: 50%;
  }
}
.ArticlePanel__titleItem::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0%;
  height: 100%;
  background-color: #005bac;
}
.ArticlePanel__titleUnit {
  position: absolute;
  top: 50%;
  left: 7.5%;
  transform: translateY(-50%);
  width: 29%;
}
@media screen and (max-width: 768px) {
  .ArticlePanel__titleUnit {
    width: 40%;
  }
}
.ArticlePanel__number {
  display: inline-block;
  font-size: 3.4rem;
  font-family: "Inter", sans-serif;
  letter-spacing: 2px;
  padding-bottom: 2px;
  border-bottom: #ffffff solid 2px;
}
@media screen and (max-width: 768px) {
  .ArticlePanel__number {
    font-size: 1.8rem;
  }
}
.ArticlePanel__title {
  font-size: 2.8rem;
  letter-spacing: 6px;
  margin-top: 30px;
}
@media screen and (max-width: 1280px) {
  .ArticlePanel__title {
    font-size: 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .ArticlePanel__title {
    font-size: 1.8rem;
    letter-spacing: 4px;
    margin-top: 16px;
  }
}
@media screen and (max-width: 414px) {
  .ArticlePanel__title {
    font-size: 1.4em;
  }
}
.ArticlePanel__thumbnail {
  position: relative;
  width: 63%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .ArticlePanel__thumbnail {
    width: 50%;
  }
}
.ArticlePanel__image {
  height: 100%;
  width: 100%;
}

.ContentArea__articleListItem.-active .ArticlePanel__titleItem::before {
  width: 37%;
  transition: width ease-out 0.2s;
}
@media screen and (max-width: 768px) {
  .ContentArea__articleListItem.-active .ArticlePanel__titleItem::before {
    width: 50%;
  }
}

/*ArticleSlider*/
.ArticleSlider {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .ArticleSlider {
    margin-top: 40px;
  }
}
.ArticleSlider.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ArticleSlider.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.ArticleSlider.-career .ArticleSlider__item {
  max-width: 342px;
  margin: 0px 20px;
}
.ArticleSlider__titleUnit {
  text-align: center;
}
.ArticleSlider__subTitle {
  position: relative;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  display: inline-block;
  font-size: 2.4rem;
  letter-spacing: 4px;
  text-indent: 4px;
  padding-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .ArticleSlider__subTitle {
    font-size: 1.6rem;
    letter-spacing: 2px;
    text-indent: 2px;
  }
}
.ArticleSlider__subTitle::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 8px);
  height: 2px;
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .ArticleSlider__subTitle::after {
    width: calc(100% - 4px);
  }
}
.ArticleSlider__title {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 4.8rem;
  letter-spacing: 16px;
  text-indent: 16px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .ArticleSlider__title {
    font-family: "Noto Serif JP", serif;
    font-size: 3.2rem;
    letter-spacing: 6px;
    text-indent: 6px;
  }
}
.ArticleSlider__list {
  position: relative;
  margin-top: 92px;
}
@media screen and (max-width: 768px) {
  .ArticleSlider__list {
    margin-top: 48px;
  }
}
.ArticleSlider__item {
  position: relative;
  padding: 0px 20px;
  outline: none;
}
.ArticleSlider__item.-bgGray {
  background-color: #f1f1f1;
  padding: 0px;
}
.ArticleSlider__item:hover .ContentArea__image {
  transform: scale(1.1);
}
.ArticleSlider__item .ContentArea__image {
  transition: transform ease 0.3s;
}
.ArticleSlider__link {
  outline: none;
}
.ArticleSlider__link::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.ArticleSlider__avatar {
  overflow: hidden;
}
.ArticleSlider .slick-arrow {
  position: absolute;
  bottom: 0px;
  font-size: 0;
  width: 60px;
  height: 58px;
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 91, 172, 0.15);
  border: #005bac solid 1px;
  border-left: none;
}
.ArticleSlider .slick-arrow.slick-prev {
  right: 60px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ArticleSlider .slick-arrow.slick-next {
  right: 0px;
}
.ArticleSlider .slick-arrow.slick-next::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 40px;
  margin-right: 59px;
  background-color: #005bac;
}

/*Body*/
.Body.-noGap .Footer {
  margin-top: 0px;
}

/*Breadcrumb*/
.Breadcrumb {
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 1px;
  border-top: #C9C9C9 solid 1px;
  border-bottom: #C9C9C9 solid 1px;
  margin-top: 101px;
  padding: 3px 7.5%;
}
@media screen and (max-width: 768px) {
  .Breadcrumb {
    font-size: 1.1rem;
    margin-top: 71px;
    padding: 3px 20px;
  }
}
.Breadcrumb__item {
  display: inline-block;
}
.Breadcrumb__item + .Breadcrumb__item {
  position: relative;
  margin-left: 5px;
  padding-left: 12px;
}
.Breadcrumb__item + .Breadcrumb__item::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0px;
  width: 6px;
  height: 9px;
  background-image: url("/homes/recruit/common/images/arrowHorizontal_gray.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.Breadcrumb__link {
  text-decoration: none;
  color: #333333;
}
.Breadcrumb__link:visited {
  color: #333333;
}
.Breadcrumb__link:hover {
  color: #005bac;
  text-decoration: underline;
}

/*CareerBox*/
.CareerBox {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  position: relative;
  background-color: #f1f1f1;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .CareerBox {
    display: block;
  }
}
.CareerBox + .CareerBox {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .CareerBox + .CareerBox {
    margin-top: 10px;
  }
}
.CareerBox:hover {
  color: #ffffff;
}
.CareerBox:hover::before {
  transition: width ease-out 0.5s;
  width: 100%;
}
.CareerBox:hover .CareerBox__historyUnit .CareerBox__careerName::before {
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_whiteL.svg");
}
.CareerBox:hover .CareerBox__image {
  transform: scale(1.2);
}
@media screen and (max-width: 768px) {
  .CareerBox:hover {
    color: #333333;
  }
  .CareerBox:hover::before {
    width: 0%;
  }
  .CareerBox:hover .CareerBox__historyUnit .CareerBox__careerName::before {
    background-image: url("/homes/recruit/common/images/detailArrowVertical_blue.svg");
  }
}
.CareerBox::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0%;
  width: 0%;
  height: 100%;
  background-color: #005bac;
}
.CareerBox.-colorYellow {
  background-color: #F8F5ED;
}
.CareerBox.-reverse .CareerBox__textUnit {
  margin-left: 7.5%;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
}
.CareerBox.-reverse .CareerBox__textUnit.-column2 {
  margin-right: 162px;
}
@media screen and (max-width: 1024px) {
  .CareerBox.-reverse .CareerBox__textUnit.-column2 {
    margin-right: 81px;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox.-reverse .CareerBox__textUnit.-column2 {
    margin: 0px auto;
  }
}
.CareerBox.-reverse .CareerBox__textUnit.-column3 {
  margin-right: 70px;
}
@media screen and (max-width: 1024px) {
  .CareerBox.-reverse .CareerBox__textUnit.-column3 {
    margin-right: 35px;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox.-reverse .CareerBox__textUnit.-column3 {
    margin: 0px auto;
  }
}
.CareerBox.-reverse .CareerBox__textUnit.-column4 {
  margin-right: 35px;
}
@media screen and (max-width: 1024px) {
  .CareerBox.-reverse .CareerBox__textUnit.-column4 {
    margin-right: 18px;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox.-reverse .CareerBox__textUnit.-column4 {
    margin: 0px auto;
  }
}
.CareerBox__textUnit {
  position: relative;
  margin-right: 7.5%;
  width: 76%;
}
@media screen and (max-width: 768px) {
  .CareerBox__textUnit {
    width: calc(100% - 80px);
  }
}
.CareerBox__textUnit.-column2 {
  margin-left: 162px;
}
@media screen and (max-width: 1024px) {
  .CareerBox__textUnit.-column2 {
    margin-left: 81px;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox__textUnit.-column2 {
    margin: 0px auto;
  }
}
.CareerBox__textUnit.-column3 {
  margin-left: 70px;
}
@media screen and (max-width: 1024px) {
  .CareerBox__textUnit.-column3 {
    margin-left: 35px;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox__textUnit.-column3 {
    margin: 0px auto;
  }
}
.CareerBox__textUnit.-column4 {
  margin-left: 35px;
}
@media screen and (max-width: 1024px) {
  .CareerBox__textUnit.-column4 {
    margin-left: 18px;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox__textUnit.-column4 {
    margin: 0px auto;
  }
}
.CareerBox__number {
  font-size: 1.6rem;
  font-family: "Inter", sans-serif;
  color: #005bac;
  font-weight: bold;
  letter-spacing: 4px;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  .CareerBox__number {
    font-size: 1.2rem;
    padding-top: 10px;
    text-align: center;
  }
}
.CareerBox__copy {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  line-height: 1.6;
  margin-top: -2px;
}
@media screen and (max-width: 768px) {
  .CareerBox__copy {
    font-family: "Noto Serif JP", serif;
    font-size: 2rem;
    text-align: center;
    margin-top: 2px;
  }
}
.CareerBox__promotionHistory {
  margin-top: 10px;
}
.CareerBox__promotionHistory.-column2 .CareerBox__historyUnit {
  width: calc((100% / 2) - 34px);
}
@media screen and (max-width: 768px) {
  .CareerBox__promotionHistory.-column2 .CareerBox__historyUnit {
    width: 100%;
  }
}
.CareerBox__promotionHistory.-column3 .CareerBox__historyUnit {
  width: calc((100% / 3) - 34px);
}
@media screen and (max-width: 768px) {
  .CareerBox__promotionHistory.-column3 .CareerBox__historyUnit {
    width: 100%;
  }
}
.CareerBox__promotionHistory.-column4 .CareerBox__historyUnit {
  width: calc((100% / 4) - 35px);
}
@media screen and (max-width: 768px) {
  .CareerBox__promotionHistory.-column4 .CareerBox__historyUnit {
    width: 100%;
  }
}
.CareerBox__promotionHistoryInner {
  margin-left: -32px;
  padding-bottom: 78px;
}
@media screen and (max-width: 768px) {
  .CareerBox__promotionHistoryInner {
    margin-left: 0px;
    padding-bottom: 0px;
  }
}
.CareerBox__historyUnit {
  margin-left: 32px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .CareerBox__historyUnit {
    margin-left: 0px;
    margin-top: 20px;
    display: block;
  }
}
.CareerBox__historyUnit:not(:last-child) .CareerBox__careerName::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  width: 27px;
  height: 23px;
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_blueL.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .CareerBox__historyUnit:not(:last-child) .CareerBox__careerName::before {
    top: auto;
    left: 50%;
    bottom: -17px;
    width: 15px;
    height: 14px;
    transform: translate(-50%, 0%);
    background-image: url("/homes/recruit/common/images/detailArrowVertical_blue.svg");
  }
}
.CareerBox__careerName {
  position: relative;
  text-align: center;
  font-size: 2.2rem;
  color: #005bac;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #ffffff;
  vertical-align: middle;
  border-left: #005bac solid 2px;
}
@media screen and (max-width: 1280px) {
  .CareerBox__careerName {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox__careerName {
    height: 28px;
    line-height: 28px;
    font-size: 1.8rem;
  }
}
.CareerBox__careerName.-small {
  font-size: 2rem;
}
@media screen and (max-width: 1280px) {
  .CareerBox__careerName.-small {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox__careerName.-small {
    font-size: 1.8rem;
  }
}
.CareerBox__historyText {
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .CareerBox__historyText {
    display: none;
  }
}
.CareerBox__avatar {
  position: relative;
  z-index: 10;
  width: 24%;
  overflow: hidden;
}

.CareerBox.-reverse .CareerBox__avatar {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
}


@media screen and (max-width: 768px) {
  .CareerBox__avatar {
    width: 100%;
  }
}
.CareerBox__image {
  width: 100%;
  height: 100%;
  transition: transform ease 0.5s;
}
@media screen and (max-width: 768px) {
  .CareerBox__image {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox__image.-pcContents {
    display: none;
  }
}
.CareerBox__image.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .CareerBox__image.-spContents {
    display: block;
  }
}

/*CareerDetailSection*/
.CareerDetailSection {
  margin: 113px auto 0px;
  padding: 60px 0px 120px;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection {
    margin: 40px auto 0px;
    padding: 30px 0px 60px;
  }
}
.CareerDetailSection + .CareerDetailSection {
  margin-top: 0px;
}
.CareerDetailSection.-bgGray {
  background-color: #f1f1f1;
}
.CareerDetailSection.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.CareerDetailSection.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.CareerDetailSection__headUnit {
  text-align: center;
  width: calc(100% - 36px);
  max-width: 1088px;
  margin: 0px auto;
}
.CareerDetailSection__eraUnit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  color: #005bac;
  padding-bottom: 10px;
  border-bottom: #838383 solid 1px;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__eraUnit {
    display: block;
  }
}
.CareerDetailSection__eraUnit.-step0 {
  color: #333333;
}
.CareerDetailSection__step {
  display: inline-block;
  font-size: 1.4rem;
  font-family: "Inter", sans-serif;
  letter-spacing: 4px;
  text-indent: 4px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__step {
    font-size: 1.2rem;
    width: 100%;
  }
}
.CareerDetailSection__era {
  display: inline-block;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 8px;
  text-indent: 8px;
  margin: 0px 25px;
  padding: 0px 25px;
  border-left: #838383 solid 1px;
  border-right: #838383 solid 1px;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__era {
    font-size: 1.8rem;
    margin: 6px 0px 0px;
    padding: 0px 16px;
  }
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__era.-long {
    letter-spacing: 4px;
    text-indent: 4px;
  }
}
.CareerDetailSection__age {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 4px;
  text-indent: 4px;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__age {
    font-size: 1.2rem;
    margin-top: 6px;
    width: 100%;
  }
}
.CareerDetailSection__comment {
  font-size: 3rem;
  line-height: 1.6;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__comment {
    font-family: "Noto Serif JP", serif;
    font-size: 1.8rem;
  }
}
.CareerDetailSection__textUnit {
  width: calc(52% + 80px);
  padding: 0px 40px;
  margin: 60px auto 0px;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__textUnit {
    width: 100%;
    margin: 32px auto 0px;
  }
}
.CareerDetailSection__text + .CareerDetailSection__text {
  margin-top: 30px;
}
.CareerDetailSection__notes {
  font-size: 1.3rem;
  line-height: 1.54;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__notes {
    font-size: 1.2rem;
  }
}
.CareerDetailSection__thumbnail {
  width: calc(100% - 80px);
  max-width: 528px;
  margin: 0px auto;
}
.CareerDetailSection__thumbnail + .CareerDetailSection__headUnit {
  margin-top: 60px;
}
.CareerDetailSection__thumbnail.-top {
  margin-top: 60px;
}
.CareerDetailSection__bgUnit {
  position: relative;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__bgUnit {
    background-color: #f1f1f1;
    padding-bottom: 60px;
  }
}
.CareerDetailSection__adviceUnit {
  position: absolute;
  top: 50%;
  left: 132px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1280px) {
  .CareerDetailSection__adviceUnit {
    left: 10.3125vw;
  }
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__adviceUnit {
    position: static;
    transform: none;
  }
}
.CareerDetailSection__heading {
  font-size: 1.8rem;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__heading {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 20px;
  }
}
.CareerDetailSection__heading::before {
  content: "■";
}
.CareerDetailSection__advice {
  font-size: 3rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  margin-top: 40px;
}
@media screen and (max-width: 1280px) {
  .CareerDetailSection__advice {
    font-size: 2.34375vw;
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__advice {
    font-family: "Noto Serif JP", serif;
    font-size: 2rem;
    line-height: 1.9;
    text-align: center;
    margin-top: 10px;
    padding: 0px 18px;
  }
}
.CareerDetailSection__advice.-white {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .CareerDetailSection__advice.-white {
    color: #333333;
  }
}

/*ContentArea*/
.ContentArea {
  background-color: #ffffff;
  transform: translateY(20px);
  opacity: 0;
}
.ContentArea.-displayed {
  transform: translateY(0px);
  opacity: 1;
  transition: all ease 0.7s;
}
.ContentArea.-displayed.-about {
  margin-top: 20px;
}
@media screen and (max-height: 800px) {
  .ContentArea.-displayed.-about {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea.-displayed.-about {
    margin-top: 0px;
  }
}
.ContentArea__topUnit {
  position: relative;
  margin-top: 500px;
}
.ContentArea__topUnit::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -400px;
  width: 100%;
  height: 400px;
  background: white;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 768px) {
  .ContentArea__topUnit::after {
    top: -200px;
    width: 100%;
    height: 200px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__topUnit {
    margin-top: 200px;
  }
}
.ContentArea__ruledLine {
  letter-spacing: -2px;
  padding-right: 6px;
}
.ContentArea__topUnitInner {
  max-width: 718px;
  margin: 0px auto 340px;
}
@media screen and (max-width: 768px) {
  .ContentArea__topUnitInner {
    margin: 30px auto 230px;
  }
}
.ContentArea__topUnitInner.-fadeItem {
  transform: translateY(20px);
  opacity: 0;
}
.ContentArea__topUnitInner.-fadeOn {
  transform: translateY(0px);
  opacity: 1;
  transition: all ease 0.7s;
}
.ContentArea__lead {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 2px;
  margin: 0px 18px 0px 40px;
}
@media screen and (max-width: 768px) {
  .ContentArea__lead {
    font-size: 1.4rem;
  }
}
.ContentArea__lead + .ContentArea__lead {
  margin-top: 40px;
}
.ContentArea__caption {
  max-width: 600px;
  margin: 40px auto 0px;
  font-size: 1.6rem;
  line-height: 1.75;
  width: calc(100% - 80px);
}
@media screen and (max-width: 768px) {
  .ContentArea__caption {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.ContentArea__inner {
  width: calc(100% - 80px);
  max-width: 1088px;
  margin: 0px auto;
}
.ContentArea__inner.-full {
  width: 100%;
}
.ContentArea__inner.-mw900 {
  max-width: 900px;
}
.ContentArea__inner.-small {
  max-width: 793px;
}
.ContentArea__inner.-thin {
  max-width: 592px;
}
.ContentArea__inner.-large {
  width: calc(100% - 36px);
}
.ContentArea__inner.-large .ContentArea__inner {
  width: calc(100% - 44px);
}
.ContentArea__inner.-center {
  text-align: center;
}
.ContentArea__inner.-max {
  max-width: 1280px;
}
.ContentArea__headUnit {
  text-align: center;
}
.ContentArea__headUnit.-left {
  text-align: left;
  margin-left: 7.5%;
}
.ContentArea__headUnit.-wideMt {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .ContentArea__headUnit.-wideMt {
    margin-top: 50px;
  }
}
.ContentArea__headUnit.-home .ContentArea__heading {
  font-size: 7.1rem;
}
@media screen and (max-width: 1280px) {
  .ContentArea__headUnit.-home .ContentArea__heading {
    font-size: 3rem;
  }
}
.ContentArea__headUnit.-home .ContentArea__subHeading {
  font-size: 3.5rem;
}
@media screen and (max-width: 1280px) {
  .ContentArea__headUnit.-home .ContentArea__subHeading {
    font-size: 2.4rem;
  }
}
.ContentArea__headUnit.-home.-small .ContentArea__heading {
  font-size: 4.5rem;
}
@media screen and (max-width: 1280px) {
  .ContentArea__headUnit.-home.-small .ContentArea__heading {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__headUnit.-home.-small .ContentArea__heading {
    font-size: 2rem;
  }
}
.ContentArea__headUnit.-home.-small .ContentArea__subHeading {
  font-size: 3rem;
}
@media screen and (max-width: 1280px) {
  .ContentArea__headUnit.-home.-small .ContentArea__subHeading {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__headUnit.-home.-small .ContentArea__subHeading {
    font-size: 1.4rem;
  }
}
.ContentArea__headUnit.-small {
  margin-top: 0px;
}
.ContentArea__headUnit.-small .ContentArea__heading {
  font-size: 3rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: bold;
  letter-spacing: 6px;
  text-indent: 6px;
}
@media screen and (max-width: 768px) {
  .ContentArea__headUnit.-small .ContentArea__heading {
    font-size: 2rem;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 2px;
    text-indent: 2px;
  }
}
.ContentArea__headUnit.-small .ContentArea__subHeading {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .ContentArea__headUnit.-small .ContentArea__subHeading {
    font-size: 1.4rem;
    letter-spacing: 2px;
    text-indent: 2px;
  }
}
.ContentArea__headUnit.-white {
  color: #ffffff;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.ContentArea__headUnit.-white .ContentArea__subHeading::after {
  background-color: #ffffff;
}
.ContentArea__headUnit.-white .ContentArea__number {
  border-color: #ffffff;
}
.ContentArea__floatUnit {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  pointer-events: none;
  margin-top: 0px;
}
.ContentArea__floatUnit.-eventAuto {
  pointer-events: auto;
}
.ContentArea__floatUnit.-technology {
  width: auto;
}
.ContentArea__floatUnit.-concept {
  top: 45px;
  left: 0%;
  transform: none;
  width: auto;
  text-align: left;
  margin-left: 7.5%;
}
@media screen and (max-width: 768px) {
  .ContentArea__floatUnit.-concept {
    top: 50%;
    left: auto;
    transform: translate(0%, -50%);
    width: 100%;
    margin: 0px;
    padding: 0px 10px 0px 40px;
  }
}
.ContentArea__floatUnit.-logo {
  width: 60%;
  max-width: 520px;
}
.ContentArea__number {
  display: inline-block;
  font-size: 3.4rem;
  font-family: "Inter", sans-serif;
  letter-spacing: 2px;
  padding-bottom: 2px;
  border-bottom: #333333 solid 2px;
}
@media screen and (max-width: 768px) {
  .ContentArea__number {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__number.-concept {
    font-size: 3.4rem;
  }
}
.ContentArea__copy {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.6rem;
  line-height: 1.91;
}
@media screen and (max-width: 414px) {
  .ContentArea__copy {
    margin-top: 20px;
    font-size: 2.2rem;
    font-family: "Noto Serif JP", serif;
  }
}
.ContentArea__heading {
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 4.8rem;
  font-weight: normal;
  letter-spacing: 16px;
  text-indent: 16px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__heading {
    font-size: 3rem;
    letter-spacing: 6px;
    text-indent: 6px;
    font-family: "Noto Serif JP", serif;
  }
}
.ContentArea__subHeading {
  position: relative;
  display: inline-block;
  font-size: 2.4rem;
  letter-spacing: 4px;
  text-indent: 4px;
  padding-bottom: 6px;
}
@media screen and (max-width: 768px) {
  .ContentArea__subHeading {
    font-size: 1.6rem;
    letter-spacing: 2px;
    text-indent: 2px;
  }
}
.ContentArea__subHeading.-en {
  font-family: "Inter", sans-serif;
  font-weight: bold;
}
.ContentArea__subHeading::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 8px);
  height: 2px;
  background-color: #333333;
}
.ContentArea__headMenuList {
  font-size: 2rem;
  margin-top: 40px;
}
@media screen and (max-width: 1280px) {
  .ContentArea__headMenuList {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__headMenuList {
    font-size: 1.4rem;
    margin-top: 20px;
  }
}
.ContentArea__headMenuItem {
  display: inline-block;
  list-style-type: none;
}
.ContentArea__headMenuItem + .ContentArea__headMenuItem::before {
  content: "／";
}
.ContentArea__sectionTitle {
  margin-top: 130px;
}
@media screen and (max-width: 768px) {
  .ContentArea__sectionTitle {
    margin-top: 90px;
  }
}
.ContentArea__sectionTitle.-link {
  margin-top: -101px;
  padding-top: 131px;
}
@media screen and (max-width: 768px) {
  .ContentArea__sectionTitle.-link {
    margin-top: -69px;
    padding-top: 119px;
  }
}
.ContentArea__profile {
  position: relative;
  margin-top: 14px;
  padding-top: 64px;
}
.ContentArea__profile::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 50px;
  background-color: #222728;
}
.ContentArea__profile.-center {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ContentArea__avatarCaption {
    margin-top: -30px;
  }
}
.ContentArea__figcaption {
  font-size: 1.2rem;
  line-height: 1.83;
  margin-top: 10px;
  text-align: center;
}
.ContentArea__articleList {
  margin-top: 62px;
}
.ContentArea__slideItem {
  display: none;
}
.ContentArea__slideItemInner {
  width: calc(100% - 36px);
  max-width: 715px;
  margin: 0px auto 140px;
}
@media screen and (max-width: 768px) {
  .ContentArea__slideItemInner {
    margin: 0px auto 50px;
  }
}
.ContentArea__slideItemHeading {
  position: relative;
  font-size: 3.6rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  text-align: center;
  line-height: 2;
  margin-top: 60px;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .ContentArea__slideItemHeading {
    font-size: 2.2rem;
    font-family: "Noto Serif JP", serif;
    line-height: 1.77;
    margin-top: 30px;
    padding-bottom: 16px;
  }
}
.ContentArea__slideItemHeading::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 100px;
  height: 2px;
  background-color: #434343;
}
@media screen and (max-width: 768px) {
  .ContentArea__slideItemHeading::after {
    width: 60px;
    height: 1px;
  }
}
.ContentArea__slideItemText {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .ContentArea__slideItemText {
    margin-top: 40px;
  }
}
.ContentArea__slideItemText + .ContentArea__slideItemText {
  margin-top: 30px;
}
.ContentArea__slideItemFigure {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .ContentArea__slideItemFigure {
    margin-top: 50px;
  }
}
.ContentArea__slideItemFigure + .ContentArea__slideItemText {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .ContentArea__slideItemFigure + .ContentArea__slideItemText {
    margin-top: 50px;
  }
}
.ContentArea__slideItemFigure.-small {
  max-width: 590px;
  margin: 70px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__slideItemFigure.-small {
    margin: 50px auto 0px;
  }
}
.ContentArea__commonButton {
  position: relative;
  text-align: center;
  padding: 19px 25px;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContentArea__commonButton {
    font-size: 1.1rem;
    padding: 10px 8px;
  }
}
.ContentArea__commonButton.-black {
  color: #ffffff;
  background-color: #333333;
}
.ContentArea__commonButton.-black .ContentArea__commonButtonLink {
  color: #ffffff;
}
.ContentArea__commonButton.-black .ContentArea__commonButtonLink::after {
  background-image: url("/homes/recruit/common/images/menu_arrowHorizontal_white.svg");
}
.ContentArea__commonButton.-black:hover {
  color: #333333;
  background-color: #f1f1f1;
}
.ContentArea__commonButton.-black:hover .ContentArea__commonButtonLink {
  color: #333333;
}
.ContentArea__commonButton.-black:hover .ContentArea__commonButtonLink::after {
  background-image: url("/homes/recruit/common/images/menu_arrowHorizontal_black.svg");
}
.ContentArea__commonButtonLink {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px auto;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.ContentArea__commonButtonLink::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 11px;
  margin-left: 8px;
  background-image: url("/homes/recruit/common/images/menu_arrowHorizontal_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.ContentArea__button {
  width: 100%;
  max-width: 300px;
  text-align: left;
}
.ContentArea__button.-en {
  font-family: "Inter", sans-serif;
}
.ContentArea__button.-home {
  max-width: 450px;
}
@media screen and (max-width: 1280px) {
  .ContentArea__button.-home {
    max-width: 300px;
  }
}
.ContentArea__button.-home.-shutter .ContentArea__buttonLink::before {
  width: 86px;
}
@media screen and (max-width: 1280px) {
  .ContentArea__button.-home.-shutter .ContentArea__buttonLink::before {
    width: 60px;
  }
}
.ContentArea__button.-home.-shutter .ContentArea__buttonLink::after {
  right: 34px;
  width: 17px;
  height: 18px;
}
@media screen and (max-width: 1280px) {
  .ContentArea__button.-home.-shutter .ContentArea__buttonLink::after {
    right: 22px;
    width: 12px;
    height: 13px;
  }
}
.ContentArea__button.-entry {
  position: relative;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  text-align: center;
  width: calc(100% - 80px);
  max-width: 884px;
  margin: 66px auto 0px;
  background-color: #005bac;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-entry {
    margin: 48px auto 0px;
  }
}
.ContentArea__button.-entry .ContentArea__buttonLink {
  position: relative;
  font-size: 3.8rem;
  letter-spacing: 4px;
  padding: 55px 0px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-entry .ContentArea__buttonLink {
    font-size: 1.4rem;
    padding: 25px 0px;
  }
}
.ContentArea__button.-entry .ContentArea__buttonLink:visited {
  color: #ffffff;
}
.ContentArea__button.-entry .ContentArea__buttonLink:hover {
  color: #ffffff;
}
.ContentArea__button.-entry .ContentArea__buttonLink:hover::before {
  width: 100%;
  height: 100%;
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ContentArea__button.-entry .ContentArea__buttonLink:hover::after {
  transform: translateX(42px);
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-entry .ContentArea__buttonLink:hover::after {
    transform: translate(0%, -50%);
  }
}
.ContentArea__button.-entry .ContentArea__buttonLink:hover .ContentArea__buttonText {
  transform: none;
}
.ContentArea__button.-entry .ContentArea__buttonLink::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0px;
  height: 100%;
  background-color: #222728;
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: width ease-out 0.2s, opacity ease-out 0.2s;
}
.ContentArea__button.-entry .ContentArea__buttonLink::after {
  content: "";
  display: inline-block;
  margin-left: 20px;
  width: 28px;
  height: 29px;
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform ease-out 0.2s;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-entry .ContentArea__buttonLink::after {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 22px;
    transform: translate(0%, -50%);
    width: 10px;
    height: 11px;
  }
}
.ContentArea__button.-line2 .ContentArea__buttonLink {
  line-height: 1.5;
}
.ContentArea__button.-line2.-underline .ContentArea__buttonLink::after {
  top: 24px;
}
.ContentArea__button.-line2.-underline .ContentArea__buttonLink:hover .ContentArea__buttonText {
  transform: translateY(-60px);
}
.ContentArea__button.-line2.-underline .ContentArea__buttonText::after {
  white-space: pre;
  top: 60px;
}
.ContentArea__button.-line2.-underline.-large .ContentArea__buttonLink {
  padding: 0px 10px 14px;
}
.ContentArea__button.-underline {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-underline {
    margin-top: 20px;
  }
}
.ContentArea__button.-underline.-large .ContentArea__buttonLink {
  padding: 0px 10px 21.5px;
}
.ContentArea__button.-underline.-external .ContentArea__buttonLink::after {
  width: 12px;
  height: 10px;
  background-image: url("/homes/recruit/common/images/common_externalIcon_blue.svg");
}
.ContentArea__button.-underline .ContentArea__buttonLink {
  padding: 0px 20px 20px;
  border-bottom: #C9C9C9 solid 1px;
}
.ContentArea__button.-underline .ContentArea__buttonLink:hover {
  border-bottom: #ffffff solid 1px;
}
.ContentArea__button.-underline .ContentArea__buttonLink:hover::before {
  width: 100%;
}
.ContentArea__button.-underline .ContentArea__buttonLink::before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0px;
  width: 60px;
  height: 1px;
  background-color: #005bac;
  transition: width ease-out 0.2s;
}
.ContentArea__button.-underline .ContentArea__buttonLink::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 24px;
  width: 12px;
  height: 13px;
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.ContentArea__button.-underline.-more .ContentArea__buttonLink::after {
  content: none;
}
.ContentArea__button.-underline.-more .ContentArea__buttonTextOuter::before {
  content: "";
  position: absolute;
  z-index: 10;
  top: 0px;
  right: 30px;
  width: 1px;
  height: 13px;
  background-color: #ffffff;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-underline.-more .ContentArea__buttonTextOuter::before {
    content: "";
  }
}
.ContentArea__button.-underline.-more .ContentArea__buttonTextOuter::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: 6px;
  right: 24px;
  width: 13px;
  height: 1px;
  background-color: #ffffff;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-underline.-more .ContentArea__buttonTextOuter::after {
    content: "";
  }
}
.ContentArea__button.-shutter.-background .ContentArea__buttonLink {
  background-color: #ffffff;
}
.ContentArea__button.-shutter.-large .ContentArea__buttonLink {
  padding: 20.5px 25px;
}
.ContentArea__button.-shutter.-large.-home .ContentArea__buttonLink {
  padding: 31px 25px;
}
@media screen and (max-width: 1280px) {
  .ContentArea__button.-shutter.-large.-home .ContentArea__buttonLink {
    padding: 20.5px 25px;
  }
}
.ContentArea__button.-shutter.-large.-sustainable {
  max-width: none;
}
.ContentArea__button.-shutter.-large.-sustainable .ContentArea__buttonLink {
  padding: 30.5px 25px;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-shutter.-large.-sustainable .ContentArea__buttonLink {
    padding: 20.5px 25px;
  }
}
.ContentArea__button.-shutter.-large.-sustainable .ContentArea__buttonLink::before {
  width: 80px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-shutter.-large.-sustainable .ContentArea__buttonLink::before {
    width: 60px;
  }
}
.ContentArea__button.-shutter.-large.-sustainable .ContentArea__buttonLink::after {
  right: 32px;
}
@media screen and (max-width: 768px) {
  .ContentArea__button.-shutter.-large.-sustainable .ContentArea__buttonLink::after {
    right: 22px;
    width: 12px;
    height: 13px;
  }
}
.ContentArea__button.-shutter.-large.-sustainable .ContentArea__buttonLink:hover::before {
  width: 100%;
}
.ContentArea__button.-shutter .ContentArea__buttonLink {
  border: solid #C9C9C9 1px;
  padding: 23px 25px;
}
.ContentArea__button.-shutter .ContentArea__buttonLink::before {
  content: "";
  position: absolute;
  z-index: 0;
  right: calc(0% - 1px);
  bottom: -1px;
  font-size: 0;
  width: 60px;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 91, 172, 0.15);
  border: #005bac solid 1px;
  border-left: none;
  transition: width ease 0.3s;
}
.ContentArea__button.-shutter .ContentArea__buttonLink::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  z-index: 20;
  width: 12px;
  height: 13px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.ContentArea__button.-shutter .ContentArea__buttonLink:hover::before {
  width: 100%;
}
.ContentArea__button.-center {
  margin: 0px auto;
}
.ContentArea__button.-large .ContentArea__buttonLink {
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 4px;
}
.ContentArea__button.-large.-home .ContentArea__buttonLink {
  font-size: 2.2rem;
}
@media screen and (max-width: 1280px) {
  .ContentArea__button.-large.-home .ContentArea__buttonLink {
    font-size: 1.5rem;
  }
}
.ContentArea__buttonLink {
  position: relative;
  display: inline-block;
  color: #333333;
  text-decoration: none;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 1.2rem;
  width: 100%;
}
.ContentArea__buttonLink:hover .ContentArea__buttonText {
  transform: translateY(-32px);
}
.ContentArea__buttonLink.-white {
  color: #ffffff;
}
.ContentArea__buttonOuter {
  margin-top: 50px;
}
.ContentArea__buttonOuter.-float {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ContentArea__buttonOuter.-float .ContentArea__button {
  width: 300px;
}
.ContentArea__buttonOuter.-float .ContentArea__button.-home {
  width: 450px;
}
@media screen and (max-width: 1280px) {
  .ContentArea__buttonOuter.-float .ContentArea__button.-home {
    width: 300px;
  }
}
.ContentArea__buttonOuter.-float .ContentArea__button + .ContentArea__button {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-float .ContentArea__button + .ContentArea__button {
    margin-top: 20px;
  }
}
.ContentArea__buttonOuter.-entry {
  padding-bottom: 66px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-entry {
    padding-bottom: 48px;
  }
}
.ContentArea__buttonOuter.-company {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  left: auto;
  right: 6%;
  transform: translate(0%, -50%);
  margin: -12px 0px 0px -24px;
  width: 648px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-company {
    justify-content: space-between;
    top: auto;
    bottom: 10%;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    margin: 0px;
    padding: 0px 18px;
  }
}
.ContentArea__buttonOuter.-company .ContentArea__button {
  max-width: 300px;
  margin: 24px 0px 0px 24px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-company .ContentArea__button {
    max-width: none;
    margin: 20px 0px 0px 0px;
    width: calc(50% - (15px / 2));
    height: 32px;
  }
}
.ContentArea__buttonOuter.-company .ContentArea__button.-home {
  max-width: 450px;
}
@media screen and (max-width: 1280px) {
  .ContentArea__buttonOuter.-company .ContentArea__button.-home {
    max-width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-company .ContentArea__button.-home {
    width: calc(50% - (15px / 2));
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-company .ContentArea__button.-large .ContentArea__buttonLink {
    letter-spacing: 1px;
    font-size: 1.1rem;
    padding: 10px 8px;
  }
}
.ContentArea__buttonOuter.-company .ContentArea__button.-shutter .ContentArea__buttonLink {
  border: #ffffff solid 1px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-company .ContentArea__button.-shutter .ContentArea__buttonLink::before {
    width: 30px;
    height: 100%;
    background-position: right 12px center;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-company .ContentArea__button.-shutter .ContentArea__buttonLink::after {
    right: 11px;
    width: 9px;
    height: 10px;
  }
}
.ContentArea__buttonOuter.-company .ContentArea__button.-shutter .ContentArea__buttonLink:hover::before {
  width: 100%;
}
.ContentArea__buttonOuter.-justify::after {
  content: "";
  display: block;
  width: calc(33.33% - 26px);
  margin: 26px 0px 0px 26px;
  max-width: 300px;
}
.ContentArea__buttonOuter.-head {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  column-gap: 24px;
  max-width: 1280px;
  margin: 18px 0px 0px -26px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-head {
    margin: 28px 0px 0px -16px;
    justify-content: space-between;
    column-gap:normal;
  }
}
.ContentArea__buttonOuter.-head .ContentArea__buttonItem {
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-head .ContentArea__button.-large .ContentArea__buttonLink {
    letter-spacing: 1px;
    font-size: 1.1rem;
    padding: 10px 8px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-head .ContentArea__button.-shutter .ContentArea__buttonLink::before {
    width: 30px;
    height: 100%;
    background-position: right 12px center;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonOuter.-head .ContentArea__button.-shutter .ContentArea__buttonLink::after {
    right: 11px;
    width: 9px;
    height: 10px;
  }
}
.ContentArea__buttonOuter.-head .ContentArea__button.-shutter .ContentArea__buttonLink:hover::before {
  width: 100%;
}
.ContentArea__buttonItem {
  width: calc(33.33% - 26px);
  margin: 26px 0px 0px 26px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonItem {
    width: calc(50% - 16px);
    margin: 16px 0px 0px 16px;
  }
}
.ContentArea__buttonItem.-column2 {
  width: 50%;
  margin-left: 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonItem.-column2 {
    width: 100%;
  }
}
.ContentArea__buttonItem.-column2 + .ContentArea__buttonItem {
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .ContentArea__buttonItem.-column2 + .ContentArea__buttonItem {
    margin-left: 0px;
  }
}
.ContentArea__buttonTextOuter {
  display: inline-block;
  overflow: hidden;
}
@media all and (-ms-high-contrast: none) {
  .ContentArea__buttonTextOuter {
    padding-top: 2px;
  }
}
.ContentArea__buttonText {
  display: inline-block;
  position: relative;
  transition: transform ease-out 0.2s;
}
.ContentArea__buttonText::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 32px;
}
.ContentArea__tableOuter {
  max-width: 1280px;
  padding: 0px 7.5%;
  margin: 60px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__tableOuter {
    margin: 30px auto 0px;
  }
}
.ContentArea__table {
  table-layout: fixed;
  border-collapse: collapse;
}
.ContentArea__tableRow:first-child .ContentArea__tableData {
  border-top: #C9C9C9 solid 1px;
}
.ContentArea__tableRow:last-child .ContentArea__tableHead {
  border-bottom: none;
}
.ContentArea__tableHead {
  background-color: #f1f1f1;
  font-size: 1.6rem;
  width: 170px;
  padding: 0px 2px;
  border-bottom: #666666 solid 1px;
}
@media screen and (max-width: 768px) {
  .ContentArea__tableHead {
    width: 18%;
    font-size: 1.2rem;
  }
}
.ContentArea__tableData {
  padding: 30px 47px;
  border-bottom: #C9C9C9 solid 1px;
}
@media screen and (max-width: 768px) {
  .ContentArea__tableData {
    width: 82%;
    padding: 10px 16px;
  }
}
.ContentArea__tableHeading {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContentArea__tableHeading {
    font-size: 1.4rem;
  }
}
.ContentArea__tableHeading.-bottom {
  margin-top: 16px;
}
.ContentArea__tableListTitle {
  display: block;
  float: left;
}
.ContentArea__tableListItem {
  display: block;
  margin-left: 68px;
}
.ContentArea__tableText {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .ContentArea__tableText {
    font-size: 1.4rem;
  }
}
.ContentArea__tableNotice {
  font-size: 1.3rem;
  line-height: 1.54;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__tableNotice {
    font-size: 1.2rem;
  }
}
.ContentArea__tableNotice + .ContentArea__tableNotice {
  margin-top: 0px;
}
.ContentArea__innerTable {
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: -2px 0px 0px -10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__innerTable {
    font-size: 1.4rem;
    margin: 0px;
  }
}
.ContentArea__innerTableHead {
  font-weight: normal;
  padding: 2px 10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__innerTableHead {
    padding: 0px;
  }
}
.ContentArea__innerTableHead.-left {
  text-align: left;
}
.ContentArea__innerTableData {
  text-align: center;
  font-weight: bold;
}
.ContentArea__careerCategory {
  font-size: 1.4rem;
  font-weight: bold;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .ContentArea__careerCategory {
    font-size: 1.2rem;
  }
}
.ContentArea__careerName {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  letter-spacing: 4px;
  text-indent: 4px;
}
@media screen and (max-width: 768px) {
  .ContentArea__careerName {
    font-size: 2.6rem;
    font-family: "Noto Serif JP", serif;
  }
}
.ContentArea__name {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .ContentArea__name {
    font-size: 2rem;
  }
}
.ContentArea__name.-bordered {
  position: relative;
  display: inline-block;
  padding: 0px 0px 14px;
}
.ContentArea__name.-bordered::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 6px);
  height: 1px;
  background-color: #005bac;
}
.ContentArea__nameUnit {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .ContentArea__nameUnit {
    margin-top: 14px;
  }
}
.ContentArea__nameUnit.-center {
  text-align: center;
}
.ContentArea__nameUnit.-center .ContentArea__profileText.-bordered::after {
  left: 50%;
  transform: translateX(-50%);
}
.ContentArea__nameUnit.-right {
  margin: 0px 0px 0px 40px;
}
.ContentArea__figure {
  text-align: center;
  margin: 50px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__figure {
    margin: 40px auto 0px;
  }
}
.ContentArea__figure.-small {
  max-width: 670px;
}
.ContentArea__text {
  font-size: 1.6rem;
  line-height: 2.25;
}
@media screen and (max-width: 768px) {
  .ContentArea__text {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.ContentArea__notes {
  font-size: 1.3rem;
  line-height: 1.53;
  margin-top: 70px;
}
.ContentArea__notes.-center {
  text-align: center;
}
.ContentArea__notesTag {
  font-size: 50%;
  vertical-align: top;
}
.ContentArea__list {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.875;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__list {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.ContentArea__list.-indent {
  padding: 0px 56px;
}
@media screen and (max-width: 768px) {
  .ContentArea__list.-indent {
    padding: 0px;
  }
}
.ContentArea__list.-small .ContentArea__listHead {
  width: 26%;
}
@media screen and (max-width: 768px) {
  .ContentArea__list.-small .ContentArea__listHead {
    width: 100%;
  }
}
.ContentArea__list.-small .ContentArea__listRow > .ContentArea__listData {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .ContentArea__list.-small .ContentArea__listRow > .ContentArea__listData {
    width: 100%;
  }
}
.ContentArea__list.-narrow .ContentArea__listRow {
  padding: 14px 0px;
}
.ContentArea__listRow {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  border-bottom: #707070 solid 1px;
  padding: 30px 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__listRow {
    display: block;
  }
}
.ContentArea__listRow.-justify {
  justify-content: space-between;
}
.ContentArea__listRow > .ContentArea__listData {
  width: 64%;
}
@media screen and (max-width: 768px) {
  .ContentArea__listRow > .ContentArea__listData {
    width: 100%;
  }
}
.ContentArea__listInner {
  width: 100%;
}
.ContentArea__listUnit {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ContentArea__listUnit {
    margin-top: 10px;
  }
}
.ContentArea__listUnit.-justify {
  display: flex;
  justify-content: space-between;
}
.ContentArea__listUnit + .ContentArea__listUnit {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .ContentArea__listUnit + .ContentArea__listUnit {
    margin-top: 10px;
  }
}
.ContentArea__listHead {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  width: 36%;
}
@media screen and (max-width: 768px) {
  .ContentArea__listHead {
    width: 100%;
  }
}
.ContentArea__listData {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .ContentArea__listData {
    width: 50%;
  }
}
.ContentArea__listLink {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -10px 0px 0px -10px;
}
@media screen and (max-width: 768px) {
  .ContentArea__listNumber {
    display: inline-block;
    width: 100%;
  }
}
.ContentArea__listNumber + .ContentArea__listNumber {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .ContentArea__listNumber + .ContentArea__listNumber {
    margin-left: 0px;
  }
}
.ContentArea__profileText {
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ContentArea__profileText {
    font-size: 1.2rem;
  }
}
.ContentArea__profileText + .ContentArea__name {
  margin-top: 10px;
}
.ContentArea__profileText.-bottom {
  margin-top: 14px;
}
.ContentArea__profileText.-bordered {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
.ContentArea__profileText.-bordered::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 46px;
  height: 1px;
  background-color: #000000;
}
.ContentArea__headButtonOtuer {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  margin: 80px 40px 0px -12px;
}
@media screen and (max-width: 960px) {
  .ContentArea__headButtonOtuer {
    justify-content: start;
    -ms-justify-content: start;
    -webkit-justify-content: start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 20px 18px 0px 3px;
  }
}
.ContentArea__headButtonOtuer .ContentArea__button {
  margin-left: 52px;
}
@media screen and (max-width: 768px) {
  .ContentArea__headButtonOtuer .ContentArea__button {
    margin: 20px 0px 0px 15px;
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__headButtonOtuer .ContentArea__button.-large .ContentArea__buttonLink {
    letter-spacing: 1px;
    font-size: 1.1rem;
    padding: 10px 8px;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__headButtonOtuer .ContentArea__button.-shutter .ContentArea__buttonLink::before {
    width: 30px;
    height: 100%;
    background-position: right 12px center;
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__headButtonOtuer .ContentArea__button.-shutter .ContentArea__buttonLink::after {
    right: 11px;
    width: 9px;
    height: 10px;
  }
}
.ContentArea__headButtonOtuer .ContentArea__button.-shutter .ContentArea__buttonLink:hover::before {
  width: 100%;
}
.ContentArea__filterItem {
  position: relative;
  display: inline-block;
  max-width: 300px;
  width: 100%;
  height: 58px;
  line-height: 58px;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 52px;
}
@media screen and (max-width: 960px) {
  .ContentArea__filterItem {
    max-width: none;
    margin: 20px 0px 0px 15px;
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 768px) {
  .ContentArea__filterItem {
    font-size: 1.1rem;
    line-height: 56px;
  }
}
.ContentArea__filterItem:hover::before {
  width: 100%;
}
.ContentArea__filterIndex {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: #C9C9C9 solid 1px;
  padding-left: 62px;
}
@media screen and (max-width: 768px) {
  .ContentArea__filterIndex {
    padding-left: 44px;
  }
}
.ContentArea__filterIndex::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background-color: rgba(0, 91, 172, 0.15);
}
.ContentArea__filterIndex::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/homes/recruit/common/images/icon_check_white.svg");
  background-repeat: no-repeat;
  background-size: 14px 10px;
  background-position: center;
  background-color: transparent;
  border: #005bac solid 1px;
}
@media screen and (max-width: 768px) {
  .ContentArea__filterIndex::after {
    left: 12px;
    width: 20px;
    height: 20px;
    background-size: 12px 8px;
  }
}
.ContentArea__filterButton {
  display: none;
  cursor: pointer;
}
.ContentArea__filterButton:checked + .ContentArea__filterIndex {
  border-color: #005bac;
  transition: border ease 0.3s;
}
.ContentArea__filterButton:checked + .ContentArea__filterIndex::before {
  width: 100%;
  transition: width ease 0.3s;
}
.ContentArea__filterButton:checked + .ContentArea__filterIndex::after {
  background-color: #005bac;
}
.ContentArea__link {
  color: #333333;
  text-decoration: none;
}
.ContentArea__link:visited {
  color: #333333;
}
.ContentArea__link:hover {
  color: #005bac;
  text-decoration: underline;
}
.ContentArea__link.-white {
  color: #ffffff;
}
.ContentArea__link.-white:visited {
  color: #ffffff;
}
.ContentArea__link.-white:hover {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .ContentArea__br.-pcContents {
    display: none;
  }
}
.ContentArea__br.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__br.-spContents {
    display: block;
  }
}
.ContentArea__image {
  width: 100%;
  -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  .ContentArea__image.-pcContents {
    display: none;
  }
}
.ContentArea__image.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .ContentArea__image.-spContents {
    display: block;
  }
}
@media screen and (max-width: 414px) {
  .ContentArea__image.-pcContentsS {
    display: none;
  }
}
.ContentArea__image.-spContentsS {
  display: none;
}
@media screen and (max-width: 414px) {
  .ContentArea__image.-spContentsS {
    display: block;
  }
}
.ContentArea__coverLink::after {
  content: "";
  position: absolute;
  z-index: 20;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ContentArea__peopleList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: calc(100% - 36px);
  margin: -36px auto 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__peopleList {
    margin: 0px auto;
  }
}
.ContentArea__peopleListItem {
  display: none;
  width: calc(33.33% - 20px);
  margin: 120px 10px 0px;
}
@media screen and (max-width: 768px) {
  .ContentArea__peopleListItem {
    width: calc(50% - 20px);
    margin: 40px 10px 0px;
  }
}
.ContentArea__peopleListItem.-selected {
  display: block;
  -webkit-animation: opacity 1s ease 0s;
  -moz-animation: opacity 1s ease 0s;
  animation: opacity 1s ease 0s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ContentArea__companyNavigation {
  margin: 0px auto;
  padding-top: 100px;
  border-top: #C9C9C9 solid 1px;
}
@media screen and (max-width: 768px) {
  .ContentArea__companyNavigation {
    padding-top: 50px;
  }
}
.ContentArea__companyNavigation.-borderless {
  border: none;
}

.Section.-bg .ContentArea__sectionTitle {
  margin-top: 0px;
}
.Section.-bg .ContentArea__sectionTitle.-link {
  margin-top: -101px;
  padding-top: 101px;
}
@media screen and (max-width: 768px) {
  .Section.-bg .ContentArea__sectionTitle.-link {
    margin-top: -69px;
    padding-top: 69px;
  }
}
.Section__caseItem .ContentArea__headUnit.-small .ContentArea__heading {
  letter-spacing: 12px;
  text-indent: 12px;
  margin-top: 6;
}
.Section__caseItem .ContentArea__subHeading {
  letter-spacing: 2px;
  text-indent: 2px;
}
.Section__caseItem .ContentArea__button.-underline {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .Section__caseItem .ContentArea__button.-underline {
    margin-top: 0px;
    margin-left: 10px;
  }
}
.Section__caseItem .ContentArea__button.-line2 {
  margin-top: 18px;
}
@media screen and (max-width: 1280px) {
  .Section__caseItem .ContentArea__button.-line2 {
    margin-top: 1.40625vw;
  }
}
@media screen and (max-width: 1024px) {
  .Section__caseItem .ContentArea__button.-line2 {
    margin-top: 18px;
  }
}
@media screen and (max-width: 768px) {
  .Section__caseItem .ContentArea__button.-line2 {
    margin-top: 0px;
    margin-left: 10px;
  }
}
.Section__caseItem .ContentArea__image {
  transition: transform ease 0.3s;
}
.Section__caseItem .ContentArea__link:hover .ContentArea__image {
  transform: scale(1.1);
}
.Section__recruitItem .ContentArea__headUnit.-white {
  text-shadow: none;
}
@media screen and (max-width: 1280px) {
  .Section__recruitItem .ContentArea__heading {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 768px) {
  .Section__recruitItem .ContentArea__heading {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1280px) {
  .Section__recruitItem .ContentArea__subHeading {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .Section__recruitItem .ContentArea__subHeading {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1280px) {
  .Section__recruitItem .ContentArea__buttonOuter {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .Section__recruitItem .ContentArea__buttonOuter {
    margin-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  .LayoutBox__profileUnit .ContentArea__nameUnit.-right {
    text-align: center;
    margin: 20px 0px 0px 0px;
  }
}
@media screen and (max-width: 768px) {
  .LayoutBox__profileUnit .ContentArea__nameUnit.-right .ContentArea__profileText.-bordered::after {
    left: 50%;
    transform: translateX(-50%);
  }
}

.CareerBox:hover .CareerBox__number {
  color: #ffffff;
}
.CareerBox:hover .CareerBox__number::before {
  transition: width ease-out 0.5s;
}
.CareerBox:hover .ContentArea__buttonLink {
  color: #ffffff;
}
.CareerBox:hover .ContentArea__buttonLink::before {
  background-color: #ffffff;
  width: 100%;
  transition: width ease-out 0.2s;
}
.CareerBox:hover .ContentArea__buttonLink::after {
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_white.svg");
}
.CareerBox:hover .ContentArea__buttonText {
  transform: translateY(-32px);
}
@media screen and (max-width: 768px) {
  .CareerBox:hover .CareerBox__number {
    color: #005bac;
  }
  .CareerBox:hover .ContentArea__buttonLink {
    color: #333333;
  }
  .CareerBox:hover .ContentArea__buttonLink::before {
    background-color: #005bac;
    width: 60px;
  }
  .CareerBox:hover .ContentArea__buttonLink::after {
    background-image: url("/homes/recruit/common/images/detailArrowHorizontal_blue.svg");
  }
  .CareerBox:hover .ContentArea__buttonText {
    transform: none;
  }
  .CareerBox:hover .CareerBox__image {
    transform: none;
  }
}
.CareerBox .ContentArea__button {
  position: absolute;
  bottom: 30px;
  left: 0px;
}
@media screen and (max-width: 768px) {
  .CareerBox .ContentArea__button {
    position: static;
    padding-bottom: 16px;
    margin: 24px auto 0px;
  }
}
@media screen and (max-width: 768px) {
  .CareerBox .ContentArea__coverLink {
    display: none;
  }
}

.ArticlePanel .ContentArea__button.-underline .ContentArea__buttonLink {
  border-bottom: #005bac solid 1px;
}
@media screen and (max-width: 768px) {
  .ArticlePanel .ContentArea__button.-underline .ContentArea__buttonLink {
    padding: 0px 10px 12px;
  }
}
.ArticlePanel .ContentArea__button.-underline .ContentArea__buttonLink:hover {
  border-bottom: #005bac solid 1px;
}
.ArticlePanel .ContentArea__button.-underline .ContentArea__buttonLink::before {
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .ArticlePanel .ContentArea__button.-underline .ContentArea__buttonLink::before {
    width: 36px;
  }
}
@media screen and (max-width: 768px) {
  .ArticlePanel .ContentArea__button.-underline.-more .ContentArea__buttonTextOuter::before {
    right: 17px;
  }
}
@media screen and (max-width: 768px) {
  .ArticlePanel .ContentArea__button.-underline.-more .ContentArea__buttonTextOuter::after {
    right: 11px;
  }
}
.ArticlePanel:hover .ContentArea__button.-underline .ContentArea__buttonLink::before {
  width: 100%;
}
.ArticlePanel:hover .ContentArea__buttonText {
  transform: translateY(-32px);
}
.ArticlePanel .ContentArea__buttonLink {
  color: #ffffff;
}

.ContentArea__articleListItem.-active .ArticlePanel__titleItem::before {
  width: 37%;
  transition: width ease-out 0.2s;
}
@media screen and (max-width: 768px) {
  .ContentArea__articleListItem.-active .ArticlePanel__titleItem::before {
    width: 50%;
  }
}
.ContentArea__articleListItem.-active .ContentArea__button.-underline .ContentArea__buttonLink::before {
  width: 100%;
}
.ContentArea__articleListItem.-active .ContentArea__buttonText {
  transform: translateY(-32px);
}

.ArticleSlider .ContentArea__heading.-case {
  letter-spacing: 0px;
  text-indent: 0px;
}
.ArticleSlider .ContentArea__button {
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .ArticleSlider .ContentArea__button {
    max-width: 240px;
  }
}
@media screen and (max-width: 768px) {
  .ArticleSlider .ContentArea__button.-large .ContentArea__buttonLink {
    letter-spacing: 1px;
    font-size: 1.3rem;
    padding: 13.5px 8px;
  }
}
@media screen and (max-width: 768px) {
  .ArticleSlider .ContentArea__button.-shutter .ContentArea__buttonLink::before {
    width: 40px;
    height: 100%;
    background-position: right 12px center;
  }
}
@media screen and (max-width: 768px) {
  .ArticleSlider .ContentArea__button.-shutter .ContentArea__buttonLink::after {
    right: 14px;
    width: 10px;
    height: 11px;
  }
}
.ArticleSlider .ContentArea__button.-shutter .ContentArea__buttonLink:hover::before {
  width: 100%;
}

.SlideContents .ContentArea__button {
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .SlideContents .ContentArea__button.-large .ContentArea__buttonLink {
    letter-spacing: 1px;
    font-size: 1.1rem;
    padding: 10px 8px;
  }
}
.SlideContents .ContentArea__button.-shutter .ContentArea__buttonLink {
  border: #ffffff solid 1px;
}
@media screen and (max-width: 768px) {
  .SlideContents .ContentArea__button.-shutter .ContentArea__buttonLink::before {
    width: 30px;
    height: 100%;
    background-position: right 12px center;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents .ContentArea__button.-shutter .ContentArea__buttonLink::after {
    right: 11px;
    width: 9px;
    height: 10px;
  }
}
.SlideContents .ContentArea__button.-shutter .ContentArea__buttonLink:hover::before {
  width: 100%;
}

.PhilosophySection__bgHeading + .ContentArea__inner {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__bgHeading + .ContentArea__inner {
    margin-top: 70px;
  }
}

/*DetailSection*/
.DetailSection {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .DetailSection {
    margin-top: 90px;
  }
}
.DetailSection + .DetailSection {
  margin-top: 84px;
}
@media screen and (max-width: 768px) {
  .DetailSection + .DetailSection {
    margin-top: 40px;
  }
}
.DetailSection__heading {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 6px;
  color: #005bac;
  padding-left: 15%;
}
@media screen and (max-width: 768px) {
  .DetailSection__heading {
    font-size: 1.4rem;
    width: calc(100% - 80px);
    margin: 0px auto;
    padding-left: 0px;
  }
}
.DetailSection__heading::before {
  content: "■";
}
.DetailSection__heading::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 14%;
  height: 1px;
  background-color: #005bac;
}
@media screen and (max-width: 768px) {
  .DetailSection__heading::after {
    left: -40px;
    width: 30px;
  }
}
.DetailSection__comment {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3.6rem;
  font-weight: nomal;
  line-height: 1.91;
  margin: 10px 20px 0px 15%;
}
@media screen and (max-width: 768px) {
  .DetailSection__comment {
    font-size: 2.2rem;
    font-family: "Noto Serif JP", serif;
    width: calc(100% - 80px);
    margin: 10px auto 0px;
  }
}
.DetailSection__text {
  width: 52%;
  margin: 60px 0px 0px 27%;
}
@media screen and (max-width: 768px) {
  .DetailSection__text {
    width: calc(100% - 80px);
    margin: 26px auto 0px;
  }
}
.DetailSection__text + .DetailSection__text {
  margin-top: 30px;
}
.DetailSection__figure {
  overflow: hidden;
}
.DetailSection__figure.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.DetailSection__figure.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.DetailSection__figure.-right {
  height: 520px;
  margin: 120px 0px 0px 27%;
}
@media screen and (max-width: 768px) {
  .DetailSection__figure.-right {
    height: auto;
    margin: 40px 0px 0px 40px;
  }
}
@media screen and (max-width: 1280px) {
  .DetailSection__figure.-right .DetailSection__figureImage {
    max-width: 936px;
  }
}
.DetailSection__figure.-large {
  height: auto;
  margin-top: 84px;
}
@media screen and (max-width: 768px) {
  .DetailSection__figure.-large {
    height: 320px;
  }
}
.DetailSection__figure.-large .DetailSection__figureImage {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .DetailSection__figure.-large .DetailSection__figureImage {
    height: 100%;
    object-fit: cover;
  }
}
.DetailSection__figcaption {
  font-size: 1.2rem;
  line-height: 1.54;
  margin: 10px 0px 0px 27%;
}
@media screen and (max-width: 768px) {
  .DetailSection__figcaption {
    height: auto;
    margin: 10px 0px 0px 40px;
  }
}
.DetailSection__figureImage {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .DetailSection__figureImage {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .DetailSection__figureImage {
    width: 100%;
  }
}
.DetailSection__textUnit.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.DetailSection__textUnit.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.DetailSection__column {
  padding: 50px;
  border: #838383 solid 2px;
  width: 70%;
  margin: 84px 0px 0px 15%;
}
@media screen and (max-width: 768px) {
  .DetailSection__column {
    width: calc(100% - 80px);
    margin: 60px auto;
    padding: 20px;
  }
}
.DetailSection__column.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.DetailSection__column.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.DetailSection__columnInner {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .DetailSection__columnInner {
    display: block;
    margin-top: 20px;
  }
}
.DetailSection__columnTitle {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .DetailSection__columnTitle {
    font-size: 1.6rem;
  }
}
.DetailSection__columnText + .DetailSection__columnText {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .DetailSection__columnText + .DetailSection__columnText {
    margin-top: 20px;
  }
}
.DetailSection__columnTextUnit {
  width: 40%;
  order: 1;
}
@media screen and (max-width: 768px) {
  .DetailSection__columnTextUnit {
    width: 100%;
    margin-top: 20px;
  }
}
.DetailSection__columnFigure {
  margin-left: 10%;
  width: 50%;
  order: 2;
}
@media screen and (max-width: 768px) {
  .DetailSection__columnFigure {
    width: 100%;
    margin-left: 0px;
  }
}
.DetailSection__columnImage {
  width: 100%;
}

.DetailSection__column__notes { max-width: 100%; margin: 20px 0 0 132px; font-size: 1.3rem; line-height: 1.53;}

@media screen and (max-width: 768px) {
    .DetailSection__column__notes {
        margin: 20px 0 0 10px;
    }
}

.DetailSection__column__notes2 { margin: 20px 0px 0px 15%; font-size: 1.3rem; line-height: 1.53;}

@media screen and (max-width: 768px) {
    .DetailSection__column__notes2 {
        width: calc(100% - 80px);
        margin: -40px auto 60px;
    }
}
.DetailSection__column__notes3 { max-width: 1280px; margin: 20px auto 0px; font-size: 1.3rem; line-height: 1.53; padding-left:90px;}

@media screen and (max-width: 768px) {
    .DetailSection__column__notes3 {
        padding-left:40px;
    }
}
/*DropArea*/
.DropArea {
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0px;
  width: 100%;
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  background-color: #ffffff;
  border-top: #C9C9C9 solid 1px;
  transition: opacity ease-in-out 0.2s;
  pointer-events: none;
}
.DropArea.-active {
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: auto;
}
.DropArea__inner {
  width: calc(100% - 15%);
  max-width: 1088px;
  margin: 0px auto;
  padding: 36px 0px;
}
.DropArea__headUnit {
  float: left;
}
.DropArea__headUnit.-people {
  margin-top: 20px;
}
.DropArea__heading {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  font-weight: normal;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .DropArea__heading {
    font-family: "Noto Serif JP", serif;
  }
}
.DropArea__subHeading {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-indent: 1px;
  padding-bottom: 8px;
}
.DropArea__subHeading.-en {
  font-family: "Inter", sans-serif;
}
.DropArea__subHeading::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 2px);
  height: 2px;
  background-color: #333333;
}
.DropArea__menu {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-left: 298px;
}
.DropArea__menu.-people {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: -20px 0px 0px 298px;
}
.DropArea__menu.-people .DropArea__unit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  width: 25%;
  max-width: 200px;
  margin: 20px 0px 0px 0px;
}
.DropArea__innerMenu {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
.DropArea__unit + .DropArea__unit {
  margin-left: 20px;
}
.DropArea__unit.-inner {
  margin-left: 40px;
}
.DropArea__unit.-inner .DropArea__unit {
  margin-top: 20px;
}
.DropArea__unit.-inner .DropArea__thumbnail {
  max-width: 129px;
}
.DropArea__unit.-inner .DropArea__label {
  max-width: 129px;
}
.DropArea__unit.-large {
  width: calc(50% - 16px);
}
.DropArea__unit.-large .DropArea__thumbnail {
  max-width: none;
}
.DropArea__innerHeading {
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: #C9C9C9 solid 1px;
  padding-bottom: 2px;
}
.DropArea__smallText {
  font-size: 1.2rem;
}
.DropArea__thumbnail {
  max-width: 200px;
}
.DropArea__avatar {
  width: 50%;
  max-width: 68px;
}
.DropArea__nameUnit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  margin-left: 12px;
}
.DropArea__careerName {
  font-size: 1.4rem;
  line-height: 1.2;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
}
@media screen and (max-width: 1280px) {
  .DropArea__careerName {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .DropArea__careerName {
    font-family: "Noto Serif JP", serif;
  }
}
.DropArea__name {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: 12px;
}
@media screen and (max-width: 1280px) {
  .DropArea__name {
    font-size: 0.9375vw;
  }
}
.DropArea__label {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 14px;
  letter-spacing: -0.1px;
}
.DropArea__image {
  width: 100%;
}
.DropArea__link {
  color: #333333;
  text-decoration: none;
}
.DropArea__link:visited {
  color: #333333;
}
.DropArea__link:hover {
  color: #005bac;
  text-decoration: underline;
  transition: opacity ease 0.2s;
}
.DropArea__link:hover .DropArea__image {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.DropArea__link.-white {
  color: #ffffff;
}
.DropArea__link.-white:visited {
  color: #ffffff;
}
.DropArea__link.-white:hover {
  color: #ffffff;
}
.DropArea__link.-arrow {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.DropArea__link.-arrow::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 16px;
  margin-right: 10px;
  background-image: url("/homes/recruit/common/images/menu_arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.DropArea__menuList {
  flex-shrink: 0;
  list-style-type: none;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  margin-left: 42px;
}
.DropArea__menuItem + .DropArea__menuItem {
  margin-top: 8px;
}

/*Footer*/
.Footer {
  background-color: #ffffff;
  margin: 140px auto 0px;
  border-top: #C9C9C9 solid 1px;
}
@media screen and (max-width: 768px) {
  .Footer {
    margin: 80px auto 0px;
    padding-bottom: 44px;
    border-color: #f1f1f1;
  }
}
.Footer.-noGap {
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .Footer.-noGap {
    margin-top: 0px;
  }
}
.Footer__mainMenu {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 1280px;
  margin: 0px auto;
  padding: 68px 96px;
}
@media screen and (max-width: 768px) {
  .Footer__mainMenu {
    display: block;
    padding: 40px 40px;
  }
}
.Footer__mainMenu .Footer__navList.-arrow .Footer__menuLink {
  position: relative;
  padding-left: 18px;
}
.Footer__mainMenu .Footer__navList.-arrow .Footer__menuLink::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  display: inline-block;
  width: 9px;
  height: 14px;
  background-image: url("/homes/recruit/common/images/menu_arrowHorizontal_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .Footer__mainMenu .Footer__navList.-arrow .Footer__menuLink::before {
    width: 8px;
    height: 12px;
  }
}
.Footer__subMenu {
  background-color: #333333;
  padding: 90px 96px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .Footer__subMenu {
    padding: 40px 18px;
  }
}
.Footer__subMenu .Footer__navList {
  margin-top: -30px;
}
@media screen and (max-width: 768px) {
  .Footer__subMenu .Footer__navList {
    margin-top: 0px;
  }
}
.Footer__subMenu .Footer__navList.-arrow .Footer__menuLink {
  position: relative;
  margin-left: 18px;
}
.Footer__subMenu .Footer__navList.-arrow .Footer__menuLink::before {
  content: "";
  position: absolute;
  top: 6px;
  left: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 4px;
  border-color: transparent transparent transparent #ffffff;
}
.Footer__subMenu .Footer__menuLink {
  color: #ffffff;
}
.Footer__subMenu .Footer__menuLink:visited {
  color: #ffffff;
}
.Footer__subMenu .Footer__menuLink:hover {
  color: #ffffff;
}
.Footer__menuUnit {
  width: 25%;
}
.Footer__menuUnit.-large {
  width: 100%;
}
.Footer__menuUnit.-bordered {
  margin-top: 40px;
  padding-top: 40px;
  border-top: #C9C9C9 solid 1px;
}
@media screen and (max-width: 768px) {
  .Footer__menuUnit.-bordered {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .Footer__menuUnit {
    width: auto;
  }
}
.Footer__navTitle {
  font-size: 1.8rem;
  font-weight: bold;
}
.Footer__navList {
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: normal;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .Footer__navList {
    font-size: 1.3rem;
  }
}
.Footer__outerList {
  font-weight: bold;
  margin-top: -30px;
}
.Footer__outerList.-flex {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
@media screen and (max-width: 768px) {
  .Footer__outerList.-flex {
    display: block;
  }
}
.Footer__outerList.-flex .Footer__navItem {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .Footer__outerList.-flex .Footer__navItem {
    width: 100%;
  }
}
.Footer__outerList.-col {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 108%;
}
@media screen and (max-width: 768px) {
  .Footer__outerList {
    margin-top: 0px;
  }
}
.Footer__outerList + .Footer__outerList {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .Footer__outerList + .Footer__outerList {
    margin-top: 0px;
  }
}
.Footer__outerList > .Footer__navItem {
  position: relative;
}
@media screen and (max-width: 768px) {
  .Footer__outerList > .Footer__navItem {
    margin-top: 0px;
    border-bottom: #f1f1f1 solid 1px;
  }
}
@media screen and (max-width: 768px) {
  .Footer__outerList > .Footer__navItem > .Footer__menuLink.-external::after {
    content: none;
  }
}
.Footer__toggleTitle {
  color: #333333;
  text-decoration: none;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .Footer__toggleTitle {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 14px 22px 14px 0px;
    color: #333333;
    cursor: pointer;
    pointer-events: auto;
  }
}
.Footer__toggleTitle::before {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .Footer__toggleTitle::before {
    content: "";
  }
}
.Footer__toggleTitle::after {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 13px;
  height: 1px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .Footer__toggleTitle::after {
    content: "";
  }
}
.Footer__toggleTitle.-active::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .Footer__Innerlist {
    display: none;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .Footer__Innerlist .Footer__navItem:first-child {
    margin-top: 16px;
  }
}
.Footer__bottomNav {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: normal;
  list-style-type: none;
}
@media screen and (max-width: 768px) {
  .Footer__bottomNav {
    font-size: 1.2rem;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.Footer__bottomNav .Footer__navItem {
  position: relative;
  margin-left: 60px;
}
@media screen and (max-width: 768px) {
  .Footer__bottomNav .Footer__navItem {
    margin-left: 0px;
    width: 50%;
  }
}
.Footer__bottomNav .Footer__navItem:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .Footer__bottomNav .Footer__navItem:not(:last-child)::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .Footer__bottomNav .Footer__navItem:nth-child(2n-1)::before {
    content: "";
    position: absolute;
    top: 50%;
    /*right: -30px;*/
    right: 0px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #ffffff;
  }
}
.Footer__navItem {
  position: relative;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .Footer__navItem {
    margin-top: 20px;
  }
}
.Footer__navItem.-large {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-large {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-separate {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration.-external::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration.-external::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 11px;
    background-image: url("/homes/recruit/common/images/icon_external_black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
  }
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration.-arrow::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration.-arrow::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-right: 2px;
    background-image: url("/homes/recruit/common/images/menu_arrowHorizontal_thin.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
  }
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 14px 22px 14px 0px;
    color: #333333;
    cursor: pointer;
  }
}
.Footer__navItem.-decoration::before {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration::before {
    content: "";
  }
}
.Footer__navItem.-decoration::after {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 13px;
  height: 1px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration::after {
    content: "";
  }
}
@media screen and (max-width: 768px) {
  .Footer__navItem.-decoration .Footer__menuLink::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}
.Footer__group {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .Footer__group {
    display: block;
  }
}
.Footer__group.-bottom {
  border-top: #ffffff solid 1px;
  margin-top: 98px;
}
@media screen and (max-width: 768px) {
  .Footer__group.-bottom {
    margin-top: 40px;
  }
}
.Footer__logo {
  width: 277px;
  padding-top: 30px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .Footer__logo {
    margin: 0px auto;
  }
}
.Footer__logoImage {
  width: 100%;
}
.Footer__menuLink {
  display: inline-block;
  color: #333333;
  text-decoration: none;
}
.Footer__menuLink:visited {
  color: #333333;
}
.Footer__menuLink:hover {
  color: #333333;
  text-decoration: underline;
}
.Footer__menuLink.-external {
  padding-right: 18px;
}
.Footer__menuLink.-external::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 11px;
  background-image: url("/homes/recruit/common/images/icon_external_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 8px;
}
.Footer__menuLink.-spEvents {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .Footer__menuLink.-spEvents {
    pointer-events: auto;
  }
}
.Footer__copyright {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: right;
  color: #ffffff;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .Footer__copyright {
    font-size: 1.1rem;
    text-align: center;
  }
}

/*GridSection*/
.GridSection {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  min-height: 800px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .GridSection {
    display: block;
    height: auto;
    min-height: none;
    padding-top: 0px;
  }
}
.GridSection__item {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .GridSection__item {
    width: 100%;
  }
}
.GridSection__imageItem {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.GridSection__textItem {
  margin-top: 4%;
  padding: 0px 7.5%;
}
@media screen and (max-width: 768px) {
  .GridSection__textItem {
    margin-top: 0px;
    padding: 50px 40px;
  }
}
.GridSection__titleUnit {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  left: 15%;
  width: 100%;
  color: #ffffff;
}
@media screen and (max-width: 414px) {
  .GridSection__titleUnit {
    left: 40px;
  }
}
@media screen and (max-width: 374px) {
  .GridSection__titleUnit {
    left: 30px;
  }
}
.GridSection__titleUnit.-about07 {
  top: 40%;
}
@media screen and (max-width: 414px) {
  .GridSection__titleUnit.-about07 {
    top: 40px;
    transform: none;
  }
}
@media screen and (max-width: 414px) {
  .GridSection__titleUnit.-about07 .GridSection__title {
    padding-right: 0px;
    letter-spacing: -1px;
  }
}
.GridSection__number {
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
  border-bottom: #ffffff solid 1px;
  white-space: nowrap;
}
@media screen and (max-width: 1280px) {
  .GridSection__number {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .GridSection__number {
    font-size: 1.2rem;
  }
}
.GridSection__title {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  font-size: 3.8rem;
  line-height: 1.67;
  margin-top: 14px;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .GridSection__title {
    margin-top: 1.09375vw;
    font-size: 2.96875vw;
  }
}
@media screen and (max-width: 768px) {
  .GridSection__title {
    font-size: 4.9479166667vw;
    font-family: "Noto Serif JP", serif;
    margin-top: 8px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 414px) {
  .GridSection__title {
    font-size: 2.4rem;
  }
}
.GridSection__text {
  font-size: 1.5rem;
  line-height: 2.27;
}
@media screen and (max-width: 768px) {
  .GridSection__text {
    font-size: 1.4rem;
    line-height: 2;
  }
}
.GridSection__text + .GridSection__figure {
  margin: 50px auto 0px;
}
.GridSection__notes {
  font-size: 1.3rem;
  line-height: 1.54;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .GridSection__notes {
    font-size: 1.2rem;
  }
}
.GridSection__figure {
  margin: 0px auto;
  text-align: center;
  max-width: 500px;
}
.GridSection__figure + .GridSection__text {
  margin: 50px auto 0px;
}
@media screen and (max-width: 768px) {
  .GridSection__figure.-small {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
.GridSection__figure.-variable {
  width: 46vh;
  max-width: 330px;
}
@media screen and (max-width: 768px) {
  .GridSection__figure.-variable {
    width: auto;
  }
}
.GridSection__figcaption {
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.54;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .GridSection__figcaption {
    font-size: 1.2rem;
    margin-top: 20px;
  }
}
.GridSection__figureGroup {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .GridSection__figureGroup {
    display: block;
  }
}
.GridSection__figureUnit + .GridSection__figureUnit {
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .GridSection__figureUnit + .GridSection__figureUnit {
    margin-top: 34px;
    margin-left: 0px;
  }
}
.GridSection__sistemName {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 34px;
  padding-left: 8px;
  border: #333333 solid 1px;
}
.GridSection__caption {
  font-size: 1.3rem;
  line-height: 1.54;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .GridSection__caption {
    font-size: 1.2rem;
  }
}
.GridSection__caption + .GridSection__sistemTable {
  margin-top: 14px;
}
.GridSection__sistemTable {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: #C9C9C9 solid 1px;
  padding: 14px 0px;
}
.GridSection__sistemList {
  font-size: 1.3rem;
  line-height: 1.54;
  font-weight: bold;
  padding: 0px 10px 0px 18px;
  width: 44%;
}
@media screen and (max-width: 768px) {
  .GridSection__sistemList {
    font-size: 1.2rem;
  }
}
.GridSection__sistemPeriod {
  font-size: 1.2rem;
  font-weight: bold;
  color: #005bac;
  width: 56%;
}
@media screen and (max-width: 768px) {
  .GridSection__sistemPeriod {
    text-align: right;
  }
}
.GridSection__sistemPeriod.-large {
  font-size: 1.8rem;
  padding: 0px 6px;
}
.GridSection__sistemYear {
  font-size: 2rem;
  font-family: "Inter", sans-serif;
  padding: 0px 4px;
}
.GridSection__image {
  width: 100%;
}
.GridSection__image.-about03 {
  max-width: 257px;
}
.GridSection__image.-about04 {
  max-width: 364px;
}
.GridSection__image.-about05 {
  max-width: 311px;
}
.GridSection__bgFigure {
  position: absolute;
  z-index: 10;
  display: inline-block;
  width: 100%;
}
.GridSection__bgFigure.-about03 {
  right: 50px;
  bottom: 8%;
  transform: translateY(-8%);
  max-width: 491px;
}
@media screen and (max-width: 1280px) {
  .GridSection__bgFigure.-about03 {
    max-width: 38.359375vw;
  }
}
@media screen and (max-width: 768px) {
  .GridSection__bgFigure.-about03 {
    right: auto;
    left: 50%;
    max-width: 50.9114583333vw;
    transform: translate(-50%, -8%);
  }
}
@media screen and (max-width: 414px) {
  .GridSection__bgFigure.-about03 {
    max-width: 280px;
    left: auto;
    right: 10px;
    transform: translate(0%, -4%);
  }
}
.GridSection__bgFigure.-about07 {
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  max-width: 391px;
}
@media screen and (max-width: 1280px) {
  .GridSection__bgFigure.-about07 {
    max-width: 30.546875vw;
  }
}
@media screen and (max-width: 768px) {
  .GridSection__bgFigure.-about07 {
    max-width: 50.9114583333vw;
  }
}
@media screen and (max-width: 414px) {
  .GridSection__bgFigure.-about07 {
    top: auto;
    bottom: 24px;
    max-width: 290px;
  }
}
.GridSection__bgImage {
  width: 100%;
}

/*Header*/
.Header {
  width: 100%;
  font-size: 1.4rem;
  position: fixed;
  z-index: 500;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .Header {
    font-size: 1.3rem;
  }
}
.Header.-overflow {
  overflow-y: auto;
  bottom: 0px;
}
.Header__headMenu {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: #005bac solid 1px;
  padding-left: 7.5%;
}
@media screen and (max-width: 768px) {
  .Header__headMenu {
    border: none;
  }
}
.Header__mainMenu {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 7.5%;
}
@media screen and (max-width: 768px) {
  .Header__mainMenu {
    padding: 17px 20px;
  }
}
.Header__buttonList {
  font-family: "Inter", sans-serif;
  text-align: center;
  font-size: 0px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .Header__buttonList {
    position: fixed;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: flex;
  }
}
.Header__buttonItem {
  display: inline-block;
  list-style-type: none;
  font-size: 1.4rem;
  margin-left: 0px;
}
@media screen and (max-width: 768px) {
  .Header__buttonItem {
    width: 33.33%;
    font-weight: bold;
  }
  .Header__buttonItem + .Header__buttonItem .Header__buttonLink {
    border-left: none;
  }
}
.Header__buttonItem.-bgGray .Header__buttonLink {
  background-color: #5A5A5A;
}
.Header__buttonLink {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  position: relative;
  z-index: 10;
  text-decoration: none;
  width: 160px;
  height: 44px;
  color: #ffffff;
  background-color: #005bac;
  margin-left: 1px;
}
.Header__buttonLink::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 0%;
  height: 100%;
  background-color: #222728;
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: width ease-out 0.2s, opacity ease-out 0.2s;
}
.Header__buttonLink::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 14px;
  height: 14px;
  transform: translate(0, -50%);
  background-image: url("/homes/recruit/common/images/detailArrowHorizontal_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform ease-out 0.2s;
}
@media screen and (max-width: 768px) {
  .Header__buttonLink::after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .Header__buttonLink {
    width: 100%;
    border: #ffffff solid 3px;
    margin-left: 0px;
  }
}
.Header__buttonLink:hover::before {
  width: 100%;
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Header__buttonLink:hover::after {
  transform: translate(6px, -50%);
}
.Header__buttonText {
  position: relative;
  z-index: 10;
}
.Header__newGraduate {
  display: inline-block;
  position: relative;
  padding: 15px 40px;
  text-align: center;
  line-height: 1;
  letter-spacing: 4px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .Header__newGraduate {
    padding: 11px 15px;
  }
}
@media screen and (max-width: 374px) {
  .Header__newGraduate {
    padding: 11px 10px;
  }
}
.Header__newGraduate::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #333333;
}
.Header__newGraduate::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .Header__newGraduate.-pcContents {
    display: none;
  }
}
.Header__newGraduate.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .Header__newGraduate.-spContents {
    display: inline-block;
  }
}
.Header__newGraduate.-spContents::before {
  width: 1px;
  height: 28px;
  background-color: #C9C9C9;
}
.Header__newGraduate.-spContents::after {
  width: 1px;
  height: 28px;
  background-color: #C9C9C9;
}
.Header__newGraduate .Header__menuLink {
  color: #005bac;
}
.Header__newGraduate .Header__menuLink:visited {
  color: #005bac;
}
.Header__newGraduate .Header__menuLink:hover {
  text-decoration: none;
}
.Header__navList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 808px;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .Header__navList.-pcContents {
    display: none;
  }
}
.Header__navItem {
  list-style-type: none;
  cursor: pointer;
}
.Header__navItem .Header__menuLink {
  height: 56px;
  line-height: 56px;
  transition: color ease 0.1s;
  font-weight: bold;
}
.Header__navItem .Header__menuLink::before {
  content: "";
  position: absolute;
  z-index: 200;
  bottom: -1px;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: #005bac;
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity ease 0.1s;
}
.Header__navItem .Header__menuLink:hover {
  color: #333333;
  text-decoration: none;
}
.Header__navItem.-current .Header__menuLink {
  color: #C9C9C9;
}
.Header__navItem.-current .Header__menuLink::before {
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.Header__menuIndex {
  position: relative;
  display: block;
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex {
    display: inline-block;
    border-bottom: #f1f1f1 solid 1px;
    padding: 16px 18px;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
  }
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex:not(.Header__toggleTitle):hover {
    text-decoration: underline;
  }
}
.Header__menuIndex::before {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex::before {
    content: "";
  }
}
.Header__menuIndex::after {
  content: none;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 13px;
  height: 1px;
  background-color: #333333;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .Header__menuIndex::after {
    content: "";
  }
}
.Header__slideItem {
  display: none;
}
.Header__slideItem .Header__menuDecoration::after {
  content: none;
}
.Header__slideMenuItem {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 1.3rem;
  font-weight: normal;
  width: 100%;
  margin-left: 0px;
  border-bottom: #f1f1f1 solid 1px;
  padding: 16px 21px 16px 40px;
}
.Header__slideMenuItem::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 13px;
  margin-right: 16px;
  background-image: url("/homes/recruit/common/images/menu_arrowHorizontal_thin.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.Header__slideMenuItem.-large {
  padding: 6px 21px 6px 40px;
}
.Header__slideMenuItem.-people::before {
  content: none;
}
.Header__slideMenuLink {
  color: #333333;
  text-decoration: none;
}
.Header__slideMenuLink::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.Header__slideMenuText {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.Header__slideMenuText.-external::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-left: 8px;
  background-image: url("/homes/recruit/common/images/icon_external_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.Header__slideMenuThumbnail {
  max-width: 140px;
  margin-left: auto;
}
.Header__slideAvatar {
  max-width: 56px;
}
.Header__slideNameUnit {
  margin-left: 18px;
}
.Header__slideCareerName {
  font-size: 1.6rem;
  letter-spacing: 1px;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .Header__slideCareerName {
    font-family: "Noto Serif JP", serif;
  }
}
.Header__slideName {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 2px;
}
.Header__logo {
  width: 174px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .Header__logo {
    width: 168px;
  }
}
@media screen and (max-width: 374px) {
  .Header__logo {
    width: 140px;
  }
}
.Header__logoImage {
  width: 100%;
}
.Header__menuLink {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #333333;
}
.Header__menuLink:visited {
  color: #333333;
}
.Header__menuLink:hover {
  color: #005bac;
  text-decoration: underline;
}
.Header__toggleButton {
  display: none;
  cursor: pointer;
  margin-left: 28px;
  padding: 7px 0px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .Header__toggleButton {
    display: inline-block;
    margin-left: 32px;
  }
}
@media screen and (max-width: 374px) {
  .Header__toggleButton {
    margin-left: 10px;
  }
}
.Header__toggleButton.-active {
  padding: 10px 0px;
}
.Header__toggleButton.-active .Header__toggleButtonBody {
  background-color: transparent;
}
.Header__toggleButton.-active .Header__toggleButtonBody::before {
  top: 0px;
  transform: rotate(45deg);
}
.Header__toggleButton.-active .Header__toggleButtonBody::after {
  bottom: 0px;
  transform: rotate(-45deg);
}
.Header__toggleButtonBody {
  position: relative;
  display: block;
  font-size: 0;
  width: 30px;
  height: 2px;
  background-color: #707070;
}
.Header__toggleButtonBody::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0px;
  width: 30px;
  height: 2px;
  background-color: #707070;
}
.Header__toggleButtonBody::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 0px;
  width: 30px;
  height: 2px;
  background-color: #707070;
}
.Header__toggleMenu {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}
@media screen and (max-width: 768px) {
  .Header__toggleMenu {
    padding-bottom: 44px;
  }
}
.Header__toggleMenu.-show {
  display: block;
}
.Header__toggleMenu .Header__menuItem.-active .Header__menuIndex::before {
  display: none;
}
.Header__image {
  width: 100%;
}

/*HeroArea*/
.HeroArea {
  margin-top: 101px;
  transform: translateY(20px);
  opacity: 0;
}
.HeroArea.-displayed {
  transform: translateY(0px);
  opacity: 1;
  transition: all ease 0.7s;
}
@media screen and (max-width: 768px) {
  .HeroArea {
    margin-top: 71px;
  }
}
.HeroArea.-scrollify {
  height: calc(100vh - 101px);
  min-height: 800px;
}
@media screen and (max-width: 768px) {
  .HeroArea.-scrollify {
    height: auto;
    min-height: auto;
  }
}
.HeroArea.-scrollify .HeroArea__imageContainer {
  height: calc(100vh + 20px);
}
@media screen and (max-height: 800px) {
  .HeroArea.-scrollify .HeroArea__imageContainer {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea.-scrollify .HeroArea__imageContainer {
    height: calc(100vh - 95px);
  }
}
.HeroArea.-scrollify .HeroArea__titleUnit {
  top: 44%;
}
@media screen and (max-width: 768px) {
  .HeroArea.-scrollify .HeroArea__titleUnit {
    top: 50%;
  }
}
.HeroArea__imageContainer {
  position: relative;
  overflow: hidden;
  height: 780px;
}
.HeroArea__imageContainer.-small {
  height: 240px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-small.-job {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-small.-job .HeroArea__image {
    position: static;
    width: 100%;
    height: auto;
    transform: none;
  }
}
.HeroArea__imageContainer.-medium {
  height: 670px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-medium {
    height: calc(100vh - 95px);
  }
}
.HeroArea__imageContainer.-concept {
  height: 430px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-concept {
    height: 240px;
  }
}
.HeroArea__imageContainer.-message {
  height: auto;
}
@media screen and (max-width: 1280px) {
  .HeroArea__imageContainer.-message {
    height: 470px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-message {
    height: 270px;
  }
}
@media screen and (max-width: 414px) {
  .HeroArea__imageContainer.-message {
    height: 240px;
  }
}
.HeroArea__imageContainer.-message .HeroArea__image {
  position: static;
  width: 100%;
  height: auto;
  transform: none;
}
@media screen and (max-width: 1280px) {
  .HeroArea__imageContainer.-message .HeroArea__image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .HeroArea__imageContainer.-message .HeroArea__image.-objectFit {
    object-position: bottom center;
    font-family: "object-fit: cover; object-position: bottom center;";
  }
}
.HeroArea__imageContainer.-sustainable {
  height: 630px;
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-sustainable {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__imageContainer.-sustainable .HeroArea__image {
    position: static;
    width: 100%;
    height: auto;
    transform: none;
  }
}
.HeroArea__imageContainer.-full {
  height: auto;
}
.HeroArea__imageContainer.-full .HeroArea__image {
  position: static;
  width: 100%;
  transform: none;
}
.HeroArea__imageContainer.-overlay::before {
  content: "";
  position: absolute;
  z-index: 60;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50%;
  pointer-events: none;
}
.HeroArea__imageContainer.-blue::before {
  background: #021727;
  background: linear-gradient(0deg, rgba(2, 23, 39, 0.6) 0%, rgba(2, 23, 39, 0) 100%);
}
.HeroArea__imageContainer.-gray::before {
  background: black;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.HeroArea__imageContainer.-brown::before {
  background: #3c280b;
  background: linear-gradient(0deg, rgba(60, 40, 11, 0.4) 0%, rgba(60, 40, 11, 0) 100%);
}
.HeroArea__bgContainer {
  background-color: #f1f1f1;
}
.HeroArea__careerContainer {
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .HeroArea__careerContainer {
    padding: 20px 40px 30px;
  }
}
.HeroArea__careerInner {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: calc(100% - 36px);
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .HeroArea__careerInner {
    display: block;
  }
}
.HeroArea__profileUnit {
  width: 25%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .HeroArea__profileUnit {
    margin-top: 30px;
    width: 100%;
  }
}
.HeroArea__department {
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .HeroArea__department {
    font-size: 1.2rem;
  }
}
.HeroArea__name {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 4px;
  text-indent: 4px;
  margin-top: 14px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .HeroArea__name {
    margin-top: 8px;
  }
}
.HeroArea__name::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 8px);
  height: 1px;
  background-color: #005bac;
}
.HeroArea__profileText {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .HeroArea__profileText {
    margin-top: 10px;
    font-size: 1.2rem;
  }
}
.HeroArea__image {
  position: absolute;
  top: 0px;
  left: 0px;
}
@media screen and (max-width: 1280px) {
  .HeroArea__image {
    height: 100%;
    max-width: 1280px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__image {
    max-width: none;
  }
}
.HeroArea__image.-static {
  position: static;
  transform: none;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .HeroArea__image.-pcContents {
    display: none;
  }
}
.HeroArea__image.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .HeroArea__image.-spContents {
    display: inline;
  }
}
@media screen and (max-width: 414px) {
  .HeroArea__image.-pcContentsS {
    display: none;
  }
}
.HeroArea__image.-spContentsS {
  display: none;
}
@media screen and (max-width: 414px) {
  .HeroArea__image.-spContentsS {
    display: inline;
  }
}
.HeroArea__avatar {
  width: 100%;
  max-width: 528px;
  margin: 0px 32px;
}
@media screen and (max-width: 768px) {
  .HeroArea__avatar {
    margin: 30px auto 0px;
  }
}
.HeroArea__avatarImage {
  width: 100%;
  height: auto;
}
.HeroArea__titleUnit {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-type2 .HeroArea__title {
    font-size: 1.4rem;
    padding-bottom: 4px;
    letter-spacing: 2px;
    text-indent: 2px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-type2 .HeroArea__title::after {
    width: calc(100% - 4px);
    height: 2px;
  }
}
.HeroArea__titleUnit.-type2 .HeroArea__title.-en {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-type2 .HeroArea__title.-en {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-type2 .HeroArea__subTitle {
    font-size: 2rem;
    margin-top: 12px;
  }
}
.HeroArea__titleUnit.-top {
  top: 47px;
  transform: translate(-50%, 0%);
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-top {
    top: 20px;
  }
}
.HeroArea__titleUnit.-bottom {
  top: auto;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-bottom {
    bottom: 46px;
  }
}
.HeroArea__titleUnit.-bottom .HeroArea__copy {
  font-size: 5.6rem;
  line-height: 1.3;
  letter-spacing: -1px;
  text-indent: 8px;
  margin-bottom: -12px;
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-bottom .HeroArea__copy {
    font-size: 3.6rem;
    text-indent: 6px;
    margin-bottom: -8px;
  }
}
.HeroArea__titleUnit.-static {
  position: static;
  transform: none;
  margin: 40px 0px;
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-static {
    margin: 20px 0px;
  }
}
.HeroArea__titleUnit.-company {
  position: static;
  transform: none;
  padding: 50px 0px;
}
.HeroArea__titleUnit.-company .HeroArea__title {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  letter-spacing: 4px;
  text-indent: 4px;
  font-size: 4.8rem;
  color: #333333;
}
.HeroArea__titleUnit.-company .HeroArea__title::after {
  content: none;
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-company .HeroArea__title {
    font-family: "Noto Serif JP", serif;
    letter-spacing: 1px;
    text-indent: 1px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-home {
    left: calc(50% - 10px);
    transform: translateX(-50%);
    width: 318px;
    text-align: left;
  }
}
@media screen and (max-width: 768px) and (max-width: 414px) {
  .HeroArea__titleUnit.-home {
    left: 60%;
    transform: translateX(-57%);
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-home .HeroArea__copy {
    font-size: 3.1rem;
    letter-spacing: 2px;
    text-indent: 0px;
    padding-right: 0px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 414px) {
  .HeroArea__titleUnit.-home .HeroArea__copy {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__titleUnit.-home .HeroArea__projectName {
    font-size: 1.3rem;
    text-indent: 0px;
    margin-left: -14px;
  }
}
@media screen and (max-width: 414px) {
  .HeroArea__titleUnit.-home .HeroArea__projectName {
    font-size: 1.2rem;
  }
}
.HeroArea__titleUnit.-black .HeroArea__title {
  color: #333333;
}
.HeroArea__titleUnit.-black .HeroArea__title::after {
  background-color: #333333;
}
.HeroArea__titleUnit.-black .HeroArea__subTitle {
  color: #333333;
}
.HeroArea__title {
  position: relative;
  display: inline-block;
  font-size: 7rem;
  letter-spacing: 12px;
  text-indent: 12px;
  color: #ffffff;
}
.HeroArea__title.-en {
  font-family: "Inter", sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .HeroArea__title.-en {
    font-weight: bold;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__title {
    letter-spacing: 8px;
    text-indent: 8px;
    font-size: 3rem;
  }
}
.HeroArea__title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 24px);
  height: 3px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .HeroArea__title::after {
    width: calc(100% - 16px);
  }
}
.HeroArea__copy {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  font-size: 4.8rem;
  line-height: 1.3;
  color: #ffffff;
  letter-spacing: -4px;
  text-indent: 4px;
}
@media screen and (max-width: 768px) {
  .HeroArea__copy {
    font-family: "Noto Serif JP", serif;
  }
}
.HeroArea__copy.-bordered {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .HeroArea__copy.-bordered {
    display: inline;
    border-bottom: #ffffff solid 2px;
  }
}
.HeroArea__copy.-bordered::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 4px);
  height: 2px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .HeroArea__copy.-bordered::after {
    content: none;
  }
}
.HeroArea__recruitTitle {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 4.5rem;
  color: #ffffff;
  text-align: center;
  background-color: #005bac;
}
@media screen and (max-width: 768px) {
  .HeroArea__recruitTitle {
    font-size: 2.4rem;
    font-family: "Noto Serif JP", serif;
  }
}
.HeroArea__textShrink {
  letter-spacing: -10px;
}
.HeroArea__subTitle {
  font-size: 3rem;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 8px;
  text-indent: 8px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .HeroArea__subTitle {
    font-size: 2rem;
    letter-spacing: 4px;
    text-indent: 4px;
    margin-top: 10px;
  }
}
.HeroArea__subTitle.-en {
  font-family: "Inter", sans-serif;
}
.HeroArea__pageCaption {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.25;
  margin-top: 60px;
  padding: 0px 40px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageCaption {
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 40px;
  }
}
.HeroArea__pageCaption.-large {
  max-width: none;
  font-size: 3.6rem;
  line-height: 1.9;
  padding: 0px 18px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageCaption.-large {
    font-size: 1.8rem;
  }
}
.HeroArea__pageCaption.-center {
  text-align: center;
}
.HeroArea__pageCaption.-serif {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageCaption.-serif {
    font-family: "Noto Serif JP", serif;
  }
}
.HeroArea__pageCaption.-front {
  position: static;
  transform: none;
}
.HeroArea__pageCaption.-white {
  color: #ffffff;
}
.HeroArea__pageCaption.-company {
  font-size: 1.6rem;
  line-height: 1.87;
  font-weight: normal;
  max-width: 591px;
  margin: 100px auto 0px;
}
@media screen and (max-width: 768px) {
  .HeroArea__pageCaption.-company {
    font-size: 1.4rem;
    line-height: 2;
    margin: 60px auto 0px;
  }
}

.Breadcrumb + .HeroArea {
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .Breadcrumb + .HeroArea {
    margin-top: 0px;
  }
}

/*HistoryArea*/
.HistoryArea {
  max-width: 1270px;
  margin: 70px auto 0px;
}
.HistoryArea__headUnit {
  width: calc(100% - 80px);
  margin: 0px auto;
}
.HistoryArea__pageLinkList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  margin: -20px 0px 0px -20px;
}
.HistoryArea__pageLinkItem {
  list-style-type: none;
  width: calc(25% - 20px);
  min-width: 150px;
  margin: 20px 0px 0px 20px;
}
@media screen and (max-width: 768px) {
  .HistoryArea__pageLinkItem {
    width: calc(50% - 20px);
    min-width: none;
  }
}
@media screen and (max-width: 414px) {
  .HistoryArea__pageLinkItem {
    width: calc(100% - 20px);
  }
}
.HistoryArea__pageLinkButton {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  width: 100%;
  padding: 10px;
  background-color: #D9E6F3;
}
@media screen and (max-width: 414px) {
  .HistoryArea__pageLinkButton {
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding: 10px 80px 10px 10px;
  }
}
.HistoryArea__pageLinkButton::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 11px;
  margin-left: 8px;
  background-image: url("/homes/recruit/common/images/menu_arrowVertical_black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.HistoryArea__pageLinkButton:hover {
  background-color: #f1f1f1;
}
.HistoryArea__colorList {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-left: -50px;
}
@media screen and (max-width: 414px) {
  .HistoryArea__colorList {
    justify-content: start;
    -ms-justify-content: start;
    -webkit-justify-content: start;
    margin-left: -10px;
  }
}
.HistoryArea__colorName {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  list-style-type: none;
  margin: 30px 0px 0px 50px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .HistoryArea__colorName {
    margin: 20px 0px 0px 50px;
  }
}
@media screen and (max-width: 414px) {
  .HistoryArea__colorName {
    white-space: normal;
  }
}
.HistoryArea__colorName::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 9px;
}
.HistoryArea__colorName.-homes::before {
  background-color: #D7B98B;
}
.HistoryArea__colorName.-reform::before {
  background-color: #BCCEB0;
}
.HistoryArea__colorName.-residence::before {
  background-color: #8BC4CC;
}
.HistoryArea__layoutBoard {
  position: relative;
  background-image: url("/homes/recruit/common/images/history_bg.png");
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 10100px;
  width: calc(100% - 80px);
  margin: 20px auto 0px;
  height: 10100px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__layoutBoard {
    width: calc(100% - 40px);
    margin: 120px 0px 0px 0px;
    background-image: none;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__layoutBoard {
    margin: 30px 0px 0px 0px;
    width: calc(100% - 18px);
  }
}
.HistoryArea__layoutBoard::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: #333333;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__layoutBoard::before {
    top: auto;
    bottom: 0px;
    left: 0px;
    transform: none;
    width: 3px;
    height: calc(100% - 170px);
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__layoutBoard::before {
    height: calc(100% - 100px);
  }
}
.HistoryArea__layoutBoard::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 400px;
  height: 90px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
}
@media screen and (max-width: 1024px) {
  .HistoryArea__layoutBoard::after {
    left: 0px;
    transform: none;
    width: 10px;
  }
}
.HistoryArea__item {
  position: absolute;
  z-index: 10;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item {
    position: static;
    width: 100%;
  }
}
.HistoryArea__item.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.HistoryArea__item.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.HistoryArea__item.-left {
  left: 0px;
  padding-right: 14px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left {
    padding-right: 0px;
    padding-left: 14px;
  }
}
.HistoryArea__item.-left .HistoryArea__heading {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__heading {
    display: block;
  }
}
.HistoryArea__item.-left .HistoryArea__year {
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__year {
    text-align: left;
  }
}
.HistoryArea__item.-left .HistoryArea__yearDecoration::before {
  left: 0px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__yearDecoration::before {
    left: 70px;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-left .HistoryArea__yearDecoration::before {
    left: 0px;
  }
}
.HistoryArea__item.-left .HistoryArea__yearDecoration::after {
  right: -22px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__yearDecoration::after {
    right: auto;
    left: -22px;
  }
}
.HistoryArea__item.-left .HistoryArea__unit {
  margin-right: auto;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-left .HistoryArea__unit {
    margin-right: 0px;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-left .HistoryArea__unit {
    margin-left: 40px;
  }
}
.HistoryArea__item.-right {
  right: 0px;
  padding-left: 14px;
}
.HistoryArea__item.-right .HistoryArea__heading {
  display: block;
}
.HistoryArea__item.-right .HistoryArea__year {
  text-align: left;
}
.HistoryArea__item.-right .HistoryArea__yearDecoration::before {
  right: 0px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__item.-right .HistoryArea__yearDecoration::before {
    right: auto;
    left: 70px;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-right .HistoryArea__yearDecoration::before {
    left: 0px;
  }
}
.HistoryArea__item.-right .HistoryArea__yearDecoration::after {
  left: -22px;
}
.HistoryArea__item.-right .HistoryArea__unit {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-right .HistoryArea__unit {
    margin-left: 40px;
  }
}
.HistoryArea__item.-year1967 {
  top: 96px;
}
.HistoryArea__item.-year1972 {
  top: 160px;
}
.HistoryArea__item.-year1975 {
  top: 377px;
}
.HistoryArea__item.-year1979 {
  top: 622px;
}
.HistoryArea__item.-year1980 {
  top: 844px;
}
.HistoryArea__item.-year1981 {
  top: 1005px;
}
.HistoryArea__item.-year1982 {
  top: 1032px;
}
.HistoryArea__item.-year1983 {
  top: 1171px;
}
.HistoryArea__item.-year1986 {
  top: 1463px;
}
.HistoryArea__item.-year1988 {
  top: 1542px;
}
.HistoryArea__item.-year1989 {
  top: 1706px;
}
.HistoryArea__item.-year1991 {
  top: 1780px;
}
.HistoryArea__item.-year1994 {
  top: 1957px;
}
.HistoryArea__item.-year1996 {
  top: 2140px;
}
.HistoryArea__item.-year1998 {
  top: 2210px;
}
.HistoryArea__item.-year1999 {
  top: 2517px;
}
.HistoryArea__item.-year2000 {
  top: 2678px;
}
.HistoryArea__item.-year2001 {
  top: 2993px;
}
.HistoryArea__item.-year2002 {
  top: 3053px;
}
.HistoryArea__item.-year2003 {
  top: 3165px;
}
.HistoryArea__item.-year2004 {
  top: 3217px;
}
.HistoryArea__item.-year2005 {
  top: 4049px;
}
.HistoryArea__item.-year2006 {
  top: 4099px;
}
.HistoryArea__item.-year2007 {
  top: 4475px;
}
.HistoryArea__item.-year2008 {
  top: 5327px;
}
.HistoryArea__item.-year2011 {
  top: 5559px;
}
.HistoryArea__item.-year2012 {
  top: 5730px;
}
.HistoryArea__item.-year2013 {
  top: 5778px;
}
.HistoryArea__item.-year2014 {
  top: 6285px;
}
.HistoryArea__item.-year2015 {
  top: 6703px;
}
.HistoryArea__item.-year2016 {
  top: 7039px;
}
.HistoryArea__item.-year2017 {
  top: 7097px;
}
.HistoryArea__item.-year2018 {
  top: 7517px;
}
.HistoryArea__item.-year2019A {
  top: 8108px;
}
.HistoryArea__item.-year2019B {
  top: 8249px;
}
.HistoryArea__item.-year2020 {
  top: 8955px;
}
.HistoryArea__item.-year2021 {
  top: 9136px;
}
.HistoryArea__item.-year2022 {
  top: 9194px;
}
.HistoryArea__item.-year2023 {
  top: 9596px;
}
.HistoryArea__item.-year2024 {
  top: 9900px;
}
.HistoryArea__item.-link {
  margin-top: -174px;
  padding-top: 174px;
}
@media screen and (max-width: 768px) {
  .HistoryArea__item.-link {
    margin-top: -48px;
    padding-top: 48px;
  }
}
.HistoryArea__itemInner {
  position: relative;
}
.HistoryArea__unit {
  max-width: 335px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__unit {
    max-width: 520px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__unit {
    max-width: none;
    margin-top: 35px;
  }
}
.HistoryArea__heading {
  position: relative;
  z-index: 10;
  font-size: 1.6rem;
  line-height: 1.875;
  padding-left: 10px;
  background-color: #ffffff;
}
.HistoryArea__heading:not(:first-child) {
  margin-top: 40px;
}
.HistoryArea__heading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 4px;
  height: 92%;
}
.HistoryArea__heading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  width: 8px;
  height: 100%;
  background-color: #ffffff;
}
.HistoryArea__heading.-large {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
}
.HistoryArea__heading.-homes::before {
  background-color: #D7B98B;
}
.HistoryArea__heading.-reform::before {
  background-color: #BCCEB0;
}
.HistoryArea__heading.-residence::before {
  background-color: #8BC4CC;
}
.HistoryArea__heading.-over {
  width: 110%;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__heading.-over {
    width: 100%;
  }
}
.HistoryArea__column {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 44px;
}
.HistoryArea__column .HistoryArea__figure {
  margin-top: 0px;
  max-width: 94px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__column .HistoryArea__figure {
    max-width: 140px;
  }
}
.HistoryArea__columnItem + .HistoryArea__columnItem {
  margin-left: 30px;
}
.HistoryArea__year {
  position: absolute;
  top: 2px;
  font-size: 2.7rem;
  line-height: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .HistoryArea__year {
    position: static;
    margin-top: 35px;
  }
}
.HistoryArea__yearDecoration {
  position: relative;
  z-index: 10;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .HistoryArea__yearDecoration {
    width: auto;
    padding-left: 7.5%;
  }
}
.HistoryArea__yearDecoration::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 70px);
  height: 1px;
  background-color: #707070;
}
.HistoryArea__yearDecoration::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border: #333333 solid 2px;
  background-color: #ffffff;
  border-radius: 50%;
}
.HistoryArea__figure {
  margin-top: 20px;
  max-width: 325px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__figure {
    max-width: none;
  }
}
.HistoryArea__figure.-vertical {
  max-width: 200px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__figure.-logo {
    max-width: 200px;
  }
}
.HistoryArea__image {
  width: 100%;
}
.HistoryArea__sales {
  position: absolute;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales {
    display: inline-block;
    position: relative;
    left: 0px;
    transform: none;
    text-align: left;
    margin-top: 60px;
    padding-left: 7.5%;
  }
}
@media screen and (max-width: 768px) {
  .HistoryArea__sales {
    margin-top: 35px;
    padding-left: 40px;
  }
}
.HistoryArea__sales::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #F7A6A6;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales::after {
    left: 0px;
    transform: translate(0px, -50%);
  }
}
.HistoryArea__sales.-lank1 {
  top: 9730px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank1 {
    top: auto;
    padding-top: 94px;
    padding-bottom: 94px;
  }
}
.HistoryArea__sales.-lank1::after {
  width: 246px;
  height: 246px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank1::after {
    margin-left: -123px;
  }
}
.HistoryArea__sales.-lank2 {
  top: 6850px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank2 {
    top: auto;
    padding-top: 71px;
    padding-bottom: 71px;
  }
}
.HistoryArea__sales.-lank2::after {
  width: 200px;
  height: 200px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank2::after {
    margin-left: -100px;
  }
}
.HistoryArea__sales.-lank3 {
  top: 3686px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank3 {
    top: auto;
    padding-top: 41px;
    padding-bottom: 41px;
  }
}
.HistoryArea__sales.-lank3::after {
  width: 140px;
  height: 140px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank3::after {
    margin-left: -70px;
  }
}
.HistoryArea__sales.-lank4 {
  top: 2025px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank4 {
    top: auto;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.HistoryArea__sales.-lank4::after {
  width: 106px;
  height: 106px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank4::after {
    margin-left: -53px;
  }
}
.HistoryArea__sales.-lank5 {
  top: 1307px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank5 {
    top: auto;
  }
}
.HistoryArea__sales.-lank5::after {
  width: 56px;
  height: 56px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank5::after {
    margin-left: -28px;
  }
}
.HistoryArea__sales.-lank6 {
  top: 431px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank6 {
    top: auto;
  }
}
.HistoryArea__sales.-lank6::after {
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 1024px) {
  .HistoryArea__sales.-lank6::after {
    margin-left: -16px;
  }
}
.HistoryArea__money {
  font-size: 3.4rem;
}

/*HistoryGroup*/
.HistoryGroup {
  text-align: center;
  color: #005bac;
}
.HistoryGroup__heading {
  font-size: 1.6rem;
  font-weight: bold;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .HistoryGroup__heading {
    font-size: 1.2rem;
  }
}
.HistoryGroup__heading.-en {
  font-family: "Inter", sans-serif;
  font-weight: normal;
}
.HistoryGroup__careerName {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  line-height: 48px;
  width: 100%;
  height: 48px;
  margin-top: 20px;
  border-left: #005bac solid 2px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .HistoryGroup__careerName {
    height: 28px;
    line-height: 28px;
    font-size: 1.8rem;
    margin-top: 10px;
  }
}
.HistoryGroup__careerName + .HistoryGroup__careerName {
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .HistoryGroup__careerName + .HistoryGroup__careerName {
    margin-top: 20px;
  }
}
.HistoryGroup__careerName:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: 17px;
  height: 16px;
  background-image: url("/homes/recruit/common/images/detailArrowVertical_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .HistoryGroup__careerName:not(:last-child)::after {
    bottom: -17px;
    width: 15px;
    height: 14px;
    background-image: url("/homes/recruit/common/images/detailArrowVertical_blue.svg");
  }
}

.HeroArea__careerInner .HistoryGroup {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .HeroArea__careerInner .HistoryGroup {
    width: 100%;
  }
}
.HeroArea__careerInner .HistoryGroup__careerName {
  font-size: 2.2rem;
}
@media screen and (max-width: 1280px) {
  .HeroArea__careerInner .HistoryGroup__careerName {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 1024px) {
  .HeroArea__careerInner .HistoryGroup__careerName {
    font-size: 1.16rem;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 768px) {
  .HeroArea__careerInner .HistoryGroup__careerName {
    max-width: none;
    font-size: 1.8rem;
    letter-spacing: 0px;
  }
}

.ArticleSlider__item.-bgGray .HistoryGroup {
  padding: 20px 32px 40px;
}
.ArticleSlider__item.-bgGray .HistoryGroup__heading {
  font-size: 1.4rem;
}

/*LayoutBox*/
.LayoutBox {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .LayoutBox {
    display: block;
    margin-top: 40px;
  }
}
.LayoutBox + .LayoutBox .LayoutBox__messageUnit {
  margin-top: 90px;
}
@media screen and (max-width: 768px) {
  .LayoutBox + .LayoutBox .LayoutBox__messageUnit {
    margin-top: 100px;
  }
}
.LayoutBox.-wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.LayoutBox.-column2 .LayoutBox__messageUnit {
  width: calc(50% - 128px);
  margin-left: 128px;
}
@media screen and (max-width: 768px) {
  .LayoutBox.-column2 .LayoutBox__messageUnit {
    width: 100%;
    margin-left: 0px;
  }
}
.LayoutBox.-message {
  margin: -100px 0px 0px -128px;
}
@media screen and (max-width: 768px) {
  .LayoutBox.-message {
    margin: -50px 0px 0px 0px;
  }
}
.LayoutBox.-message .LayoutBox__item {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .LayoutBox.-message .LayoutBox__item {
    margin-top: 100px;
  }
}
.LayoutBox__messageUnit.-large {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
@media screen and (max-width: 768px) {
  .LayoutBox__messageUnit.-large {
    display: block;
  }
}
.LayoutBox__messageUnit.-large .LayoutBox__profileUnit {
  display: block;
  width: 26%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__messageUnit.-large .LayoutBox__profileUnit {
    width: 100%;
  }
}
.LayoutBox__messageUnit.-large .LayoutBox__textUnit {
  width: 66%;
  margin: 0px 0px 0px 8%;
}
@media screen and (max-width: 768px) {
  .LayoutBox__messageUnit.-large .LayoutBox__textUnit {
    margin: 30px 0px 0px 0%;
    width: 100%;
  }
}
.LayoutBox__messageUnit.-large .LayoutBox__avatar {
  max-width: 280px;
}
.LayoutBox__profileUnit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .LayoutBox__profileUnit {
    display: block;
  }
}
.LayoutBox__textUnit {
  margin-top: 40px;
}
.LayoutBox__avatar {
  max-width: 172px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__avatar {
    margin: 0px auto;
  }
}
.LayoutBox__text {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .LayoutBox__text {
    margin-top: 20px;
  }
}
.LayoutBox__image {
  width: 100%;
}

/*MenuGrid*/
.MenuGrid {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: -2px 0px 0px -2px;
}
@media screen and (max-width: 768px) {
  .MenuGrid.-spColumn1 .MenuGrid__item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid.-spColumn1 .MenuGrid__item.-large {
    width: 100%;
  }
}
.MenuGrid__item {
  position: relative;
  width: calc(33.33% - 2px);
  overflow: hidden;
  margin: 2px 0px 0px 2px;
}
.MenuGrid__item.-large {
  width: 100%;
}
.MenuGrid__item.-large .ContentArea__heading {
  letter-spacing: 8px;
  text-indent: 8px;
}
.MenuGrid__item.-medium {
  width: calc(50% - 2px);
}
.MenuGrid__item.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.MenuGrid__item.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.MenuGrid__link:hover .MenuGrid__image {
  transform: scale(1.1);
}
.MenuGrid__thumbnail {
  position: relative;
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-trim {
    width: 100%;
    height: 210px;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-trim .MenuGrid__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-company {
    height: 360px;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-company .MenuGrid__image {
    position: absolute;
    top: 0px;
    left: 2%;
    transform: translateX(-2%);
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-pcContents {
    display: none;
  }
}
.MenuGrid__thumbnail.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .MenuGrid__thumbnail.-spContents {
    display: block;
  }
}
.MenuGrid__image {
  width: 100%;
  transition: transform ease 0.3s;
}
@media screen and (max-width: 768px) {
  .MenuGrid__image.-pcContents {
    display: none;
  }
}
.MenuGrid__image.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .MenuGrid__image.-spContents {
    display: block;
  }
}
@media screen and (max-width: 414px) {
  .MenuGrid__image.-pcContentsS {
    display: none;
  }
}
.MenuGrid__image.-spContentsS {
  display: none;
}
@media screen and (max-width: 414px) {
  .MenuGrid__image.-spContentsS {
    display: block;
  }
}

.ContentArea__companyNavigation .MenuGrid {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .ContentArea__companyNavigation .MenuGrid {
    margin-top: 40px;
  }
}

/*ModalContent*/
.ModalContent {
  display: none;
  /*jsでフェードイン*/
  position: fixed;
  top: calc(50% + 60px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 700px;
  z-index: 300;
  padding: 10px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .ModalContent {
    top: calc(50% + 20px);
  }
}
.ModalContent__iframeContent {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.ModalContent__movieFile {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.ModalContent__modalItem {
  max-width: 100%;
  max-height: 70vh;
}
.ModalContent__modalClose {
  position: absolute;
  top: -50px;
  right: -10px;
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}

/*ModalOverlay*/
.ModalOverlay {
  display: none;
  /*jsでフェードイン*/
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

/*OpeningGroup*/
.OpeningGroup {
  position: fixed;
  z-index: 300;
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(100vh - 101px);
  background-color: #ffffff;
  margin-top: 101px;
}
@media screen and (max-width: 768px) {
  .OpeningGroup {
    height: calc(100vh - 69px);
    margin-top: 69px;
  }
}
.OpeningGroup__textUnit {
  position: absolute;
  text-align: center;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.OpeningGroup__textUnit.-animation .OpeningGroup__copy::after {
  -webkit-animation: opBorder ease 0.6s;
  -moz-animation: opBorder ease 0.6s;
  animation: opBorder ease 0.6s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  background-color: #ffffff;
  transition: background-color 0s ease 2.8s;
}
@media screen and (max-width: 768px) {
  .OpeningGroup__textUnit.-animation .OpeningGroup__copy::after {
    -webkit-animation: opBorderSp ease 0.6s;
    -moz-animation: opBorderSp ease 0.6s;
    animation: opBorderSp ease 0.6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}
.OpeningGroup__textUnit.-animation .OpeningGroup__copyText {
  -webkit-animation: opacity 0.8s ease 1.2s;
  -moz-animation: opacity 0.8s ease 1.2s;
  animation: opacity 0.8s ease 1.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  color: #ffffff;
  transition: color 0s ease 2.8s;
}
.OpeningGroup__textUnit.-animation .OpeningGroup__projectName {
  color: #ffffff;
  transition: color 0s ease 2.8s;
}
.OpeningGroup__copy {
  position: relative;
  display: inline-block;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  font-size: 4rem;
  line-height: 1.3;
  color: #333333;
  letter-spacing: -4px;
  text-indent: 0px;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .OpeningGroup__copy {
    font-size: 2.4rem;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0px;
    text-indent: 7px;
  }
}
@media screen and (max-width: 374px) {
  .OpeningGroup__copy {
    font-size: 2rem;
  }
}
.OpeningGroup__copy::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 10;
  left: 48%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .OpeningGroup__copy::after {
    left: 50%;
  }
}
.OpeningGroup__copyText {
  display: inline-block;
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.OpeningGroup__projectName {
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  color: #333333;
  letter-spacing: 2px;
  text-indent: 2px;
  margin-top: 10px;
}
@media screen and (max-width: 414px) {
  .OpeningGroup__projectName {
    font-size: 1.2rem;
    letter-spacing: 1px;
    text-indent: 1px;
  }
}
.OpeningGroup__loading {
  position: absolute;
  z-index: 10;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 2px;
  text-indent: 2px;
  text-align: center;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
@media screen and (max-width: 768px) {
  .OpeningGroup__loading {
    font-size: 1.2rem;
  }
}
.OpeningGroup__logo {
  position: absolute;
  z-index: 10;
  width: 150px;
  bottom: 58px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .OpeningGroup__logo {
    bottom: 102px;
    width: 120px;
  }
}
.OpeningGroup__image {
  width: 100%;
}

/*PeopleCard*/
.PeopleCard {
  text-align: center;
}
.PeopleCard.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.PeopleCard.-fadeItem.-delay.-fadeOn {
  transition: all ease 0.7s 0.2s;
}
.PeopleCard.-fadeItem.-delay + .-delay.-fadeOn {
  transition: all ease 0.7s 0.4s;
}
.PeopleCard.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.PeopleCard__avatar {
  display: inline-block;
  overflow: hidden;
  max-width: 280px;
}
@media screen and (max-width: 768px) {
  .PeopleCard__avatar {
    max-width: 184px;
  }
}
.PeopleCard__captionUnit {
  position: relative;
  text-align: center;
  margin-top: -24px;
  padding-top: 50px;
}
.PeopleCard__captionUnit::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 40px;
  background-color: #222728;
}
.PeopleCard__careerCategory {
  font-size: 1.4rem;
  font-weight: bold;
  color: #005bac;
}
@media screen and (max-width: 768px) {
  .PeopleCard__careerCategory {
    font-size: 1.2rem;
  }
}
.PeopleCard__careerName {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
  letter-spacing: 4px;
  text-indent: 4px;
}
@media screen and (max-width: 768px) {
  .PeopleCard__careerName {
    font-family: "Noto Serif JP", serif;
    font-size: 1.7rem;
  }
}
.PeopleCard__careerName.-long {
  letter-spacing: -1px;
  text-indent: 0px;
}
.PeopleCard__careerName.-kern0 {
  letter-spacing: 0px;
  text-indent: 0px;
}
.PeopleCard__name {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .PeopleCard__name {
    font-size: 1.6rem;
  }
}
.PeopleCard__name.-bordered {
  display: inline-block;
  padding: 0px 0px 10px;
  border-bottom: #005bac solid 1px;
}
.PeopleCard__nameUnit {
  margin-top: 20px;
}
.PeopleCard__nameUnit.-center {
  text-align: center;
}
.PeopleCard__nameUnit.-center .ContentArea__profileText.-bordered::after {
  left: 50%;
  transform: translateX(-50%);
}
.PeopleCard__nameUnit.-right {
  margin: 0px 0px 0px 20px;
}
.PeopleCard__profileText {
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .PeopleCard__profileText {
    font-size: 1.2rem;
  }
}
.PeopleCard__profileText + .ContentArea__name {
  margin-top: 10px;
}
.PeopleCard__profileText.-bottom {
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .PeopleCard__profileText.-bottom {
    margin-top: 8px;
  }
}
.PeopleCard__profileText.-bordered {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
.PeopleCard__profileText.-bordered::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 46px;
  height: 1px;
  background-color: #000000;
}
.PeopleCard__image {
  width: 100%;
  transition: transform ease 0.3s;
}
.PeopleCard__link {
  outline: none;
}
.PeopleCard__link:hover .PeopleCard__image {
  transform: scale(1.1);
}

/*PhilosophySection*/
.PhilosophySection {
  text-align: center;
  width: calc(100% - 80px);
  max-width: 1280px;
  margin: 100px auto 0px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection {
    margin: 70px auto 0px;
  }
}
.PhilosophySection.-left {
  text-align: left;
}
.PhilosophySection.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.PhilosophySection.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.PhilosophySection.-bgColor {
  width: 100%;
  max-width: none;
  padding: 50px 40px;
  background-color: #f1f1f1;
}
.PhilosophySection.-full {
  width: 100%;
  max-width: none;
}
.PhilosophySection__heading {
  display: inline-block;
  position: relative;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 3px;
  text-indent: 3px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__heading {
    font-size: 1.4rem;
  }
}
.PhilosophySection__heading::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 6px);
  height: 3px;
  background-color: #333333;
}
.PhilosophySection__bgHeading {
  padding: 50px 0px;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  background-color: #f1f1f1;
  letter-spacing: 4px;
  text-indent: 4px;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__bgHeading {
    font-family: "Noto Serif JP", serif;
    letter-spacing: 1px;
    text-indent: 1px;
    font-size: 3rem;
  }
}
.PhilosophySection__copyUnit {
  text-align: center;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyUnit {
    margin-top: 18px;
  }
}
.PhilosophySection__copyLogo {
  margin: 0px auto;
  padding: 0px 18px;
  min-width: 240px;
}
.PhilosophySection__copyLogo + .PhilosophySection__copyLogo {
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyLogo + .PhilosophySection__copyLogo {
    margin-top: 10px;
  }
}
.PhilosophySection__copyLogo.-en {
  max-width: 410px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyLogo.-en {
    max-width: 300px;
  }
}
@media screen and (max-width: 414px) {
  .PhilosophySection__copyLogo.-en {
    max-width: 72.4637681159vw;
  }
}
.PhilosophySection__copyLogo.-jp {
  max-width: 560px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copyLogo.-jp {
    max-width: 370px;
  }
}
@media screen and (max-width: 414px) {
  .PhilosophySection__copyLogo.-jp {
    max-width: 89.3719806763vw;
  }
}
.PhilosophySection__copy {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copy {
    font-size: 1.8rem;
  }
}
.PhilosophySection__copy.-large {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 4.4rem;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__copy.-large {
    font-size: 3rem;
  }
}
.PhilosophySection__text {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .PhilosophySection__text {
    text-align: left;
    margin-top: 30px;
  }
}

/*RecruiteFlow*/
.RecruiteFlow__unit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  max-width: 1280px;
  margin: 60px auto;
  padding: 0px 7.5%;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__unit {
    display: block;
    margin: 40px auto;
    padding: 0px 18px 10px;
  }
}
.RecruiteFlow__unit::before {
  content: none;
  display: inline-block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 26px;
  background-image: url("/homes/recruit/common/images/detailArrowVertical_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__unit::before {
    content: "";
  }
}
.RecruiteFlow__unit + .RecruiteFlow__unit {
  margin-top: 50px;
}
.RecruiteFlow__unit:last-child::before {
  content: none;
}
.RecruiteFlow__unit:last-child .RecruiteFlow__flowUnit::before {
  content: none;
}
.RecruiteFlow__flowUnit {
  position: relative;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f1f1;
  text-align: center;
  width: 27%;
  height: 150px;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__flowUnit {
    width: 100%;
    height: auto;
    padding: 20px 0px;
  }
}
.RecruiteFlow__flowUnit::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 26px;
  background-image: url("/homes/recruit/common/images/detailArrowVertical_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__flowUnit::before {
    content: none;
  }
}
.RecruiteFlow__flowUnit::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 3px;
  height: 100%;
  background-color: #005bac;
}
.RecruiteFlow__number {
  font-size: 1.4rem;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  color: #005bac;
  letter-spacing: 4px;
  text-indent: 4px;
}
.RecruiteFlow__title {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  line-height: 1.6;
  width: 100%;
  margin-top: 12px;
}
@media screen and (max-width: 1280px) {
  .RecruiteFlow__title {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__title {
    font-size: 2rem;
    font-family: "Noto Serif JP", serif;
  }
}
.RecruiteFlow__subTitle {
  font-size: 1.6rem;
  line-height: 1;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__subTitle {
    font-size: 1.4rem;
  }
}
.RecruiteFlow__textUnit {
  width: 68%;
  margin-left: 5%;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__textUnit {
    width: 100%;
    margin-left: 0px;
    padding: 0px 22px;
  }
}
.RecruiteFlow__heding {
  font-size: 1.6rem;
  line-height: 2.25;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__heding {
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 30px;
  }
}
.RecruiteFlow__text {
  font-size: 1.3rem;
  line-height: 2;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .RecruiteFlow__text {
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

/*Section*/
.Section {
  max-width: 1280px;
  margin: 80px auto 0px;
}
.Section:first-child {
  margin: 20px auto 0px;
}
.Section:first-child .Section__headline.-message {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .Section:first-child .Section__headline.-message {
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .Section {
    margin-top: 40px;
  }
}
.Section.-fadeItem {
  transform: translateY(20px);
  -moz-opacity: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.Section.-fadeOn {
  transform: translateY(0px);
  -moz-opacity: 1;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: all ease 0.7s;
}
.Section.-bg {
  background-color: #f1f1f1;
  margin-top: 64px;
  padding: 80px 0px 120px;
}
@media screen and (max-width: 768px) {
  .Section.-bg {
    padding: 60px 0px 80px;
  }
}
.Section.-bg .Section__inner {
  max-width: 1280px;
  margin: 0px auto;
  padding: 0px 7.5%;
}
.Section.-bg .Section__inner.-recruit {
  margin: 60px auto 0px;
}
@media screen and (max-width: 768px) {
  .Section.-bg .Section__inner.-recruit {
    margin: 40px auto 0px;
  }
}
.Section.-full {
  max-width: none;
}
.Section.-top {
  margin-top: 64px;
}
.Section__inner {
  margin: 80px auto 0px;
}
@media screen and (max-width: 768px) {
  .Section__inner {
    margin: 40px auto 0px;
  }
}
.Section__inner.-small {
  max-width: 715px;
}
.Section__inner.-recruit {
  margin: 60px auto 0px;
}
@media screen and (max-width: 768px) {
  .Section__inner.-recruit {
    margin: 30px auto 0px;
    padding: 0px 40px;
  }
}
.Section__headline {
  position: relative;
}
.Section__headline.-message {
  font-size: 2rem;
  font-weight: bold;
  color: #005bac;
  letter-spacing: 2px;
  margin-top: 150px;
  padding-top: 14px;
  border-top: #C9C9C9 solid 1px;
}
@media screen and (max-width: 768px) {
  .Section__headline.-message {
    font-size: 1.4rem;
    margin-top: 100px;
  }
}
.Section__headline.-message::before {
  content: "";
  position: absolute;
  top: -1.5px;
  left: 0px;
  width: 248px;
  height: 2px;
  background-color: #005bac;
}
.Section__headline.-top {
  margin-top: 120px;
}
.Section__careerTitle {
  margin-top: 150px;
}
.Section__comment {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .Section__comment {
    font-size: 1.8rem;
    font-family: "Noto Serif JP", serif;
    text-align: center;
  }
}
.Section__bgImage {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .Section__bgImage.-pcContents {
    display: none;
  }
}
.Section__bgImage.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .Section__bgImage.-spContents {
    display: block;
  }
}
.Section__copy {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 3rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .Section__copy {
    font-size: 2.2rem;
    font-family: "Noto Serif JP", serif;
  }
}
.Section__text {
  margin-top: 30px;
}
.Section__notes {
  margin: 10px;
}
.Section__notes.-bottom {
  margin-top: 30px;
}
.Section__heading {
  position: relative;
  display: inline;
  font-size: 1.4rem;
  line-height: 2;
  text-align: left;
  font-weight: bold;
  padding-bottom: 4px;
  border-bottom: #333333 solid 3px;
}
.Section__subHeading {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 4px;
  text-indent: 4px;
  margin-top: 60px;
}
.Section__subHeading + .Section__text {
  margin-top: 20px;
}
.Section__figure {
  margin-top: 30px;
}
.Section__concept {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1280px;
  margin: 60px auto 0px;
  padding: 0px 7.5%;
}
@media screen and (max-width: 414px) {
  .Section__concept {
    display: block;
  }
}
.Section__conceptText + .Section__conceptText {
  margin-top: 30px;
}
.Section__conceptAvatarUnit {
  width: 31%;
}
@media screen and (max-width: 768px) {
  .Section__conceptAvatarUnit {
    width: 40%;
  }
}
@media screen and (max-width: 414px) {
  .Section__conceptAvatarUnit {
    width: 100%;
  }
}
.Section__conceptAvatarUnit.-sticky {
  position: sticky;
  top: 161px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .Section__conceptAvatarUnit.-sticky {
    top: 129px;
  }
}
@media screen and (max-width: 414px) {
  .Section__conceptAvatarUnit.-sticky {
    position: static;
  }
}
.Section__conceptTextUnit {
  width: 49%;
  margin: 0px 2% 0px 18%;
}
@media screen and (max-width: 768px) {
  .Section__conceptTextUnit {
    width: 50%;
    margin: 0px 2% 0px 8%;
  }
}
@media screen and (max-width: 414px) {
  .Section__conceptTextUnit {
    width: 100%;
    margin: 50px 0px 0px;
  }
}
.Section__avatarCaption {
  font-size: 1.3rem;
  line-height: 1.54;
  margin-top: 10px;
}
@media screen and (max-width: 414px) {
  .Section__avatarCaption {
    font-size: 1.2rem;
    margin-top: 20px;
  }
}
.Section__avatarName {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  line-height: 2.25;
  margin-top: 10px;
  letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
  .Section__avatarName {
    font-family: "Noto Serif JP", serif;
    font-size: 1.5rem;
    margin-top: 20px;
  }
}
.Section__avatarRuby {
  display: inline-block;
  font-size: 1.3rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 414px) {
  .Section__avatarRuby {
    font-size: 1.2rem;
  }
}
.Section__case {
  padding: 60px 18px;
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .Section__case {
    padding: 40px 18px;
  }
}
.Section__caseInner {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 1680px;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .Section__caseInner {
    display: block;
  }
}
.Section__caseItem {
  width: calc(25% - 32px);
}
@media screen and (max-width: 1024px) {
  .Section__caseItem {
    width: calc(33.33% - 22px);
  }
}
@media screen and (max-width: 768px) {
  .Section__caseItem {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .Section__caseItem.-caseTitle {
    width: 100%;
    height: auto;
  }
}
.Section__caseItem:not(:first-child) {
  margin-left: 32px;
}
@media screen and (max-width: 768px) {
  .Section__caseItem:not(:first-child) {
    margin-top: 30px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .Section__caseItem:nth-child(2) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .Section__caseItem:nth-child(n+2) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .Section__caseItem:nth-child(n+2) {
    margin-top: 20px;
  }
}
.Section__caseItem.ContentArea__subHeading {
  letter-spacing: 2px;
  text-indent: 2px;
}
@media screen and (max-width: 1024px) {
  .Section__caseItem .ContentArea__headUnit {
    margin: 0px auto;
  }
}
.Section__caseItem .ContentArea__button {
  max-width: none;
}
@media screen and (max-width: 768px) {
  .Section__caseItem .ContentArea__button {
    margin-left: 10px;
  }
}
.Section__caseThumbnail {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .Section__caseThumbnail {
    width: 20%;
  }
}
.Section__recruit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #434343;
}
@media screen and (max-width: 768px) {
  .Section__recruit {
    display: block;
  }
}
.Section__recruitItem {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .Section__recruitItem {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .Section__recruitItem:first-child {
    padding: 44px 0px 60px;
  }
}

/*SlideContents*/
.SlideContents {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  position: relative;
  font-size: 0px;
  overflow: hidden;
  background-image: url("/homes/recruit/common/images/business_heroImage_bg.jpg");
  width: 100%;
  height: 676px;
}
@media screen and (max-width: 768px) {
  .SlideContents {
    display: block;
    height: auto;
    overflow: visible;
  }
}
.SlideContents__item {
  display: inline-block;
  width: 100%;
  min-width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: normal;
}
@media screen and (max-width: 768px) {
  .SlideContents__item {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__item#page10 {
    margin-top: 75px;
    padding-top: 75px;
    border-top: #333333 solid 1px;
  }
}
.SlideContents__inner {
  position: relative;
  max-width: 1280px;
  height: 588px;
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .SlideContents__inner {
    height: auto;
  }
}
.SlideContents__buttonOuter {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  max-width: 980px;
  margin: 30px auto 0px;
  padding: 0px 18px;
}
@media screen and (max-width: 768px) {
  .SlideContents__buttonOuter {
    margin: 0px auto;
    max-width: none;
  }
}
.SlideContents__buttonItem {
  width: calc(33.33% - 40px);
  margin: 20px 0px 0px 40px;
}
@media screen and (max-width: 1024px) {
  .SlideContents__buttonItem {
    width: calc(50% - 15px);
    margin: 20px 0px 0px 15px;
  }
}
.SlideContents__head {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
  border-bottom: #333333 solid 1px;
  height: 54px;
}
@media screen and (max-width: 768px) {
  .SlideContents__head {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    border-bottom: none;
    height: auto;
    z-index: 14;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__head.-pcContents {
    display: none;
  }
}
.SlideContents__head.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .SlideContents__head.-spContents {
    display: block;
  }
}
.SlideContents__head.-top {
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
}
@media screen and (max-width: 768px) {
  .SlideContents__head.-top {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 100%;
    text-align: center;
  }
}
.SlideContents__head.-top .SlideContents__title {
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 0px;
}
@media screen and (max-width: 768px) {
  .SlideContents__head.-top .SlideContents__title {
    font-size: 1.4rem;
    padding-bottom: 8px;
  }
}
.SlideContents__head.-top .SlideContents__title::after {
  content: none;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: calc(100% - 4px);
  height: 2px;
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .SlideContents__head.-top .SlideContents__title::after {
    content: "";
  }
}
.SlideContents__head.-top .SlideContents__heading {
  margin-top: 10px;
  width: 100%;
}
.SlideContents__headInner {
  width: 100%;
  max-width: 1280px;
  margin: 0px auto;
}
.SlideContents__prev {
  position: absolute;
  top: 50%;
  right: 54px;
  transform: translateY(-50%);
  font-size: 1.2rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SlideContents__prev {
    display: none;
  }
}
.SlideContents__link {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.SlideContents__link::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url("/homes/recruit/common/images/menu_icon_grid.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 9px;
}
.SlideContents__link.-arrow::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 8px;
  background-image: url("/homes/recruit/common/images/arrowVertical_black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 9px;
}
.SlideContents__main {
  position: relative;
  z-index: 20;
  margin: 0px 140px 0px 7.5%;
}
@media screen and (max-width: 768px) {
  .SlideContents__main {
    margin: 0px;
  }
}
.SlideContents__main.-page0 {
  margin-left: -22px;
}
@media screen and (max-width: 768px) {
  .SlideContents__main.-page0 {
    margin-left: -15px;
  }
}
.SlideContents__main.-page8 {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.SlideContents__main.-page8 .SlideContents__text {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .SlideContents__main.-page8 .SlideContents__text {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__main.-page8 {
    display: block;
  }
}
.SlideContents__main.-page10 .SlideContents__text {
  font-size: 1.5rem;
}
@media screen and (max-width: 1280px) {
  .SlideContents__main.-page10 .SlideContents__text {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__main.-page10 .SlideContents__text {
    font-size: 1.5rem;
  }
}
.SlideContents__title {
  font-size: 2.4rem;
  letter-spacing: 4px;
  text-indent: 4px;
  margin-left: 7.5%;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SlideContents__title {
    font-size: 1.8rem;
    letter-spacing: 2px;
    text-indent: 0px;
    margin: 30px 0px 0px 18px;
  }
}
.SlideContents__title.-en {
  font-family: "Inter", sans-serif;
}
.SlideContents__title.-small {
  font-size: 1.4rem;
  margin-left: 0px;
  letter-spacing: 0px;
  text-indent: 0px;
}
@media screen and (max-width: 768px) {
  .SlideContents__title.-small {
    display: inline-block;
    font-size: 1.2rem;
    margin-top: 0px;
  }
}
.SlideContents__navUnit {
  position: absolute;
  z-index: 20;
  top: 204px;
  right: 45px;
}
@media screen and (max-width: 768px) {
  .SlideContents__navUnit {
    display: none;
  }
}
.SlideContents__heading {
  font-size: 3rem;
  letter-spacing: 8px;
  text-indent: 8px;
  text-align: center;
  font-weight: bold;
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .SlideContents__heading {
    letter-spacing: 2px;
    text-indent: 2px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__heading.-pcContents {
    display: none;
  }
}
.SlideContents__heading.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .SlideContents__heading.-spContents {
    display: block;
  }
}
.SlideContents__copy {
  font-size: 2.8rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.85;
  letter-spacing: 4px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .SlideContents__copy {
    font-family: "Noto Serif JP", serif;
    font-size: 2.5rem;
    letter-spacing: 2px;
    width: calc(100% - 36px);
    margin: 10px auto 0px;
  }
}
.SlideContents__text {
  font-size: 1.5rem;
  line-height: 2.27;
  margin-top: 50px;
}
@media screen and (max-width: 1280px) {
  .SlideContents__text {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 1024px) {
  .SlideContents__text {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__text {
    font-size: 1.5rem;
    width: calc(100% - 80px);
    margin: 50px auto 0px;
  }
}
.SlideContents__visual {
  position: absolute;
  z-index: 11;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual {
    position: relative;
    margin-top: 100px;
  }
}
.SlideContents__visual.-page0 {
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
  width: 1426px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page0 {
    overflow: hidden;
    bottom: auto;
    width: 100%;
    height: 150px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page0 .SlideContents__image {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 750px;
  }
}
@media screen and (max-width: 414px) {
  .SlideContents__visual.-page0 .SlideContents__image {
    width: 600px;
    bottom: -10px;
  }
}
.SlideContents__visual.-page1 {
  right: 0;
  bottom: -26px;
  width: 730px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page1 {
    left: -2%;
    /*transform: translateX(-70%);*/
    right: auto;
    bottom: auto;
    width: 480px;
  }
}
.SlideContents__visual.-page2 {
  right: 40px;
  bottom: -30px;
  width: 672px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page2 {
    left: 60%;
    transform: translateX(-70%);
    right: auto;
    bottom: auto;
    width: 450px;
  }
}
.SlideContents__visual.-page3 {
  right: 0px;
  bottom: -26px;
  width: 800px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page3 {
    left: 50%;
    transform: translateX(-40%);
    right: auto;
    bottom: auto;
    width: 670px;
  }
}
.SlideContents__visual.-page4 {
  right: 70px;
  bottom: -26px;
  width: 635px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page4 {
    left: 60%;
    transform: translateX(-42%);
    right: auto;
    bottom: -50px;
    width: 380px;
    margin-top: 50px;
  }
}
.SlideContents__visual.-page5 {
  right: 0px;
  bottom: -26px;
  width: 790px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page5 {
    left: 60%;
    transform: translateX(-48%);
    right: auto;
    bottom: auto;
    width: 526px;
  }
}
.SlideContents__visual.-page6 {
  right: 84px;
  bottom: -26px;
  width: 634px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page6 {
    left: 50%;
    transform: translateX(-60%);
    right: auto;
    bottom: auto;
    width: 370px;
  }
}
.SlideContents__visual.-page7 {
  right: 30px;
  bottom: -26px;
  width: 709px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page7 {
    left: 50%;
    transform: translateX(-58%);
    right: auto;
    bottom: auto;
    width: 490px;
  }
}
.SlideContents__visual.-page8 {
  left: -16px;
  bottom: 40px;
  width: 950px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page8 {
    left: 50%;
    transform: translateX(-64%);
    right: auto;
    bottom: auto;
    width: 524px;
  }
}
.SlideContents__visual.-page9 {
  right: 106px;
  bottom: -26px;
  width: 772px;
}
@media screen and (max-width: 768px) {
  .SlideContents__visual.-page9 {
    left: 30%;
    transform: translateX(-60%);
    right: auto;
    bottom: auto;
    width: 630px;
  }
}
.SlideContents__mainInner {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .SlideContents__mainInner {
    display: block;
  }
}
.SlideContents__mainItem {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .SlideContents__mainItem {
    width: auto;
  }
}
.SlideContents__listGroup {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  height: 440px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .SlideContents__listGroup {
    display: block;
    width: auto;
    height: auto;
    padding-bottom: 120px;
  }
}
.SlideContents__listUnit {
  position: relative;
  display: inline-block;
  padding-left: 18px;
  margin: 40px 0px 0px 40px;
}
@media screen and (max-width: 1280px) {
  .SlideContents__listUnit {
    margin: 3.125vw 0px 0px 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__listUnit {
    margin: 30px 40px 0px;
  }
}
.SlideContents__listUnit::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  width: 1px;
  height: calc(100% - 10px);
  background-color: #333333;
}
.SlideContents__listHeading {
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .SlideContents__listHeading {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__listHeading {
    font-size: 1.6rem;
  }
}
.SlideContents__list {
  font-size: 1.4rem;
  line-height: 2.05;
  padding-left: 18px;
}
@media screen and (max-width: 1280px) {
  .SlideContents__list {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .SlideContents__list {
    font-size: 1.4rem;
  }
}
.SlideContents__navButton {
  position: relative;
  font-size: 0;
  width: 50px;
  height: 50px;
  border: #333333 solid 1px;
  border-radius: 25px;
}
.SlideContents__navButton::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 24px;
  width: 7px;
  height: 1px;
  background: #333333;
  transition: width ease 0.2s;
}
.SlideContents__navButton::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 20px;
  width: 8px;
  height: 8px;
  border-top: #333333 solid 1px;
  border-right: #333333 solid 1px;
  transition: left ease 0.2s, right ease 0.2s;
}
.SlideContents__navButton.-next::before {
  left: 19px;
}
.SlideContents__navButton.-next::after {
  right: 20px;
  transform: rotate(45deg);
}
.SlideContents__navButton.-prev::before {
  right: 19px;
}
.SlideContents__navButton.-prev::after {
  left: 20px;
  transform: rotate(225deg);
}
.SlideContents__navButton:hover {
  border: #005bac solid 1px;
  background-color: rgba(0, 91, 172, 0.15);
}
.SlideContents__navButton:hover::before {
  width: 12px;
  background: #005bac;
}
.SlideContents__navButton:hover::after {
  border-color: #005bac;
}
.SlideContents__navButton:hover.-next::after {
  right: 13px;
}
.SlideContents__navButton:hover.-prev::after {
  left: 13px;
}
.SlideContents__number {
  text-align: center;
  font-size: 1.2rem;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  margin: 22px 0px;
}
.SlideContents__currentNumber {
  position: relative;
  display: block;
  padding-bottom: 10px;
}
.SlideContents__currentNumber::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  display: inline-block;
  width: 30px;
  height: 1px;
  background-color: #333333;
}
.SlideContents__allNumber {
  display: block;
  margin-top: 10px;
}

/*SustainableSection*/
.SustainableSection__inner {
  width: calc(100% - 80px);
  margin: 0px auto;
}
.SustainableSection__leadGroup {
  max-width: 992px;
  background-color: #D9E6F3;
  margin: 50px auto 0px;
  padding: 50px 100px 58px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadGroup {
    padding: 30px 40px 38px;
  }
}
.SustainableSection__leadTitle {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 6px;
  text-indent: 6px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadTitle {
    font-size: 2rem;
    letter-spacing: 2px;
    text-indent: 2px;
  }
}
.SustainableSection__lead {
  margin-top: 62px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__lead {
    margin-top: 40px;
    text-align: center;
  }
}
.SustainableSection__leadHeading {
  display: block;
  float: left;
  font-size: 2.3rem;
  border-bottom: #333333 solid 3px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadHeading {
    font-size: 1.8rem;
    display: inline-block;
    float: none;
  }
}
.SustainableSection__leadText {
  display: block;
  font-size: 2rem;
  line-height: 1.85;
  letter-spacing: 1px;
  margin-left: 225px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__leadText {
    font-size: 1.6rem;
    margin-top: 20px;
    margin-left: 0px;
    text-align: left;
  }
}
.SustainableSection__profile {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  font-weight: bold;
  width: calc(100% - 36px);
  max-width: 900px;
  margin: 100px auto 0px;
}
@media screen and (max-width: 414px) {
  .SustainableSection__profile {
    display: block;
  }
}
.SustainableSection__profileItem.-large {
  width: 60%;
}
@media screen and (max-width: 414px) {
  .SustainableSection__profileItem.-large {
    width: 100%;
  }
}
.SustainableSection__profileItem.-small {
  width: 26%;
  margin-left: 14%;
}
@media screen and (max-width: 414px) {
  .SustainableSection__profileItem.-small {
    text-align: center;
    width: 100%;
    margin: 20px 0px 0px;
  }
}
.SustainableSection__comment {
  font-size: 2.2rem;
  line-height: 1.81;
  letter-spacing: 2px;
}
.SustainableSection__avatarCaption {
  font-size: 1.5rem;
  line-height: 1.66;
  margin-top: 30px;
}
@media screen and (max-width: 414px) {
  .SustainableSection__avatarCaption.-pcContents {
    display: none;
  }
}
.SustainableSection__avatarCaption.-spContents {
  display: none;
}
@media screen and (max-width: 414px) {
  .SustainableSection__avatarCaption.-spContents {
    display: block;
  }
}
.SustainableSection__name {
  font-size: 2.4rem;
}
@media screen and (max-width: 414px) {
  .SustainableSection__name.-pcContents {
    display: none;
  }
}
.SustainableSection__name.-spContents {
  display: none;
}
@media screen and (max-width: 414px) {
  .SustainableSection__name.-spContents {
    display: block;
  }
}
.SustainableSection__headline {
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__headline {
    margin-top: 60px;
  }
}
.SustainableSection__headUnit {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.SustainableSection__bgImage {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__bgImage.-pcContents {
    display: none;
  }
}
.SustainableSection__bgImage.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .SustainableSection__bgImage.-spContents {
    display: block;
  }
}
.SustainableSection__heading {
  text-align: center;
  margin: 50px auto 0px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
  width: calc(100% - 80px);
}
@media screen and (max-width: 768px) {
  .SustainableSection__heading {
    font-size: 2rem;
  }
}
.SustainableSection__sectionTitle {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 4px;
  font-weight: bold;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__sectionTitle {
    font-size: 1.8rem;
  }
}
.SustainableSection__textUnit {
  max-width: 758px;
  margin: 0px auto;
  text-align: center;
}
.SustainableSection__textUnit.-thin {
  max-width: 592px;
}
.SustainableSection__subHeadingUnit {
  text-align: center;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__subHeadingUnit {
    margin-top: 60px;
  }
}
.SustainableSection__subHeadingIcon {
  max-width: 62px;
  margin: 0px auto;
}
.SustainableSection__subHeadingIcon + .SustainableSection__subHeading {
  margin-top: 10px;
}
.SustainableSection__subHeading {
  display: inline-block;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-indent: 2px;
  margin-top: 60px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__subHeading {
    margin-top: 40px;
  }
}
.SustainableSection__subHeading.-bordered {
  border-bottom: #333333 solid 3px;
}
.SustainableSection__numberListItem {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0px;
  border-bottom: #707070 solid 1px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberListItem {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 10px 0px 20px;
  }
}
.SustainableSection__numberListItem:last-child {
  border-bottom: none;
}
.SustainableSection__numberUnit {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberUnit {
    width: 100%;
  }
}
.SustainableSection__number {
  display: inline-block;
  font-size: 4rem;
  font-family: "Inter", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SustainableSection__number {
    font-size: 3rem;
  }
}
.SustainableSection__numberListTitle {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-left: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberListTitle {
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-left: 30px;
  }
}
.SustainableSection__numberListText {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.87;
  text-align: left;
  letter-spacing: -1px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__numberListText {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0px;
    width: 100%;
  }
}
.SustainableSection__report {
  width: calc(100% - 36px);
  max-width: 864px;
  margin: 50px auto 0px;
}
.SustainableSection__intro {
  width: calc(100% - 36px);
  max-width: 992px;
  margin: 60px auto 0px;
}
.SustainableSection__layout {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
@media screen and (max-width: 768px) {
  .SustainableSection__layout {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
}
.SustainableSection__introMovieUnit {
  width: 52%;
  margin-right: 5%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introMovieUnit {
    width: 100%;
    margin-right: 0px;
  }
}
.SustainableSection__introPdfUnit {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introPdfUnit {
    margin-top: 40px;
    width: calc(50% - 10px);
  }
}
.SustainableSection__introPdfUnit + .SustainableSection__introPdfUnit {
  margin-left: 3%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introPdfUnit + .SustainableSection__introPdfUnit {
    margin-left: 20px;
  }
}
.SustainableSection__thumbnailItem {
  cursor: pointer;
}
.SustainableSection__thumbnailItem:hover .ContentArea__image {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.SustainableSection__introCaption {
  margin-top: 10px;
}
.SustainableSection__introCaption + .SustainableSection__button {
  margin-top: 10px;
}
.SustainableSection__introName {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.42;
  margin-top: 14px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introName {
    font-size: 1.2rem;
  }
}
.SustainableSection__introCaption {
  font-size: 1.4rem;
  line-height: 1.42;
}
@media screen and (max-width: 768px) {
  .SustainableSection__introCaption {
    font-size: 1.2rem;
  }
}
.SustainableSection__pdfThumbnail {
  margin: 0px auto;
}
@media screen and (max-width: 768px) {
  .SustainableSection__pdfThumbnail {
    max-width: 85%;
  }
}
.SustainableSection__pdfThumbnail.-large {
  max-width: 245px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__pdfThumbnail.-large {
    max-width: 245px;
  }
}
.SustainableSection__reportButtonUnit {
  margin-left: 7.5%;
}
@media screen and (max-width: 768px) {
  .SustainableSection__reportButtonUnit {
    width: 100%;
    margin-left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .SustainableSection__reportButtonUnit .SustainableSection__button {
    margin-top: 30px;
  }
}
.SustainableSection__reportButtonUnit .SustainableSection__button + .SustainableSection__button {
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__reportButtonUnit .SustainableSection__button + .SustainableSection__button {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonOuter {
    margin-top: 20px;
  }
}
.SustainableSection__button.-bg {
  position: relative;
  overflow: hidden;
  height: 80px;
}
.SustainableSection__button.-bg .SustainableSection__buttonLink {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  height: 100%;
  color: #ffffff;
  letter-spacing: 2px;
  background-color: transparent;
}
.SustainableSection__button.-bg .SustainableSection__buttonLink.-dark {
  color: #333;
}
.SustainableSection__button.-border {
  border: solid;
  border-width: 2px;
  border-color: #333;
}
.SustainableSection__button.-bg .SustainableSection__buttonLink:hover + .ContentArea__image {
  transform: scale(1.1);
}
.SustainableSection__button.-bg .SustainableSection__buttonLink + .ContentArea__image {
  transition: transform ease 0.3s;
}
.SustainableSection__button.-center {
  margin: 0px auto;
}
.SustainableSection__button.-bottom {
  margin-top: 30px;
}
.SustainableSection__buttonLink {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  height: 80px;
  padding: 0px 8px;
  background-color: #333333;
}
.SustainableSection__buttonLink:hover {
  color: #333333;
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonLink {
    font-size: 1.6rem;
  }
}
.SustainableSection__buttonLink.-download::before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 28px;
  margin-right: 14px;
  background-image: url("/homes/recruit/common/images/common_download_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonLink.-download::before {
    width: 19px;
    height: 20px;
    margin-right: 8px;
  }
}
.SustainableSection__buttonLink.-download:hover::before {
  background-image: url("/homes/recruit/common/images/common_download_black.svg");
}
.SustainableSection__buttonLink.-download.-small::before {
  margin-right: 8px;
}
.SustainableSection__buttonLink.-arrow::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 16px;
  margin-left: 12px;
  background-image: url("/homes/recruit/common/images/arrowHorizontal_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.SustainableSection__buttonLink.-arrow:hover::after {
  background-image: url("/homes/recruit/common/images/arrowHorizontal_black.svg");
}
.SustainableSection__buttonLink.-small {
  font-size: 1.6rem;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .SustainableSection__buttonLink.-small {
    font-size: 1.4rem;
  }
}
.SustainableSection__text {
  margin-top: 30px;
  text-align: left;
}

/*VideoArea*/
.VideoArea {
  position: relative;
  width: 100%;
  height: calc(100vh - 101px);
  overflow: hidden;
  margin-top: 101px;
}
.VideoArea::after {
  content: "";
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url("/homes/recruit/common/images/dot_bg.png");
  background-size: 3px;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
@media screen and (max-width: 768px) {
  .VideoArea {
    height: calc(100vh - 69px);
    margin-top: 69px;
  }
}
.VideoArea__titleUnit {
  position: absolute;
  z-index: 100;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.VideoArea__projectName {
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 2px;
  text-indent: 2px;
  margin-top: 10px;
}
@media screen and (max-width: 414px) {
  .VideoArea__projectName {
    font-size: 1.2rem;
    letter-spacing: 1px;
    text-indent: 1px;
  }
}
.VideoArea__copy {
  position: relative;
  display: inline-block;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: normal;
  font-size: 4rem;
  line-height: 1.3;
  color: #ffffff;
  letter-spacing: -4px;
  text-indent: -4px;
  padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .VideoArea__copy {
    font-size: 2.4rem;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0px;
    text-indent: 12px;
  }
}
@media screen and (max-width: 374px) {
  .VideoArea__copy {
    font-size: 2rem;
  }
}
.VideoArea__copy.-bordered::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: calc(100% - 23px);
  height: 2px;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .VideoArea__copy.-bordered::after {
    width: calc(100% - 26px);
    left: 50%;
    transform: translateX(-50%);
  }
}
.VideoArea__file {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
@media screen and (max-width: 768px) {
  .VideoArea__file {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .VideoArea__br.-pcContents {
    display: none;
  }
}
.VideoArea__br.-spContents {
  display: none;
}
@media screen and (max-width: 768px) {
  .VideoArea__br.-spContents {
    display: block;
  }
}
.VideoArea__logo {
  position: absolute;
  z-index: 10;
  width: 150px;
  bottom: 58px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .VideoArea__logo {
    bottom: 102px;
    width: 120px;
  }
}
.VideoArea__image {
  width: 100%;
}

.SustainableSection__button.-col2{
  display: flex;
}
.SustainableSection__button.-col2 .SustainableSection__buttonLink{
  width:50%;
}
/* 特集ボタンのカスタマイズ*/
.SustainableSection__button.-border {
  border:solid;
	border-width:2px;
	border-color:#333;
}
.SustainableSection__button.-bg .SustainableSection__buttonLink.-dark{
	color:#333;
}
.SustainableSection__buttonLink.-arrow.-dark::after{
	background-image: url(/homes/recruit/common/images/arrowHorizontal_black.svg);
}
.SustainableSection__buttonLink.-arrow.-dark:hover::after{
	background-image: url(/homes/recruit/common/images/arrowHorizontal_white.svg);
}