@charset "UTF-8";
/*  recruit下層ページ
================================================ */
/* #management
---------------------------------------- */
#management { /* #intro_sp */ /* #rec_sp */ /* #detail_sp */ }

#management #intro { background-image: url(../img/recruit/management/pic01.png); background-size: contain; background-repeat: no-repeat; padding: 248px 23px 26px; }

#management #intro .box { position: relative; background-color: transparent; }

#management #intro .box:before { position: absolute; top: -4px; left: -4px; height: 4px; width: 238px; content: ""; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); }

#management #intro .box .contents { box-shadow: 0 0 0 4px rgba(247, 247, 247, 0.5); }

#management #intro .box .contents .txtArea { padding: 44px 27px 37px; }

#management #intro .box .contents .txtArea .copy { font-size: 2rem; font-weight: 600; text-align: center; background-color: #fff; }

#management #intro .box .contents .txtArea .txt { font-size: 1.4rem; font-weight: 300; padding-top: 10px; background-color: #fff; }

#management #rec { background-image: url(../img/recruit/bg03_sp.png); background-size: contain; background-repeat: no-repeat; background-color: #f7f7f7; }

#management #rec .inner { padding-top: 70px; }

#management #rec .tit { color: #fff; font-size: 5rem; font-weight: bold; text-align: center; letter-spacing: .3em; line-height: 1; }

#management #rec .name { overflow: hidden; position: relative; color: #fff; font-size: 1.6rem; font-weight: bold; letter-spacing: .08em; line-height: 1; text-align: center; margin-top: 10px; }

#management #rec .name span { font-size: 1.6rem; margin-left: 8px; }

#management #rec .name:before { position: absolute; right: 50%; top: 7px; height: 0; width: 100%; margin-right: 125px; content: ""; border-bottom: 1px solid #fff; }

#management #rec .name:after { position: absolute; left: 50%; top: 7px; height: 0; width: 100%; margin-left: 125px; content: ""; border-bottom: 1px solid #fff; }

#management #rec .copy { color: #fff; font-size: 1.4rem; text-align: center; margin-top: 20px; }

#management #rec .box01 { margin: 22px -20px 0; }

#management #rec .box01 .img { padding-bottom: 10px; }

#management #rec .box01 .txtArea .subtit { line-height: 1.5; text-align: left; }

#management #rec .box01 .txtArea .txt { margin-top: 16px; }

#management #rec .box02 { margin: 30px -20px 0; }

#management #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }

#management #rec .box02 .txtArea .txt { margin-top: 11px; }

#management #detail { margin: 35px 0 18px; }

#management #detail .messageBox { position: relative; top: -43px; margin: 0 10px; }

#management #detail .messageBox .rightBox { background-color: #173b77; color: #fff; padding: 25px 0 0 42px; min-height: 115px; }

#management #detail .messageBox .rightBox .ja { font-size: 2rem; font-weight: 600; letter-spacing: .06em; line-height: 1.6; }

#management #detail .messageBox .rightBox .en { font-size: 1.2rem; font-weight: bold; letter-spacing: .08em; margin: 5px 0 0 2px; }

#management #detail .messageBox .txt { margin-top: 20px; line-height: 2.2; }

#management #detail .name { font-size: 2rem; font-weight: 600; letter-spacing: .08em; border-bottom: 1px solid #d6d6d6; margin: 4px 10px 0; padding-bottom: 11px; }

#management #detail .box { border: 5px solid #ececec; margin: 18px 10px 0; padding: 25px; }

#management #detail .box .catch { font-size: 1.5rem; font-weight: 600; line-height: 1.6; }

#management #detail .box .lead { color: #173b77; font-size: 1.4rem; font-weight: 600; margin-top: 10px; }

#management #detail .box .list .item { position: relative; line-height: 1.6; padding-left: 20px; }

#management #detail .box .list .item:before { position: absolute; top: 5px; left: 1px; content: ""; width: 11px; height: 11px; background-color: #000; }

#management #detail .box .copy { margin-top: 16px; line-height: 1.6; }

#management #detail .detailTable { margin-top: 39px; border-bottom: 1px solid #ececec; }

#management #detail .detailTable th { border-top: 1px solid #ececec; background-color: #f7f7f7; font-weight: bold; padding: 8px 0 6px 25px; }

#management #detail .detailTable td { padding: 8px 0 8px 23px; line-height: 2; }

#management #detail .detailTable td span { font-weight: bold; }

#management #detail .btnBox { margin-top: 32px; margin-bottom: 41px; }

