@charset "UTF-8";
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			$

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*================================
function
=================================*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			CO / リクルート common

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*================================
bottom recruit
=================================*/
.bottom_recruit {
  padding: 33.0666666667vw 6vw 17.3333333333vw;
  background: url("../images/common/bottom_recruit_bg.webp") no-repeat center center;
  background-size: cover;
  position: relative;
}
@media screen and (min-width: 960px) {
  .bottom_recruit {
    padding: 12.9166666667vw 0 6.7708333333vw;
  }
}
@media screen and (min-width: 1920px) {
  .bottom_recruit {
    padding: 248px 0 130px;
  }
}
.bottom_recruit:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #265AA7;
  mix-blend-mode: screen;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.bottom_recruit .contents {
  position: relative;
}
@media screen and (min-width: 960px) {
  .bottom_recruit .contents {
    display: flex;
    justify-content: space-between;
    width: 75.3125vw;
    max-width: 1446px;
    margin: 0 auto;
  }
}
.bottom_recruit .contents .item {
  margin-bottom: 10.6666666667vw;
  height: 106.6666666667vw;
}
@media screen and (min-width: 960px) {
  .bottom_recruit .contents .item {
    width: 46.5%;
    height: 41.6666666667vw;
    max-height: 800px;
    margin-bottom: 0;
  }
}
.bottom_recruit .contents .item:last-child {
  margin-bottom: 0;
}
.bottom_recruit .contents .item__entry * {
  font-weight: 400;
  text-align: center;
  color: #fff;
}
.bottom_recruit .contents .item__entry a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.bottom_recruit .contents .item__entry a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #8EBDD5;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.1%;
  visibility: hidden;
}
.bottom_recruit .contents .item__entry a .item_title_wrap {
  margin-bottom: 6.6666666667vw;
  position: relative;
  opacity: 0.1%;
  visibility: hidden;
}
@media screen and (min-width: 960px) {
  .bottom_recruit .contents .item__entry a .item_title_wrap {
    margin-bottom: 3.4722222222vw;
  }
}
@media screen and (min-width: 1440px) {
  .bottom_recruit .contents .item__entry a .item_title_wrap {
    margin-bottom: 50px;
  }
}
.bottom_recruit .contents .item__entry a .item_title_wrap .en {
  margin-bottom: 1.6vw;
  font-size: 7.2vw;
}
@media screen and (min-width: 960px) {
  .bottom_recruit .contents .item__entry a .item_title_wrap .en {
    margin-bottom: 0.8333333333vw;
    font-size: 2.9166666667vw;
  }
}
@media screen and (min-width: 1440px) {
  .bottom_recruit .contents .item__entry a .item_title_wrap .en {
    margin-bottom: 12px;
    font-size: 42px;
  }
}
.bottom_recruit .contents .item__entry a .text {
  margin-bottom: 7.4666666667vw;
  font-weight: 400;
  line-height: 2;
  position: relative;
  opacity: 0.1%;
  visibility: hidden;
}
@media screen and (min-width: 960px) {
  .bottom_recruit .contents .item__entry a .text {
    margin-bottom: 3.8888888889vw;
    line-height: 2.6;
  }
}
@media screen and (min-width: 1440px) {
  .bottom_recruit .contents .item__entry a .text {
    margin-bottom: 56px;
  }
}
.bottom_recruit .contents .item__entry a .link_btn, .bottom_recruit .contents .item__entry a .more_link_btn {
  position: relative;
  opacity: 0.1%;
  visibility: hidden;
}
.bottom_recruit .contents .item__entry a .link_btn p, .bottom_recruit .contents .item__entry a .more_link_btn p {
  background: #fff;
}
@media screen and (min-width: 960px) {
  .bottom_recruit .contents .item__entry a:hover .link_btn p, .bottom_recruit .contents .item__entry a:hover .more_link_btn p {
    background: #265AA7;
    transition: all 0.3s;
  }
  .bottom_recruit .contents .item__entry a:hover .link_btn p:before, .bottom_recruit .contents .item__entry a:hover .more_link_btn p:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .bottom_recruit .contents .item__entry a:hover .link_btn p span:before, .bottom_recruit .contents .item__entry a:hover .more_link_btn p span:before {
    opacity: 1;
  }
  .bottom_recruit .contents .item__entry a:hover .link_btn p span img, .bottom_recruit .contents .item__entry a:hover .more_link_btn p span img {
    opacity: 0.1%;
  }
}
.bottom_recruit .contents .item__wantedly {
  opacity: 0.1%;
  visibility: hidden;
}
.bottom_recruit .contents .item__wantedly iframe {
  width: 100% !important;
  height: 100% !important;
}
.bottom_recruit .contents .item.anim_active.item__wantedly {
  animation: fadein 0.8s forwards;
}
.bottom_recruit .contents .item.anim_active a:before {
  animation: fadein 0.8s forwards;
}
.bottom_recruit .contents .item.anim_active .item_title_wrap {
  animation: fadein 0.8s forwards;
}
.bottom_recruit .contents .item.anim_active .text {
  animation: fadein 0.8s forwards;
}
.bottom_recruit .contents .item.anim_active .link_btn, .bottom_recruit .contents .item.anim_active .more_link_btn {
  animation: fadein 0.8s forwards;
}

