@charset "UTF-8";
.r_Nav .gnavList {
  max-width: 80rem;
  width: 90%;
}
.r_Nav .gnavList .shopLogo {
  width: 100%;
}
.mgb15 {
  margin-bottom: 15px;
}
.yellowLine {
  background: linear-gradient(transparent 70%, #fffc00 70%);
}
.bgYellow {
  background-color: #fffc00;
  padding: 2px 0px 3px 3px;
  margin-right: 2px;
}
.txt {
  font-size: 14px;
  margin-bottom: 20px;
}
.txt .bgYellow {
  padding: 0;
}
.ancLink {
  padding-top: 120px;
  margin-top: -120px;
}
.borde {
  border-top: dotted 2px #888;
  width: 80%;
  margin: auto;
}
/*------RECRUITheader------*/
.headerWrap.recruitPage .r_navBtn {
  background-color: #071e35;
  padding: 13px 14px 7px;
  width: 68px;
  height: 58px;
  transition: all 0.3s;
  z-index: 0;
}
.headerWrap.recruitPage .r_navBtn:hover {
  background-color: #1d324f;
}
.headerWrap.recruitPage .r_navBtn.is-open {
  background-color: #071e35;
  z-index: 1020;
}
.r_navBtn .icon img {
  margin: 0 auto 3px;
}
.r_navBtn .icon, .r_navBtn span {
  z-index: -1;
}
.headerWrap.recruitPage .r-headerNav {
  right: 68px;
  top: 0;
  display: flex;
}
header .r-headerNav a::after, header .r-headerNav a:hover::after {
  width: 0;
}
.headerWrap.recruitPage .r-headerNav li {
  margin: 0;
}
.headerWrap.recruitPage .r-headerNav li a {
  padding: 14px 26px 10px 33px;
  display: block;
  font-size: 11px;
  height: 58px;
  color: #fff;
  line-height: 1.4;
  position: relative;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(1) a {
  padding: 18px 15px;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(1) a:hover {
  background-color: #00C600;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(1) a, .recruitLinkArea ul li:nth-child(1) a i {
  background-color: #00b900;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(1) a {
  border-radius: 0 0 0 3px;
}
.recruitLinkArea ul li:nth-child(1) a .icon-line::before {
  font-size: 20px;
  margin-right: 5px;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(2) a, .recruitLinkArea ul li:nth-child(2) a i {
  background-color: #fa7670;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(2) a:hover {
  background-color: #f9817b;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(3) a, .recruitLinkArea ul li:nth-child(3) a i {
  background-color: #3995ba;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(3) a:hover {
  background-color: #48a2c6;
}
.headerWrap.recruitPage .r-headerNav li a::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  content: "";
}
.headerWrap.recruitPage .r-headerNav li:nth-child(2) a::before {
  background: url(../../images/recruit/kyujin_dial.png) no-repeat center center/contain;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(3) a::before {
  background: url(../../images/recruit/free_dial.svg) no-repeat center center/contain;
}
.headerWrap.recruitPage .r-headerNav li a span.bigTxt {
  font-size: 14px;
  font-weight: 600;
}
.headerWrap.recruitPage .r-headerNav li:nth-child(1) a span.bigTxt {
  vertical-align: text-bottom;
}
.headerWrap.recruitPage .r-headerNav li .icon-line::before {
  font-size: 25px;
}
/*------footer------*/
.recruitLinkArea {
  background-color: #f1f1f1;
  padding: 50px 15px;
}
.recruitLinkArea ul {
  max-width: 450px;
  margin: auto;
}
.recruitLinkArea ul li {
  width: 100%;
  padding: 10px 15px;
}
.recruitLinkArea ul li:nth-child(1) a {
  border: solid 5px #00b900;
  color: #00b900;
}
.recruitLinkArea ul li:nth-child(2) a {
  border: solid 5px #fa7670;
  color: #fa7670;
}
.recruitLinkArea ul li a {
  display: block;
  border-radius: 30px 30px 0 30px;
  padding: 15px 10px 14px 95px;
  height: 75px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  background-color: #fff;
}
.recruitLinkArea ul li:nth-child(1) a {
  padding: 23px 10px 21px 95px;
}
.recruitLinkArea ul li:nth-child(3) a {
  border: solid 5px #3995ba;
  color: #3995ba;
}
.recruitLinkArea ul li a::after, .modalList li a::before {
  width: 10px;
  height: 17px;
  content: "";
  transform: rotate(-45deg);
  position: absolute;
  right: 13px;
  bottom: 10px;
}
.recruitLinkArea ul li:nth-child(1) a::after {
  background: url(../../images/common/drop_gr.svg) no-repeat center center/contain;
}
.recruitLinkArea ul li:nth-child(2) a::after {
  background: url(../../images/common/drop_pink.svg) no-repeat center center/contain;
}
.recruitLinkArea ul li:nth-child(3) a::after, .modalList li a::before {
  background: url(../../images/common/drop_miz.svg) no-repeat center center/contain;
}
.recruitLinkArea ul li a i {
  display: inline-block;
  width: 74px;
  height: 72px;
  padding: 17px;
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 30px 0 0 30px;
}
.recruitLinkArea ul li a i::before {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translateX(-50%)translateY(-50%);
}
.recruitLinkArea ul li:nth-child(2) a i::before, .recruitLinkArea ul li:nth-child(3) a i::before {
  width: 40px;
  height: 40px;
  content: "";
}
.recruitLinkArea ul li:nth-child(2) a i::before {
  background: url(../../images/recruit/kyujin_dial.png) no-repeat center center/contain;
}
.recruitLinkArea ul li:nth-child(3) a i::before {
  background: url(../../images/recruit/free_dial.svg) no-repeat center center/contain;
}
.recruitLinkArea ul li a small {
  font-size: 13px;
}
.recruitLinkArea ul li:nth-child(1) a .icon-line:before {
  font-size: 35px;
}
.pickupNewsWrap .pickupNewsList {
  padding: 30px 16px;
}
.pickupNewsWrap .pickupNewsList a {
  box-shadow: 0px 0px 15px 1px #d5d5d5;
  display: block;
}
.pickupNewsWrap .pickupNewsList a:hover {
  box-shadow: 0px 0px 20px 4px #d5d5d5;
}
.pickupNewsWrap .pickupNewsList .pickupNewsThum {
  border: solid 1px #61aac8;
}
.pickupNewsWrap .pickupNewsList .pickupNewsTxt {
  margin: 0;
  min-height: 0;
}
.pickupNewsWrap .slide-arrow-right:before, .icon-arrow-right:before {
  color: #0a1d37;
  left: -40px;
}
_::-webkit-full-page-media, _:future, :root .pickupNewsWrap .slide-arrow-right:before, .icon-arrow-right:before {
  left: 0;
}
.contTtl.whiteCenter {
  padding: 50px 0 0;
  line-height: 1.1;
  margin-bottom: 20px;
}
.contTtl.whiteCenter::after {
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
.contTtl.whiteCenter .yellow {
  color: #ffff00;
}
.contTtl.mizLeft::after {
  top: 50%;
}
.whatRG {
  background: url(../../images/recruit/bg_cast.png) repeat center center #51a5c5;
  position: relative;
}
.contentsWrap.whatRG::before {
  position: absolute;
  content: "";
  background: url(../../images/recruit/wtRG.png) no-repeat center top/cover;
  width: 100%;
  height: 100px;
  bottom: -2px;
  left: 0;
}
.contentsWrap.whatRG .contentInr .whatRGlist {
  padding: 30px 50px 30px 30px;
  background-color: #fff;
  border-radius: 10px;
  border: solid 5px #f8f86f;
  position: relative;
  width: 96%;
  margin: 30px 0 30px 4%;
}
.contentsWrap.whatRG .contentInr .whatRGlist dt .icon-arrow-circle-right::before {
  right: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)rotate(90deg);
  transition: all 0.5s;
  color: #869da7;
  /*  content: "";*/
}
.contentsWrap.whatRG .contentInr .whatRGlist:hover dt .icon-arrow-circle-right::before {
  top: 55%;
}
.whatRGlist::after {
  position: absolute;
  width: 75px;
  height: 70px;
  top: -30px;
  left: -30px;
  content: "";
}
.whatRGlist:nth-child(1)::after, .castIndex .whatRGlist:nth-child(2)::after {
  background: url(../../images/recruit/ylNum01.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(2)::after, .castIndex .whatRGlist:nth-child(3)::after {
  background: url(../../images/recruit/ylNum02.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(3)::after, .castIndex .whatRGlist:nth-child(4)::after {
  background: url(../../images/recruit/ylNum03.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(4)::after, .castIndex .whatRGlist:nth-child(5)::after {
  background: url(../../images/recruit/ylNum04.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(5)::after, .castIndex .whatRGlist:nth-child(6)::after {
  background: url(../../images/recruit/ylNum05.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(6)::after {
  background: url(../../images/recruit/ylNum06.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(7)::after {
  background: url(../../images/recruit/ylNum07.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(8)::after {
  background: url(../../images/recruit/ylNum08.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(9)::after {
  background: url(../../images/recruit/ylNum09.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(10)::after {
  background: url(../../images/recruit/ylNum10.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(11)::after {
  background: url(../../images/recruit/ylNum11.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(12)::after {
  background: url(../../images/recruit/ylNum12.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(13)::after {
  background: url(../../images/recruit/ylNum13.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(14)::after {
  background: url(../../images/recruit/ylNum14.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(15)::after {
  background: url(../../images/recruit/ylNum15.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(16)::after {
  background: url(../../images/recruit/ylNum16.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(17)::after {
  background: url(../../images/recruit/ylNum17.png) no-repeat center center/contain;
}
.whatRGlist:nth-child(18)::after {
  background: url(../../images/recruit/ylNum18.png) no-repeat center center/contain;
}
.whatRGlist dt {
  font-size: 18px;
  color: #3995ba;
}
.whatRGlist dd {
  display: none;
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.8;
}
.tokutenWrap {
  background-color: #fffff3;
}
.modalList {
  max-width: 1240px;
  margin: auto;
}
.modalList li {
  z-index: 10;
  width: 100%;
  padding: 20px 25px 20px 5px;
  font-size: 18px;
  position: relative;
}
.modalList li a {
  border: solid 2px #488ca9;
  border-radius: 30px 30px 0 30px;
  background-color: #fff;
  text-align: center;
  width: 100%;
  position: relative;
  padding: 30px 10px;
  display: block;
  line-height: 1.3;
  transition: all 0.3s;
  left: 0;
  top: 0;
}
.modalList li a:hover {
  left: 6px;
  top: 6px;
}
.modalList li a.solid {
  padding: 45px 10px;
}
.modalList li a::after {
  position: absolute;
  content: "";
  left: 7px;
  top: 7px;
  width: 100%;
  height: 100%;
  border-radius: 30px 30px 0 30px;
  background-color: #488ca9;
  z-index: -1;
  transition: all 0.3s;
}
.modalList li a:hover::after {
  left: 0;
  top: 0;
}
small {
  font-size: 80%;
}
.commonMv .mvInr .ttl {
  font-size: 18px;
}
.commonMv .mvInr .date {
  text-align: left;
}
.pageBread .breadcrumbs {
  padding: 80px 0 40px;
}
.pageBread .breadcrumbs, .pageBread .breadcrumbs span, .commonMv .mvInr .ttl {
  color: #fff;
}
.recruitPickupInr .commonMv {
  height: auto;
  padding: 100px 15px 0;
}
.nomalBtn {
  margin: 0 auto 50px;
}
.linkList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.linkList li {
  padding: 0 10px;
}
.linkList a {
  background-color: #3995ba;
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 30px 5px 10px;
  position: relative;
}
.linkList a:hover {
  background-color: #48a2c6;
}
.linkList a .drop {
  padding: 0;
}
.linkList a .drop::before {
  width: 7px;
  height: 10px;
  transform: rotate(90deg);
  left: 10px;
  content: "";
}
.bgWhiteTable {
  background-color: #fff;
  max-width: 900px;
  margin: auto;
  width: 100%;
  border-radius: 5px;
}
.bgWhiteTable tr th, .bgWhiteTable tr td {
  padding: 10px 20px;
  font-size: 14px;
  width: 100%;
}
.bgWhiteTable tr {
  margin: 10px 0;
  display: block;
}
.bgWhiteTable tr th {
  font-weight: 600;
}
.bgWhiteTable tr td ul {
  margin: 0 0 20px;
}
.listTtl {
  font-size: 15px;
  margin: 15px 0 5px;
}
.indentList li {
  text-indent: -3rem;
  padding-left: 4rem;
}
.footerRecruitLink .block {
  display: block;
}
@media screen and (min-width:769px) {
  .pageBread .breadcrumbs {
    padding: 120px 0 40px;
  }
  .headerWrap.recruitPage .r-headerNav li {
    padding: 0;
  }
  .headerWrap.recruitPage .r-headerNav li a {
    padding: 16px 14px 16px 51px;
  }
  .icon-line, .headerWrap.recruitPage .r-headerNav li a .pcDisp {
    display: inline-block;
  }
  .headerWrap.recruitPage .r-headerNav li a::before {
    left: 28px;
  }
  .headerWrap.recruitPage .r_navBtn {
    padding: 16px 12px 15px;
    width: 70px;
    height: 62px;
  }
  .headerWrap.recruitPage .r-headerNav {
    right: 70px;
  }
  .headerWrap.recruitPage .r-headerNav li a {
    height: 62px;
  }
  .headerWrap.recruitPage .r-headerNav li:nth-child(1) a, .recruitLinkArea ul li:nth-child(1) a i {
    display: table-cell;
    vertical-align: middle;
  }
  .headerWrap.recruitPage .r-headerNav li .icon-line::before {
    font-size: 25px;
    margin-right: 5px;
  }
  /*-----header-----*/
  .pickupNewsWrap .slide-arrow-right:before {
    left: -50px;
  }
  .recruitLinkArea {
    padding: 80px 15px;
  }
  .recruitLinkArea ul {
    display: flex;
		justify-content: center;
    flex-wrap: nowrap;
    max-width: 1200px;
  }
  .recruitLinkArea ul li {
    width: 33.3%;
    padding: 0 1%;
  }
  .recruitLinkArea ul li a {
    padding: 25px 10px 24px 80px;
    height: 90px;
  }
  .recruitLinkArea ul li:nth-child(1) a {
    padding: 33px 10px 21px 100px;
  }
  .recruitLinkArea ul li a i {
    width: 65px;
    padding: 16px;
    height: 84px;
  }
  .pickupNewsWrap.slide-arrow-right:before, .icon-arrow-right:before {
    left: -50px;
  }
  .whatRG {
    padding: 100px 15px 150px;
  }
  .whatRGlist dt {
    font-size: 20px;
  }
  .whatRGlist dd {
    font-size: 18px;
  }
  .contentsWrap.whatRG .contentInr dl {
    display: flex;
    flex-wrap: wrap;
    max-width: 1240px;
    margin: 50px auto 40px;
    align-items: flex-start;
  }
  .contentsWrap.whatRG .contentInr .whatRGlist {
    width: 43%;
    margin: 0 0 70px 7%;
    padding: 36px 50px 35px 60px;
    border-radius: 20px;
    font-size: 24px;
  }
  .whatRGlist::after {
    width: 95px;
    height: 80px;
  }
  .modalList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .modalList li {
    width: 50%;
    font-size: 20px;
  }
  /*.flow .flowList li img {
    margin: 100px auto 0;
  }*/
  .recruitPickupInr .commonMv {
    padding: 120px 30px 0;
  }
  .commonMv .mvInr .ttl {
    font-size: 20px;
  }
  .linkList a .drop::before {
    left: 15px;
  }
  .linkList {
    margin: 20px -10px 0;
  }
  .linkList li {
    width: 33.3%;
  }
  .linkList li {
    padding: 0 10px;
  }
  .linkList a {
    padding: 14px 0;
  }
  .bgWhiteTable tr th {
    width: 200px;
    border-right: solid 1px #ddd;
  }
  .bgWhiteTable tr td {
    width: calc(100% - 200px);
  }
}
@media screen and (min-width:900px) {
  .contTtl.whiteCenter {
    padding: 60px 0 0;
  }
  .modalList li {
    width: 33.3%;
  }
  .recruitLinkArea ul li:nth-child(1) a {
    padding: 33px 10px 21px 120px;
  }
  .commonMv .mvInr .ttl {
    font-size: 28px;
  }
}
@media screen and (min-width:1200px) {
  .recruitLinkArea ul li {
    padding: 0 30px;
  }
  .recruitLinkArea ul li a {
    border-radius: 30px 30px 0 30px;
    padding: 25px 10px 24px 130px;
    height: 100px;
    font-size: 22px;
  }
  .recruitLinkArea ul li a i {
    width: 100px;
    height: 95px;
    padding: 26px;
  }
}
@media screen and (max-width:768px) {
  .commonMv {
    height: 320px;
    padding: 120px 15px 30px;
  }
  .bgWhiteTable tr {
    padding: 0 10px;
  }
  .bgWhiteTable tr th {
    border-bottom: solid 1px #ddd;
  }
  .bgWhiteTable tr th, .bgWhiteTable tr td {
    display: block;
    text-align: left;
  }
  .footerRecruitLink {
    border-top: dotted 2px #888;
    border-bottom: dotted 2px #888;
    padding-top: 15px;
  }
}