@charset "UTF-8";
/* ==========================================================
ignis Recruit
Created: 2021-01

01.recruitSect
02.toform
03.recruitHead
04.recruit_top
05.recruit-content
06.recruit-map
07.
========================================================== */
/* 1.recruitSect
* ------------------------- */
.recruitSect {
  margin-top: 9.7014925373%;
}
.recruitSect + .recruitSect {
  margin-top: 11.9402985075%;
}
.recruitSect h3 {
  font-size: 1.2857142857em;
  line-height: 1;
  padding-bottom: 0.8333333333em;
  border-bottom: #d16c15 1px solid;
}
.recruitSect p + .job,
.recruitSect p + p {
  margin-top: 1.5em;
}
.recruitSect .job {
  padding-left: 1.5em;
  line-height: 2.2857142857;
}
.recruitSect .job li {
  list-style: disc;
  font-weight: bold;
}
.recruitSect .list + p {
  margin-top: 1.5em;
}
.recruitSect .list li {
  display: table;
}
.recruitSect .list li > * {
  display: table-cell;
  vertical-align: top;
}
.recruitSect .list li .fig {
  white-space: nowrap;
}
.recruitSect .career + .career {
  margin-top: 1.5em;
}
.recruitSect .career .careerJob + p {
  margin-top: 0;
}
.recruitSect .career ul + p {
  margin-top: 1.5em;
}
.recruitSect .career ul li {
  counter-increment: num;
  padding-left: 2em;
  position: relative;
}
.recruitSect .career ul li:before {
  content: "（" counter(num) "）";
  white-space: nowrap;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.recruitSect .treatment {
  margin-top: 7.4626865672%;
}
.recruitSect .treatment li + li {
  margin-top: 5.9701492537%;
}
.recruitSect .treatment li span {
  display: block;
}
.recruitSect .treatment li .fig {
  line-height: 1;
  font-weight: bold;
  padding-bottom: 1.0714285714em;
  border-bottom: #c9caca 1px solid;
}
.recruitSect .treatment li .text {
  line-height: 1.7857142857;
  padding-bottom: 1.0714285714em;
  margin-top: 0.8571428571em;
  border-bottom: #c9caca 1px dashed;
}
.recruitSect .description {
  line-height: 1.5714285714;
  letter-spacing: .08em;
  margin-top: 2.3880597015%;
}
.recruitSect .description + .jobCard {
  margin-top: 9.552238806%;
}
.recruitSect .jobCard {
  margin-top: 7.4626865672%;
}
.recruitSect .jobCard .card {
  border: #C9CACA 1px solid;
}
.recruitSect .jobCard .card + .card {
  margin-top: 1.4285714286em;
}
.recruitSect .jobCard .card .position {
  color: #fff;
  font-size: 1.1428571429em;
  font-weight: bold;
  letter-spacing: .08em;
  line-height: 1.333;
  background: #EE6F00;
  padding: 0.4375em 1.125em 0.375em;
  position: relative;
}
.recruitSect .jobCard .card .position.want {
  padding: 0.4375em 4.0625em 0.375em 1.125em;
}
.recruitSect .jobCard .card .position.want:after {
  content: "";
  display: block;
  width: 2.625em;
  height: 1.25em;
  background: url("../images/want.svg") no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.1875em;
  margin-top: -0.625em;
}
.recruitSect .jobCard .card .in {
  padding: 1.7857142857em 1.2857142857em;
}
.recruitSect .jobCard .card .in dl {
  color: #3C3C3C;
  line-height: 1.7142857143;
  letter-spacing: .08em;
}
.recruitSect .jobCard .card .in dl + dl {
  margin-top: 1.4285714286em;
}
.recruitSect .jobCard .card .in dl dt {
  width: 6.4285714286em;
  font-weight: bold;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
}
.recruitSect .jobCard .card .in dl dd {
  margin-top: 0.7142857143em;
}
.recruitSect .jobCard .card .in dl dd .note {
  font-size: 0.8571428571em;
  line-height: 1.8333333333;
  display: block;
}

/* 2.toform
* ------------------------- */
.toform {
  margin-top: 16.4179104478%;
}

/* 3.recruitHead
* ------------------------- */
.recruitHead {
  margin-top: 10.6666666667%;
  width: 100%;
}
@media only screen and (min-width: 813px) {
  .recruitHead {
    margin-top: 5%;
    margin-left: auto;
    margin-right: auto;
    width: 83.3333333333%;
  }
}
.recruitHead > .image {
  margin: 0 -5.9701492537%;
}
@media only screen and (min-width: 813px) {
  .recruitHead > .image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.recruitHead > .image > .i {
  display: block;
  width: 100%;
}
.recruitHead > .lead {
  margin-top: 8.9552238806%;
  font-size: 1.4285714286em;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 813px) {
  .recruitHead > .lead {
    margin-top: 4%;
    font-size: 1.7142857143em;
    line-height: 1.7916666667;
  }
}
.recruitHead > .text {
  margin-top: 8.9552238806%;
  font-size: 1em;
  line-height: 1.8;
  text-align: center;
}
@media only screen and (min-width: 813px) {
  .recruitHead > .text {
    margin-top: 4%;
    font-size: 1em;
    line-height: 1.7857142857;
  }
}

/* 4.recruit_top
* ------------------------- */
.recruit-top {
  margin-top: 17.9104477612%;
}
@media only screen and (min-width: 813px) {
  .recruit-top {
    margin-top: 10%;
  }
}
.recruit-top > .modHdg02 > .ja {
  padding-top: 0;
}
.recruit-top.__interview > .bunner {
  margin-top: 8.9552238806%;
}
@media only screen and (min-width: 813px) {
  .recruit-top.__interview > .bunner {
    width: 83.3333333333%;
    margin-top: 3.3333333333%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__interview > .bunner .link {
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__interview > .bunner .link:hover {
    opacity: .7;
  }
}
.recruit-top.__benefits > .bunner {
  margin-top: 8.9552238806%;
}
@media only screen and (min-width: 813px) {
  .recruit-top.__benefits > .bunner {
    width: 83.3333333333%;
    margin-top: 3.3333333333%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__benefits > .bunner .link {
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__benefits > .bunner .link:hover {
    opacity: .7;
  }
}
.recruit-top.__data > .bunner {
  margin-top: 8.9552238806%;
}
@media only screen and (min-width: 813px) {
  .recruit-top.__data > .bunner {
    width: 83.3333333333%;
    margin-top: 3.3333333333%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__data > .bunner .link {
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__data > .bunner .link:hover {
    opacity: .7;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__detail {
    width: 83.3333333333%;
    margin-left: auto;
    margin-right: auto;
  }
}
.recruit-top.__detail > .text {
  margin-top: 8.9552238806%;
  font-size: 1em;
  line-height: 1.7857142857;
}
@media only screen and (min-width: 813px) {
  .recruit-top.__detail > .text {
    margin-top: 3.3333333333%;
    font-size: 1em;
    line-height: 1.7857142857;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-top.__detail > .wrap {
    margin-top: 3.3333333333%;
    display: flex;
    justify-content: space-between;
  }
}
.recruit-top.__detail > .wrap .button {
  margin-top: 8.9552238806%;
}
@media only screen and (min-width: 813px) {
  .recruit-top.__detail > .wrap .button {
    margin-top: 0;
    width: 48%;
  }
}

/* 5.recruit-content
* ------------------------- */
.recruit-content {
  margin-top: 17.9104477612%;
}
@media only screen and (min-width: 813px) {
  .recruit-content {
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    width: 83.3333333333%;
  }
}
@media only screen and (min-width: 813px) {
  .recruit-content > .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.recruit-content > .list > .item {
  width: 100%;
  margin-bottom: 11.9402985075%;
}
@media only screen and (min-width: 813px) {
  .recruit-content > .list > .item {
    width: 46%;
    margin-bottom: 2.8571428571em;
  }
}
.recruit-content > .list > .item > .title {
  font-size: 1.4285714286em;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
.recruit-content > .list > .item > .image {
  margin-top: 4.4776119403%;
}
@media only screen and (min-width: 813px) {
  .recruit-content > .list > .item > .image {
    margin-top: 1.5%;
  }
}
.recruit-content > .list > .item > .image > .i {
  display: block;
  width: 100%;
}
.recruit-content > .list > .item > .lead {
  margin-top: 4.4776119403%;
  font-size: 1.1428571429em;
  line-height: 1.575;
  font-weight: bold;
}
@media only screen and (min-width: 813px) {
  .recruit-content > .list > .item > .lead {
    margin-top: 1.0714285714em;
  }
}
.recruit-content > .list > .item > .text {
  margin-top: 4.4776119403%;
  font-size: 1em;
  line-height: 1.8;
}
@media only screen and (min-width: 813px) {
  .recruit-content > .list > .item > .text {
    margin-top: 1.0714285714em;
  }
}
.recruit-content > .list > .item:last-child {
  margin-bottom: 0;
}
.recruit-content > .list > .item:nth-child(2n) {
  margin-right: 0;
}
.recruit-content > .list > .item:nth-last-child(2) {
  margin-bottom: 0;
}

/* 6.recruit-map
* ------------------------- */
.recruit-map {
  margin-top: 11.9402985075%;
}
@media only screen and (min-width: 813px) {
  .recruit-map {
    margin-top: 2.8571428571em;
    margin-left: auto;
    margin-right: auto;
    width: 83.3333333333%;
  }
}
.recruit-map > .title {
  font-size: 1.4285714286em;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
.recruit-map > .image {
  margin-top: 4.4776119403%;
}
@media only screen and (min-width: 813px) {
  .recruit-map > .image {
    margin-top: 1.5%;
  }
}
.recruit-map > .image > .i {
  display: block;
  width: 100%;
}
.recruit-map > .lead {
  margin-top: 4.4776119403%;
  font-size: 1.1428571429em;
  line-height: 1.575;
  font-weight: bold;
}
@media only screen and (min-width: 813px) {
  .recruit-map > .lead {
    margin-top: 1.0714285714em;
  }
}
.recruit-map > .text {
  margin-top: 4.4776119403%;
  font-size: 1em;
  line-height: 1.8;
}
@media only screen and (min-width: 813px) {
  .recruit-map > .text {
    margin-top: 1.0714285714em;
  }
}

/*/////////////////////////////
 RWD
/////////////////////////////*/
@media (min-width: 813px) {
  .recruitSect {
    margin-top: 3.5714285714em;
  }
  .recruitSect + .recruitSect {
    margin-top: 4.6428571429em;
  }
  .recruitSect h3 {
    font-size: 1.7142857143em;
    padding-bottom: 1em;
  }
  .recruitSect .job {
    line-height: 2.2857142857;
  }
  .recruitSect .treatment {
    margin-top: 2.8571428571em;
  }
  .recruitSect .treatment li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .recruitSect .treatment li + li {
    margin-top: 1em;
  }
  .recruitSect .treatment li .fig {
    width: 10%;
    line-height: 1.7857142857;
  }
  .recruitSect .treatment li .text {
    width: 86%;
    margin-top: 0;
  }
  .recruitSect .description {
    margin-top: 0.5714285714em;
  }
  .recruitSect .description + .jobCard {
    margin-top: 2.8571428571em;
  }
  .recruitSect .jobCard {
    margin-top: 2.8571428571em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .recruitSect .jobCard .card {
    width: 49%;
    margin-bottom: 1.4285714286em;
  }
  .recruitSect .jobCard .card + .card {
    margin-top: 0;
  }
  .recruitSect .jobCard .card .in {
    padding: 1.7857142857em 1.4285714286em;
  }
  .recruitSect .jobCard .card .in dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .recruitSect .jobCard .card .in dl + dl {
    margin-top: 1.4285714286em;
  }
  .recruitSect .jobCard .card .in dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 2.1428571429em;
  }

  .toform {
    margin-top: 5.7142857143em;
  }

  .recruit-top.__interview .archiveIntervie .col .job {
    margin-top: 5.8823529412%;
  }
  .recruit-top.__interview .archiveIntervie .col .job.new:before {
    width: 1.4285714286em;
    height: 1.4285714286em;
    margin-right: 0.2142857143em;
  }
  .recruit-top.__interview .archiveIntervie .col a {
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
  }
  .recruit-top.__interview .archiveIntervie .col a:hover {
    opacity: .7;
  }
}

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