@media screen and (min-width: 600px) { #management { /* #intro_pc */ /* #rec_pc */ /* #detail_pc */ }
  #management #intro { background-size: 965px 680px; background-position: left 0 top 64px; max-width: 1920px; padding: 0 0 213px; margin: 0 auto; }
  #management #intro .box { margin: 35px 60px 0; }
  #management #intro .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #management #intro .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #management #intro .box .contents .txtArea { background-color: #fff; float: right; width: 550px; margin: 0 14% 0 0; padding: 116px 0 30px 30px; }
  #management #intro .box .contents .txtArea .copy { font-size: 3.8rem; font-weight: bold; text-align: left; }
  #management #intro .box .contents .txtArea .txt { font-size: 1.5rem; font-weight: normal; margin-top: 26px; padding-top: 0; }
  #management #rec { background-image: url(../img/recruit/bg03_pc.png); background-size: auto; background-position: top center; background-color: #fff; }
  #management #rec .inner { padding-top: 150px; }
  #management #rec .tit { font-size: 17rem; padding-left: 45px; }
  #management #rec .name { overflow: unset; font-size: 4.6rem; line-height: .7; margin-top: 0; }
  #management #rec .name span { font-size: 3.6rem; margin-left: 20px; }
  #management #rec .name:before { right: auto; top: 8px; left: 180px; width: 112px; margin-right: 0; }
  #management #rec .name:after { left: auto; top: 8px; right: 180px; width: 112px; margin-left: 0; }
  #management #rec .copy { font-size: 2.8rem; margin-top: 67px; }
  #management #rec .box01 { margin: 80px 0 0; }
  #management #rec .box01 .img { padding-bottom: 60px; }
  #management #rec .box01 .txtArea { margin-top: -270px; }
  #management #rec .box01 .txtArea .txt { margin-top: 20px; }
  #management #rec .box02 { margin: 90px 0 0; }
  #management #rec .box02 .img { padding-bottom: 58px; }
  #management #rec .box02 .txtArea { margin-top: -260px; }
  #management #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }
  #management #rec .box02 .txtArea .txt { margin-top: 24px; }
  #management #detail { margin: 152px 0 154px; }
  #management #detail .img { max-width: 1920px; margin: 0 auto; }
  #management #detail .img img { max-width: none; }
  #management #detail .messageBox { overflow: hidden; top: -107px; margin: 0; }
  #management #detail .messageBox .rightBox { float: left; width: 288px; min-height: 286px; padding: 74px 0 0 72px; }
  #management #detail .messageBox .rightBox .ja { font-size: 3rem; }
  #management #detail .messageBox .rightBox .en { font-size: 1.8rem; margin: 35px 0 0 0; }
  #management #detail .messageBox .txt { background-color: #fff; display: inline-block; width: 800px; font-size: 1.6rem; margin: 0; padding: 116px 62px 0 58px; }
  #management #detail .name { font-size: 2.8rem; margin: 3px 0 0; padding-bottom: 7px; }
  #management #detail .box { margin: 40px 0 0; padding: 50px 0 50px 55px; }
  #management #detail .box .catch { font-size: 2rem; }
  #management #detail .box .lead { margin-top: 18px; }
  #management #detail .box .list { padding-left: 3px; }
  #management #detail .box .list .item + .item { margin-top: 1px; }
  #management #detail .box .copy { margin-top: 20px; }
  #management #detail .detailTable { margin-top: 65px; }
  #management #detail .detailTable tr { border-top: 1px solid #ececec; }
  #management #detail .detailTable tr:first-of-type th { padding: 35px 0 35px 60px; }
  #management #detail .detailTable tr:first-of-type td { padding: 35px 0 27px 45px; }
  #management #detail .detailTable tr:last-child td { padding-bottom: 38px; }
  #management #detail .detailTable th { font-size: 1.6rem; width: 193px; border-top: none; padding: 30px 0 35px 60px; }
  #management #detail .detailTable td { font-size: 1.5rem; padding: 28px 0 30px 45px; }
  #management #detail .btnBox { margin-top: 105px; margin-bottom: 0; } }

/* #se_pg
---------------------------------------- */
#se_pg { /* #se_pg #intro_sp */ /* #se_pg #rec_sp */ /* #se_pg #detail_sp */ }

#se_pg #intro { background-image: url(../img/recruit/se_pg/pic01.png); background-size: contain; background-repeat: no-repeat; padding: 248px 23px 19px; }

#se_pg #intro .box { position: relative; background-color: transparent; }

#se_pg #intro .box:before { position: absolute; top: -4px; left: -4px; height: 4px; width: 238px; content: ""; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); }

#se_pg #intro .box .contents { box-shadow: 0 0 0 4px rgba(247, 247, 247, 0.5); }

#se_pg #intro .box .contents .txtArea { padding: 44px 27px 37px; }

#se_pg #intro .box .contents .txtArea .copy { font-size: 2rem; font-weight: 600; text-align: center; background-color: #fff; }

#se_pg #intro .box .contents .txtArea .txt { font-size: 1.4rem; font-weight: 300; padding-top: 10px; background-color: #fff; }

#se_pg #rec { background-image: url(../img/recruit/bg03_sp.png); background-size: contain; background-repeat: no-repeat; background-color: #f7f7f7; }

#se_pg #rec .inner { padding-top: 70px; }

#se_pg #rec .tit { color: #fff; font-size: 5rem; font-weight: bold; text-align: center; letter-spacing: .3em; line-height: 1; }

#se_pg #rec .name { overflow: hidden; position: relative; color: #fff; font-size: 1.6rem; font-weight: bold; letter-spacing: .08em; line-height: 1; text-align: center; padding-top: 10px; }

#se_pg #rec .name span { font-size: 1.6rem; margin-left: 8px; }

#se_pg #rec .name:before { position: absolute; right: 50%; top: 17px; height: 0; width: 13%; margin-right: 49px; content: ""; border-bottom: 1px solid #fff; }

#se_pg #rec .name:after { position: absolute; left: 50%; top: 17px; height: 0; width: 13%; margin-left: 49px; content: ""; border-bottom: 1px solid #fff; }

#se_pg #rec .copy { color: #fff; font-size: 1.4rem; text-align: center; margin-top: 20px; }

#se_pg #rec .box01 { margin: 22px -20px 0; }

#se_pg #rec .box01 .img { padding-bottom: 10px; }

#se_pg #rec .box01 .txtArea .subtit { line-height: 1.5; text-align: left; }

#se_pg #rec .box01 .txtArea .txt { margin-top: 16px; }

#se_pg #rec .box02 { margin: 30px -20px 0; }

#se_pg #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }

#se_pg #rec .box02 .txtArea .txt { margin-top: 11px; }

#se_pg #detail { margin: 35px 0 18px; }

#se_pg #detail .messageBox { position: relative; top: -43px; margin: 0 10px; }

#se_pg #detail .messageBox .rightBox { background-color: #173b77; color: #fff; padding: 25px 0 0 42px; min-height: 115px; }

#se_pg #detail .messageBox .rightBox .ja { font-size: 2rem; font-weight: 600; letter-spacing: .06em; line-height: 1.6; }

#se_pg #detail .messageBox .rightBox .en { font-size: 1.2rem; font-weight: bold; letter-spacing: .08em; margin: 5px 0 0 2px; }

#se_pg #detail .messageBox .txt { margin-top: 20px; line-height: 2.2; }

#se_pg #detail .name { font-size: 2rem; font-weight: 600; letter-spacing: .08em; border-bottom: 1px solid #d6d6d6; margin: 4px 10px 0; padding-bottom: 11px; }

#se_pg #detail .box { border: 5px solid #ececec; margin: 18px 10px 0; padding: 25px; }

#se_pg #detail .box .catch { font-size: 1.5rem; font-weight: 600; line-height: 1.6; }

#se_pg #detail .box .lead { color: #173b77; font-size: 1.4rem; font-weight: 600; margin-top: 10px; }

#se_pg #detail .box .list .item { position: relative; line-height: 1.6; padding-left: 20px; }

#se_pg #detail .box .list .item:before { position: absolute; top: 5px; left: 1px; content: ""; width: 11px; height: 11px; background-color: #000; }

#se_pg #detail .box .copy { margin-top: 16px; line-height: 1.6; }

#se_pg #detail .detailTable { margin-top: 39px; border-bottom: 1px solid #ececec; }

#se_pg #detail .detailTable th { border-top: 1px solid #ececec; background-color: #f7f7f7; font-weight: bold; padding: 8px 0 6px 25px; }

#se_pg #detail .detailTable td { padding: 8px 0 8px 23px; line-height: 2; }

#se_pg #detail .detailTable td span { font-weight: bold; }

#se_pg #detail .btnBox { margin-top: 32px; margin-bottom: 41px; }

@media screen and (min-width: 600px) { #se_pg { /* #se_pg #intro_pc */ /* #se_pg #rec_pc */ /* #se_pg #detail_pc */ }
  #se_pg #intro { background-size: 965px 680px; background-position: left 0 top 64px; max-width: 1920px; padding: 0 0 213px; margin: 0 auto; }
  #se_pg #intro .box { margin: 35px 60px 0; }
  #se_pg #intro .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #se_pg #intro .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #se_pg #intro .box .contents .txtArea { background-color: #fff; float: right; width: 550px; margin: 0 14% 0 0; padding: 116px 0 30px 30px; }
  #se_pg #intro .box .contents .txtArea .copy { font-size: 3.8rem; font-weight: bold; text-align: left; }
  #se_pg #intro .box .contents .txtArea .txt { font-size: 1.5rem; font-weight: normal; margin-top: 26px; padding-top: 0; }
  #se_pg #rec { background-image: url(../img/recruit/bg03_pc.png); background-size: auto; background-position: top center; background-color: #fff; }
  #se_pg #rec .inner { padding-top: 150px; }
  #se_pg #rec .tit { font-size: 17rem; padding-left: 45px; }
  #se_pg #rec .name { overflow: unset; font-size: 4.6rem; line-height: .7; padding-top: 0; }
  #se_pg #rec .name span { font-size: 3.6rem; margin-left: 20px; }
  #se_pg #rec .name:before { right: auto; top: 9px; left: 394px; width: 114px; margin-right: 0; }
  #se_pg #rec .name:after { left: auto; top: 9px; right: 394px; width: 114px; margin-left: 0; }
  #se_pg #rec .copy { font-size: 2.8rem; margin-top: 67px; }
  #se_pg #rec .box01 { margin: 80px 0 0; }
  #se_pg #rec .box01 .img { padding-bottom: 60px; }
  #se_pg #rec .box01 .txtArea { margin-top: -270px; }
  #se_pg #rec .box01 .txtArea .txt { margin-top: 20px; }
  #se_pg #rec .box02 { margin: 90px 0 0; }
  #se_pg #rec .box02 .img { padding-bottom: 58px; }
  #se_pg #rec .box02 .txtArea { margin-top: -260px; }
  #se_pg #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }
  #se_pg #rec .box02 .txtArea .txt { margin-top: 24px; }
  #se_pg #detail { margin: 152px 0 154px; }
  #se_pg #detail .img { max-width: 1920px; margin: 0 auto; }
  #se_pg #detail .img img { max-width: none; }
  #se_pg #detail .messageBox { overflow: hidden; top: -107px; margin: 0; }
  #se_pg #detail .messageBox .rightBox { float: left; width: 288px; min-height: 286px; padding: 74px 0 0 72px; }
  #se_pg #detail .messageBox .rightBox .ja { font-size: 3rem; }
  #se_pg #detail .messageBox .rightBox .en { font-size: 1.8rem; margin: 35px 0 0 0; }
  #se_pg #detail .messageBox .txt { background-color: #fff; display: inline-block; width: 800px; font-size: 1.6rem; margin: 0; padding: 116px 62px 0 58px; }
  #se_pg #detail .name { font-size: 2.8rem; margin: 3px 0 0; padding-bottom: 7px; }
  #se_pg #detail .box { margin: 40px 0 0; padding: 50px 55px 50px 55px; }
  #se_pg #detail .box .catch { font-size: 2rem; }
  #se_pg #detail .box .lead { margin-top: 18px; }
  #se_pg #detail .box .list { padding-left: 3px; }
  #se_pg #detail .box .list .item + .item { margin-top: 1px; }
  #se_pg #detail .box .copy { margin-top: 10px; }
  #se_pg #detail .detailTable { margin-top: 65px; }
  #se_pg #detail .detailTable tr { border-top: 1px solid #ececec; }
  #se_pg #detail .detailTable tr:first-of-type th { padding: 35px 0 35px 60px; }
  #se_pg #detail .detailTable tr:first-of-type td { padding: 35px 0 27px 45px; }
  #se_pg #detail .detailTable tr:last-child td { padding-bottom: 38px; }
  #se_pg #detail .detailTable th { font-size: 1.6rem; width: 193px; border-top: none; padding: 30px 0 35px 60px; }
  #se_pg #detail .detailTable td { font-size: 1.5rem; padding: 28px 0 30px 45px; }
  #se_pg #detail .btnBox { margin-top: 105px; margin-bottom: 0; } }


/* #operator
---------------------------------------- */
#operator { /* #operator #intro_sp */ /* #operator #rec_sp */ /* #planning #intro_sp */ }

#operator #intro { background-image: url(../img/recruit/operator/pic01.png); background-size: contain; background-repeat: no-repeat; padding: 248px 23px 26px; }

#operator #intro .box { position: relative; background-color: transparent; }

#operator #intro .box:before { position: absolute; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); content: ""; top: -4px; left: -4px; height: 4px; width: 238px; }

#operator #intro .box .contents { box-shadow: 0 0 0 4px rgba(247, 247, 247, 0.5); }

#operator #intro .box .contents .txtArea { padding: 44px 27px 31px; }

#operator #intro .box .contents .txtArea .copy { background-color: #fff; font-size: 2rem; font-weight: 600; text-align: center; }

#operator #intro .box .contents .txtArea .txt { font-size: 1.4rem; font-weight: 300; background-color: #fff; padding-top: 10px; }

#operator #rec { background-image: url(../img/recruit/bg03_sp.png); background-size: contain; background-repeat: no-repeat; background-color: #f7f7f7; }

#operator #rec .inner { padding-top: 70px; }

#operator #rec .tit { color: #fff; font-size: 5rem; font-weight: bold; text-align: center; letter-spacing: .3em; line-height: 1; }

#operator #rec .name { overflow: hidden; position: relative; color: #fff; font-size: 1.9rem; font-weight: bold; letter-spacing: .08em; line-height: 1; text-align: center; padding-top: 10px; }

#operator #rec .name span { font-size: 1.5rem; margin-left: 8px; }

#operator #rec .name:before { position: absolute; border-bottom: 1px solid #fff; content: ""; right: 50%; top: 50%; height: 0; width: 100%; margin-right: 135px;margin-top: 2px; }

#operator #rec .name:after { position: absolute; border-bottom: 1px solid #fff; content: ""; left: 50%; top: 50%; height: 0; width: 100%; margin-left: 135px;margin-top: 2px; }

#operator #rec .copy { color: #fff; font-size: 1.4rem; text-align: center; margin-top: 14px; }

#operator #rec .box01 { margin: 22px -20px 0; }

#operator #rec .box01 .img { padding-bottom: 10px; }

#operator #rec .box01 .txtArea .subtit { line-height: 1.5; text-align: left; }

#operator #rec .box01 .txtArea .txt { margin-top: 16px; }

#operator #rec .box02 { margin: 30px -20px 0; }

#operator #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }

#operator #rec .box02 .txtArea .txt { margin-top: 11px; }

#operator #detail { margin: 35px 0 18px; }

#operator #detail .messageBox { position: relative; top: -43px; margin: 0 10px; }

#operator #detail .messageBox .rightBox { background-color: #173b77; color: #fff; min-height: 115px; padding: 25px 0 0 42px; }

#operator #detail .messageBox .rightBox .ja { font-size: 2rem; font-weight: 600; letter-spacing: .06em; line-height: 1.6; }

#operator #detail .messageBox .rightBox .en { font-size: 1.2rem; font-weight: bold; letter-spacing: .08em; margin: 5px 0 0 2px; }

#operator #detail .messageBox .txt { line-height: 2.2; margin-top: 20px; }

#operator #detail .name { border-bottom: 1px solid #d6d6d6; font-size: 2rem; font-weight: 600; letter-spacing: .08em; margin: 4px 10px 0; padding-bottom: 11px; }

#operator #detail .box { border: 5px solid #ececec; margin: 18px 10px 0; padding: 25px; }

#operator #detail .box .catch { font-size: 1.5rem; font-weight: 600; line-height: 1.6; }

#operator #detail .box .lead { color: #173b77; font-size: 1.4rem; font-weight: 600; margin-top: 10px; }

#operator #detail .box .list .item { position: relative; line-height: 1.6; padding-left: 20px; }

#operator #detail .box .list .item:before { position: absolute; background-color: #000; top: 5px; left: 1px; content: ""; width: 11px; height: 11px; }

#operator #detail .box .copy { margin-top: 16px; line-height: 1.6; }

#operator #detail .detailTable { border-bottom: 1px solid #ececec; margin-top: 39px; }

#operator #detail .detailTable th { border-top: 1px solid #ececec; background-color: #f7f7f7; font-weight: bold; padding: 8px 0 6px 25px; }

#operator #detail .detailTable td { line-height: 2; padding: 8px 0 8px 23px; }

#operator #detail .detailTable td span { font-weight: bold; }

#operator #detail .btnBox { margin-top: 32px; margin-bottom: 41px; }

@media screen and (min-width: 600px) { #operator { /* #operator #intro_pc */ /* #operator #rec_pc */ /* #operator #intro_pc */ }
  #operator #intro { background-size: 965px 680px; background-position: left 0 top 64px; max-width: 1920px; margin: 0 auto; padding: 0 0 213px; }
  #operator #intro .box { margin: 35px 60px 0; }
  #operator #intro .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #operator #intro .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #operator #intro .box .contents .txtArea { float: right; background-color: #fff; width: 550px; margin: 0 14% 0 0; padding: 116px 0 30px 30px; }
  #operator #intro .box .contents .txtArea .copy { text-align: left; font-size: 3.8rem; font-weight: bold; }
  #operator #intro .box .contents .txtArea .txt { font-size: 1.5rem; font-weight: normal; margin-top: 26px; padding-top: 0; }
  #operator #rec { background-image: url(../img/recruit/bg03_pc.png); background-size: auto; background-position: top center; background-color: #fff; }
  #operator #rec .inner { padding-top: 150px; }
  #operator #rec .tit { font-size: 17rem; padding-left: 45px; }
  #operator #rec .name { overflow: unset; font-size: 4.6rem; line-height: .7; padding-top: 0; }
  #operator #rec .name span { font-size: 3.6rem; margin-left: 20px; }
  #operator #rec .name:before { right: auto; left: 180px; width: 114px; margin-right: 0; margin-top: -4px; }
  #operator #rec .name:after { left: auto; right: 180px; width: 114px; margin-left: 0; margin-top: -4px; }
  #operator #rec .copy { font-size: 2.8rem; margin-top: 67px; }
  #operator #rec .box01 { margin: 80px 0 0; }
  #operator #rec .box01 .img { padding-bottom: 60px; }
  #operator #rec .box01 .txtArea { margin-top: -270px; }
  #operator #rec .box01 .txtArea .txt { margin-top: 20px; }
  #operator #rec .box02 { margin: 90px 0 0; }
  #operator #rec .box02 .img { padding-bottom: 58px; }
  #operator #rec .box02 .txtArea { margin-top: -260px; }
  #operator #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }
  #operator #rec .box02 .txtArea .txt { margin-top: 24px; }
  #operator #detail { margin: 152px 0 154px; }
  #operator #detail .img { max-width: 1920px; margin: 0 auto; }
  #operator #detail .img img { max-width: none; }
  #operator #detail .messageBox { overflow: hidden; top: -107px; margin: 0; }
  #operator #detail .messageBox .rightBox { float: left; width: 288px; min-height: 286px; padding: 74px 0 0 72px; }
  #operator #detail .messageBox .rightBox .ja { font-size: 3rem; }
  #operator #detail .messageBox .rightBox .en { font-size: 1.8rem; margin: 35px 0 0 0; }
  #operator #detail .messageBox .txt { display: inline-block; background-color: #fff; width: 800px; font-size: 1.6rem; margin: 0; padding: 90px 62px 0 58px; }
  #operator #detail .name { font-size: 2.8rem; margin: 3px 0 0; padding-bottom: 7px; }
  #operator #detail .box { margin: 40px 0 0; padding: 36px 55px; }
  #operator #detail .box .catch { font-size: 2rem; }
  #operator #detail .box .lead { margin-top: 20px; }
  #operator #detail .box .list { padding-left: 3px; }
  #operator #detail .box .list .item + .item { margin-top: 1px; }
  #operator #detail .box .copy { margin-top: 19px; }
  #operator #detail .detailTable { margin-top: 65px; }
  #operator #detail .detailTable tr { border-top: 1px solid #ececec; }
  #operator #detail .detailTable tr:first-of-type th { padding: 35px 0 35px 60px; }
  #operator #detail .detailTable tr:first-of-type td { padding: 35px 0 27px 45px; }
  #operator #detail .detailTable tr:last-child td { padding-bottom: 38px; }
  #operator #detail .detailTable th { border-top: none; font-size: 1.6rem; width: 193px; padding: 30px 0 35px 60px; }
  #operator #detail .detailTable td { font-size: 1.5rem; padding: 28px 0 30px 45px; }
  #operator #detail .btnBox { margin-top: 105px; margin-bottom: 0; } }

/* #web_designer
---------------------------------------- */
#web_designer { /* #web_designer #intro_sp */ /* #web_designer #rec_sp */ /* #web_designer #detail_sp */ }

#web_designer #intro { background-image: url(../img/recruit/operator/pic01.png); background-size: contain; background-repeat: no-repeat; padding: 248px 23px 29px; }

#web_designer #intro .box { position: relative; background-color: transparent; }

#web_designer #intro .box:before { position: absolute; top: -4px; left: -4px; height: 4px; width: 238px; content: ""; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); }

#web_designer #intro .box .contents { box-shadow: 0 0 0 4px rgba(247, 247, 247, 0.5); }

#web_designer #intro .box .contents .txtArea { padding: 44px 27px 28px; }

#web_designer #intro .box .contents .txtArea .copy { font-size: 2rem; font-weight: 600; text-align: center; background-color: #fff; }

#web_designer #intro .box .contents .txtArea .txt { background-color: #fff; font-size: 1.4rem; font-weight: 300; padding-top: 10px; }

#web_designer #rec { background-image: url(../img/recruit/bg03_sp.png); background-size: contain; background-repeat: no-repeat; background-color: #f7f7f7; }

#web_designer #rec .inner { padding-top: 62px; }

#web_designer #rec .tit { color: #fff; font-size: 5rem; font-weight: bold; text-align: center; letter-spacing: .3em; line-height: 1; }

#web_designer #rec .name { position: relative; overflow: hidden; color: #fff; font-size: 1.8rem; font-weight: bold; letter-spacing: .08em; line-height: 1; text-align: center; padding-top: 9px; }

#web_designer #rec .name span { font-size: 1.8rem; line-height: 1.5; margin-left: 8px; }

#web_designer #rec .name:before { position: absolute; border-bottom: 1px solid #fff; top: 20px; right: 50%; content: ""; height: 0; width: 100%; margin-right: 103px; }

#web_designer #rec .name:after { position: absolute; border-bottom: 1px solid #fff; top: 20px; left: 50%; content: ""; width: 100%; height: 0; margin-left: 103px; }

#web_designer #rec .copy { color: #fff; font-size: 1.4rem; text-align: center; margin-top: 0px; }

#web_designer #rec .box01 { margin: 22px -20px 0; }

#web_designer #rec .box01 .img { padding-bottom: 10px; }

#web_designer #rec .box01 .txtArea .subtit { line-height: 1.5; text-align: left; }

#web_designer #rec .box01 .txtArea .txt { margin-top: 16px; }

#web_designer #rec .box02 { margin: 30px -20px 0; }

#web_designer #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }

#web_designer #rec .box02 .txtArea .txt { margin-top: 11px; }

#web_designer #detail { margin: 35px 0 18px; }

#web_designer #detail .messageBox { position: relative; top: -43px; margin: 0 10px; }

#web_designer #detail .messageBox .rightBox { background-color: #173b77; color: #fff; min-height: 115px; padding: 25px 0 0 42px; }

#web_designer #detail .messageBox .rightBox .ja { font-size: 2rem; font-weight: 600; letter-spacing: .06em; line-height: 1.6; }

#web_designer #detail .messageBox .rightBox .en { font-size: 1.2rem; font-weight: bold; letter-spacing: .08em; margin: 5px 0 0 2px; }

#web_designer #detail .messageBox .txt { line-height: 2.2; margin-top: 20px; }

#web_designer #detail .name { border-bottom: 1px solid #d6d6d6; font-size: 2rem; font-weight: 600; letter-spacing: .08em; margin: 4px 10px 0; padding-bottom: 11px; }

#web_designer #detail .box { border: 5px solid #ececec; margin: 18px 10px 0; padding: 25px; }

#web_designer #detail .box .catch { font-size: 1.5rem; font-weight: 600; line-height: 1.6; }

#web_designer #detail .box .lead { color: #173b77; font-size: 1.4rem; font-weight: 600; margin-top: 10px; }

#web_designer #detail .box .list .item { position: relative; line-height: 1.6; padding-left: 20px; }

#web_designer #detail .box .list .item:before { position: absolute; background-color: #000; top: 5px; left: 1px; content: ""; width: 11px; height: 11px; }

#web_designer #detail .detailTable { border-bottom: 1px solid #ececec; margin-top: 39px; }

#web_designer #detail .detailTable th { border-top: 1px solid #ececec; background-color: #f7f7f7; font-weight: bold; padding: 8px 0 6px 25px; }

#web_designer #detail .detailTable td { line-height: 2; padding: 8px 0 8px 23px; }

#web_designer #detail .detailTable td span { font-weight: bold; }

#web_designer #detail .btnBox { margin-top: 43px; margin-bottom: 41px; }

@media screen and (min-width: 600px) { #web_designer { /* #web_designer #intro_pc */ /* #web_designer #rec_pc */ /* #web_designer #detail_pc */ }
  #web_designer #intro { background-size: 965px 680px; background-position: left 0 top 64px; max-width: 1920px; margin: 0 auto; padding: 0 0 213px; }
  #web_designer #intro .box { margin: 35px 60px 0; }
  #web_designer #intro .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #web_designer #intro .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #web_designer #intro .box .contents .txtArea { background-color: #fff; float: right; width: 550px; margin: 0 14% 0 0; padding: 116px 0 30px 30px; }
  #web_designer #intro .box .contents .txtArea .copy { font-size: 3.8rem; font-weight: bold; text-align: left; }
  #web_designer #intro .box .contents .txtArea .txt { font-size: 1.5rem; font-weight: normal; margin-top: 26px; padding-top: 0; }
  #web_designer #rec { background-image: url(../img/recruit/bg03_pc.png); background-size: auto; background-position: top center; background-color: #fff; }
  #web_designer #rec .inner { padding-top: 170px; }
  #web_designer #rec .tit { font-size: 17rem; line-height: .8; padding-left: 45px; }
  #web_designer #rec .name { overflow: unset; font-size: 4.6rem; line-height: .7; padding-top: 11px; }
  #web_designer #rec .name span { font-size: 3.6rem; line-height: 1; margin-left: 40px; }
  #web_designer #rec .name:before { right: auto; top: 26px; left: 140px; width: 114px; margin-right: 0; }
  #web_designer #rec .name:after { left: auto; top: 26px; right: 140px; width: 114px; margin-left: 0; }
  #web_designer #rec .copy { font-size: 2.8rem; margin-top: 67px; }
  #web_designer #rec .box01 { margin: 80px 0 0; }
  #web_designer #rec .box01 .img { padding-bottom: 60px; }
  #web_designer #rec .box01 .txtArea { margin-top: -270px; }
  #web_designer #rec .box01 .txtArea .txt { margin-top: 20px; }
  #web_designer #rec .box02 { margin: 90px 0 0; }
  #web_designer #rec .box02 .img { padding-bottom: 58px; }
  #web_designer #rec .box02 .txtArea { margin-top: -260px; }
  #web_designer #rec .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }
  #web_designer #rec .box02 .txtArea .txt { margin-top: 24px; }
  #web_designer #detail { margin: 152px 0 154px; }
  #web_designer #detail .img { max-width: 1920px; margin: 0 auto; }
  #web_designer #detail .img img { max-width: none; }
  #web_designer #detail .messageBox { overflow: hidden; top: -107px; margin: 0; }
  #web_designer #detail .messageBox .rightBox { float: left; width: 288px; min-height: 286px; padding: 74px 0 0 72px; }
  #web_designer #detail .messageBox .rightBox .ja { font-size: 3rem; }
  #web_designer #detail .messageBox .rightBox .en { font-size: 1.8rem; margin: 35px 0 0 0; }
  #web_designer #detail .messageBox .txt { display: inline-block; background-color: #fff; font-size: 1.6rem; width: 800px; margin: 0; padding: 111px 62px 0 58px; }
  #web_designer #detail .name { font-size: 2.8rem; margin: 3px 0 0; padding-bottom: 7px; }
  #web_designer #detail .box { margin: 40px 0 0; padding: 70px 55px 68px 55px; }
  #web_designer #detail .box .catch { font-size: 2rem; }
  #web_designer #detail .box .lead { margin-top: 18px; }
  #web_designer #detail .box .list { padding-left: 3px; }
  #web_designer #detail .box .list .item + .item { margin-top: 1px; }
  #web_designer #detail .detailTable { margin-top: 65px; }
  #web_designer #detail .detailTable tr { border-top: 1px solid #ececec; }
  #web_designer #detail .detailTable tr:first-of-type th { padding: 35px 0 35px 60px; }
  #web_designer #detail .detailTable tr:first-of-type td { padding: 35px 0 27px 45px; }
  #web_designer #detail .detailTable tr:last-child td { padding-bottom: 38px; }
  #web_designer #detail .detailTable th { border-top: none; font-size: 1.6rem; width: 193px; padding: 30px 0 35px 60px; }
  #web_designer #detail .detailTable td { font-size: 1.5rem; padding: 28px 0 30px 45px; }
  #web_designer #detail .btnBox { margin-top: 96px; margin-bottom: 0; } }

/* #public_relations
---------------------------------------- */
#public_relations { /* #public_relations #intro_sp */ /* #public_relations #rec_sp */ /* #public_relations #detail_sp */ }

#public_relations #intro { background-image: url(../img/recruit/public_relations/pic01.png); background-size: contain; background-repeat: no-repeat; padding: 248px 23px 29px; }

#public_relations #intro .box { position: relative; background-color: transparent; }

#public_relations #intro .box:before { position: absolute; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); top: -4px; left: -4px; content: ""; height: 4px; width: 238px; }

#public_relations #intro .box .contents { box-shadow: 0 0 0 4px #f7f7f7; }

#public_relations #intro .box .contents .txtArea { padding: 44px 27px 27px; }

#public_relations #intro .box .contents .txtArea .copy { background-color: #fff; text-align: center; font-size: 2rem; font-weight: 600; }

#public_relations #intro .box .contents .txtArea .txt { background-color: #fff; font-size: 1.4rem; font-weight: 300; padding-top: 10px; }

#public_relations #rec { background-image: url(../img/recruit/bg03_sp.png); background-size: contain; background-repeat: no-repeat; background-color: #f7f7f7; }

#public_relations #rec .inner { padding-top: 70px; }

#public_relations #rec .tit { color: #fff; font-size: 5rem; font-weight: bold; text-align: center; letter-spacing: .3em; line-height: 1; }

#public_relations #rec .name { position: relative; overflow: hidden; color: #fff; font-size: 1.6rem; font-weight: bold; letter-spacing: .08em; line-height: 1; text-align: center; padding-top: 10px; }

#public_relations #rec .name span { font-size: 1.6rem; margin-left: 8px; }

#public_relations #rec .name:before { position: absolute; border-bottom: 1px solid #fff; top: 17px; right: 50%; content: ""; width: 100%; height: 0; margin-right: 75px; }

#public_relations #rec .name:after { position: absolute; border-bottom: 1px solid #fff; top: 17px; left: 50%; content: ""; width: 100%; height: 0; margin-left: 75px; }

#public_relations #rec .copy { color: #fff; text-align: center; font-size: 1.4rem; margin-top: 20px; }

#public_relations #rec .box01 { margin: 22px -20px 0; }

#public_relations #rec .box01 .img { padding-bottom: 10px; }

#public_relations #rec .box01 .txtArea .subtit { text-align: left; line-height: 1.5; }

#public_relations #rec .box01 .txtArea .txt { margin-top: 16px; }

#public_relations #rec .box02 { margin: 30px -20px 0; }

#public_relations #rec .box02 .txtArea .subtit { text-align: left; line-height: 1.5; }

#public_relations #rec .box02 .txtArea .txt { margin-top: 11px; }

#public_relations #detail { margin: 35px 0 18px; }

#public_relations #detail .messageBox { position: relative; top: -43px; margin: 0 10px; }

#public_relations #detail .messageBox .rightBox { background-color: #173b77; color: #fff; min-height: 115px; padding: 25px 0 0 42px; }

#public_relations #detail .messageBox .rightBox .ja { font-size: 2rem; font-weight: 600; letter-spacing: .06em; line-height: 1.6; }

#public_relations #detail .messageBox .rightBox .en { font-size: 1.2rem; font-weight: bold; letter-spacing: .08em; margin: 5px 0 0 2px; }

#public_relations #detail .messageBox .txt { line-height: 2.2; margin-top: 20px; }

#public_relations #detail .name { border-bottom: 1px solid #d6d6d6; font-size: 2rem; font-weight: 600; letter-spacing: .08em; margin: 4px 10px 0; padding-bottom: 11px; }

#public_relations #detail .box { border: 5px solid #ececec; margin: 18px 10px 0; padding: 25px; }

#public_relations #detail .box .catch { font-size: 1.5rem; font-weight: 600; line-height: 1.6; }

#public_relations #detail .box .lead { color: #173b77; font-size: 1.4rem; font-weight: 600; margin-top: 10px; }

#public_relations #detail .box .list .item { position: relative; line-height: 1.6; padding-left: 20px; }

#public_relations #detail .box .list .item:before { position: absolute; background-color: #000; top: 5px; left: 1px; content: ""; width: 11px; height: 11px; }

#public_relations #detail .box .copy { line-height: 1.6; margin-top: 16px; }

#public_relations #detail .detailTable { border-bottom: 1px solid #ececec; margin-top: 39px; }

#public_relations #detail .detailTable th { background-color: #f7f7f7; border-top: 1px solid #ececec; font-weight: bold; padding: 8px 0 6px 25px; }

#public_relations #detail .detailTable td { line-height: 2; padding: 8px 0 8px 23px; }

#public_relations #detail .detailTable td span { font-weight: bold; }

#public_relations #detail .btnBox { margin-top: 32px; margin-bottom: 41px; }

@media screen and (min-width: 600px) { #public_relations { /* #public_relations #intro_pc */ /* #public_relations #rec_pc */ /* #public_relations #detail_pc */ }
  #public_relations #intro { background-size: 965px 680px; background-position: left 0 top 64px; max-width: 1920px; margin: 0 auto; padding: 0 0 213px; }
  #public_relations #intro .box { margin: 35px 60px 0; }
  #public_relations #intro .box:before { top: -7px; left: -7px; width: 71%; height: 7px; }
  #public_relations #intro .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #public_relations #intro .box .contents .txtArea { background-color: #fff; float: right; width: 550px; margin: 0 14% 0 0; padding: 116px 0 30px 30px; }
  #public_relations #intro .box .contents .txtArea .copy { text-align: left; font-size: 3.8rem; font-weight: bold; }
  #public_relations #intro .box .contents .txtArea .txt { font-size: 1.5rem; font-weight: normal; margin-top: 26px; padding-top: 0; }
  #public_relations #rec { background-image: url(../img/recruit/bg03_pc.png); background-size: auto; background-position: top center; background-color: #fff; }
  #public_relations #rec .inner { padding-top: 150px; }
  #public_relations #rec .tit { font-size: 17rem; padding-left: 45px; }
  #public_relations #rec .name { overflow: unset; font-size: 4.6rem; line-height: .7; padding-top: 0; }
  #public_relations #rec .name span { font-size: 3.6rem; margin-left: 20px; }
  #public_relations #rec .name:before { top: 9px; right: auto; left: 364px; width: 114px; margin-right: 0; }
  #public_relations #rec .name:after { top: 9px; right: 364px; left: auto; width: 114px; margin-left: 0; }
  #public_relations #rec .copy { font-size: 2.8rem; margin-top: 67px; }
  #public_relations #rec .box01 { margin: 80px 0 0; }
  #public_relations #rec .box01 .img { padding-bottom: 60px; }
  #public_relations #rec .box01 .txtArea { margin-top: -270px; }
  #public_relations #rec .box01 .txtArea .txt { margin-top: 20px; }
  #public_relations #rec .box02 { margin: 90px 0 0; }
  #public_relations #rec .box02 .img { padding-bottom: 58px; }
  #public_relations #rec .box02 .txtArea { margin-top: -260px; }
  #public_relations #rec .box02 .txtArea .subtit { text-align: left; line-height: 1.5; }
  #public_relations #rec .box02 .txtArea .txt { margin-top: 24px; }
  #public_relations #detail { margin: 152px 0 154px; }
  #public_relations #detail .img { max-width: 1920px; margin: 0 auto; }
  #public_relations #detail .img img { max-width: none; }
  #public_relations #detail .messageBox { overflow: hidden; top: -107px; margin: 0; }
  #public_relations #detail .messageBox .rightBox { float: left; width: 288px; min-height: 286px; padding: 74px 0 0 72px; }
  #public_relations #detail .messageBox .rightBox .ja { font-size: 3rem; }
  #public_relations #detail .messageBox .rightBox .en { font-size: 1.8rem; margin: 35px 0 0 0; }
  #public_relations #detail .messageBox .txt { display: inline-block; background-color: #fff; font-size: 1.6rem; width: 800px; margin: 0; padding: 94px 62px 0 58px; }
  #public_relations #detail .name { font-size: 2.8rem; margin: 3px 0 0; padding-bottom: 7px; }
  #public_relations #detail .box { margin: 40px 0 0; padding: 50px 55px 50px 55px; }
  #public_relations #detail .box .catch { font-size: 2rem; }
  #public_relations #detail .box .lead { margin-top: 18px; }
  #public_relations #detail .box .list { padding-left: 3px; }
  #public_relations #detail .box .list .item + .item { margin-top: 1px; }
  #public_relations #detail .box .copy { margin-top: 10px; }
  #public_relations #detail .detailTable { margin-top: 65px; }
  #public_relations #detail .detailTable tr { border-top: 1px solid #ececec; }
  #public_relations #detail .detailTable tr:first-of-type th { padding: 35px 0 35px 60px; }
  #public_relations #detail .detailTable tr:first-of-type td { padding: 35px 0 27px 45px; }
  #public_relations #detail .detailTable tr:last-child td { padding-bottom: 38px; }
  #public_relations #detail .detailTable th { border-top: none; font-size: 1.6rem; width: 193px; padding: 30px 0 35px 60px; }
  #public_relations #detail .detailTable td { font-size: 1.5rem; padding: 28px 0 30px 45px; }
  #public_relations #detail .btnBox { margin-top: 105px; margin-bottom: 0; } }

/* #top_message
---------------------------------------- */
#top_message { /* #top_message #intro_sp */ /* #top_message #about_sp */ /* #top_message areaImg_sp */ /* #top_message #intro_max340 */ }

#top_message #intro { background-image: url(../img/recruit/top_message/pic01.png); background-size: contain; background-repeat: no-repeat; padding: 248px 23px 44px; }

#top_message #intro .box { position: relative; background-color: transparent; }

#top_message #intro .box:before { position: absolute; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); top: -4px; left: -4px; content: ""; height: 4px; width: 238px; }

#top_message #intro .box .contents { box-shadow: 0 0 0 4px #f7f7f7; }

#top_message #intro .box .contents .txtArea { padding: 69px 24px 57px; }

#top_message #intro .box .contents .txtArea .copy { background-color: #fff; text-align: center; font-size: 2rem; font-weight: 600; }

#top_message #intro .box .contents .txtArea .txt { background-color: #fff; font-size: 1.4rem; font-weight: 300; padding-top: 18px; }

#top_message #intro .box .contents .txtArea .img { width: 210px; padding: 18px 0 0 71px; }

#top_message #about { background-image: url(../img/recruit/top_message/pic02_sp.png); background-size: contain; background-repeat: no-repeat; }

#top_message #about .inner { padding-top: 44px; }

#top_message #about .aboutTxt { color: #fff; }

#top_message #about .tit { color: #fff; font-size: 3rem; font-weight: bold; text-align: center; letter-spacing: .3em; line-height: 1.2; }

#top_message #about .name { overflow: hidden; position: relative; color: #fff; font-size: 1.4rem; font-weight: bold; letter-spacing: .08em; line-height: 1; text-align: center; padding-top: 4px; }

#top_message #about .name:before { position: absolute; border-bottom: 1px solid #fff; right: 50%; top: 9px; content: ""; width: 100%; height: 0; margin-right: 85px; }

#top_message #about .name:after { position: absolute; border-bottom: 1px solid #fff; left: 50%; top: 9px; content: ""; width: 100%; height: 0; margin-left: 85px; }

#top_message #about .box01 { margin: 22px -20px 0; }

#top_message #about .box01 .img { padding-bottom: 10px; }

#top_message #about .box01 .txtArea .subtit { line-height: 1.5; text-align: left; }

#top_message #about .box01 .txtArea .txt { margin-top: 12px; }

#top_message #about .box02 { margin: 27px -20px 0; }

#top_message #about .box02 .txtArea .boximg { margin-top: 30px; text-align: center; }

#top_message #about .box02 .txtArea .boximg .movie { display: block; width: 100%; padding-bottom: 56.25%; height: 0px; position: relative; }

#top_message #about .box02 .txtArea .boximg .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#top_message #about .box02 .txtArea .boximg .img02 { display: block; margin-top: 20px; }

#top_message #about .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }

#top_message #about .box02 .txtArea .txt { margin-top: 11px; }

#top_message #about .box03 { margin: 23px -20px 0; }

#top_message #about .box03 .txtArea .subtit { line-height: 1.5; text-align: left; }

#top_message #about .box03 .txtArea .txt { margin-top: 11px; }

#top_message #contents .areaImg { position: relative; display: block; margin-top: 28px; padding: 20px 0 0 20px; }

#top_message #contents .areaImg .areaImgBg { position: absolute; display: block; background: #103675; top: 0; left: 0; content: ""; width: 85%; padding-top: 61.4%; }

#top_message #contents .areaImg .listImg { position: relative; z-index: 1; letter-spacing: -.5em; font-size: 0; }

#top_message #contents .areaImg .listImg li { display: inline-block; width: 33.333%; }

#top_message .lnavBox { margin-top: 35px; }

@media all and (max-width: 340px) { #top_message #intro .box .contents .txtArea .img { padding: 14px 0 0 30px; } }

@media screen and (min-width: 600px) { #top_message { /* #top_message #intro_pc */ /* #top_message #intro_pc */ /* #top_message areaImg_pc */ }
  #top_message #intro { background-size: 965px 680px; background-position: left -180px top 64px; max-width: 1920px; padding: 0 0 321px; margin: 0 auto; -webkit-transition: background-position .3s ease; transition: background-position .3s ease; }
  #top_message #intro .box { margin: 35px 60px 0; }
  #top_message #intro .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #top_message #intro .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #top_message #intro .box .contents .txtArea { float: right; background-color: #fff; width: 680px; margin: 0 14.5% 0 0; padding: 175px 45px 30px 45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  #top_message #intro .box .contents .txtArea .copy { font-size: 3.8rem; font-weight: bold; text-align: left; padding-bottom: 10px; }
  #top_message #intro .box .contents .txtArea .txt { font-size: 1.5rem; font-weight: normal; margin-top: 40px; padding: 0 0 0 3px; }
  #top_message #intro .box .contents .txtArea .img { width: 300px; padding: 30px 0 30px 7px; }
  #top_message #about { background-color: #f7f7f7; }
  #top_message #about .inner { padding-top: 124px; }
  #top_message #about .tit { font-size: 8.5rem; padding-left: 15px; }
  #top_message #about .name { overflow: unset; font-size: 2.8rem; line-height: .7; padding-top: 13px; }
  #top_message #about .name:before { top: 20px; right: auto; left: 0px; width: 284px; margin-right: 0; }
  #top_message #about .name:after { top: 20px; right: 0px; left: auto; width: 284px; margin-left: 0; }
  #top_message #about .copy { font-size: 2.8rem; margin-top: 67px; }
  #top_message #about .bg_gray { background-color: #f7f7f7; margin: 386px -320px -240px; }
  #top_message #about .bg_gray .sectionBox { position: relative; top: -304px; }
  #top_message #about .bg_gray .sectionBox .box01 { margin: 80px 321px 0; }
  #top_message #about .bg_gray .sectionBox .box01 .img { padding-bottom: 60px; }
  #top_message #about .bg_gray .sectionBox .box01 .txtArea { width: 1340px; margin-top: -270px; padding: 93px 58px 120px; }
  #top_message #about .bg_gray .sectionBox .box01 .txtArea .txt { margin-top: 22px; }
  #top_message #about .bg_gray .sectionBox .box02 { margin: 60px 321px 0; }
  #top_message #about .bg_gray .sectionBox .box02 .img { padding-bottom: 58px; }
  #top_message #about .bg_gray .sectionBox .box02 .img02 { float: left; margin: 0 0 0 50px; }
  #top_message #about .bg_gray .sectionBox .box02 .boximg { margin: 100px auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 900px; }
  #top_message #about .bg_gray .sectionBox .box02 .boximg .movie { width: 560px; height: 315px; padding-bottom: 0; }
  #top_message #about .bg_gray .sectionBox .box02 .boximg .movie iframe { position: static; }
  #top_message #about .bg_gray .sectionBox .box02 .txtArea { width: 1340px; margin-top: -285px; padding: 72px 58px 79px; }
  #top_message #about .bg_gray .sectionBox .box02 .txtArea .subtit { line-height: 1.5; text-align: left; }
  #top_message #about .bg_gray .sectionBox .box02 .txtArea .txt { margin-top: 24px; }
  #top_message #about .bg_gray .sectionBox .box03 { margin: 60px 321px 0; }
  #top_message #about .bg_gray .sectionBox .box03 .img { padding-bottom: 58px; }
  #top_message #about .bg_gray .sectionBox .box03 .txtArea { width: 1340px; margin-top: -270px; padding: 72px 58px 85px; }
  #top_message #about .bg_gray .sectionBox .box03 .txtArea .subtit { line-height: 1.5; text-align: left; }
  #top_message #about .bg_gray .sectionBox .box03 .txtArea .txt { margin-top: 24px; }
  #top_message #contents .areaImg { position: relative; max-width: 1280px; margin: -40px auto 0; padding: 60px 0 0 0; }
  #top_message #contents .areaImg .areaImgBg { width: 100vw; min-width: 1600px; right: 0; left: auto; padding-top: 640px; }
  #top_message #contents .areaImg .listImg { position: relative; overflow: hidden; width: 1600px; height: 640px; margin-right: -320px; }
  #top_message #contents .areaImg .listImg li { position: relative; display: inline-block; overflow: hidden; width: 20%; vertical-align: top; }
  #top_message #contents .areaImg .listImg li:nth-child(2) { width: 40%; }
  #top_message #contents .areaImg .listImg li:nth-child(5) { position: absolute; bottom: 0; left: 0; }
  #top_message #contents .areaImg .listImg li:nth-child(6) { position: absolute; bottom: 0; left: 60%; }
  #top_message #contents .areaImg .listImg li:nth-child(7) { position: absolute; bottom: 0; left: 80%; }
  #top_message #contents .areaImg .listImg li img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #top_message #contents .areaImg .listImg li a { display: block; width: 100%; }
  #top_message #contents .areaImg .listImg li a:before { content: ""; display: block; padding-top: 100%; }
  #top_message #contents .areaImg .listImg li a:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; width: 100%; height: 100%; background: url("../img/common/ico_insta01.png") rgba(16, 54, 117, 0.6) no-repeat center; background-size: 48px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #top_message #contents .areaImg .listImg li a:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
  #top_message #contents .areaImg .listImg li a:hover:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  #top_message .lnavBox { margin-top: 119px; } }

@media all and (min-width: 1600px) { #top_message #intro { background-position: left 0 top 64px; } }

/* #welfare
---------------------------------------- */
#welfare { /* #welfare #intro_sp */ /* #welfare #eventsp */ /* #welfare #fukuri_sp */ /* #welfare #intro_max340 */ }

#welfare #intro { background-image: url(../img/recruit/welfare/pic01_sp.png); background-size: contain; background-repeat: no-repeat; padding: 245px 20px 22px; }

#welfare #intro .box { position: relative; background-color: transparent; }

#welfare #intro .box:before { content: ""; position: absolute; top: -4px; left: -4px; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); height: 4px; width: 238px; }

#welfare #intro .box .contents { box-shadow: 0 0 0 4px #f7f7f7; }

#welfare #intro .box .contents .txtArea { padding: 40px 24px 35px; }

#welfare #intro .box .contents .txtArea .copy { background-color: #fff; font-size: 2rem; font-weight: 600; text-align: center; }

#welfare #intro .box .contents .txtArea .txt { background-color: #fff; font-size: 1.4rem; font-weight: 300; padding-top: 10px; }

#welfare #event { background-color: #f4f9f3; margin-top: 74px; }

#welfare #event .inner { padding: 0 0 34px; }

#welfare #event .titWrap { position: relative; top: -35px; letter-spacing: .08em; line-height: 1; text-align: center; }

#welfare #event .titWrap .lead { font-size: 1.4rem; }

#welfare #event .titWrap .tit { font-size: 3rem; letter-spacing: .08em; margin-top: 9px; }

#welfare #event .titWrap .name { position: relative; font-size: 1.4rem; margin-top: 3px; }

#welfare #event .titWrap .name:before { content: ""; position: absolute; top: 6px; left: 20px; border-bottom: 1px solid #000; height: 0; width: 74px; }

#welfare #event .titWrap .name:after { content: ""; position: absolute; top: 6px; right: 20px; border-bottom: 1px solid #000; height: 0; width: 74px; }

#welfare #event .txtArea .subtit { text-align: left; }

#welfare #event .box01 { margin-top: 10px; }

#welfare #event .box01 .txtArea .catch { color: #878a8a; margin-top: 8px; }

#welfare #event .box01 .txtArea .txt { margin-top: 20px; }

#welfare #event .box02 { margin-top: 27px; }

#welfare #event .box02 .txtArea .txt { margin-top: 11px; }

#welfare #event .box03 { margin-top: 41px; }

#welfare #event .box03 .txtArea .subtit { line-height: 1.5; }

#welfare #event .box03 .txtArea .txt { margin-top: 19px; }

#welfare #event .box04 { margin-top: 29px; }

#welfare #event .box05 { margin-top: 36px; }

#welfare #fukuri { background-color: #f4f9f3; margin-top: 65px; }

#welfare #fukuri .inner { padding: 0; }

#welfare #fukuri .titWrap { position: relative; top: -15px; margin: 0 20px; padding: 0; }

#welfare #fukuri .list .item { position: relative; padding-left: 20px; }

#welfare #fukuri .list .item:before { content: ""; position: absolute; top: 7px; left: 2px; background-color: #000; height: 10px; width: 10px; }

#welfare #fukuri .txtArea .subtit { text-align: left; }

#welfare #fukuri .box01 { margin-top: 22px; }

#welfare #fukuri .box01 .txtArea .list { margin-top: 15px; }

#welfare #fukuri .box01 .txtArea .txt { margin-top: 2px; }

#welfare #fukuri .box02 { margin-top: 50px; }

#welfare #fukuri .box03 { margin-top: 32px; }

#welfare #fukuri .box03 .txtArea .list { margin-top: 32px; }

#welfare #fukuri .box03 .txtArea .txt { margin-top: 0; padding-bottom: 21px; }

#welfare #fukuri .box04 { margin-top: 26px; }

#welfare #fukuri .box04 .txtArea .list { margin-top: 11px; }

#welfare #fukuri .btnBox { margin-top: 38px; margin-bottom: 22px; }

@media all and (max-width: 340px) { #welfare #event .titWrap .name:before { width: 60px; }
  #welfare #event .titWrap .name:after { width: 60px; } }

@media screen and (min-width: 600px) { #welfare { /* #welfare #intro_pc */ /* #welfare #event_pc */ /* #welfare #fukuri_pc */ }
  #welfare #intro { background-size: 965px 680px; background-position: left -230px top 71px; max-width: 1920px; padding: 0 0 175px; margin: 0 auto; -webkit-transition: background-position .3s ease; transition: background-position .3s ease; }
  #welfare #intro .box { margin: 30px 55px; }
  #welfare #intro .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #welfare #intro .box .contents { box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #welfare #intro .box .contents .txtArea { background-color: #fff; float: right; width: 550px; margin: 0 14% 0 0; padding: 116px 0 30px 30px; }
  #welfare #intro .box .contents .txtArea .copy { font-size: 3.8rem; font-weight: bold; text-align: left; }
  #welfare #intro .box .contents .txtArea .txt { font-size: 1.5rem; font-weight: normal; padding-top: 26px; }
  #welfare #event .inner { margin-top: 122px; }
  #welfare #event .titWrap { top: -93px; }
  #welfare #event .titWrap .lead { font-size: 3.2rem; }
  #welfare #event .titWrap .tit { font-size: 8.5rem; letter-spacing: .3em; margin-top: 23px; }
  #welfare #event .titWrap .tit span { font-size: 4rem; line-height: 2; vertical-align: middle; margin: 0 26px; }
  #welfare #event .titWrap .name { font-size: 2.8rem; margin-top: 0; }
  #welfare #event .titWrap .name:before { top: 9px; left: 0; width: 285px; }
  #welfare #event .titWrap .name:after { top: 9px; right: 0; width: 285px; }
  #welfare #event .box01 { margin-top: 8px; }
  #welfare #event .box01 .txtArea { padding-top: 60px; }
  #welfare #event .box01 .txtArea .catch { font-size: 2rem; font-weight: bold; margin-top: 4px; }
  #welfare #event .box01 .txtArea .txt { margin-top: 23px; }
  #welfare #event .box02 { margin-top: 110px; }
  #welfare #event .box02 .txtArea { margin-top: -260px; }
  #welfare #event .box02 .txtArea .txt { margin-top: 27px; }
  #welfare #event .box03 { margin-top: 50px; }
  #welfare #event .box03 .txtArea { padding-top: 62px; }
  #welfare #event .box03 .txtArea .txt { margin-top: 21px; }
  #welfare #event .box04 { margin-top: 97px; }
  #welfare #event .box04 .txtArea { margin-top: -261px; }
  #welfare #event .box05 { margin-top: 60px; }
  #welfare #event .box05 .txtArea { margin-top: -267px; }
  #welfare #event .box05 .txtArea .txt { margin-top: 24px; }
  #welfare #fukuri .inner { margin-top: 280px; padding-bottom: 113px; }
  #welfare #fukuri .titWrap { top: -28px; margin: 0; }
  #welfare #fukuri .titWrap .copy { margin-top: 0; line-height: 1; }
  #welfare #fukuri .titWrap .copy:before { bottom: 16px; width: 285px; }
  #welfare #fukuri .titWrap .copy:after { bottom: 16px; width: 285px; }
  #welfare #fukuri .list .item { padding-left: 24px; }
  #welfare #fukuri .list .item:before { top: 6px; left: 4px; height: 12px; width: 12px; }
  #welfare #fukuri .box01 { margin-top: 58px; }
  #welfare #fukuri .box01 .txtArea { margin-top: -260px; }
  #welfare #fukuri .box01 .txtArea .list { margin-top: 25px; }
  #welfare #fukuri .box02 { margin-top: 48px; }
  #welfare #fukuri .box02 .txtArea { padding-top: 63px; }
  #welfare #fukuri .box02 .txtArea .list { margin-top: 25px; }
  #welfare #fukuri .box02 .txtArea .txt { margin-top: 0; }
  #welfare #fukuri .box03 { margin-top: 110px; }
  #welfare #fukuri .box03 .txtArea { margin-top: -260px; }
  #welfare #fukuri .box03 .txtArea .list { margin-top: 23px; }
  #welfare #fukuri .box03 .txtArea .txt { margin-top: 2px; }
  #welfare #fukuri .box04 { margin-top: 120px; }
  #welfare #fukuri .box04 .txtArea { padding-top: 64px; }
  #welfare #fukuri .box04 .txtArea .list { margin-top: 25px; }
  #welfare #fukuri .btnBox { margin-top: 92px; margin-bottom: 24px; } }

@media all and (min-width: 1600px) { #welfare #intro { background-position: left -19px top 71px; } }


/* _______________________________________ recruit child common */

.recruit_cat_intro {
  background: #051d45;
  color: #fff;
  padding: 150px 0px 40px;
  background-size: 150%;
  background-repeat: no-repeat;
  background-position: top center;
}
.page_planning.recruit_cat_intro{
  background-image: url(../img/recruit/planning/fv_planning_sp.png);
  background-color: #244264;
}
.page_se_pg.recruit_cat_intro{
  background-image: url(../img/recruit/se_pg/fv_se_pg_sp.png);
  background-color: #101c32;
}
.page_management.recruit_cat_intro{
  background-image: url(../img/recruit/management/fv_management_sp.png);
  background-color: #0f1c25;
  background-position: top right;
}
.page_operator.recruit_cat_intro{
  background-image: url(../img/recruit/operator/fv_operator_sp.png);
  background-color: #263f59;
  background-position: top right -50px;
}
@media screen and (min-width: 600px) {
  .recruit_cat_intro {
    padding-top: 195px;
    padding-bottom: 150px;
    background-size: cover;
  }
  .page_planning.recruit_cat_intro{
    background-image: url(../img/recruit/planning/fv_planning.jpg);

  }
  .page_se_pg.recruit_cat_intro{
    background-image: url(../img/recruit/se_pg/fv_se_pg.jpg);
  }
  .page_management.recruit_cat_intro{
    background-image: url(../img/recruit/management/fv_management.jpg);
  }
  .page_operator.recruit_cat_intro{
    background-image: url(../img/recruit/operator/fv_operator.jpg);
  }
}

.rc_catDesc {
    margin-bottom: 4rem;
}
.rc_catSlogan {
    margin-bottom: 5rem;
}
.rc_catSlogan img {

}
@media screen and (max-width: 600px) {
  .rc_catSlogan {
      margin-bottom: 3rem;
  }
  .rc_catName{
    font-size: 1.6rem;
  }
  .rc_catDesc{
    font-size: 1.4rem;
  }
}

.rc_catBody {
    max-width: 540px;
    line-height: 3rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.recruit_cat_outro{
    background: url(../img/common/bg_symbol_abstract.png), rgb(70,110,178);
    background: url(../img/common/bg_symbol_abstract.png), -moz-linear-gradient(145deg, rgba(70,110,178,1) 0%, rgba(16,54,117,1) 100%);
    background: url(../img/common/bg_symbol_abstract.png), -webkit-linear-gradient(145deg, rgba(70,110,178,1) 0%, rgba(16,54,117,1) 100%);
    background: url(../img/common/bg_symbol_abstract.png), linear-gradient(145deg, rgba(70,110,178,1) 0%, rgba(16,54,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#466eb2",endColorstr="#103675",GradientType=1);
    color: #fff;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    padding-top: 115px;
    padding-bottom: 140px;
}

.recruit_cat_outro .mod_btn01_list{
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 20px;
}
.recruit_cat_outro .rc_catBody{
  
}
@media screen and (max-width: 600px) {
  .recruit_cat_outro{
    padding-top: 60px;
    padding-bottom: 0;
  }
  .recruit_cat_outro .mod_btn01_list div:nth-of-type(1){
    margin-bottom: 7rem;
  }
  .recruit_cat_outro .mod_btn01_list .icon_headline2{
    font-size: 1.8rem;
  }

}
.btnLine_w_hover{
  text-transform: uppercase;
  text-decoration: none;
  background-color: #fff;
  color: #103675;
  width: 100%;
  display: block;
  max-width: 200px;
  padding: 15px 30px;
  box-sizing: border-box;
  position: relative;
}
.btnLine_w_hover:after{
  content: '';
  display: block;
  width: 90px;
  height: 2px;
  background: #103675;
  right: 0;
  position: absolute;
  top: 50%;
}
/* エントリー */
.recruit_cat_entry{
    padding-top: 6rem;
    padding-bottom: 3rem;
}
.recruit_cat_entry ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
}
.recruit_cat_entry .article_list_item{
    width: 49%;
}
@media screen and (max-width: 600px) {
  .recruit_cat_entry ul{
    flex-direction: column;
  }
  .recruit_cat_entry .article_list_item{
    width: 100%;
  }
  .recruit_cat_entry .article_list_item a{
    font-size: 1.3rem;
    padding:1.2rem 3.5rem 1.2rem 1.5rem;
  }
}

/* _______________________________________ 画像マスク */
.recruit_cat_outro .img-mask{
    width: calc(100% + 40px);
    margin: 0 auto 0 -20px;
}
@media screen and (min-width: 600px) {
  .recruit_cat_outro .img-mask{
    width: 359px;
    height: 415px;
    position: relative;
    overflow: hidden;
    margin: 0 ;
  }
  .recruit_cat_outro .img-mask img{
      height: 100%;
      max-width: initial;
      position: absolute;
      right: 0;
      left: -100%;
      margin: 0 auto;
  }
}