/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/scss/page/top.scss ***!
  \*************************************************************************************************************************************************************************/
.centering, .ac-list .item-l::before, .top-video video, .centering_fix {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.centeringY {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.centeringX, .pi-list::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.centering_fix {
  position: fixed;
}

.centering_fix {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
==========================================================
	top page
==========================================================
*/
.top-video {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.top-video::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(/wp-content/themes/iwate-company/assets/images/video_mask.png);
  background-repeat: repeat;
  opacity: 0.6;
  z-index: 10;
  background-size: 4px 4px;
}
.top-video video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
@media screen and (max-width: 959px) {
  .top-video video {
    display: none;
  }
}
.top-header {
  transition: 0.8s all;
}
@media screen and (max-width: 959px) {
  .top-header__bg {
    background-color: #FF8645;
  }
}
.top-company {
  position: relative;
  z-index: 1;
  padding-bottom: 3rem !important;
  overflow: hidden;
}
@media screen and (max-width: 1399px) {
  .top-company {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 959px) {
  .top-company {
    margin-right: auto;
    margin-left: auto;
  }
}
.top-pickup .pickslider {
  display: flex;
  justify-content: center;
  max-width: 1230px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .top-pickup .pickslider {
    display: block;
  }
}
.top-pickup .pickslider li {
  width: 48.7804878049%;
}
.top-pickup .pickslider li a {
  display: block;
}
.top-pickup .pickslider li a:hover {
  opacity: 0.8;
}
.top-pickup .pickslider li a img {
  width: 100%;
}

.key {
  height: 75vh;
  min-height: 600px;
  position: relative;
}
@media screen and (max-width: 959px) {
  .key {
    height: 100vh;
  }
}
.key-txt {
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 959px) {
  .key-txt {
    top: 45%;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
  }
}
.key-txt .catch {
  font-size: 1rem;
  letter-spacing: 8px;
  text-indent: 8px;
  font-weight: bold;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 959px) {
  .key-txt .catch {
    font-size: 2vw;
    letter-spacing: 6px;
    text-indent: 6px;
  }
}
@media screen and (max-width: 640px) {
  .key-txt .catch {
    font-size: 1rem;
    margin: 5rem auto 1.5rem;
  }
}
@media screen and (max-width: 959px) {
  .key-txt .catch span {
    display: block;
    opacity: 0;
    height: 0;
  }
}
.key-txt .desc {
  width: 100%;
  max-width: 510px;
  margin: 0 auto;
  letter-spacing: 4px;
  text-indent: 4px;
  text-align: left;
  font-weight: bold;
}
@media screen and (max-width: 959px) {
  .key-txt .desc {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .key-txt .desc {
    font-size: 0.85rem;
    letter-spacing: 2px;
  }
}
.key-txt .txt {
  margin: 4rem auto 21px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 6px;
  text-indent: 6px;
  font-size: 0.8rem;
  font-weight: 600;
}
@media screen and (max-width: 959px) {
  .key-txt .txt {
    font-size: 10px;
    letter-spacing: 3px;
  }
}
.key-txt .logo {
  width: 80%;
  max-width: 390px;
  margin: 0 auto 3rem;
}
.key-txt .recruit-search_btn {
  background-color: #F16D1A;
  color: #FFF;
  border-radius: 5px;
  width: 40%;
  min-width: 320px;
  padding: 13px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.key-txt .recruit-search_btn:hover {
  background: #ff8645;
}
.key-txt .recruit-search_btn span:first-of-type {
  color: #fff;
  font-size: 1rem;
}
.key-txt .recruit-search_btn span:last-of-type {
  height: 36px;
  width: 36px;
  background: #fff url(../../images/serch_icon.svg) no-repeat scroll center center/20px;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.2);
  margin: 0 0 0 11px;
}

/*
==========================================================
	slider / top
==========================================================
*/
.slider {
  margin-bottom: 1rem;
}
@media screen and (max-width: 959px) {
  .slider {
    margin-bottom: 0;
  }
}
.slider-wrap {
  position: relative;
}
.top-company .slider-wrap, .lca-content .slider-wrap {
  /*margin: 0 -3vw;*/
}
@media screen and (max-width: 959px) {
  .top-company .slider-wrap, .lca-content .slider-wrap {
    margin: 0 -3vw 3rem;
  }
}
.top-company .slider-wrap::before, .top-company .slider-wrap::after, .lca-content .slider-wrap::before, .lca-content .slider-wrap::after {
  content: "";
  display: block;
  width: 3vw;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 5;
}
@media screen and (max-width: 959px) {
  .top-company .slider-wrap::before, .top-company .slider-wrap::after, .lca-content .slider-wrap::before, .lca-content .slider-wrap::after {
    display: none;
  }
}
.top-company .slider-wrap::before, .lca-content .slider-wrap::before {
  left: 0;
}
.top-company .slider-wrap::after, .lca-content .slider-wrap::after {
  right: 0;
}
.top-company .slider-wrap .owl-dots, .lca-content .slider-wrap .owl-dots {
  margin-left: 3%;
}
@media screen and (max-width: 959px) {
  .ac-cnt .slider-wrap, .acc-list .slider-wrap, .itv-cnt .slider-wrap {
    margin: 0 -3.2% 3rem;
  }
}

.company-list a:hover .thumb-overflow .thumb {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.interview-wrap {
  margin-bottom: 3rem;
}
@media screen and (max-width: 640px) {
  .interview-wrap {
    margin: 0 0 0;
  }
}
.interview-wrap a {
  margin-bottom: 1rem;
}
@media screen and (max-width: 959px) {
  .interview-wrap a {
    padding: 0 6px;
  }
}
@media screen and (max-width: 959px) {
  .interview-wrap a::before {
    left: 0;
  }
}
@media screen and (max-width: 959px) {
  .interview-wrap a::after {
    left: 0;
  }
}
.interview-wrap a:last-child {
  margin-bottom: 0;
}
.interview-wrap a:hover .thumb-overflow-bg::before, .interview-wrap a:hover .thumb-overflow-bg::after {
  opacity: 1;
}
.interview-wrap a:hover .thumb-overflow-bg .thumb {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.interview-wrap a .thumb-overflow-bg {
  position: relative;
}
@media screen and (max-width: 959px) {
  .interview-wrap a .thumb-overflow-bg {
    position: relative;
    flex-basis: 100%;
  }
}

.section-side-title.pickup-interview::after {
  content: "Pick up Interview";
}
.section-side-title.pickup-interview span::before {
  left: 17%;
}
.section-side-title.pickup-interview span::after {
  right: 9%;
}
.sbitv-cnt .section-title {
  margin: 1rem 0 3rem;
  font-size: 1.1rem;
}
.sbitv-cnt .section-title span {
  letter-spacing: 3px !important;
}
@media screen and (max-width: 959px) {
  .section-title.interview span::before {
    left: 27%;
  }
}
@media screen and (max-width: 959px) {
  .section-title.interview span::after {
    right: 17%;
  }
}
@media screen and (max-width: 959px) {
  .section-title.latest-company-article span::before {
    left: 6%;
  }
}
@media screen and (max-width: 959px) {
  .section-title.latest-company-article span::after {
    right: -4%;
  }
}
@media screen and (max-width: 959px) {
  .section-title.aomoris-charm span::before {
    left: 16%;
  }
}
@media screen and (max-width: 959px) {
  .section-title.aomoris-charm span::after {
    right: 5%;
  }
}

.pi-list {
  position: relative;
  z-index: 1;
  padding: 2rem 2rem 0;
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 959px) {
  .pi-list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
  }
}
.pi-list::before {
  content: "";
  width: 1rem;
  height: 4px;
  background-color: #F16D1A;
  top: 0;
}
.pi-list > .item {
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.3s;
  bottom: 0;
}
@media screen and (max-width: 959px) {
  .pi-list > .item {
    flex-basis: 49%;
    margin: 0.5% 0.5%;
    border-radius: 4px;
  }
}
@media screen and (max-width: 640px) {
  .pi-list > .item {
    flex-basis: 100%;
    margin: 1% 0;
  }
}
.pi-list > .item:hover {
  opacity: 0.9;
  bottom: 3px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.pi-list > .item:hover::before, .pi-list > .item:hover::after {
  opacity: 1;
}
.pi-list > .item:hover .thumb-overflow .thumb {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.pi-list > .item a {
  display: block;
  height: 100%;
  background-color: #fff;
}
.pi-list > .item > .inner .info {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.pi-list > .item > .inner .info .title {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}
.pi-list > .item > .inner .company {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.pi-list > .item > .inner .company p {
  margin: 0;
}
.pi-list > .item > .inner .company .w-cat {
  font-size: 10px;
  color: #999;
  line-height: 1.4;
  letter-spacing: 0;
}
.pi-list > .item > .inner .company .name {
  font-size: 11px;
  color: #333333;
  line-height: 1.5;
  font-weight: bold;
}
.pi-list > .item > .inner .thumb {
  flex-basis: 35%;
}
.pi-list > .item > .inner .col-60 {
  flex-basis: 65%;
}
.pi-list-wrap {
  margin: 0 -2rem;
}

.lca-content {
  padding: 1rem 3% 3rem !important;
}
@media screen and (max-width: 1399px) {
  .lca-content {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 959px) {
  .lca-content {
    margin-right: auto;
    margin-left: auto;
  }
}
.lca-content > div {
  margin-bottom: 2rem;
}
@media screen and (max-width: 959px) {
  .lca-content .card-col-3 {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .lca-content .card-col-3 .item {
    margin-right: 0;
  }
}

.ac-cnt {
  padding: 1rem 3% 3rem !important;
}
@media screen and (max-width: 1399px) {
  .ac-cnt {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 959px) {
  .ac-cnt {
    margin-right: auto;
    margin-left: auto;
  }
}
.ac-cnt > div {
  margin-bottom: 0;
}
.ac-list .item-l {
  position: relative;
  z-index: 1;
}
.ac-list .item-l::before {
  content: "Read Article";
  pointer-events: none;
  border: 2px solid #fff;
  padding: 0.75rem 1rem;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: normal;
  font-size: 0.9rem;
  transition: all 1s;
  opacity: 0;
  z-index: 1000100 !important;
  width: 160px;
  max-width: 90%;
  line-height: 1.4;
}
.ac-list .item-l::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(243, 165, 165, 0.8);
  transition: all 1s;
  opacity: 0;
  z-index: 1000099;
}
.ac-list:hover .item-l .thumb-overflow .thumb {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
.ac-list:hover .item-l::before, .ac-list:hover .item-l::after {
  opacity: 1;
}

.owl-carousel .owl-stage-outer {
  padding: 0;
}

.content2 {
  padding: 0;
}
@media screen and (max-width: 1399px) {
  .content2 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}
@media screen and (max-width: 959px) {
  .content2 {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    display: block;
  }
}

.itv-cnt {
  padding: 1.5rem 3% 3rem !important;
}

@media screen and (max-width: 959px) {
  .top-company,
  .itv-cnt,
  .sbitv-cnt,
  .ac-cnt,
  .lca-content {
    padding: 2.5rem 3% 3rem !important;
  }
}

@media screen and (max-width: 959px) {
  .acc-list .card-wide2 {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .acc-list .card-wide2 .item-l .thumb::before {
    content: "";
    padding-top: 66.66%;
  }
}

.front-info-contents .wrap {
  margin: 0 0 34px;
}
.front-info-contents .wrap .box {
  align-items: center;
  display: flex;
  margin: 0 0 13px;
}
@media screen and (max-width: 768px) {
  .front-info-contents .wrap .box {
    flex-direction: column;
    align-items: baseline;
  }
}
.front-info-contents .wrap .box p {
  margin: 0;
  width: 100px;
}
.front-info-contents .wrap .box a {
  flex: 1;
}
.front-info-contents .wrap .box a:hover {
  text-decoration: underline;
}
.front-info-contents .wrap .box a h2 {
  margin: 0;
}

/*# sourceMappingURL=top.css.map*/