.recruit-company {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.875;
}

.recruit-company p {
  line-height: 1.875;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

#snavi li.recruit-company {
  color: #00a0c6;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

.recruit-visual {
  margin: 0;
}

.recruit-visual figure:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 185, 239, 0.7)), to(rgba(37, 79, 156, 0.7)));
  background: linear-gradient(90deg, rgba(0, 185, 239, 0.7) 0%, rgba(37, 79, 156, 0.7) 100%);
}

@media screen and (max-width: 767px) {
  .recruit-visual h1 {
    font-size: 2.8rem;
    width: 93.33333333333333%;
  }
}

.sec01 {
  padding: 44px 0 80px;
  background-color: #F3F3F3;
}

.sec01 dl.tit {
  margin: 0 0 48px;
}

.sec01 dl.tit dt {
  font-size: 4.6rem;
  text-align: center;
}

.sec01 dl.tit dd p {
  text-align: center;
}

.sec01 li.wrapper {
  width: 1070px;
  margin: 0 auto 30px 0;
  padding: 30px 0 50px;
  background-color: #fff;
}

.sec01 li.wrapper:last-child {
  margin: 0;
}

.sec01 p.tit {
  font-size: 3rem;
  width: 652px;
  margin: 0 0 40px;
  padding: 10px 0 10px 47px;
  line-height: 1.333333333333333;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#254f9c), to(white));
  background: linear-gradient(90deg, #254f9c 0%, white 100%);
}

.sec01 p.tit small {
  font-size: 1.6rem;
  margin: 5px 0 0;
  display: block;
}

.sec01 div.content {
  width: 972px;
  margin: 0 auto;
}

.sec01 li.wrapper p.btn02 a {
  margin: 0 auto;
}

.sec01 li.wrapper:nth-of-type(1) div.flex {
  width: 972px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sec01 li.wrapper:nth-of-type(1) figure {
  width: 248px;
}

.sec01 li.wrapper:nth-of-type(1) figcaption {
  text-align: center;
}

.sec01 li.wrapper:nth-of-type(1) figcaption b {
  font-size: 2rem;
  font-weight: normal;
  margin: 0 0 0 17px;
}

.sec01 li.wrapper:nth-of-type(1) p {
  width: 670px;
}

.sec01 li.wrapper:nth-of-type(1) p span {
  display: block;
  margin: 0 0 30px;
}

.sec01 li.wrapper:nth-of-type(2) {
  margin: 0 0 30px auto;
}

.sec01 li.wrapper:nth-of-type(2) div.content > dl {
  margin: 0 0 37px;
}

.sec01 li.wrapper:nth-of-type(2) div.content > dt {
  text-align: center;
}

.sec01 li.wrapper:nth-of-type(2) div.content > dd p {
  text-align: center;
}

.sec01 li.wrapper:nth-of-type(2) ul.flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 40px;
}

.sec01 li.wrapper:nth-of-type(2) ul.flex li {
  width: 316px;
  background: -webkit-gradient(linear, left top, left bottom, from(#254f9c), to(#00b9ef));
  background: linear-gradient(180deg, #254f9c 0%, #00b9ef 100%);
  padding: 27px 23px 55px;
}

.sec01 li.wrapper:nth-of-type(2) ul.flex li dt {
  color: #fff;
  font-size: 2rem;
  margin: 0 0 12px;
  text-align: center;
  line-height: 1.5;
}

.sec01 li.wrapper:nth-of-type(2) ul.flex li dd p {
  color: #fff;
}

.sec01 li.wrapper:nth-of-type(3) p.txt01 {
  margin: 0 0 30px;
}

.sec01 li.wrapper:nth-of-type(3) ul.flex {
  margin: 0 0 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sec01 li.wrapper:nth-of-type(3) ul.flex li {
  width: 480px;
  padding: 27px 23px 50px;
  margin: 0 0 13px;
  border: 1px solid #00B9EF;
  background: -webkit-gradient(linear, left top, left bottom, from(#00b9ef), color-stop(15%, white));
  background: linear-gradient(180deg, #00b9ef 0%, white 15%);
}

.sec01 li.wrapper:nth-of-type(3) ul.flex dt {
  font-size: 2rem;
  color: #254F9C;
  text-align: center;
  margin: 0 0 10px;
}

.sec01 li.wrapper:nth-of-type(3) ul.flex dd p b {
  color: #254F9C;
  font-weight: normal;
  display: block;
}

.sec01 li.wrapper:nth-of-type(3) ul.flex dd p span {
  display: block;
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .sec01 {
    padding: 10% 0 12%;
    background-color: #F3F3F3;
  }
  .sec01 dl.tit {
    margin: 0 0 15%;
  }
  .sec01 dl.tit dt {
    font-size: 2.4rem;
    text-align: center;
    margin: 0 0 2%;
  }
  .sec01 dl.tit dd p {
    text-align: left;
  }
  .sec01 li.wrapper {
    width: 100%;
    margin: 0 auto 8% 0;
    padding: 0 0 15%;
    background-color: #fff;
  }
  .sec01 p.tit {
    font-size: 2.4rem;
    width: 100%;
    margin: 0 0 7%;
    padding: 4% 3%;
    line-height: 1.333333333333333;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(40%, #254f9c), color-stop(140%, white));
    background: linear-gradient(90deg, #254f9c 40%, white 140%);
  }
  .sec01 p.tit small {
    font-size: 1.6rem;
    margin: 2% 0 0;
    display: block;
  }
  .sec01 div.flex {
    display: block;
    padding: 0 7.142857142857143%;
  }
  .sec01 div.content {
    width: 100%;
    padding: 0 7.142857142857143%;
    margin: 0 auto;
  }
  .sec01 li.wrapper p.btn02 a {
    margin: 0 auto;
  }
  .sec01 li.wrapper:nth-of-type(1) div.flex {
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec01 li.wrapper:nth-of-type(1) figure {
    width: 80.06230529595016%;
    margin: 0 auto 6%;
  }
  .sec01 li.wrapper:nth-of-type(1) figcaption {
    text-align: center;
  }
  .sec01 li.wrapper:nth-of-type(1) figcaption b {
    margin: 0 0 0 7%;
  }
  .sec01 li.wrapper:nth-of-type(1) p {
    width: 100%;
  }
  .sec01 li.wrapper:nth-of-type(1) p span {
    display: block;
    margin: 0 0 8%;
  }
  .sec01 li.wrapper:nth-of-type(2) {
    margin: 0 0 30px auto;
  }
  .sec01 li.wrapper:nth-of-type(2) div.content > dl {
    margin: 0 0 8%;
  }
  .sec01 li.wrapper:nth-of-type(2) ul.flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 2%;
  }
  .sec01 li.wrapper:nth-of-type(2) ul.flex li {
    width: 316px;
    margin: 0 0 3%;
    background: -webkit-gradient(linear, left top, left bottom, from(#254f9c), to(#00b9ef));
    background: linear-gradient(180deg, #254f9c 0%, #00b9ef 100%);
    padding: 8% 6%;
  }
  .sec01 li.wrapper:nth-of-type(2) ul.flex li dt {
    color: #fff;
    font-size: 2rem;
    margin: 0 0 3%;
    text-align: center;
    line-height: 1.5;
  }
  .sec01 li.wrapper:nth-of-type(2) ul.flex li dd p {
    color: #fff;
  }
  .sec01 li.wrapper:nth-of-type(3) p.txt01 {
    margin: 0 0 8%;
  }
  .sec01 li.wrapper:nth-of-type(3) ul.flex {
    margin: 0 0 2%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec01 li.wrapper:nth-of-type(3) ul.flex li {
    width: 100%;
    padding: 8% 6%;
    margin: 0 0 3%;
    border: 1px solid #00B9EF;
    background: -webkit-gradient(linear, left top, left bottom, from(#00b9ef), color-stop(15%, white));
    background: linear-gradient(180deg, #00b9ef 0%, white 15%);
  }
  .sec01 li.wrapper:nth-of-type(3) ul.flex dt {
    font-size: 2rem;
    color: #254F9C;
    text-align: center;
    margin: 0 0 1%;
  }
  .sec01 li.wrapper:nth-of-type(3) ul.flex dd p b {
    color: #254F9C;
    font-weight: normal;
    display: block;
  }
  .sec01 li.wrapper:nth-of-type(3) ul.flex dd p span {
    display: block;
    margin: 0 0 5%;
  }
}

.sec02 {
  padding: 90px 0 77px;
}

.sec02 dl.tit {
  margin: 0 0 45px;
}

.sec02 dl.tit dt {
  font-size: 4.6rem;
  color: #333;
  text-align: center;
}

.sec02 dl.tit dd p {
  text-align: center;
}

.sec02 ul {
  margin: 0 0 70px;
}

.sec02 li {
  width: 1070px;
  margin: 0 auto 60px 0;
  position: relative;
}

.sec02 li:nth-of-type(2) {
  margin: 0 0 60px auto;
}

.sec02 li:last-child {
  margin: 0;
}

.sec02 li dl {
  width: 590px;
  background-color: #fff;
  padding: 45px 50px 50px 40px;
}

.sec02 li dt {
  font-size: 3rem;
  line-height: 1.333333333333333;
  margin: 0 0 27px;
}

.sec02 li:nth-of-type(1) dt {
  color: #254F9C;
}

.sec02 li:nth-of-type(2) dt {
  color: #007B6E;
}

.sec02 li:nth-of-type(3) dt {
  color: #9C255D;
}

.sec02 li:nth-of-type(1) dl,
.sec02 li:nth-of-type(3) dl {
  position: absolute;
  top: 80px;
  right: 0;
}

.sec02 li:nth-of-type(2) dl {
  position: absolute;
  top: 86px;
  left: 0;
}

.sec02 li:nth-of-type(2) figure {
  width: 572px;
  margin: 0 0 0 auto;
}

.sec02 li figure {
  font-size: 0;
  line-height: 0;
}

.sec02 p.bnr {
  width: 733px;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
}

.sec02 p.bnr a {
  -webkit-transition: opacity 0.2s 0s ease;
  transition: opacity 0.2s 0s ease;
}

.sec02 p.bnr a.hover.ov {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .sec02 {
    padding: 9% 0 8%;
  }
  .sec02 .liquid-inner {
    width: 100%;
    max-width: none;
    min-width: none;
  }
  .sec02 dl.tit {
    margin: 0 0 18%;
  }
  .sec02 dl.tit dt {
    font-size: 2.4rem;
    color: #333;
    text-align: center;
    margin: 0 0 2%;
  }
  .sec02 dl.tit dd p {
    text-align: left;
  }
  .sec02 ul {
    margin: 0 0 100%;
  }
  .sec02 li {
    width: 100%;
    margin: 0 auto 90% 0;
    position: relative;
  }
  .sec02 li:nth-of-type(2) {
    margin: 0 0 90% auto;
  }
  .sec02 li:last-child {
    margin: 0;
  }
  .sec02 li dl {
    width: 96.8%;
    background-color: #fff;
    padding: 6% 6% 10%;
  }
  .sec02 li dt {
    font-size: 2rem;
    line-height: 1.333333333333333;
    margin: 0 0 2%;
  }
  .sec02 li:nth-of-type(1) dt {
    color: #254F9C;
  }
  .sec02 li:nth-of-type(2) dt {
    color: #007B6E;
  }
  .sec02 li:nth-of-type(3) dt {
    color: #9C255D;
  }
  .sec02 li:nth-of-type(1) dl,
  .sec02 li:nth-of-type(3) dl {
    position: absolute;
    top: 72%;
    right: 0;
  }
  .sec02 li:nth-of-type(2) dl {
    position: absolute;
    top: 72%;
    left: 0;
  }
  .sec02 li:nth-of-type(2) figure {
    width: 96.8%;
    margin: 0 0 0 auto;
  }
  .sec02 li figure {
    font-size: 0;
    line-height: 0;
    width: 96.8%;
  }
  .sec02 p.bnr {
    width: 93.33333333333333%;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
  }
}

.sec03 {
  padding: 90px 0 83px;
  background-color: #F3F3F3;
}

.sec03 dl.tit {
  margin: 0;
}

.sec03 dl.tit dt {
  font-size: 4.6rem;
  text-align: center;
  margin: 0 0 15px;
}

.sec03 dl.tit dd p {
  text-align: center;
}

.sec03 dl.sub-tit {
  margin: 0 0 34px;
}

.sec03 dl.sub-tit dt {
  font-size: 3rem;
  color: #254F9C;
  text-align: center;
}

.sec03 dl.sub-tit dd p {
  text-align: center;
}

.sec03 figure {
  font-size: 0;
  line-height: 0;
}

.sec03 p.caution {
  display: none;
}

.sec03 .sbox01 {
  padding: 65px 0 0;
}

.sec03 .sbox01 dl + p {
  margin: 0 0 40px;
}

.sec03 .sbox01 p.bnr {
  width: 733px;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
}

.sec03 .sbox01 p.bnr a {
  -webkit-transition: opacity 0.2s 0s ease;
  transition: opacity 0.2s 0s ease;
}

.sec03 .sbox01 p.bnr a.hover.ov {
  opacity: 0.5;
}

.sec03 .sbox02 {
  padding: 110px 0 100px;
}

.sec03 .sbox02 p b {
  font-size: 3rem;
  color: #254F9C;
  line-height: 1.333333333333333;
  display: block;
  margin: 0 0 10px;
  font-weight: normal;
}

.sec03 .sbox02 p span {
  margin: 0 0 30px;
  display: block;
}

.sec03 .sbox02 p span.fs02 {
  font-size: 2rem;
  line-height: 1.5;
}

.sec03 .sbox02 .content01 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 0 50px;
}

.sec03 .sbox02 .content01 p {
  width: 718px;
  margin: 0 62px 0 0;
}

.sec03 .sbox02 .content01 figure {
  width: 400px;
}

.sec03 .sbox02 .content02 div.flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 0 20px;
}

.sec03 .sbox02 .content02 div.flex dl {
  width: 550px;
  margin: 0 80px 0 0;
}

.sec03 .sbox02 .content02 div.flex dl:last-child {
  margin: 0;
}

.sec03 .sbox02 .content02 div.flex dt {
  font-size: 2rem;
  color: #254F9C;
  line-height: 1.5;
}

.sec03 .sbox02 .content02 p + p {
  margin: 0 0 50px;
}

.sec03 .sbox02 .content02 + dl dt {
  font-size: 3rem;
  color: #254F9C;
  margin: 0 0 10px;
}

.sec03 .sbox02 .content02 + dl dd {
  font-size: 0;
  line-height: 0;
}

.sec03 .sbox03 ul.flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sec03 .sbox03 li {
  width: 32.20338983050847%;
  border: 1px solid #254F9C;
  margin: 0 1% 0 0;
}

.sec03 .sbox03 li:last-child {
  margin: 0;
}

.sec03 .sbox03 figure {
  font-size: 0;
  line-height: 0;
}

.sec03 .sbox03 figure img {
  width: 100%;
}

.sec03 .sbox03 li dl {
  padding: 7%;
}

.sec03 .sbox03 li dt {
  font-size: 2rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .sec03 {
    padding: 8% 0 8%;
    background-color: #F3F3F3;
  }
  .sec03 dl.tit {
    margin: 0;
  }
  .sec03 dl.tit dt {
    font-size: 2.4rem;
    text-align: center;
    margin: 0 0 3%;
  }
  .sec03 dl.tit dd p {
    text-align: left;
  }
  .sec03 dl.sub-tit {
    margin: 0 0 13%;
  }
  .sec03 dl.sub-tit dt {
    font-size: 2.4rem;
    color: #254F9C;
    text-align: center;
    margin: 0 0 2%;
  }
  .sec03 dl.sub-tit dd p {
    text-align: left;
  }
  .sec03 figure {
    font-size: 0;
    line-height: 0;
  }
  .sec03 p.caution {
    display: block;
    font-size: 1.2rem;
    margin: 0 0 7%;
  }
  .sec03 .sbox01 {
    padding: 13% 0 0;
  }
  .sec03 .sbox01 dl + p {
    margin: 0;
  }
  .sec03 .sbox01 p.bnr {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
  }
  .sec03 .sbox01 p.bnr a {
    -webkit-transition: opacity 0.2s 0s ease;
    transition: opacity 0.2s 0s ease;
  }
  .sec03 .sbox01 p.bnr a.hover.ov {
    opacity: 0.5;
  }
  .sec03 .sbox02 {
    padding: 14% 0 10%;
  }
  .sec03 .sbox02 p b {
    font-size: 2rem;
    color: #254F9C;
    line-height: 1.333333333333333;
    display: block;
    margin: 0 0 3%;
    font-weight: normal;
  }
  .sec03 .sbox02 p span {
    margin: 0 0 10%;
    display: block;
  }
  .sec03 .sbox02 p span.fs02 {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .sec03 .sbox02 .content01 {
    display: block;
    margin: 0 0 14%;
  }
  .sec03 .sbox02 .content01 p {
    width: 100%;
    margin: 0;
  }
  .sec03 .sbox02 .content01 figure {
    width: 91.71428571428571%;
    margin: 0 auto;
  }
  .sec03 .sbox02 .content02 div.flex {
    display: block;
    margin: 0;
  }
  .sec03 .sbox02 .content02 div.flex dl {
    width: 100%;
    margin: 0 0 10%;
  }
  .sec03 .sbox02 .content02 div.flex dt {
    font-size: 2rem;
    color: #254F9C;
    line-height: 1.5;
  }
  .sec03 .sbox02 .content02 p + p {
    margin: 0 0 12%;
  }
  .sec03 .sbox02 .content02 + dl {
    margin: 0 0 3%;
  }
  .sec03 .sbox02 .content02 + dl dt {
    font-size: 2rem;
    color: #254F9C;
    margin: 0 0 2%;
  }
  .sec03 .sbox02 .content02 + dl dd {
    font-size: 0;
    line-height: 0;
  }
  .sec03 .sbox03 ul.flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec03 .sbox03 li {
    width: 100%;
    border: 1px solid #254F9C;
    margin: 0 0 4%;
  }
  .sec03 .sbox03 li:last-child {
    margin: 0;
  }
  .sec03 .sbox03 figure {
    font-size: 0;
    line-height: 0;
  }
  .sec03 .sbox03 li dl {
    padding: 7% 7% 16%;
  }
  .sec03 .sbox03 li dt {
    font-size: 2rem;
    line-height: 1.5;
    margin: 0 0 3%;
  }
}

.sec04 {
  padding: 67px 0 107px;
}

.sec04 p.tit {
  font-size: 4.6rem;
  line-height: 1.08695652173913;
  margin: 0 0 45px;
  text-align: center;
}

.sec04 ul.flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sec04 li {
  width: 32.20338983050847%;
  border: 1px solid #254F9C;
  margin: 0 1% 2% 0;
}

.sec04 li:nth-of-type(3n) {
  margin: 0 0 2%;
}

.sec04 figure {
  font-size: 0;
  line-height: 0;
}

.sec04 figure img {
  width: 100%;
}

.sec04 li dl {
  padding: 7%;
}

.sec04 li dt {
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 1%;
}

@media screen and (max-width: 767px) {
  .sec04 {
    padding: 8% 0 12%;
  }
  .sec04 p.tit {
    font-size: 2.4rem;
    line-height: 1.08695652173913;
    margin: 0 0 8%;
    text-align: center;
  }
  .sec04 ul.flex {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec04 li {
    width: 100%;
    border: 1px solid #254F9C;
    margin: 0 0 5%;
  }
  .sec04 li:nth-of-type(3n) {
    margin: 0 0 5%;
  }
  .sec04 li:last-child {
    margin: 0;
  }
  .sec04 figure {
    font-size: 0;
    line-height: 0;
  }
  .sec04 li dl {
    padding: 7% 7% 8%;
  }
  .sec04 li dt {
    font-size: 2rem;
    line-height: 1.5;
    margin: 0 0 2%;
  }
}

.sec05 {
  padding: 75px 0 53px;
  background-color: #F6F6F6;
}

.sec05 p.tit {
  font-size: 4.6rem;
  line-height: 1.08695652173913;
  margin: 0 0 45px;
  text-align: center;
}

.sec05 p.txt01 {
  font-size: 3rem;
  color: #254F9C;
  line-height: 1.333333333333333;
  margin: 0 0 10px;
}

.sec05 ul {
  margin: 0 0 40px;
}

.sec05 ul:last-child {
  margin: 0;
}

.sec05 li {
  margin: 0 0 7px;
}

.sec05 dt {
  border: 1px solid #617AA7;
  position: relative;
  font-size: 2rem;
  padding: 20px 100px 20px 20px;
  margin: 0 0 15px;
  line-height: 1.5;
  background-color: #fff;
  overflow: hidden;
}

.sec05 dt:after {
  content: "";
  width: 82px;
  height: 70px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #00B9EF;
  z-index: 1;
}

.sec05 dt svg:not(:root).svg-inline--fa {
  position: absolute;
  top: 0;
  right: 28px;
  bottom: 0;
  margin: auto;
  font-size: 2.5rem;
  color: #fff;
  z-index: 2;
}

.sec05 dt.hover.ov {
  cursor: pointer;
}

.sec05 dt.aco.on svg:not(:root).svg-inline--fa {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sec05 dd {
  display: none;
  margin: 0 0 15px;
}

.sec05 dd p b {
  color: #254F9C;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: normal;
  display: block;
}

.sec05 span {
  margin: 0 0 30px;
  display: block;
}

.sec05 span.blue {
  color: #254F9C;
  margin: 0;
  display: inline;
}

.sec05 a {
  color: #00B9EF;
  text-decoration: underline;
  -webkit-text-decoration-color: #00B9EF;
          text-decoration-color: #00B9EF;
}

.sec05 a.hover.ov {
  text-decoration: none;
}

.sec05 ul:nth-of-type(2) li:nth-of-type(6) div.flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sec05 ul:nth-of-type(2) li:nth-of-type(6) div.flex figure {
  width: 400px;
}

.sec05 ul:nth-of-type(2) li:nth-of-type(6) div.flex p {
  width: 760px;
}

@media screen and (max-width: 767px) {
  .sec05 {
    padding: 9% 0 8%;
    background-color: #F6F6F6;
  }
  .sec05 p.tit {
    font-size: 2.4rem;
    line-height: 1.08695652173913;
    margin: 0 0 12%;
    text-align: center;
  }
  .sec05 p.txt01 {
    font-size: 2rem;
    color: #254F9C;
    line-height: 1.333333333333333;
    margin: 0 0 3%;
  }
  .sec05 ul {
    margin: 0 0 7%;
  }
  .sec05 ul:last-child {
    margin: 0;
  }
  .sec05 li {
    margin: 0 0 3%;
  }
  .sec05 dt {
    border: 1px solid #617AA7;
    position: relative;
    font-size: 1.6rem;
    padding: 4% 27% 4% 4%;
    margin: 0 0 2%;
    line-height: 1.5;
    background-color: #fff;
    overflow: hidden;
  }
  .sec05 dt:after {
    content: "";
    width: 13%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #00B9EF;
    z-index: 1;
  }
  .sec05 dt svg:not(:root).svg-inline--fa {
    position: absolute;
    top: 0;
    right: 3%;
    bottom: 0;
    margin: auto;
    font-size: 2.5rem;
    color: #fff;
    z-index: 2;
  }
  .sec05 dd {
    display: none;
    margin: 0 0 7%;
  }
  .sec05 dd p b {
    color: #254F9C;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: normal;
    display: block;
  }
  .sec05 span {
    margin: 0 0 5%;
    display: block;
  }
  .sec05 span.blue {
    color: #254F9C;
    margin: 0;
    display: inline;
  }
  .sec05 ul:nth-of-type(2) li:nth-of-type(6) div.flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec05 ul:nth-of-type(2) li:nth-of-type(6) div.flex figure {
    width: 100%;
  }
  .sec05 ul:nth-of-type(2) li:nth-of-type(6) div.flex p {
    width: 100%;
  }
}

.sec06 li {
  position: relative;
  width: 50%;
  -webkit-transition: background-size 0.2s 0s ease;
  transition: background-size 0.2s 0s ease;
}

.sec06 li.hover.ov {
  background-size: 105% auto;
}

.sec06 li:nth-of-type(1) {
  background: url(../images/recruit/sec05_bg01_pc.png) no-repeat center;
  background-size: 100% auto;
}

.sec06 li:nth-of-type(2) {
  background: url(../images/recruit/sec05_bg02_pc.png) no-repeat top center;
  background-size: 100% auto;
}

.sec06 li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 31.77777777777778vw;
}

.sec06 li a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.sec06 li:nth-of-type(1) a:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 225, 103, 0.8)), to(rgba(29, 194, 171, 0.8)));
  background: linear-gradient(90deg, rgba(232, 225, 103, 0.8) 0%, rgba(29, 194, 171, 0.8) 100%);
}

.sec06 li:nth-of-type(2) a:after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(48, 214, 192, 0.8)), to(rgba(50, 200, 239, 0.8)));
  background: linear-gradient(90deg, rgba(48, 214, 192, 0.8) 0%, rgba(50, 200, 239, 0.8) 100%);
}

.sec06 li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}

.sec06 figure {
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .sec06 ul.flex {
    display: block;
  }
  .sec06 li {
    position: relative;
    width: 100%;
    -webkit-transition: background-size 0.2s 0s ease;
    transition: background-size 0.2s 0s ease;
  }
  .sec06 li:nth-of-type(1) {
    background: url(../images/recruit/sec05_bg01_sp.png) no-repeat center;
    background-size: 100% auto;
  }
  .sec06 li:nth-of-type(2) {
    background: url(../images/recruit/sec05_bg02_sp.png) no-repeat center;
    background-size: 100% auto;
  }
  .sec06 li a {
    width: 100%;
    height: 51.333333333333336vw;
  }
  .sec06 li a span {
    font-size: 2.4rem;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
  }
}
/*# sourceMappingURL=recruit-company.css.map */