@charset "UTF-8";
.mv {
  position: relative;
}

@media screen and (min-width: 769px) {
  .mv {
    /* background: url("/recruit/recruit2028/img/top/main_bg02.jpg") center center no-repeat;
    height: 750px; */

    /*
    2023/08/31 追加
    */
    margin: 0 auto;
    height: auto;
    width: 1200px;
  }

  .mv a {
    transition: .3s;
  }

  .mv a:hover {
    opacity: .75;
  }
}
.mv__ttl {
  font-size: 0;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .mv__ttl {
    left: calc( 50% - 100px );
    height: 200px;
    top: calc( 50% - 100px );
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .mv__ttl {
    left: calc( 50% - 208/750*50vw );
    height: calc( 136/750*100vw );
    top: calc( 50% - 136/750*50vw );
    width: calc( 208/750*100vw );
    z-index: 100;
  }
}
.mv__ttl a {
  background-size: contain;
  display: block;
  height: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .mv__ttl a {
    background-image: url("/recruit/recruit2028/img/top/main_ttl.png");
    transition: all 0.3s ease-out;
  }
}
@media screen and (max-width: 768px) {
  .mv__ttl a {
    background-image: url("/recruit/recruit2028/img/top/main_ttl-sp.png");
  }
}
@media screen and (min-width: 769px) {
  .mv__ttl a:hover {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 768px) {
  .mv__btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    bottom: 20px;
    position: absolute;
    z-index: 100;
  }
}
@media screen and (min-width: 769px) {
  .mv__btn > li {
    height: 150px;
    position: absolute;
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .mv__btn > li.none-sp {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .mv__btn > li:nth-child(1) {
    bottom: 0;
    right: 50%;
  }
}
@media screen and (min-width: 769px) {
  .mv__btn > li:nth-child(2) {
    left: calc( 50% - 300px );
    top: calc( 50% - 225px );
  }
}
@media screen and (min-width: 769px) {
  .mv__btn > li:nth-child(3) {
    left: calc( 50% + 150px );
    top: calc( 50% - 75px );
  }
}
.mv__btn > li > a, .mv__btn > li > span {
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  font-size: 0;
  overflow: hidden;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .mv__btn > li > a, .mv__btn > li > span {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 150px;
    width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .mv__btn--col1 {
    left: calc( 50% - 340/750*50vw );
  }
}
@media screen and (max-width: 768px) {
  .mv__btn--col1 > li, .mv__btn--col1 > li > a {
    height: calc( 80/750*100vw );
    width: calc( 340/750*100vw );
  }
}
@media screen and (max-width: 768px) {
  .mv__btn--col2 {
    left: calc( 50% - 720/750*50vw );
  }
}
@media screen and (max-width: 768px) {
  .mv__btn--col2 > li, .mv__btn--col2 > li > a {
    height: calc( 80/750*100vw );
    width: calc( 340/750*100vw );
  }
}
@media screen and (max-width: 768px) {
  .mv__btn--col2 > li:not(:last-child) {
    margin-right: 20px;
  }
}

/* main visual btn */
@media screen and (min-width: 769px) {
  .mv__btn > li:nth-child(1) > span {
    background-image: url("/recruit/recruit2028/img/top/btn_intern.png");
  }

  .mv__btn > li > .mv__mypage--top {
    height: 53px;
    background-image: url("/recruit/recruit2028/img/top/btn_2024-top_mypage_off.png");
  }

  .mv__btn > li > .mv__mypage--top:hover {
    background-image: url("/recruit/recruit2028/img/top/btn_2024-top_mypage_on.png");
  }

  .mv__btn > li > .mv__mypage--bottom {
    position: relative;
    bottom: -53px;
    display: block;
    height: 97px;
    background-image: url("/recruit/recruit2028/img/top/btn_2024-bottom_mypage_off.png");
  }

  .mv__btn > li > .mv__mypage--bottom:hover {
    background-image: url("/recruit/recruit2028/img/top/btn_2024-bottom_mypage_on.png");
  }

  .mv__btn > li:nth-child(2) > .mv__entry--top {
    height: 53px;
    background-image: url("/recruit/recruit2028/img/top/btn_2024-top_entry_off.png");
  }

  .mv__btn > li:nth-child(2) > .mv__entry--top:hover {
    background-image: url("/recruit/recruit2028/img/top/btn_2024-top_entry_on.png");
  }

  .mv__btn > li:nth-child(2) > .mv__entry--bottom {
    position: relative;
    bottom: -53px;
    display: block;
    height: 97px;
    background-image: url("/recruit/recruit2028/img/top/btn_2024-bottom_entry_off.png");
  }

  .mv__btn > li:nth-child(2) > .mv__entry--bottom:hover {
    background-image: url("/recruit/recruit2028/img/top/btn_2024-bottom_entry_on.png");
  }

  .mv__btn > li:nth-child(2) > a:hover {
    background-image: url("/recruit/recruit2028/img/top/btn_2022-entry_on.png");
  }

  .mv__btn > li:nth-child(3) > span {
    background-image: url("/recruit/recruit2028/img/top/btn_recruit.png");
  }

  .mv__btn > li:nth-child(3) {
    background-image: url("/recruit/recruit2028/img/top/btn_recruit_no_title.png");
  }
  /*--
  .mv__btn > li:nth-child(3) > a:hover {
    background-image: url("/recruit/recruit2028/img/top/btn_mypage_03_on.png");
  }
  --*/


  /*----
  2023/08/31 追加
  2025/04/07 一部改修
   --------------*/
  .link_btn_container {
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    margin: 40px auto 20px;
    width: 1200px;
  }

  .link_btn_container a {
    font-size: 0;
    transition: .3s;
  }

  .entry_btn_wrapper {
    display: flex;
    align-items: center;
  }

  .entry_btn-2028 {
    background: url("/recruit/recruit2028/img/top/260402_btn/entry_L_red_off.png") no-repeat center center/cover;
    height: 75px;
    width: 480px;
  }

  .entry_btn-2028:hover {
    background: url("/recruit/recruit2028/img/top/260402_btn/entry_L_red_on.png") no-repeat center center/cover;
  }

  /*---20260402_BK

  .entry_btn-2027 {
    background: url("/recruit/recruit2028/img/top/250407_btn/entry_L_red_off.png") no-repeat center center/cover;
    height: 75px;
    width: 480px;
  }

  .entry_btn-2027:hover {
    background: url("/recruit/recruit2028/img/top/250407_btn/entry_L_red_on.png") no-repeat center center/cover;
  }

  .entry_btn-2025 {
    background: url("/recruit/recruit2028/img/top/250407_btn/entry_L_red_off.png") no-repeat center center/cover;
    height: 75px;
    width: 252px;
  }

  .entry_btn-2025:hover {
    background: url("/recruit/recruit2028/img/top/250407_btnentry_L_red_on.png") no-repeat center center/cover;
  }

  .entry_btn-2026 {
    background: url("/recruit/recruit2028/img/top/250407_btn/entry_R_red_off.png") no-repeat center center/cover;
    height: 75px;
    width: 228px;
  }

  .entry_btn-2026:hover {
    background: url("/recruit/recruit2028/img/top/250407_btn/entry_R_red_on.png") no-repeat center center/cover;
  }
  -------------*/
  .mypage_btn_wrapper {
    display: flex;
    align-items: center;
  }

  .mypage_btn-2026_PC {
    background: url("/recruit/recruit2028/img/top/250407_btn/mypage_L_blue_off.png") no-repeat center center/cover;
    height: 75px;
    width: 252px;
  }

  .mypage_btn-2026_PC:hover {
    background: url("/recruit/recruit2028/img/top/250407_btn/mypage_L_blue_on.png") no-repeat center center/cover;
  }

  .mypage_btn-2027_PC {
    background: url("/recruit/recruit2028/img/top/250407_btn/mypage_R_blue_off.png") no-repeat center center/cover;
    height: 75px;
    width: 228px;
  }

  .mypage_btn-2027_PC:hover {
    background: url("/recruit/recruit2028/img/top/250407_btn/mypage_R_blue_on.png") no-repeat center center/cover;
  }

  .mypage_btn-2028_PC {
    background: url("/recruit/recruit2028/img/top/260402_btn/mypage_R_blue_off.png") no-repeat center center/cover;
    height: 75px;
    width: 480px;
  }

  .mypage_btn-2028_PC:hover {
    background: url("/recruit/recruit2028/img/top/260402_btn/mypage_R_blue_on.png") no-repeat center center/cover;
  }

  .blank_btn {
    width: 370px;
  }
}

@media screen and (max-width: 768px) {
  .mv__btn--col1 > li:nth-child(1) > a {
    background-image: url("/recruit/recruit2028/img/top/entry_btn-sp01.png");
  }

  .mv__btn--col1 > li:nth-child(2) > a {
    background-image: url("/recruit/recruit2028/img/top/btn_mypage_sp.png");
  }
/*-------
    ▼ SP 20210203変更
-----------------------------------------------*/
  .mv__btn--col2 > li:nth-child(1) > a {
    background-image: url("/recruit/recruit2028/img/top/btn_intern_sp.png");
  }

  .mv__btn--col2 > li:nth-child(2) > a {
    background-image: url("/recruit/recruit2028/img/top/btn_2024_entry.png");
  }

  .mv__btn--col2 > li:nth-child(2) > .none-sp {
    display: none;
  }
/*-------
    ▼ SP 20210402変更
-----------------------------------------------*/
  .mv__btn--col2 > li:nth-child(3) > a {
    background-image: url("/recruit/recruit2028/img/top/btn_2025_entry.png");
  }

    /*
  2023/08/31 追加
   */
  .link_btn_container a {
    font-size: 0;
  }

  .entry_btn_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 20px auto;
  }

  .entry_btn-2028 {
    background: url("/recruit/recruit2028/img/top/260402_btn/btn_2028_entry_sp.png") no-repeat center center/cover;
    height: 10.67vw;
    width: 45.33vw;
  }

  .mypage_btn-2028 {
    background: url("/recruit/recruit2028/img/top/260402_btn/btn_2028_mypage_sp.png") no-repeat center center/cover;
    height: 10.67vw;
    width: 45.33vw;
  }


  /*------20260402_BK
  .entry_btn-2027 {
    background: url("/recruit/recruit2028/img/top/250407_btn/btn_2027_entry_sp.png") no-repeat center center/cover;
    height: 10.67vw;
    width: 45.33vw;
  }

  .mypage_btn-2027 {
    background: url("/recruit/recruit2028/img/top/250407_btn/btn_2027_mypage_sp.png") no-repeat center center/cover;
    height: 10.67vw;
    width: 45.33vw;
  }

    .entry_btn-2025 {
    background: url("/recruit/recruit2028/img/top/btn_2025_entry.png") no-repeat center center/cover;
    height: 10.67vw;
    width: 45.33vw;
  }

  .entry_btn-2026 {
    background: url("/recruit/recruit2028/img/top/btn_2026_entry.png") no-repeat center center/cover;
    height: 10.67vw;
    width: 45.33vw;
  }
  -------------*/
}
.sns {
  margin: 20px auto;
  max-width: 1200px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.sns > li {
  line-height: 1;
}
.sns > li:not(:first-child) {
  margin-left: 10px;
}

@media screen and (min-width: 769px) {
  .section {
    padding: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .section {
    padding: 15px 0;
  }
}
.section--bggray {
  background-color: #ede9e4;
}
@media screen and (min-width: 769px) {
  .section--mypage .inner > p {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.section--mypage .inner > p > * {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .section--mypage .inner > p > .section--mypage_left {
    background: url(/recruit/recruit2028/img/top/mypage_bg.jpg) center center no-repeat;
    height: 360px;
    width: 687px;
  }
}

.section--mypage .inner > p > .section--mypage_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 330px;
}

.section--mypage .inner > p > .section--mypage_wrapper > a {
  background-color: #1b66b3;
  display: block;
  padding: 166px 36px;
  transition: 0.3s;
}

/*---20260402_BK（Singleに変更）
.section--mypage .inner > p > .section--mypage_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 330px;
}

.section--mypage .inner > p > .section--mypage_wrapper > a {
  background-color: #1b66b3;
  display: block;
  padding: 70px 36px;
  transition: 0.3s;
}
-------------*/

.section--mypage .inner > p > .section--mypage_wrapper > a:hover {
  border-radius: 40px;
  opacity: .75;
}

@media screen and (min-width: 769px) {
  .section--mypage .inner > p > a {
    height: 360px;
    width: 333px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .section--mypage .inner {
    position: relative;
    z-index: 0;
  }


  .section--mypage .inner > .sp-section--mypage_wrapper {
    background: url(/recruit/recruit2028/img/top/mypage_bg-sp.jpg) center center no-repeat;
    background-size: cover;
    height: 48vw;
    max-height: 360px;
    padding: 12vw 0;
    position: relative;
    z-index: -2;
  }

/*--20260402_BK（Singleに変更）
  .section--mypage .inner > .sp-section--mypage_wrapper {
    background: url(/recruit/recruit2028/img/top/mypage_bg-sp.jpg) center center no-repeat;
    background-size: cover;
    height: 48vw;
    max-height: 360px;
    padding: 6vw 0;
    position: relative;
    z-index: -2;
  }
--------*/
  .section--mypage .inner > .sp-section--mypage_wrapper::before {
    background-color: #000;
        content: '';
        height: 100%;
        opacity: .3;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
  }

  .section--mypage .inner > .sp-section--mypage_wrapper > .sp-section--mypage--top {
    margin: 0 auto;
    width: 60%;
  }

  .section--mypage .inner > .sp-section--mypage_wrapper > .sp-section--mypage--top > img {
    width: 240px;
  }

  .section--mypage .inner > .sp-section--mypage_wrapper > .sp-section--mypage--middle {
    display: block;
    margin-top: 4vw;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
  }
  .section--mypage .inner > .sp-section--mypage_wrapper > .sp-section--mypage--bottom {
    display: block;
    margin-top: 4vw;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
  }
}
@media screen and (min-width: 769px) {
  .section--mypage .inner > p > a:hover {
    border-radius: 40px;
    opacity: .75;
  }
}
@media screen and (max-width: 768px) {
  .section--mypage .inner > p > a img {
    width: 240px;
  }
}

.list {
  /* 背景画像 */
  /* 見出し画像 */
}
@media screen and (min-width: 769px) {
  .list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .list--ttl-right {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.list__ttl {
  background-size: cover;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .list__ttl {
    height: 333px;
  }
}
@media screen and (max-width: 768px) {
  .list__ttl {
    cursor: pointer;
    height: 48vw;
    max-height: 360px;
  }
}
@media screen and (min-width: 769px) {
  .list__ttl--col2 {
    width: 687px;
  }
}
@media screen and (min-width: 769px) {
  .list__ttl--col3 {
    width: 333px;
  }
}
.list__ttl > span {
  background-size: contain;
  display: block;
  font-size: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .list__ttl > span {
    height: 74px;
    width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .list__ttl > span {
    height: 41px;
    width: 189px;
  }
}
@media screen and (min-width: 769px) {
  .list__des {
    height: 333px;
  }
}
@media screen and (max-width: 768px) {
  .list__des {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .list__des--col2 {
    width: 333px;
  }
}
@media screen and (min-width: 769px) {
  .list__des--col2 > ul > li:nth-child(2) {
    margin-top: 22px;
  }
}
@media screen and (min-width: 769px) {
  .list__des--col2 > ul > li:nth-child(3) {
    margin-top: 23px;
  }
}
@media screen and (min-width: 769px) {
  .list__des--col3 {
    width: 686px;
  }
}
@media screen and (min-width: 769px) {
  .list__des--col3 > ul > li:nth-child(3), .list__des--col3 > ul > li:nth-child(4) {
    margin-top: 22px;
  }
}
@media screen and (min-width: 769px) {
  .list__des--col3 > ul > li:nth-child(5), .list__des--col3 > ul > li:nth-child(6) {
    margin-top: 23px;
  }
}
@media screen and (min-width: 769px) {
  .list__des > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .list__des > ul > li {
    width: 333px;
  }
}
@media screen and (max-width: 768px) {
  .list__des > ul > li {
    margin-top: 10px;
  }
}
.list__des > ul > li > a {
  background-color: #c1aa89;
  color: #fff;
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .list__des > ul > li > a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 96px;
    overflow: hidden;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .list__des > ul > li > a {
    height: 48px;
  }
}
@media screen and (min-width: 769px) {
  .list__des > ul > li > a::after {
    content: "";
    border-bottom: solid #fff;
    border-right: solid #fff;
    display: block;
    height: 7px;
    position: absolute;
    right: -14px;
    top: calc( 50% - 7px );
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 7px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media screen and (min-width: 769px) {
  .list__des > ul > li > a:hover {
    border-radius: 15px;
    opacity: .7;
  }
}
@media screen and (min-width: 769px) {
  .list__des > ul > li > a:hover::after {
    right: 15px;
  }
}
@media screen and (min-width: 769px) {
  .list--company .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/company_bg.jpg);
  }
  .list--employee .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/employee_bg.jpg);
  }
  .list--work .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/work_bg.jpg);
  }
  .list--about .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/about_bg.jpg);
  }
  .list--recruit .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/recruit_bg.jpg);
  }
}
@media screen and (max-width: 768px) {
  .list--company .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/company_bg-sp.jpg);
  }
  .list--employee .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/employee_bg-sp.jpg);
  }
  .list--work .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/work_bg-sp.jpg);
  }
  .list--about .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/about_bg-sp.jpg);
  }
  .list--recruit .list__ttl {
    background-image: url(/recruit/recruit2028/img/top/recruit_bg-sp.jpg);
  }
}
@media screen and (min-width: 769px) {
  .list--company .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/company_ttl.png);
  }
  .list--employee .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/employee_ttl.png);
  }
  .list--work .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/work_ttl.png);
  }
  .list--about .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/about_ttl.png);
  }
  .list--recruit .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/recruit_ttl.png);
  }
}
@media screen and (max-width: 768px) {
  .list--company .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/company_ttl-sp.png);
  }
  .list--employee .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/employee_ttl-sp.png);
  }
  .list--work .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/work_ttl-sp.png);
  }
  .list--about .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/about_ttl-sp.png);
  }
  .list--recruit .list__ttl > span {
    background-image: url(/recruit/recruit2028/img/top/recruit_ttl-sp.png);
  }
}

.end_entry {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .end_entry {
    font-size: 2.4rem;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .end_entry {
    font-size: 2rem;
    margin-top: 20px;
  }
}

@media screen and (max-width: 480px) {
  .end_entry {
    font-size: 1.5rem;
    margin-top: 10px;
  }
}
.end_entry > span {
  border-bottom: solid 1px #000;
  border-top: solid 1px #000;
  display: inline-block;
  padding: 5px 10px;
}