@charset "UTF-8";
:root { /* 初期値 */
  --spAnime_height: 100vh;
}

/**********************************************************************************************
メインビジュアル
**********************************************************************************************/
.bl_topMvOuter {
  position: relative;
  width: 100%;
  height: 40vw;
  background-color: #fff;
}
@media only screen and (max-width: 819px) {
  .bl_topMvOuter {
    height: 300px;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topMvOuter.anime {
    animation-name: animation-topMv2ndOuter-sp;
    animation-duration: 7.6s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
}

@keyframes animation-topMv1stOuter {
  0% {
    opacity: 1;
  }
  68% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation-topMv2ndOuter {
  0% {
    height: 52.5vw;
  }
  78% {
    height: 52.5vw;
  }
  100% {
    height: 40vw;
  }
}
@keyframes animation-topMv2ndOuter-sp {
  0% {
    height: var(--spAnime_height);
  }
  78% {
    height: var(--spAnime_height);
  }
  100% {
    height: 60vh;
  }
}
.bl_topMv1stOuter {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 52.5vw;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1stOuter {
    height: 100%;
  }
}
.bl_topMvOuter.anime .bl_topMv1stOuter {
  animation-name: animation-topMv1stOuter;
  animation-duration: 4s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.bl_topMv1stOuter > [class^=bl_topMv1st-] {
  position: absolute;
  display: block;
  opacity: 0;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transition-property: opacity;
  transition-duration: 2s;
}
.bl_topMvOuter.anime .bl_topMv1stOuter > [class^=bl_topMv1st-] {
  opacity: 1;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1stOuter > [class^=bl_topMv1st-] {
    top: auto;
  }
}

.el_topMv1stImage {
  max-width: none;
  width: 100%;
  height: 100%;
}

.bl_topMv1st-1 {
  left: -26.875%;
  top: -8.8125vw;
  width: 37.1875%;
  height: 37.1875vw;
  background-color: #90b721;
  transition-delay: 0s;
}

.bl_topMv1st-2 {
  left: 2.25%;
  top: -8.8125vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #fcf0d5;
  transition-delay: 0s;
}

.bl_topMv1st-3 {
  left: 41.125%;
  top: -8.8125vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #00a0c2;
  transition-delay: 0s;
}

.bl_topMv1st-4 {
  left: 50.9375%;
  top: -28.125vw;
  width: 37.1875%;
  height: 37.1875vw;
  background-color: #f9dae3;
  transition-delay: 0s;
}

.bl_topMv1st-5 {
  left: 80%;
  top: -8.8125vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #e9f1d3;
  transition-delay: 0s;
}

.bl_topMv1st-6 {
  left: 90%;
  top: -8.8125vw;
  width: 37.1875%;
  height: 37.1875vw;
  background-color: #a9e2c4;
  transition-delay: 0s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1st-6 {
    display: none !important;
  }
}

.bl_topMv1st-7 {
  left: 41.125%;
  top: 10.625vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #00a040;
  transition-delay: 0s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1st-7 {
    display: none !important;
  }
}

.bl_topMv1st-8 {
  left: 89.8125%;
  top: 20.3125vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #d70640;
  transition-delay: 0s;
}

.bl_topMv1st-9 {
  left: 99.4375%;
  top: 30vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #00a040;
  transition-delay: 0s;
}

.bl_topMv1st-10 {
  left: -26.875%;
  top: 30vw;
  width: 37.1875%;
  height: 37.1875vw;
  background-color: #f0b32f;
  transition-delay: 0s;
}

.bl_topMv1st-11 {
  left: -7.4375%;
  top: 49.5vw;
  width: 37.1875%;
  height: 37.1875vw;
  background-color: #b2e2c5;
  transition-delay: 0s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1st-11 {
    display: none !important;
  }
}

.bl_topMv1st-12 {
  left: 21.8125%;
  top: 49.5vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #d9d9d9;
  transition-delay: 0s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1st-12 {
    display: none !important;
  }
}

.bl_topMv1st-13 {
  left: 41.1875%;
  top: 49.5vw;
  width: 17.75%;
  height: 17.75vw;
  background-color: #5fc594;
  transition-delay: 0s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1st-13 {
    display: none !important;
  }
}

.bl_topMv1st-14 {
  left: 80%;
  top: 39.75vw;
  width: 37.1875%;
  height: 37.1875vw;
  background-color: #ccecf3;
  transition-delay: 0s;
}

.bl_topMv1st-15 {
  left: 11.875%;
  top: -8.8125vw;
  width: 37.1875%;
  height: 37.1875vw;
  transition-delay: 0.7s;
}

.bl_topMv1st-16 {
  left: 50.9375%;
  top: 0.8125vw;
  width: 17.75%;
  height: 17.75vw;
  transition-delay: 0.5s;
}

.bl_topMv1st-17 {
  left: 60.625%;
  top: 0.8125vw;
  width: 37.1875%;
  height: 37.1875vw;
  transition-delay: 0.7s;
}

.bl_topMv1st-18 {
  left: -7.375%;
  top: 10.625vw;
  width: 37.1875%;
  height: 37.1875vw;
  transition-delay: 0.5s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv1st-18 {
    display: none !important;
  }
}

.bl_topMv1st-19 {
  left: 21.75%;
  top: 20.3125vw;
  width: 37.1875%;
  height: 37.1875vw;
  transition-delay: 0.9s;
}

.bl_topMv1st-20 {
  left: 50.9375%;
  top: 20.3125vw;
  width: 17.75%;
  height: 17.75vw;
  transition-delay: 0.7s;
}

.bl_topMv1st-21 {
  left: 12%;
  top: 39.875vw;
  width: 17.75%;
  height: 17.75vw;
  transition-delay: 0.5s;
}

.bl_topMv1st-22 {
  left: 50.9375%;
  top: 30.0625vw;
  width: 37.1875%;
  height: 37.1875vw;
  transition-delay: 0.7s;
}

.bl_topMv1st-23 {
  left: 80%;
  top: 30.0625vw;
  width: 17.75%;
  height: 17.75vw;
  transition-delay: 0s;
}

.bl_topMv2ndOuter {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 40vw;
}
@media only screen and (max-width: 567px) {
  .bl_topMv2ndOuter {
    height: 100%;
  }
}
.bl_topMv2ndOuter > [class^=bl_topMv2nd-] {
  position: absolute;
  display: block;
  opacity: 0;
  transition-property: opacity;
}
.bl_topMvOuter.anime .bl_topMv2ndOuter > [class^=bl_topMv2nd-] {
  opacity: 1;
}

.el_topMv2ndImage {
  max-width: none;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 567px) {
  .el_topMv2ndImage {
    height: auto;
    position: relative;
  }
}

.bl_topMv2nd-1 {
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  transition-duration: 1.5s;
  transition-delay: 2.8s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv2nd-1 {
    overflow: hidden;
  }
}

.el_topMv2ndImage-1-1 {
  position: relative;
  top: -8vw;
}
@media only screen and (max-width: 567px) {
  .el_topMv2ndImage-1-1 {
    top: -30%;
  }
}

.bl_topMv2nd-2 {
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  transition-duration: 1.5s;
  transition-delay: 3.6s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv2nd-2 {
    transition-delay: 4.8s;
    overflow: hidden;
  }
}

.el_topMv2ndImage-2-1 {
  position: relative;
}

.el_topMv2ndImage-2-2 {
  position: absolute;
  top: 0;
  right: -4.3%;
}
@media only screen and (max-width: 567px) {
  .el_topMv2ndImage-2-2 {
    top: auto;
    bottom: -106px;
    right: 0;
  }
}

.bl_topMv2nd-3 {
  left: 70.3125%;
  top: 3.125vw;
  width: 29.75%;
  height: 17.5vw;
  transition-duration: 1.5s;
  transition-delay: 4.3s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv2nd-3 {
    left: 52.5%;
    top: auto;
    bottom: 27vw;
    width: 48%;
    height: auto;
    transition-delay: 5.3s;
  }
}

.bl_topMv2nd-4 {
  right: 2.125%;
  top: 25.625vw;
  width: 42.5%;
  height: 12em;
  transition-duration: 1.5s;
  transition-delay: 4.3s;
}
@media only screen and (max-width: 567px) {
  .bl_topMv2nd-4 {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    padding-bottom: 3%;
    transition-delay: 5.3s;
  }
}

.el_topMv2nd-4-text {
  font-size: 1.11vw;
  line-height: 2;
  text-align: right;
}
@media only screen and (max-width: 567px) {
  .el_topMv2nd-4-text {
    font-size: clamp(0.625rem, 2.5vw, 1rem);
    line-height: 1.7;
  }
}

/**********************************************************************************************
採用のお知らせ枠
**********************************************************************************************/
@keyframes animation-recruitTopNewsOuter {
  0% {
    margin-top: calc(12.5vw + 40px);
  }
  78% {
    margin-top: calc(12.5vw + 40px);
  }
  100% {
    margin-top: 40px;
  }
}
.bl_recruitTopNewsOuter {
  width: 100%;
  margin-top: calc(12.5vw + 40px);
  padding-left: 40px;
  padding-right: 40px;
}
.bl_topMvOuter.anime + .bl_recruitTopNewsOuter {
  animation-name: animation-recruitTopNewsOuter;
  animation-duration: 6.15s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@media only screen and (max-width: 567px) {
  .bl_recruitTopNewsOuter {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.bl_recruitTopNewsOuter .bl_topNewsListWrapper {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (max-width: 567px) {
  .bl_recruitTopNewsOuter .bl_topNewsListWrapper {
    width: 100%;
  }
}


.bl_recruitTopNewsHeaderWrapper {
  display: flex;
  justify-content: center;
}

.bl_recruitTopNewsHeader {
  height: auto;
  margin-top: 40px;
  margin-bottom: 30px;
  transition-property: margin-top;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}

.bl_recruitTopNewsHeaderImageWrapper {
  display: block;
  width: 100%;
  height: 35px;
}

.el_recruitTopNewsHeaderText {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-top: 12px;
}



.el_recruitTopNewsHeader {
  font-size: 1.875rem;
  color: #00ac4d;
}

.bl_recruitTopNewsListItemSubWrapper {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 567px) {
  .bl_recruitTopNewsListItemSubWrapper {
    display: block;
  }
}

.el_recruitTopNewsListItemSubTerm {
  display: block;
  min-width: 9rem;
  color: #333;
  font-size: 0.875rem;
  padding-top: 2px;
}
@media only screen and (max-width: 567px) {
  .el_recruitTopNewsListItemSubTerm {
    width: 100%;
  }
}

.el_recruitTopNewsListItemSubDesc {
  display: block;
  width: calc(100% - 10rem);
  font-size: 1rem;
  color: #333;
}

@media only screen and (max-width: 567px) {
  .el_recruitTopNewsListItemSubDesc {
    width: 100%;
  }
}
.bl_topNewsListItemLink[href$=".pdf"] .el_recruitTopNewsListItemSubDesc {
  position: relative;
}
.bl_topNewsListItemLink[href$=".pdf"] .el_recruitTopNewsListItemSubDesc::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23666666%3B%7D%20.st1%7Bfill%3A%23D13D3D%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.581%2C1.005l2.414%2C2.44v10.55h-9.99V1.005H10.581%20M11%2C0H2v15h12V3.032L11%2C0L11%2C0z%22%2F%3E%3Crect%20y%3D%227%22%20class%3D%22st1%22%20width%3D%2210%22%20height%3D%225%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2214%2C5%209%2C5%209%2C0%2010%2C0%2010%2C4%2014%2C4%20%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 15px;
  background-repeat: no-repeat;
}
.bl_topNewsListItemLink[href$=".pdf"] .el_recruitTopNewsListItemSubDesc::after {
  display: inline-block;
  bottom: 6px;
  margin-left: 0px;
  border: none;
  transform: none;
}
.bl_topNewsListItemLink:hover .el_recruitTopNewsListItemSubDesc, .bl_topNewsListItemLink:focus .el_recruitTopNewsListItemSubDesc {
  color: #d13d3d;
}

.el_recruitTopNewsListItemSubDescmultiple {
  display: block;
  width: calc(100% - 10rem);
  font-size: 1rem;
  color: #333;
}

@media only screen and (max-width: 567px) {
  .el_recruitTopNewsListItemSubDescmultiple {
    width: 100%;
  }
}

.el_recruitTopNewsListItemSubDescmultiple_a {
  text-decoration: none;
  color: #333;
}

.el_recruitTopNewsListItemSubDescmultiple_a:hover {
  color: #d13d3d;
}

.bl_topNewsWrapper {
  width: calc(100% - 40px);
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media only screen and (max-width: 567px) {
  .bl_topNewsWrapper {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

.bl_topNewsListWrapper {
  width: calc(100% - 280px);
}
@media only screen and (max-width: 819px) {
  .bl_topNewsListWrapper {
    width: calc(100% - 160px);
  }
}
@media only screen and (max-width: 567px) {
  .bl_topNewsListWrapper {
    width: 100%;
    margin-top: 40px;
  }
}

.bl_topNewsListWrapper > .bl_commonLinkWrapper { margin-top: 30px; }


.bl_topNewsMoreWrapper {
  width: 280px;
  padding-top: 80px;
}
@media only screen and (max-width: 819px) {
  .bl_topNewsMoreWrapper {
    width: 160px;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topNewsMoreWrapper {
    width: max-content;
    padding-top: 40px;
  }
}

.bl_topNewsList {
  width: 100%;
  border-top: 1px solid #dadada;
  overflow: hidden;
  transition-duration: 0.2s;
  transition-property: opacity;
}
.bl_topNewsList.loading {
  opacity: 0.3;
}

.bl_topNewsListItem {
  width: 100%;
  display: block;
  border-bottom: 1px solid #dadada;
}

.bl_topNewsListItemLink {
  width: 100%;
  display: block;
  text-decoration: none;
  padding-top: 19px;
  padding-bottom: 16px;
  padding-left: 11px;
  padding-right: 25px;
  position: relative;
}
.bl_topNewsListItemLink:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #000;
  outline-offset: -2px;
}
@media only screen and (max-width: 567px) {
  .bl_topNewsListItemLink {
    overflow: hidden;
    padding-left: 0;
  }
}
.bl_topNewsListItemLink::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  right: 11px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  border-left: 2px solid #dadada;
  border-bottom: 2px solid #dadada;
  transform: rotate(-135deg);
  transition-duration: 0.3s;
}
.bl_topNewsListItemLink:hover::after, .bl_topNewsListItemLink:focus::after {
  right: 6px;
  border-color: #bbbbbb;
}
.bl_topNewsListItemLink[target=_blank] {
  position: relative;
}
.bl_topNewsListItemLink[target=_blank]::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23dadada%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2211%2C11%201%2C11%201%2C1%202%2C1%202%2C0%200%2C0%200%2C12%2012%2C12%2012%2C10%2011%2C10%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%225%2C0%205%2C1%2010.293%2C1%205%2C6.293%205.707%2C7%2011%2C1.707%2011%2C7%2012%2C7%2012%2C0%20%22%2F%3E%3C%2Fsvg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.bl_topNewsListItemLink[target=_blank]::after {
  display: inline-block;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
  border: none;
  transform: none;
}
.bl_topNewsListItemLink[target=_blank]:hover, .bl_topNewsListItemLink[target=_blank]:focus {
  position: relative;
}
.bl_topNewsListItemLink[target=_blank]:hover::after, .bl_topNewsListItemLink[target=_blank]:focus::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23bbbbbb%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2211%2C11%201%2C11%201%2C1%202%2C1%202%2C0%200%2C0%200%2C12%2012%2C12%2012%2C10%2011%2C10%20%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%225%2C0%205%2C1%2010.293%2C1%205%2C6.293%205.707%2C7%2011%2C1.707%2011%2C7%2012%2C7%2012%2C0%20%22%2F%3E%3C%2Fsvg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
}

.bl_topNewsListItemSubWrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (max-width: 567px) {
  .bl_topNewsListItemSubWrapper {
    flex-wrap: wrap;
  }
}
.bl_topNewsListItemSubWrapper .date {
  display: inline-block;
  min-width: 9rem;
  color: #333;
  font-size: 0.875rem;
}
@media only screen and (max-width: 567px) {
  .bl_topNewsListItemSubWrapper .date {
    width: 100%;
    margin-bottom: 10px;
  }
}
.bl_topNewsListItemSubWrapper .company {
  display: inline-block;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
  font-size: 0.875rem;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 567px) {
  .bl_topNewsListItemSubWrapper .company {
    margin-bottom: 5px;
  }
}
.bl_topNewsListItemSubWrapper .company.xst {
  background-color: #00ac4d;
  border-color: #00ac4d;
}
.bl_topNewsListItemSubWrapper .company.wtb {
  background-color: #00abc5;
  border-color: #00abc5;
}
.bl_topNewsListItemSubWrapper .company.ret {
  background-color: #8fb73e;
  border-color: #8fb73e;
}
.bl_topNewsListItemSubWrapper .company.fds {
  background-color: #f1ad41;
  border-color: #f1ad41;
}
.bl_topNewsListItemSubWrapper .company.dev {
  background-color: #d91c4d;
  border-color: #d91c4d;
}
.bl_topNewsListItemSubWrapper .category {
  display: inline-block;
  color: #333;
  border: 1px solid #666;
  font-size: 0.875rem;
  padding-left: 19px;
  padding-right: 19px;
  background-color: #fff;
}
@media only screen and (max-width: 567px) {
  .bl_topNewsListItemSubWrapper .category {
    margin-bottom: 5px;
  }
}

.el_topNewsListItemText {
  font-size: 1rem;
  margin-top: 12px;
  color: #333;
}
.bl_topNewsListItemLink:hover .el_topNewsListItemText, .bl_topNewsListItemLink:focus .el_topNewsListItemText {
  color: #d13d3d;
}
.bl_topNewsListItemLink[href$=".pdf"] .el_topNewsListItemText {
  position: relative;
}
.bl_topNewsListItemLink[href$=".pdf"] .el_topNewsListItemText::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2014%2015%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23666666%3B%7D%20.st1%7Bfill%3A%23D13D3D%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.581%2C1.005l2.414%2C2.44v10.55h-9.99V1.005H10.581%20M11%2C0H2v15h12V3.032L11%2C0L11%2C0z%22%2F%3E%3Crect%20y%3D%227%22%20class%3D%22st1%22%20width%3D%2210%22%20height%3D%225%22%2F%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2214%2C5%209%2C5%209%2C0%2010%2C0%2010%2C4%2014%2C4%20%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 15px;
  background-repeat: no-repeat;
}
.bl_topNewsListItemLink[href$=".pdf"] .el_topNewsListItemText::after {
  display: inline-block;
  bottom: 6px;
  margin-left: 0px;
  border: none;
  transform: none;
}

.el_topNewsMoreLink {
  display: inline-block;
  color: #333;
  font-size: 1rem;
  text-decoration: none;
  position: relative;
  padding-right: 25px;
  padding-bottom: 7px;
}
@media only screen and (max-width: 567px) {
  .el_topNewsMoreLink {
    display: block;
    width: auto;
    padding-bottom: 3px;
  }
}
.el_topNewsMoreLink::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #333;
  transition-duration: 0.3s;
}
@media only screen and (max-width: 567px) {
  .el_topNewsMoreLink::before {
    transition: none;
  }
}
.el_topNewsMoreLink::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  right: 4px;
  top: 0;
  bottom: 10px;
  margin-top: auto;
  margin-bottom: auto;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(-45deg);
  transition-duration: 0.3s;
}
@media only screen and (max-width: 567px) {
  .el_topNewsMoreLink::after {
    top: 0;
    bottom: 6px;
    right: 9px;
    margin-top: auto;
    margin-bottom: auto;
    transition: none;
  }
}
.el_topNewsMoreLink:hover::before, .el_topNewsMoreLink:focus::before {
  width: calc(100% + 10px);
}
@media only screen and (max-width: 567px) {
  .el_topNewsMoreLink:hover::before, .el_topNewsMoreLink:focus::before {
    width: 100%;
  }
}
.el_topNewsMoreLink:hover::after, .el_topNewsMoreLink:focus::after {
  right: -6px;
}
@media only screen and (max-width: 567px) {
  .el_topNewsMoreLink:hover::after, .el_topNewsMoreLink:focus::after {
    right: 9px;
  }
}
.el_topNewsMoreLink:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #000;
  outline-offset: -2px;
}

/**********************************************************************************************
クロスステーションとは／トップメッセージ
**********************************************************************************************/
.bl_topAboutInterviewOuter {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 120px;
}
@media only screen and (max-width: 567px) {
  .bl_topAboutInterviewOuter {
    display: block;
  }
}

.bl_topAboutOuter {
  width: 50%;
}
@media only screen and (max-width: 567px) {
  .bl_topAboutOuter {
    width: 100%;
  }
}

.bl_topAboutLinkWrapper {
  display: block;
  width: 100%;
  height: 100%;
}

.bl_topAboutWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 54.9%;
  background: url(/recruit/shinsotsu/common/image/top/about_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  transition-duration: 0.5s;
}
.bl_topAboutLinkWrapper:hover .bl_topAboutWrapper, .bl_topAboutLinkWrapper:focus .bl_topAboutWrapper {
  background-size: 102% auto;
}

.bl_topAboutInner {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.el_topAboutText {
  font-size: 1.25rem;
  color: #333;
  line-height: 2.5;
}
@media (min-width: 1201px) {
  .el_topAboutText {
    font-size: 1.6vw;
  }
}
@media (max-width: 1000px) {
  .el_topAboutText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 819px) {
  .el_topAboutText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 567px) {
  .el_topAboutText {
    font-size: 0.875rem;
  }
}

.el_topAboutText-phrase {
  background-color: #fff;
  padding: 10px 20px 8px;
  font-weight: bold;
}
@media (max-width: 1000px) {
  .el_topAboutText-phrase {
    padding-top: 7px;
    padding-bottom: 6px;
  }
}

.bl_topAboutBtnWrapper {
  margin-top: 14px;
}

.bl_topMessageOuter {
  width: 50%;
}
@media only screen and (max-width: 567px) {
  .bl_topMessageOuter {
    width: 100%;
  }
}

.bl_topMessageWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 54.9%;
  background: url(/recruit/shinsotsu/common/image/top/message_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  transition-duration: 0.5s;
}
.bl_topMessageLinkWrapper:hover .bl_topMessageWrapper, .bl_topMessageLinkWrapper:focus .bl_topMessageWrapper {
  background-size: 102% auto;
}
@media only screen and (max-width: 819px) {
  .bl_topMessageLinkWrapper:hover .bl_topMessageWrapper, .bl_topMessageLinkWrapper:focus .bl_topMessageWrapper {
    background-size: 114% auto;
  }
}
@media only screen and (max-width: 819px) {
  .bl_topMessageWrapper {
    background-position: left top;
    background-size: 112% auto;
  }
}

.bl_topMessageInner {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.el_topMessageText {
  font-size: 1.25rem;
  color: #333;
  line-height: 2.5;
}
@media (min-width: 1201px) {
  .el_topMessageText {
    font-size: 1.6vw;
  }
}
@media (max-width: 1000px) {
  .el_topMessageText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 819px) {
  .el_topMessageText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 567px) {
  .el_topMessageText {
    font-size: 0.875rem;
  }
}

.el_topMessageText-phrase {
  background-color: #fff;
  padding: 10px 20px 8px;
  font-weight: bold;
}
@media (max-width: 1000px) {
  .el_topMessageText-phrase {
    padding-top: 7px;
    padding-bottom: 6px;
  }
}

.bl_topMessageLinkWrapper {
  margin-top: 14px;
}

/**********************************************************************************************
事業紹介
**********************************************************************************************/
.bl_topBusinessOuter {
  margin-top: 145px;
}

.bl_topBusinessWrapper {
  background-color: #e5f5ec;
}

.bl_topBusinessHeaderWrapper {
  display: flex;
  justify-content: center;
}

.bl_topBusinessHeader {
  width: 267px;
  height: auto;
  margin-top: 15px;
  transition-property: margin-top;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}
.js_elmFadeInBox.h_addFadeIn .bl_topBusinessHeader {
  margin-top: -21px;
}

.bl_topBusinessHeaderImageWrapper {
  display: block;
  width: 100%;
  height: 35px;
}

.el_topBusinessHeaderText {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-top: 12px;
}

.bl_topBusinessLeadTextWrapper {
  margin-top: 30px;
}

.bl_topBusinessLeadText {
  text-align: center;
  font-size: 1.25rem;
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessLeadText {
    font-size: 0.875rem;
  }
}

.bl_topBusinessCompanyListWrapper {
  width: 100%;
  height: auto;
  margin-top: 23px;
}

.bl_topBusinessCompanyList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 819px) {
  .bl_topBusinessCompanyList {
    flex-wrap: wrap;
  }
}

.bl_topBusinessCompanyListItem {
  display: block;
  width: 25%;
}
@media only screen and (max-width: 819px) {
  .bl_topBusinessCompanyListItem {
    width: 50%;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessCompanyListItem {
    width: 100%;
  }
}

.bl_topBusinessCompanyListItemLinkWrapper {
  display: block;
  width: 100%;
  height: 100%;
}

.bl_topBusinessCompanyListItemInner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
  transition-duration: 0.5s;
}
.bl_topBusinessCompanyListItem.retail .bl_topBusinessCompanyListItemInner {
  background: url(/recruit/shinsotsu/common/image/top/business_retail_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.bl_topBusinessCompanyListItem.foods .bl_topBusinessCompanyListItemInner {
  background: url(/recruit/shinsotsu/common/image/top/business_foods_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.bl_topBusinessCompanyListItem.water .bl_topBusinessCompanyListItemInner {
  background: url(/recruit/shinsotsu/common/image/top/business_water_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.bl_topBusinessCompanyListItem.deve .bl_topBusinessCompanyListItemInner {
  background: url(/recruit/shinsotsu/common/image/top/business_deve_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.bl_topBusinessCompanyListItemLinkWrapper:hover .bl_topBusinessCompanyListItemInner, .bl_topBusinessCompanyListItemLinkWrapper:focus .bl_topBusinessCompanyListItemInner {
  background-size: 102% auto;
}

.bl_topBusinessCompanyListLinkWrapper {
  position: absolute;
  display: block;
  width: 85%;
  height: auto;
  right: 0;
  bottom: 0;
}

/* 動画 */

.bl_topBusinessWrapper .bl_topTalkOuter {
  margin-top: 145px;
}

.bl_topBusinessWrapper .bl_topTalkWrapper {
  background-color: #f0f0f0;
}

.bl_topBusinessWrapper .bl_topTalkHeaderWrapper {
  display: flex;
  justify-content: center;
}

.bl_topBusinessWrapper .bl_topTalkHeader {
  width: 250px;
  height: auto;
  margin-top: 15px;
  transition-property: margin-top;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}
.bl_topBusinessWrapper .js_elmFadeInBox.h_addFadeIn .bl_topTalkHeader {
  margin-top: -21px;
}

.bl_topBusinessWrapper .bl_topTalkHeaderImageWrapper {
  display: block;
  width: 100%;
  height: 35px;
}

.bl_topBusinessWrapper .el_topTalkHeaderText {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-top: 12px;
}

.bl_topBusinessWrapper .bl_topTalkLeadTextWrapper {
  margin-top: 30px;
}

.bl_topBusinessWrapper .bl_topTalkLeadText {
  text-align: center;
  font-size: 1.25rem;
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkLeadText {
    font-size: 0.875rem;
  }
}

.bl_topBusinessWrapper .bl_topTalkListOuter {
  width: 100%;
  height: auto;
  background: linear-gradient(to bottom, #e5f5ec 0, #e5f5ec 75%, #fff 75.1%);
  margin-top: 50px;
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkListOuter {
    background: linear-gradient(to bottom, #e5f5ec 0, #e5f5ec 90%, #fff 90.1%);
  }
}

.bl_topBusinessWrapper .bl_topTalkList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkList {
    display: block;
  }
}

.bl_topBusinessWrapper .bl_topTalkListItem {
  display: block;
  /*width: 60%;*/
  margin: 0 auto;
  width: 46.55%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.bl_topBusinessWrapper .bl_topTalkListItem:nth-child(n+3) {
  margin-top: 50px;
}

@media only screen and (max-width: 819px) {
  .bl_topBusinessWrapper .bl_topTalkListItem {
    width: 48.28%;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkListItem {
    width: 100%;
    margin-bottom: 30px;
  }
  .bl_topBusinessWrapper .bl_topTalkListItem:nth-child(n+3) {
    margin-top: 0px;
  }
}

.bl_topBusinessWrapper .bl_topTalkListItemLinkWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: auto;
  text-decoration: none;
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkListItemLinkWrapper {
    display: block;
  }
}

.bl_topBusinessWrapper .bl_topTalkListItemWrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkListItemWrapper {
    display: block;
  }
}

.bl_topBusinessWrapper .bl_topTalkListItemHeader {
  position: absolute;
  display: block;
  width: 55%;
  height: auto;
  left: 0;
  right: 0;
  top: -25px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
.bl_topBusinessWrapper .retail .bl_topTalkListItemHeader {
  background: #90b721;
}
.bl_topBusinessWrapper .foods .bl_topTalkListItemHeader {
  background: #f0b32f;
}
.bl_topBusinessWrapper .water .bl_topTalkListItemHeader {
  background: #00a0c2;
}
.bl_topBusinessWrapper .deve .bl_topTalkListItemHeader {
  background: #d70640;
}

@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkListItemHeader {
    position: static;
    width: 100%;
  }
}

.bl_topBusinessWrapper .bl_topTalkListItemPhotoOuter {
  width: 100%;
  height: 0;
  padding-top: 46.2962%;
  transition-duration: 0.5s;
  position: relative;
}
.bl_topBusinessWrapper .retail .bl_topTalkListItemPhotoOuter {
  background: url(/recruit/shinsotsu/common/image/top/business_retail_bg.jpg) no-repeat !important;
  background-size: 100% auto !important;
  background-position: center center;
}
.bl_topBusinessWrapper .foods .bl_topTalkListItemPhotoOuter {
  background: url(/recruit/shinsotsu/common/image/top/business_foods_bg.jpg) no-repeat !important;
  background-size: 100% auto !important;
  background-position: center center;
}
.bl_topBusinessWrapper .water .bl_topTalkListItemPhotoOuter {
  background: url(/recruit/shinsotsu/common/image/top/business_water_bg.jpg) no-repeat;
  background-size: 100% auto !important;
  background-position: center center;
}
.bl_topBusinessWrapper .deve .bl_topTalkListItemPhotoOuter {
  background: url(/recruit/shinsotsu/common/image/top/business_deve_bg.jpg) no-repeat;
  background-size: 100% auto !important;
  background-position: center center;
}
.bl_topBusinessWrapper .bl_topTalkListItemLinkWrapper:hover .bl_topTalkListItemPhotoOuter {
  background-size: 102% auto !important;
}

.bl_topBusinessWrapper .el_commonLinkText {
  position: absolute;
  bottom: 0;
  right: 0;
}

.bl_topBusinessWrapper .bl_topTalkListItemTextOuter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 25px;
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .bl_topTalkListItemTextOuter {
    display: block;
  }
}

.bl_topBusinessWrapper .el_topTalkListItemTextHeader {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: auto;
}
@media only screen and (max-width: 819px) {
  .bl_topBusinessWrapper .el_topTalkListItemTextHeader {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .el_topTalkListItemTextHeader {
    font-size: 1.125rem;
  }
}

.bl_topBusinessWrapper .movieWrapper {
  text-align: center;
  margin:40px auto 20px;
}
.bl_topBusinessWrapper .movieIcon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(110deg, #1b1c25 50%, #00ac4d 50%);
  background-size: 220%;
  background-position: right;
  transition-duration: 0.3s;
  position: relative;
  margin: auto;
}
.bl_topBusinessWrapper .movieIcon:hover {
  background-position: left;
}
.bl_topBusinessWrapper .movieIcon02 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #999;
  background-size: 220%;
  background-position: right;
  transition-duration: 0.3s;
  position: relative;
  margin: auto;
}
.bl_topBusinessWrapper .movieIcon::after, .bl_topBusinessWrapper .movieIcon02::after {
  content : "";
  position : absolute;
  display: block;
  width : 30px;
  height : 30px;
  background :linear-gradient(to bottom left, transparent 50%, #fff 50%) top left/ 100% 50% no-repeat, linear-gradient(to top left, transparent 50%, #fff 50%) bottom left / 100% 50% no-repeat;
  top : 25px;
  left : 30px;
}
.bl_topBusinessWrapper .movieIcon span {
  position : absolute;
  display: block;
  top : 0px;
  left : -45px;
  color: red;
  font-weight: bold;
}
.bl_topBusinessWrapper .movieText {
  font-size: 1em;
  margin-top: 5px;
  color: #00ac4d;
}
.bl_topBusinessWrapper .movieText02 {
  font-size: 1.2em;
  margin-top: 5px;
  color: #999;
}
.bl_topBusinessWrapper a {
  text-decoration: none;
}

@media only screen and (max-width: 567px) {
  .bl_topBusinessWrapper .movieWrapper {
    padding: 0 0 20px;
  }
  .bl_topBusinessWrapper .movieIcon {
    width: 70px;
    height: 70px;
  }  
  .bl_topBusinessWrapper .movieIcon::after {
    width : 26px;
    height : 26px;
    top : 22px;
    left : 26px;
  }
}

/**********************************************************************************************
インタビュー
**********************************************************************************************/
.bl_topInterviewOuter {
  margin-top: 145px;
}

.bl_topInterviewWrapper {
  background-color: #f4f5e5;
}

.bl_topInterviewHeaderWrapper {
  display: flex;
  justify-content: center;
}

.bl_topInterviewHeader {
  width: 197px;
  height: auto;
  margin-top: 15px;
  transition-property: margin-top;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}
.js_elmFadeInBox.h_addFadeIn .bl_topInterviewHeader {
  margin-top: -21px;
}

.bl_topInterviewHeaderImageWrapper {
  display: block;
  width: 100%;
  height: 35px;
}

.el_topInterviewHeaderText {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-top: 12px;
}

.bl_topInterviewLeadTextWrapper {
  margin-top: 30px;
}

.bl_topInterviewLeadText {
  text-align: center;
  font-size: 1.25rem;
}
@media only screen and (max-width: 567px) {
  .bl_topInterviewLeadText {
    font-size: 0.875rem;
  }
}

.bl_topInterviewLinkOuter {
  width: 100%;
  height: auto;
  margin-top: 23px;
}

.bl_topInterviewLinkWrapper {
  width: 100%;
  height: 0;
  padding-top: 20%;
  background: url(/recruit/shinsotsu/common/image/top/interview_bg-pc.jpg) no-repeat left top;
  background-size: cover;
}
@media only screen and (max-width: 567px) {
  .bl_topInterviewLinkWrapper {
    padding-top: 79.365%;
    background: url(/recruit/shinsotsu/common/image/top/interview_bg-sp.jpg) no-repeat left top;
    background-size: cover;
  }
}

.bl_topInterviewLinkInner {
  margin-top: -27px;
}

/**********************************************************************************************
トークセッション
**********************************************************************************************/
.bl_topTalkOuter {
  margin-top: 145px;
}

.bl_topTalkWrapper {
  background-color: #f0f0f0;
}

.bl_topTalkHeaderWrapper {
  display: flex;
  justify-content: center;
}

.bl_topTalkHeader {
  width: 250px;
  height: auto;
  margin-top: 15px;
  transition-property: margin-top;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}
.js_elmFadeInBox.h_addFadeIn .bl_topTalkHeader {
  margin-top: -21px;
}

.bl_topTalkHeaderImageWrapper {
  display: block;
  width: 100%;
  height: 35px;
}

.el_topTalkHeaderText {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-top: 12px;
}

.bl_topTalkLeadTextWrapper {
  margin-top: 30px;
}

.bl_topTalkLeadText {
  text-align: center;
  font-size: 1.25rem;
}
@media only screen and (max-width: 567px) {
  .bl_topTalkLeadText {
    font-size: 0.875rem;
  }
}

.bl_topTalkListOuter {
  width: 100%;
  height: auto;
  background: linear-gradient(to bottom, #f0f0f0 0, #f0f0f0 75%, #fff 75.1%);
  margin-top: 50px;
}

.bl_topTalkList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 567px) {
  .bl_topTalkList {
    display: block;
  }
}

.bl_topTalkListItem {
  display: block;
  /*width: 60%;*/
  margin: 0 auto;
  width: 46.55%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 819px) {
  .bl_topTalkListItem {
    width: 48.28%;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topTalkListItem {
    width: 100%;
    margin-bottom: 80px;
  }
}

.bl_topTalkListItemLinkWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
@media only screen and (max-width: 567px) {
  .bl_topTalkListItemLinkWrapper {
    display: block;
  }
}

.bl_topTalkListItemWrapper {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}
@media only screen and (max-width: 567px) {
  .bl_topTalkListItemWrapper {
    display: block;
  }
}

.bl_topTalkListItemHeader {
  position: absolute;
  display: block;
  width: 153px;
  height: 34px;
  left: 0;
  right: 0;
  top: -25px;
  margin-left: auto;
  margin-right: auto;
}

.bl_topTalkListItemPhotoOuter {
  width: 100%;
  height: 0;
  padding-top: 46.2962%;
  transition-duration: 0.5s;
}
.bl_topTalkListItem:nth-of-type(1) .bl_topTalkListItemPhotoOuter {
  background: url(/recruit/shinsotsu/common/image/top/talk_session1_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.bl_topTalkListItem:nth-of-type(2) .bl_topTalkListItemPhotoOuter {
  background: url(/recruit/shinsotsu/common/image/top/talk_session2_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
}
.bl_topTalkListItemLinkWrapper:hover .bl_topTalkListItemPhotoOuter {
  background-size: 102% auto;
}

.bl_topTalkListItemTextOuter {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  margin-top: 25px;
  margin-bottom: auto;
}
@media only screen and (max-width: 567px) {
  .bl_topTalkListItemTextOuter {
    display: block;
  }
}

.el_topTalkListItemTextHeader {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: auto;
}
@media only screen and (max-width: 819px) {
  .el_topTalkListItemTextHeader {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 567px) {
  .el_topTalkListItemTextHeader {
    font-size: 1.125rem;
  }
}

.bl_topTalkListItemNameOuter {
  margin-top: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.bl_topTalkListItemNameList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.bl_topTalkListItemNameListItem {
  position: relative;
  display: block;
  width: auto;
  /*padding-right: 60px;*/
  padding-right: 50px;
}
.bl_topTalkListItemNameListItem:last-child {
  padding-right: 0px;
}
@media (max-width: 1200px) {
  .bl_topTalkListItemNameListItem {
    padding-right: 28px;
    /*padding-right: 40px;*/
  }
  .bl_topTalkListItemNameListItem:last-child {
    padding-right: 0px;
  }
}
.bl_topTalkListItemNameListItem::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #9e9e9e;
  transform: rotate(45deg);
}
@media (max-width: 1200px) {
  .bl_topTalkListItemNameListItem::before {
    width: 15px;
    right: 10px;
  }
}
.bl_topTalkListItemNameListItem::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #9e9e9e;
  transform: rotate(-45deg);
}
@media (max-width: 1200px) {
  .bl_topTalkListItemNameListItem::after {
    width: 15px;
    right: 10px;
  }
}
.bl_topTalkListItemNameListItem:last-of-type::before, .bl_topTalkListItemNameListItem:last-of-type::after {
  content: none;
}

.el_topTalkListItemName-company {
  font-size: 0.75rem;
  color: #333;
  line-height: 1.3;
}
@media (max-width: 1200px) {
  .el_topTalkListItemName-company {
    font-size: 1vw;
  }
}
@media only screen and (max-width: 567px) {
  .el_topTalkListItemName-company {
    font-size: 2vw;
  }
}

.el_topTalkListItemName-name {
  font-size: 1.125rem;
  color: #333;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .el_topTalkListItemName-name {
    font-size: 2vw;
  }
}
@media only screen and (max-width: 567px) {
  .el_topTalkListItemName-name {
    font-size: 1.375rem;
  }
}

.bl_topTalkBtnWrapper {
  margin-top: 10px;
}

/**********************************************************************************************
働く環境・研修制度・福利厚生／キャリアモデル
**********************************************************************************************/
.bl_topBenefitCareerOuter {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 120px;
}
@media only screen and (max-width: 567px) {
  .bl_topBenefitCareerOuter {
    display: block;
  }
}

.bl_topBenfitOuter {
  width: 50%;
}
@media only screen and (max-width: 567px) {
  .bl_topBenfitOuter {
    width: 100%;
  }
}

.bl_topBenfitLinkWrapper {
  display: block;
  width: 100%;
  height: 100%;
}

.bl_topBenfitWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 54.9%;
  background: url(/recruit/shinsotsu/common/image/top/benefit_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  transition-duration: 0.5s;
}
.bl_topBenfitLinkWrapper:hover .bl_topBenfitWrapper, .bl_topBenfitLinkWrapper:focus .bl_topBenfitWrapper {
  background-size: 102% auto;
}

.bl_topBenfitInner {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.el_topBenfitText {
  font-size: 1.25rem;
  color: #333;
  line-height: 2.5;
}
@media (min-width: 1201px) {
  .el_topBenfitText {
    font-size: 1.6vw;
  }
}
@media (max-width: 1000px) {
  .el_topBenfitText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 819px) {
  .el_topBenfitText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 567px) {
  .el_topBenfitText {
    font-size: 0.875rem;
  }
}

.el_topBenfitText-phrase {
  background-color: #fff;
  padding: 10px 20px 8px;
  font-weight: bold;
}
@media (max-width: 1000px) {
  .el_topBenfitText-phrase {
    padding-top: 7px;
    padding-bottom: 6px;
  }
}

.bl_topBenfitBtnWrapper {
  margin-top: 14px;
}

.el_topBenefitNewIcon {
  position: absolute;
  top: 0;
  right: 0;

  display: block;
  padding: .8em 1.2em;
  background: rgba(255, 30, 0, 0.8);
  color: #fff;
  font-weight: bold;
}
@media only screen and (max-width: 1000px) {
  .el_topBenefitNewIcon {
    font-size: 0.875rem;
  }
}




.bl_topCareerOuter {
  width: 50%;
}
@media only screen and (max-width: 567px) {
  .bl_topCareerOuter {
    width: 100%;
  }
}

.bl_topCareerWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 54.9%;
  background: url(/recruit/shinsotsu/common/image/top/career_bg.jpg) no-repeat;
  background-size: 100% auto;
  background-position: center center;
  transition-duration: 0.5s;
}
.bl_topCareerLinkWrapper:hover .bl_topCareerWrapper, .bl_topCareerLinkWrapper:focus .bl_topCareerWrapper {
  background-size: 102% auto;
}

.bl_topCareerInner {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.el_topCareerText {
  font-size: 1.25rem;
  color: #333;
  line-height: 2.5;
}
@media (min-width: 1201px) {
  .el_topCareerText {
    font-size: 1.6vw;
  }
}
@media (max-width: 1000px) {
  .el_topCareerText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 819px) {
  .el_topCareerText {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 567px) {
  .el_topCareerText {
    font-size: 0.875rem;
  }
}

.el_topCareerText-phrase {
  background-color: #fff;
  padding: 10px 20px 8px;
  font-weight: bold;
}
@media (max-width: 1000px) {
  .el_topCareerText-phrase {
    padding-top: 7px;
    padding-bottom: 6px;
  }
}

.bl_topCareerLinkWrapper {
  margin-top: 14px;
}

/**********************************************************************************************
選考フロー／FAQ
**********************************************************************************************/
.bl_topFlowFaqOuter {
  margin-top: 145px;
}

.bl_topFlowFaqWrapper {
  background-color: #fff9d8;
  padding-bottom: 60px;
}

.bl_topFlowFaqBgWrapper {
  width: 100%;
  height: 0;
  padding-top: 20%;
  background: url(/recruit/shinsotsu/common/image/top/entry_bg-pc.jpg) no-repeat left top;
  background-size: cover;
}
@media only screen and (max-width: 567px) {
  .bl_topFlowFaqBgWrapper {
    padding-top: 79.365%;
    background: url(/recruit/shinsotsu/common/image/top/entry_bg-sp.jpg) no-repeat left top;
    background-size: cover;
  }
}

.bl_topFlowFaqInner {
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff;
  margin-top: -40px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 567px) {
  .bl_topFlowFaqInner {
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.el_topFlowFaqHeader {
  font-size: 1.25rem;
  text-align: center;
  font-weight: bold;
  padding-left: 40px;
  padding-right: 40px;
}
@media only screen and (max-width: 819px) {
  .el_topFlowFaqHeader {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 567px) {
  .el_topFlowFaqHeader {
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}

.bl_topFlowFaqLinkOuter {
  margin-top: 25px;
}

.bl_topFlowFaqLinkList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
}
@media only screen and (max-width: 819px) {
  .bl_topFlowFaqLinkList {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topFlowFaqLinkList {
    display: block;
  }
}

.bl_topFlowFaqLinkListItem {
  width: 46.35%;
}
@media only screen and (max-width: 567px) {
  .bl_topFlowFaqLinkListItem {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 567px) {
  .bl_topFlowFaqLinkListItem:last-of-type {
    margin-bottom: 0;
  }
}
.bl_topFlowFaqLinkListItem .el_commonLinkText {
  min-width: 100%;
}
@media only screen and (max-width: 819px) {
  .bl_topFlowFaqLinkListItem .el_commonLinkText {
    max-width: 390px;
  }
}/*# sourceMappingURL=top.css.map */