/*================================
more link btn
=================================*/
.more_link_btn {
  width: 29.3333333333vw;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .more_link_btn {
    width: 11.1111111111vw;
    max-width: 160px;
  }
}
.more_link_btn a, .more_link_btn p {
  display: block;
  width: 100%;
  padding: 3.2vw 0;
  border: 1px solid #265AA7;
  position: relative;
}
@media screen and (min-width: 960px) {
  .more_link_btn a, .more_link_btn p {
    padding: 1.1805555556vw 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 1440px) {
  .more_link_btn a, .more_link_btn p {
    padding: 17px 0;
  }
}
@media screen and (min-width: 960px) {
  .more_link_btn a:before, .more_link_btn p:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #265AA7;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.3s;
  }
}
.more_link_btn a span, .more_link_btn p span {
  display: block;
  margin: 0 auto;
  width: 8vw;
  position: relative;
}
@media screen and (min-width: 960px) {
  .more_link_btn a span, .more_link_btn p span {
    width: 2.6388888889vw;
    max-width: 38px;
  }
}
@media screen and (min-width: 960px) {
  .more_link_btn a span:before, .more_link_btn p span:before {
    content: "";
    width: 2.6388888889vw;
    max-width: 38px;
    height: 0.6944444444vw;
    max-height: 10px;
    background: url("../images/common/more_white.svg") no-repeat center center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1%;
    transition: all 0.3s;
  }
}
.more_link_btn a span img, .more_link_btn p span img {
  display: block;
  transition: all 0.3s;
}
@media screen and (min-width: 960px) {
  .more_link_btn a:hover {
    background: #265AA7;
  }
  .more_link_btn a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .more_link_btn a:hover span:before {
    opacity: 1;
  }
  .more_link_btn a:hover span img {
    opacity: 0.1%;
  }
}
.more_link_btn.blank a span {
  width: 11.3333333333vw;
  padding-right: 3.3333333333vw;
}
@media screen and (min-width: 960px) {
  .more_link_btn.blank a span {
    width: 3.6111111111vw;
    max-width: 52px;
    padding-right: 0.9722222222vw;
  }
}
@media screen and (min-width: 1440px) {
  .more_link_btn.blank a span {
    padding-right: 14px;
  }
}
.more_link_btn.blank a span:after {
  content: "";
  width: 2.4vw;
  height: 2.4vw;
  background: url("../images/common/icon_blank_blue.svg") no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
}
@media screen and (min-width: 960px) {
  .more_link_btn.blank a span:after {
    width: 0.6944444444vw;
    max-width: 10px;
    height: 0.6944444444vw;
    max-height: 10px;
  }
}
@media screen and (min-width: 960px) {
  .more_link_btn.blank a:hover span:after {
    background: url("../images/common/icon_blank_white.svg") no-repeat center center;
    background-size: 100%;
  }
}/*# sourceMappingURL=common.css.map */