@charset "UTF-8";
.recruit-page .wrapper {
  overflow-x: hidden;
}
.recruit-page {
  /************
   common
  ************/
}
.recruit-page .head-brackets {
  text-align: center;
}
.recruit-page .head-brackets span {
  display: inline-block;
  padding: min(2.5294117647vw, 43px) min(6.3529411765vw, 108px);
  position: relative;
}
@media (max-width: 560px) {
  .recruit-page .head-brackets span {
    padding: min(13.0357142857vw, 73px) min(9.1071428571vw, 51px);
  }
}
.recruit-page .head-brackets span::before, .recruit-page .head-brackets span::after {
  background: url(../images/recruit/head-brackets.svg) no-repeat center/contain;
  content: "";
  height: min(4.2941176471vw, 73px);
  position: absolute;
  width: min(3.8823529412vw, 66px);
}
@media (max-width: 560px) {
  .recruit-page .head-brackets span::before, .recruit-page .head-brackets span::after {
    height: min(13.9285714286vw, 78px);
    width: min(15.8928571429vw, 89px);
  }
}
.recruit-page .head-brackets span::before {
  left: 0;
  top: 0;
}
@media (max-width: 560px) {
  .recruit-page .head-brackets span::before {
    left: inherit;
    right: 0;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
.recruit-page .head-brackets span::after {
  bottom: 0;
  right: 0;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
@media (max-width: 560px) {
  .recruit-page .head-brackets span::after {
    left: 0;
    right: inherit;
    -webkit-transform: scale(1, -1);
            transform: scale(1, -1);
  }
}
.recruit-page .head-brackets img {
  height: min(2.2352941176vw, 38px);
}
@media (max-width: 560px) {
  .recruit-page .head-brackets img {
    height: inherit;
    width: min(8.3928571429vw, 47px);
  }
}
.recruit-page .head-brackets.vertical span {
  padding: min(3.4117647059vw, 58px) min(2.2352941176vw, 38px);
}
@media (max-width: 560px) {
  .recruit-page .head-brackets.vertical span {
    padding: min(13.0357142857vw, 73px) min(9.1071428571vw, 51px);
  }
}
.recruit-page .head-brackets.vertical span::before {
  left: inherit;
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.recruit-page .head-brackets.vertical span::after {
  left: 0;
  right: inherit;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.recruit-page .head-brackets.vertical img {
  height: inherit;
  width: min(2.3529411765vw, 40px);
}
@media (max-width: 560px) {
  .recruit-page .head-brackets.vertical img {
    width: min(8.3928571429vw, 47px);
  }
}
@media (max-width: 560px) {
  .recruit-page .head-brackets.l2 img {
    width: min(21.4285714286vw, 120px);
  }
}
.recruit-page header {
  overflow: visible;
}
@media (max-width: 560px) {
  .recruit-page header {
    position: absolute;
  }
}
.recruit-page header.active {
  background: transparent;
}
.recruit-page header .inner {
  position: relative;
}
.recruit-page header .logo {
  position: relative;
  width: min(19.4705882353vw, 331px);
}
@media (max-width: 560px) {
  .recruit-page header .logo {
    width: min(40vw, 224px);
  }
}
.recruit-page header .logo a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.3529411765vw, 23px);
  font-weight: 400;
  letter-spacing: 0.22em;
}
@media (max-width: 560px) {
  .recruit-page header .logo a {
    display: block;
    font-size: min(6.0714285714vw, 34px);
    line-height: normal;
    text-align: center;
  }
}
.recruit-page header .logo img {
  margin-right: min(1.8823529412vw, 32px);
  width: min(10.9411764706vw, 186px);
}
@media (max-width: 560px) {
  .recruit-page header .logo img {
    margin-bottom: min(4.4642857143vw, 25px);
    margin-right: 0;
    width: min(40vw, 224px);
  }
}
.recruit-page header .logo::before {
  background: url(../images/recruit/logo-back.png) no-repeat center/contain;
  content: "";
  height: min(14.5882352941vw, 248px);
  position: absolute;
  right: calc(min(5.8823529412vw, 100px) * -1);
  top: calc(min(7.8823529412vw, 134px) * -1);
  width: min(49.2941176471vw, 838px);
  z-index: -1;
}
@media (max-width: 560px) {
  .recruit-page header .logo::before {
    background: url(../images/recruit/logo-back-sp.png) no-repeat center/contain;
    height: min(67.1428571429vw, 376px);
    right: calc(min(14.8214285714vw, 83px) * -1);
    top: calc(min(32.3214285714vw, 181px) * -1);
    width: min(96.0714285714vw, 538px);
  }
}
.recruit-page header .entry-btn {
  background: url(../images/recruit/main-entry-back.png) no-repeat center/contain;
  position: absolute;
  right: calc(min(5.1176470588vw, 87px) * -1);
  top: calc(min(7.9411764706vw, 135px) * -1);
}
.recruit-page header .entry-btn a {
  color: #006e85;
  display: block;
  font-size: min(1.4117647059vw, 24px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.35;
  padding: min(8.4117647059vw, 143px) min(4.6470588235vw, 79px) min(3.7058823529vw, 63px) min(2.7647058824vw, 47px);
  text-align: center;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.recruit-page header .entry-btn a:hover {
  opacity: 0.5;
}
@media (max-width: 560px) {
  .recruit-page header .entry-btn a:hover {
    opacity: 1;
  }
}
.recruit-page header .entry-btn img {
  width: min(6.1764705882vw, 105px);
}
.recruit-page #main {
  background: url(../images/recruit/main-back.jpg) no-repeat center/cover;
  height: min(55.8823529412vw, 950px);
  position: relative;
  width: 100%;
}
@media (max-width: 560px) {
  .recruit-page #main {
    height: min(401.7857142857vw, 2250px);
  }
}
.recruit-page #main .inner {
  height: 100%;
  margin: 0 auto;
  padding-top: min(11.1764705882vw, 190px);
  position: relative;
  width: min(95.4117647059vw, 1622px);
}
@media (max-width: 560px) {
  .recruit-page #main .inner {
    padding-top: min(47.6785714286vw, 267px);
    width: 82%;
  }
}
.recruit-page #main h2 {
  margin: 0 min(4.1176470588vw, 70px) min(0.5882352941vw, 10px) auto;
  position: relative;
  -webkit-transform: translate(0, min(3.2352941176vw, 55px));
          transform: translate(0, min(3.2352941176vw, 55px));
  width: min(20.2941176471vw, 345px);
  z-index: 1;
}
@media (max-width: 560px) {
  .recruit-page #main h2 {
    margin: 0 0 min(155.3571428571vw, 870px) auto;
    -webkit-transform: none;
            transform: none;
    width: min(55.1785714286vw, 309px);
  }
}
.recruit-page #main .desc {
  margin-left: min(4.9411764706vw, 84px);
  position: relative;
  z-index: 1;
}
@media (max-width: 560px) {
  .recruit-page #main .desc {
    margin-left: min(1.6071428571vw, 9px);
  }
}
.recruit-page #main .desc span {
  background: #589200;
  color: #fff;
  display: inline-block;
  font-size: min(1vw, 17px);
  letter-spacing: 0.16em;
  margin-bottom: min(0.2941176471vw, 5px);
  padding: min(0.0588235294vw, 1px) min(1vw, 17px);
}
@media (max-width: 560px) {
  .recruit-page #main .desc span {
    font-size: min(3.9285714286vw, 22px);
    margin-bottom: min(1.0714285714vw, 6px);
  }
}
.recruit-page #main .image1 {
  position: absolute;
  bottom: calc(min(11.8823529412vw, 202px) * -1);
  right: min(3.5294117647vw, 60px);
  width: min(75.7058823529vw, 1287px);
}
@media (max-width: 560px) {
  .recruit-page #main .image1 {
    bottom: min(154.8214285714vw, 867px);
    left: calc(min(62.1428571429vw, 348px) * -1);
    right: inherit;
    width: min(177.8571428571vw, 996px);
  }
}
.recruit-page #main .image2 {
  position: absolute;
  left: 0;
  top: min(9.1176470588vw, 155px);
  width: min(29.9411764706vw, 509px);
}
@media (max-width: 560px) {
  .recruit-page #main .image2 {
    left: min(23.9285714286vw, 134px);
    top: min(217.8571428571vw, 1220px);
    width: min(70.7142857143vw, 396px);
  }
}
.recruit-page #main .en {
  position: absolute;
}
.recruit-page #main .en.t-tsumugi {
  bottom: min(19.4117647059vw, 330px);
  left: calc(min(0.2352941176vw, 4px) * -1);
  width: min(44vw, 748px);
}
.recruit-page #main .en.t-recruit {
  bottom: calc(min(0.3529411765vw, 6px) * -1);
  right: 0;
  width: min(42.0588235294vw, 715px);
}
@media (max-width: 560px) {
  .recruit-page #main .en.t-recruit {
    bottom: min(1.7857142857vw, 10px);
    left: calc(min(10.5357142857vw, 59px) * -1);
    right: inherit;
    width: min(23.0357142857vw, 129px);
  }
}
@media (max-width: 560px) {
  .recruit-page #main .entry-btn {
    background: url(../images/recruit/main-entry-back.png) no-repeat center/contain;
    height: min(35.3571428571vw, 198px);
    position: absolute;
    right: calc(min(2.6785714286vw, 15px) * -1);
    top: min(108.9285714286vw, 610px);
    width: min(35.5357142857vw, 199px);
  }
  .recruit-page #main .entry-btn a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #006e85;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    font-size: min(4.4642857143vw, 25px);
    letter-spacing: 0.1em;
    line-height: 1.4;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    width: 100%;
  }
  .recruit-page #main .entry-btn img {
    width: min(24.2857142857vw, 136px);
  }
}
.recruit-page #main .scroll-down {
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: max(-1.7647058824vw, -30px);
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
}
@media (max-width: 560px) {
  .recruit-page #main .scroll-down {
    bottom: -22px;
  }
}
.recruit-page #main .scroll-down p {
  font-size: min(0.8235294118vw, 14px);
  letter-spacing: 0.1em;
  padding: min(0.5882352941vw, 10px) min(0.5882352941vw, 10px) min(4.4117647059vw, 75px);
  position: relative;
}
@media (max-width: 560px) {
  .recruit-page #main .scroll-down p {
    font-size: 12px;
    padding: 10px 10px 55px;
  }
}
.recruit-page #main .scroll-down p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: min(3.8235294118vw, 65px);
}
@media (max-width: 560px) {
  .recruit-page #main .scroll-down p::after {
    height: 45px;
  }
}
.recruit-page #main .scroll-down p::after {
  background: #535353;
  -webkit-animation: scrollDown 3s cubic-bezier(1, 0, 0, 1) infinite;
          animation: scrollDown 3s cubic-bezier(1, 0, 0, 1) infinite;
}
@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
@keyframes scrollDown {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
.recruit-page #news {
  background: #fff;
  padding-top: min(12.0588235294vw, 205px);
  position: relative;
}
@media (max-width: 560px) {
  .recruit-page #news {
    padding-top: min(42.5vw, 238px);
  }
}
.recruit-page #news .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto min(9.4117647059vw, 160px);
  width: min(58.8235294118vw, 1000px);
}
@media (max-width: 560px) {
  .recruit-page #news .inner {
    margin-bottom: min(43.75vw, 245px);
    width: 83%;
  }
}
.recruit-page #news h2 {
  border-right: 1px solid rgba(83, 83, 83, 0.5);
  color: #006e85;
  font-size: min(1.5882352941vw, 27px);
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1;
  margin-right: min(5.2941176471vw, 90px);
  padding-right: min(1.0588235294vw, 18px);
  width: calc(13.5% - min(5.2941176471vw, 90px));
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 560px) {
  .recruit-page #news h2 {
    font-size: min(4.2857142857vw, 24px);
    margin-right: min(5.3571428571vw, 30px);
    padding-right: min(2.5vw, 14px);
    width: calc(13.5% - min(5.3571428571vw, 30px));
  }
}
.recruit-page #news .news-list-wrapper {
  width: 86.5%;
}
.recruit-page #news h3 {
  color: #006e85;
  font-size: min(1.7647058824vw, 30px);
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1;
  margin-bottom: min(2.7647058824vw, 47px);
}
@media (max-width: 560px) {
  .recruit-page #news h3 {
    font-size: min(4.8214285714vw, 27px);
    margin-bottom: min(9.8214285714vw, 55px);
  }
}
.recruit-page #news .news-list li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 560px) {
  .recruit-page #news .news-list li {
    display: block;
  }
}
.recruit-page #news .news-list li .date {
  color: #8ca2b0;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(1.3823529412vw, 23.5px);
  font-weight: 700;
  margin-right: min(3.7058823529vw, 63px);
}
@media (max-width: 560px) {
  .recruit-page #news .news-list li .date {
    font-size: min(4.4642857143vw, 25px);
    margin-bottom: 0;
    margin-right: 0;
  }
}
.recruit-page #news .news-list li .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.recruit-page #news .news-list li .text a {
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (hover: hover) and (pointer: fine) {
  .recruit-page #news .news-list li .text a:hover {
    color: #006e85;
    text-decoration-color: #006e85;
  }
}
.recruit-page #news .news-list li:not(:last-child) {
  margin-bottom: min(0.5882352941vw, 10px);
}
@media (max-width: 560px) {
  .recruit-page #news .news-list li:not(:last-child) {
    margin-bottom: min(4.4642857143vw, 25px);
  }
}
.recruit-page #news .more-btn {
  margin-top: min(2.8235294118vw, 48px);
  text-align: center;
  width: 100%;
}
@media (max-width: 560px) {
  .recruit-page #news .more-btn {
    margin-top: min(12.5vw, 70px);
  }
}
.recruit-page #type .inner {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: min(84.4117647059vw, 1435px);
}
@media (max-width: 560px) {
  .recruit-page #type .inner {
    width: 100%;
  }
}
.recruit-page #type .head-brackets {
  margin-bottom: min(2.0588235294vw, 35px);
}
@media (max-width: 560px) {
  .recruit-page #type .head-brackets {
    margin-bottom: min(7.1428571429vw, 40px);
  }
}
.recruit-page #type .head-brackets + p {
  font-size: min(1.2352941176vw, 21px);
  letter-spacing: 0.2em;
  margin-bottom: min(5.8823529412vw, 100px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #type .head-brackets + p {
    font-size: min(5vw, 28px);
    line-height: 1.8;
    margin-bottom: min(47.8571428571vw, 268px);
  }
}
.recruit-page #type .type-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list {
    display: block;
  }
}
.recruit-page #type .type-list > li {
  padding-bottom: min(1.4705882353vw, 25px);
  position: relative;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list > li {
    padding-bottom: min(8.0357142857vw, 45px);
  }
}
.recruit-page #type .type-list > li::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#d6e9c1), color-stop(36.94%, #d5e8c0), color-stop(55.79%, #d3e7bd), color-stop(70.54%, #cfe5b8), color-stop(83.17%, #cae2b0), color-stop(94.33%, #c3dea6), to(#bfdca1));
  background: linear-gradient(180deg, #d6e9c1 0%, #d5e8c0 36.94%, #d3e7bd 55.79%, #cfe5b8 70.54%, #cae2b0 83.17%, #c3dea6 94.33%, #bfdca1 100%);
  content: "";
  height: min(22.3529411765vw, 380px);
  position: absolute;
  bottom: 0;
  width: 55vw;
  z-index: -1;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list > li::before {
    height: 100%;
    width: 100%;
  }
}
.recruit-page #type .type-list .illust {
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  -webkit-animation: parapara 1.2s steps(2) infinite;
          animation: parapara 1.2s steps(2) infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.recruit-page #type .type-list h3 {
  margin-bottom: min(1.4705882353vw, 25px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list h3 {
    margin-bottom: min(6.7857142857vw, 38px);
  }
}
.recruit-page #type .type-list h3 span {
  background: url(../images/recruit/type-list-head-back.jpg) no-repeat center/cover;
  border-radius: min(1.5882352941vw, 27px);
  color: #fff;
  display: inline-block;
  font-size: min(1.4705882353vw, 25px);
  font-weight: 400;
  letter-spacing: 0.1em;
  padding: min(0.4117647059vw, 7px) min(1.5882352941vw, 27px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list h3 span {
    border-radius: min(7.1428571429vw, 40px);
    font-size: min(6.6071428571vw, 37px);
    min-width: min(64.8214285714vw, 363px);
    padding: min(1.7857142857vw, 10px) min(3.75vw, 21px);
  }
}
.recruit-page #type .type-list ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: min(0.8235294118vw, 14px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list ul li {
    margin-bottom: min(3.75vw, 21px);
  }
}
.recruit-page #type .type-list ul li:not(.other) {
  background: #fff;
  border: 1px solid #535353;
  border-radius: min(1vw, 17px);
  font-size: min(1vw, 17px);
  padding: min(0.1176470588vw, 2px) min(1vw, 17px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list ul li:not(.other) {
    border-radius: min(4.4642857143vw, 25px);
    font-size: min(4.4642857143vw, 25px);
    padding: min(0.8928571429vw, 5px) min(3.5714285714vw, 20px);
  }
}
.recruit-page #type .type-list ul li:not(.other) + li {
  margin-top: min(0.5882352941vw, 10px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list ul li:not(.other) + li {
    margin-top: 0;
  }
}
.recruit-page #type .type-list p {
  font-size: min(1.0588235294vw, 18px);
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list p {
    font-size: min(4.8214285714vw, 27px);
  }
}
.recruit-page #type .type-list .type1 {
  margin-right: min(0.5882352941vw, 10px);
  padding-right: min(1.4705882353vw, 25px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type1 {
    margin-right: 0;
    padding-right: 0;
  }
}
.recruit-page #type .type-list .type1 .illust {
  background-image: url(../images/recruit/type1-illust.png);
  height: min(14.1764705882vw, 241px);
  margin: min(0.5294117647vw, 9px) auto calc(min(0.4117647059vw, 7px) * -1);
  width: min(9.5294117647vw, 162px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type1 .illust {
    height: min(64.1071428571vw, 359px);
    margin: 0 auto calc(min(1.9642857143vw, 11px) * -1);
    width: min(43.2142857143vw, 242px);
  }
}
.recruit-page #type .type-list .type1::before {
  right: 0;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type1::before {
    height: min(136.0714285714vw, 762px);
  }
}
.recruit-page #type .type-list .type1 ul {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type1 ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.recruit-page #type .type-list .type1 ul li + li {
  margin-left: min(0.5882352941vw, 10px);
  margin-top: 0;
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type1 ul li + li {
    margin-left: min(3.0357142857vw, 17px);
  }
}
.recruit-page #type .type-list .type1 ul .other {
  font-size: min(1vw, 17px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type1 ul .other {
    font-size: min(4.4642857143vw, 25px);
    margin-top: calc(min(3.2142857143vw, 18px) * -1);
    text-align: center;
    width: 100%;
  }
}
.recruit-page #type .type-list .type1 .bubble {
  position: absolute;
  left: calc(min(1.0588235294vw, 18px) * -1);
  top: min(1.8235294118vw, 31px);
  width: min(9vw, 153px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type1 .bubble {
    left: min(11.6071428571vw, 65px);
    top: calc(min(38.9285714286vw, 218px) * -1);
    width: min(36.4285714286vw, 204px);
  }
}
.recruit-page #type .type-list .type2 {
  margin-right: min(0.5882352941vw, 10px);
  padding-left: min(4vw, 68px);
  padding-right: min(4vw, 68px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type2 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: min(7.8571428571vw, 44px);
  }
}
.recruit-page #type .type-list .type2 .illust {
  background-image: url(../images/recruit/type2-illust.png);
  margin-bottom: calc(min(0.4117647059vw, 7px) * -1);
  height: min(14.6470588235vw, 249px);
  width: min(5.7647058824vw, 98px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type2 .illust {
    height: min(66.25vw, 371px);
    margin-bottom: min(2.6785714286vw, 15px);
    width: min(26.25vw, 147px);
  }
}
.recruit-page #type .type-list .type2::before {
  left: 0;
  width: 100%;
}
.recruit-page #type .type-list .type3 {
  padding-left: min(5.5882352941vw, 95px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type3 {
    padding-left: 0;
    padding-top: min(5.3571428571vw, 30px);
  }
}
.recruit-page #type .type-list .type3 .illust {
  background-image: url(../images/recruit/type3-illust.png);
  height: min(13.1176470588vw, 223px);
  margin-top: min(1.0588235294vw, 18px);
  width: min(15.6470588235vw, 266px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type3 .illust {
    height: min(59.2857142857vw, 332px);
    margin: 0 auto min(2.5vw, 14px);
    width: min(71.0714285714vw, 398px);
  }
}
.recruit-page #type .type-list .type3::before {
  left: 0;
}
.recruit-page #type .type-list .type4 {
  margin-right: min(0.5882352941vw, 10px);
  margin-top: calc(min(2.3529411765vw, 40px) * -1);
  padding-right: min(3.2941176471vw, 56px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type4 {
    margin-right: 0;
    margin-top: 0;
    padding-right: 0;
    padding-top: min(8.0357142857vw, 45px);
  }
}
.recruit-page #type .type-list .type4 h3 {
  margin-bottom: min(1.1764705882vw, 20px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type4 h3 {
    margin-bottom: min(6.7857142857vw, 38px);
  }
}
.recruit-page #type .type-list .type4 .illust {
  background-image: url(../images/recruit/type4-illust.png);
  height: min(13.2941176471vw, 226px);
  margin: min(0.1176470588vw, 2px) auto calc(min(0.2352941176vw, 4px) * -1);
  width: min(7.4705882353vw, 127px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type4 .illust {
    height: min(60.3571428571vw, 338px);
    margin: 0 auto min(1.4285714286vw, 8px);
    width: min(33.75vw, 189px);
  }
}
.recruit-page #type .type-list .type4 ul {
  margin-bottom: min(0.5882352941vw, 10px);
}
.recruit-page #type .type-list .type4::before {
  right: 0;
}
.recruit-page #type .type-list .type5 {
  margin-top: calc(min(2.3529411765vw, 40px) * -1);
  padding-left: min(4.7647058824vw, 81px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type5 {
    margin-top: 0;
    padding-left: 0;
    padding-top: min(8.0357142857vw, 45px);
  }
}
.recruit-page #type .type-list .type5 .illust {
  background-image: url(../images/recruit/type5-illust.png);
  height: min(12.4705882353vw, 212px);
  margin-bottom: min(0.7058823529vw, 12px);
  width: min(17.7058823529vw, 301px);
}
@media (max-width: 560px) {
  .recruit-page #type .type-list .type5 .illust {
    height: min(56.4285714286vw, 316px);
    margin: 0 auto min(2.8571428571vw, 16px);
    width: min(80.3571428571vw, 450px);
  }
}
.recruit-page #type .type-list .type5::before {
  left: 0;
}
.recruit-page .tv-image-wrapper {
  background: url(../images/recruit/tv-image.jpg) no-repeat center/cover;
  -webkit-mask-image: url(../images/recruit/tv-image-mask.png);
  mask-image: url(../images/recruit/tv-image-mask.png);
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  height: min(49.1176470588vw, 835px);
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (max-width: 560px) {
  .recruit-page .tv-image-wrapper {
    background: url(../images/recruit/tv-image-sp.jpg) no-repeat center/cover;
    -webkit-mask-image: url(../images/recruit/tv-image-mask-sp.png);
    mask-image: url(../images/recruit/tv-image-mask-sp.png);
    height: min(96.6071428571vw, 541px);
  }
}
.recruit-page #voice {
  background: url(../images/recruit/back-dots-green.jpg) repeat;
  margin: calc(min(3.7647058824vw, 64px) * -1) 0 min(8.2352941176vw, 140px);
  padding: min(4vw, 68px) 0 min(10.5882352941vw, 180px);
  position: relative;
}
@media (max-width: 560px) {
  .recruit-page #voice {
    margin: calc(min(8.9285714286vw, 50px) * -1) 0 min(22.8571428571vw, 128px);
    padding: min(20.7142857143vw, 116px) 0 min(39.2857142857vw, 220px);
  }
}
.recruit-page #voice .inner {
  margin: 0 auto;
  position: relative;
  width: min(75.5882352941vw, 1285px);
}
@media (max-width: 560px) {
  .recruit-page #voice .inner {
    width: 76%;
  }
}
.recruit-page #voice h2 {
  line-height: 1;
  margin-bottom: min(2.7647058824vw, 47px);
}
@media (max-width: 560px) {
  .recruit-page #voice h2 {
    margin-bottom: min(7.5vw, 42px);
    text-align: center;
  }
}
.recruit-page #voice h2 img {
  margin-right: min(1.4705882353vw, 25px);
  width: min(22vw, 374px);
}
@media (max-width: 560px) {
  .recruit-page #voice h2 img {
    margin: 0;
    width: min(37.1428571429vw, 208px);
  }
}
.recruit-page #voice h2 small {
  color: #fff;
  font-size: min(1.5882352941vw, 27px);
  font-weight: 600;
  letter-spacing: 0.2em;
}
.recruit-page #voice .voice-slider {
  margin-right: calc(50% - 50vw);
}
@media (max-width: 560px) {
  .recruit-page #voice .voice-slider {
    margin-right: 0;
  }
}
.recruit-page #voice .voice-slider .swiper-slide {
  width: min(20.2941176471vw, 345px);
}
@media (max-width: 560px) {
  .recruit-page #voice .voice-slider .swiper-slide {
    text-align: center;
    width: 100%;
  }
}
.recruit-page #voice .voice-slider .image {
  margin: 0 0 min(1.2352941176vw, 21px) min(0.7647058824vw, 13px);
  width: min(9.8823529412vw, 168px);
}
@media (max-width: 560px) {
  .recruit-page #voice .voice-slider .image {
    margin: 0 auto min(6.9642857143vw, 39px);
    width: min(35.7142857143vw, 200px);
  }
}
.recruit-page #voice .voice-slider .profile {
  background: #006e85;
  border-radius: min(0.9411764706vw, 16px);
  color: #fff;
  display: inline-block;
  font-size: min(0.8823529412vw, 15px);
  margin-bottom: min(1.2941176471vw, 22px);
  padding: min(0.1176470588vw, 2px) min(1.2352941176vw, 21px);
}
@media (max-width: 560px) {
  .recruit-page #voice .voice-slider .profile {
    border-radius: min(4.4642857143vw, 25px);
    font-size: min(4.1071428571vw, 23px);
    margin-bottom: min(5vw, 28px);
    padding: min(0.7142857143vw, 4px) min(5.8928571429vw, 33px);
  }
}
.recruit-page #voice .voice-slider .profile strong {
  color: #ffff00;
  font-size: min(1vw, 17px);
  font-weight: 400;
}
@media (max-width: 560px) {
  .recruit-page #voice .voice-slider .profile strong {
    font-size: min(4.8214285714vw, 27px);
  }
}
.recruit-page #voice .voice-slider h3 {
  color: #006e85;
  font-weight: 700;
  font-size: min(1.3529411765vw, 23px);
  letter-spacing: 0.1em;
  margin-bottom: min(1.0588235294vw, 18px);
}
@media (max-width: 560px) {
  .recruit-page #voice .voice-slider h3 {
    font-size: min(5.3571428571vw, 30px);
    margin-bottom: min(5.7142857143vw, 32px);
    text-align: center;
  }
}
.recruit-page #voice .voice-slider p:not(.profile) {
  letter-spacing: -0.025em;
  line-height: 1.75;
  text-align: justify;
  width: min(16.5882352941vw, 282px);
}
@media (max-width: 560px) {
  .recruit-page #voice .voice-slider p:not(.profile) {
    letter-spacing: 0;
    width: 100%;
  }
}
.recruit-page #voice .swiper-scrollbar {
  background: #fff;
  height: min(0.4117647059vw, 7px);
  position: absolute;
  bottom: calc(min(2.9411764706vw, 50px) * -1);
  left: 0;
  width: min(52.4705882353vw, 892px);
}
@media (max-width: 560px) {
  .recruit-page #voice .swiper-scrollbar {
    height: min(1.25vw, 7px);
    width: 100%;
  }
}
.recruit-page #voice .swiper-scrollbar .swiper-scrollbar-drag {
  background: #4b99a9;
  top: calc(50% - min(0.4117647059vw, 7px) / 2);
}
@media (max-width: 560px) {
  .recruit-page #voice .swiper-scrollbar .swiper-scrollbar-drag {
    top: calc(50% - min(1.25vw, 7px) / 2);
  }
}
.recruit-page #voice .swiper-button-next,
.recruit-page #voice .swiper-button-prev {
  height: min(13.3035714286vw, 74.5px);
  bottom: min(90.3571428571vw, 506px);
  top: inherit;
  width: min(7.6785714286vw, 43px);
}
@media (max-width: 560px) {
  .recruit-page #voice .swiper-button-next::after,
  .recruit-page #voice .swiper-button-prev::after {
    background: url(../images/recruit/voice-arrow.svg) no-repeat center/contain;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.recruit-page #voice .swiper-button-next {
  right: calc(min(5.8928571429vw, 33px) * -1);
}
.recruit-page #voice .swiper-button-prev {
  left: calc(min(5.8928571429vw, 33px) * -1);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.recruit-page #voice::before {
  background: url(../images/recruit/voice-frame.png) no-repeat center bottom/100% 100%;
  content: "";
  height: min(3.7058823529vw, 63px);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 560px) {
  .recruit-page #voice::before {
    background: url(../images/recruit/voice-frame-sp.png) no-repeat center bottom/100% 100%;
    height: min(8.9285714286vw, 50px);
  }
}
.recruit-page #support {
  margin-bottom: min(11.1764705882vw, 190px);
}
@media (max-width: 560px) {
  .recruit-page #support {
    margin-bottom: min(37.5vw, 210px);
    overflow-x: hidden;
  }
}
.recruit-page #support .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 0 auto;
  width: min(68.5294117647vw, 1165px);
}
@media (max-width: 560px) {
  .recruit-page #support .inner {
    display: block;
    width: 100%;
  }
}
.recruit-page #support .head-brackets {
  margin-left: min(5.4117647059vw, 92px);
}
@media (max-width: 560px) {
  .recruit-page #support .head-brackets {
    margin-bottom: min(12.5vw, 70px);
    margin-left: 0;
  }
}
.recruit-page #support .support-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: min(5.2941176471vw, 90px);
  width: min(52.1176470588vw, 886px);
}
@media (max-width: 560px) {
  .recruit-page #support .support-list {
    display: block;
    margin-top: 0;
    width: 100%;
  }
}
.recruit-page #support .support-list li {
  height: min(17.5294117647vw, 298px);
  padding: min(3.7647058824vw, 64px) 0 0;
  width: 49%;
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li {
    background-size: 100% 100% !important;
    height: inherit;
    padding: min(10.7142857143vw, 60px) 0;
    width: 102%;
  }
}
.recruit-page #support .support-list li:nth-child(odd) {
  margin-right: 2%;
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li:nth-child(odd) {
    margin-left: min(9.8214285714vw, 55px);
    padding-left: min(10.7142857143vw, 60px);
  }
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li:nth-child(even) {
    margin-left: calc(min(12.5vw, 70px) * -1);
    padding-left: min(32.1428571429vw, 180px);
  }
}
.recruit-page #support .support-list li:nth-child(-n+2) {
  margin-bottom: min(0.9411764706vw, 16px);
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li:nth-child(-n+2) {
    margin-bottom: 0;
  }
}
.recruit-page #support .support-list li:nth-child(n+3) h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: min(4.4117647059vw, 75px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li:nth-child(n+3) h3 {
    display: block;
    height: auto;
  }
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li:not(:last-child) {
    margin-bottom: min(7.1428571429vw, 40px);
  }
}
.recruit-page #support .support-list li:first-child {
  background: url(../images/recruit/support-list1-back.png) no-repeat center/contain;
}
.recruit-page #support .support-list li:nth-child(2) {
  background: url(../images/recruit/support-list2-back.png) no-repeat center/contain;
}
.recruit-page #support .support-list li:nth-child(3) {
  background: url(../images/recruit/support-list3-back.png) no-repeat center/contain;
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li:nth-child(3) {
    background: url(../images/recruit/support-list4-back.png) no-repeat center/contain;
  }
}
.recruit-page #support .support-list li:last-child {
  background: url(../images/recruit/support-list4-back.png) no-repeat center/contain;
}
@media (max-width: 560px) {
  .recruit-page #support .support-list li:last-child {
    background: url(../images/recruit/support-list3-back.png) no-repeat center/contain;
  }
}
.recruit-page #support .support-list h3 {
  color: #fff;
  font-size: min(1.7058823529vw, 29px);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  margin-bottom: min(1.2352941176vw, 21px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #support .support-list h3 {
    font-size: min(8.0357142857vw, 45px);
    margin-bottom: min(4.4642857143vw, 25px);
    text-align: left;
  }
}
.recruit-page #support .support-list p {
  font-size: min(1vw, 17px);
  line-height: 2;
  margin: 0 auto;
  text-align: justify;
  width: min(16.2941176471vw, 277px);
}
@media (max-width: 560px) {
  .recruit-page #support .support-list p {
    font-size: min(5.3571428571vw, 30px);
    line-height: 1.5;
    margin: 0;
    width: min(59.1071428571vw, 331px);
  }
}
.recruit-page #faq {
  margin-bottom: min(11.7647058824vw, 200px);
}
@media (max-width: 560px) {
  .recruit-page #faq {
    margin-bottom: min(39.2857142857vw, 220px);
  }
}
.recruit-page #faq .inner {
  margin: 0 auto;
  width: min(72.6470588235vw, 1235px);
}
@media (max-width: 560px) {
  .recruit-page #faq .inner {
    width: 100%;
  }
}
.recruit-page #faq .head-brackets {
  margin-bottom: min(4vw, 68px);
  text-align: left;
}
@media (max-width: 560px) {
  .recruit-page #faq .head-brackets {
    margin-bottom: min(25vw, 140px);
    text-align: center;
  }
}
.recruit-page #faq .faq-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 560px) {
  .recruit-page #faq .faq-list li {
    display: block;
  }
}
.recruit-page #faq .faq-list li:not(:last-child) {
  margin-bottom: min(1.4705882353vw, 25px);
}
@media (max-width: 560px) {
  .recruit-page #faq .faq-list li:not(:last-child) {
    margin-bottom: min(8.2142857143vw, 46px);
  }
}
.recruit-page #faq .faq-list h3 {
  background: url(../images/recruit/faq-head-back.png) no-repeat right center/cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: min(1.1176470588vw, 19px);
  font-weight: 600;
  letter-spacing: 0.1em;
  padding: min(0.5294117647vw, 9px) 0 min(0.5294117647vw, 9px) min(1.7647058824vw, 30px);
  width: 37.6%;
}
@media (max-width: 560px) {
  .recruit-page #faq .faq-list h3 {
    background: url(../images/recruit/faq-head-back-sp.png) no-repeat right center/cover;
    font-size: min(6.6071428571vw, 37px);
    line-height: 1.4;
    margin: 0 auto;
    padding: min(2.6785714286vw, 15px) 0 min(2.6785714286vw, 15px) min(10.7142857143vw, 60px);
    position: relative;
    width: 84%;
    z-index: 1;
  }
}
.recruit-page #faq .faq-list h3 span {
  font-size: min(1.7647058824vw, 30px);
}
@media (max-width: 560px) {
  .recruit-page #faq .faq-list h3 span {
    display: block;
    font-size: min(9.2857142857vw, 52px);
  }
}
.recruit-page #faq .faq-list p {
  background: url(../images/recruit/faq-text-back.png) no-repeat left center/cover;
  color: #8c6239;
  font-size: min(1.0588235294vw, 18px);
  letter-spacing: 0.1em;
  padding: min(0.5294117647vw, 9px) 0 min(0.5294117647vw, 9px) min(3.4705882353vw, 59px);
  position: relative;
  width: 62.4%;
}
@media (max-width: 560px) {
  .recruit-page #faq .faq-list p {
    background: url(../images/recruit/faq-text-back-sp.png) no-repeat left center/cover;
    font-size: min(6.6071428571vw, 37px);
    line-height: 1.4;
    margin-top: calc(min(10.3571428571vw, 58px) * -1);
    padding: min(14.2857142857vw, 80px) min(19.6428571429vw, 110px) min(9.8214285714vw, 55px);
    text-align: justify;
    width: 100%;
  }
}
.recruit-page #faq .faq-list p span {
  font-size: min(1.7647058824vw, 30px);
}
@media (max-width: 560px) {
  .recruit-page #faq .faq-list p span {
    display: block;
    font-size: min(9.2857142857vw, 52px);
  }
}
.recruit-page #faq .faq-list p::before {
  border-bottom: 1px solid #8c6239;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(5.8235294118vw, 99px);
}
@media (max-width: 560px) {
  .recruit-page #faq .faq-list p::before {
    top: min(19.8214285714vw, 111px);
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: min(30.3571428571vw, 170px);
  }
}
.recruit-page #flow {
  background: url(../images/recruit/back-dots-gray.jpg) repeat;
  margin-bottom: min(8.5294117647vw, 145px);
  padding: min(7.6470588235vw, 130px) 0 min(7.0588235294vw, 120px);
}
@media (max-width: 560px) {
  .recruit-page #flow {
    background: none;
    margin-bottom: min(10.7142857143vw, 60px);
  }
}
.recruit-page #flow .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: min(77.6470588235vw, 1320px);
}
@media (max-width: 560px) {
  .recruit-page #flow .inner {
    display: block;
    width: 100%;
  }
}
.recruit-page #flow .head-brackets {
  margin-right: min(3.7647058824vw, 64px);
}
@media (max-width: 560px) {
  .recruit-page #flow .head-brackets {
    margin-bottom: min(10.7142857143vw, 60px);
  }
}
.recruit-page #flow .flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: min(2.3529411765vw, 40px);
  width: min(66.6470588235vw, 1133px);
}
@media (max-width: 560px) {
  .recruit-page #flow .flow-list {
    background: url(../images/recruit/back-dots-gray.jpg) repeat;
    display: block;
    padding: min(19.4642857143vw, 109px) 0 min(27.5vw, 154px);
    width: 100%;
  }
}
.recruit-page #flow .flow-list li {
  background: url(../images/recruit/flow-list-back.svg) no-repeat center/contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: min(2.7647058824vw, 47px) min(1.9411764706vw, 33px) min(2.9411764706vw, 50px);
  position: relative;
  width: 23%;
}
@media (max-width: 560px) {
  .recruit-page #flow .flow-list li {
    margin: 0 auto;
    padding: min(11.25vw, 63px) min(10vw, 56px) min(16.0714285714vw, 90px);
    width: 80%;
  }
}
.recruit-page #flow .flow-list li:not(:last-child) {
  margin-right: 2.666%;
}
@media (max-width: 560px) {
  .recruit-page #flow .flow-list li:not(:last-child) {
    margin-bottom: min(13.75vw, 77px);
    margin-right: auto;
  }
}
.recruit-page #flow .flow-list li:not(:last-child)::before {
  background: url(../images/recruit/flow-list-arrow.png) no-repeat center/contain;
  content: "";
  height: min(3.0588235294vw, 52px);
  position: absolute;
  right: calc(min(2.3529411765vw, 40px) * -1);
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: min(3.0588235294vw, 52px);
  z-index: 1;
}
@media (max-width: 560px) {
  .recruit-page #flow .flow-list li:not(:last-child)::before {
    height: min(18.75vw, 105px);
    bottom: calc(min(15.7142857143vw, 88px) * -1);
    left: 50%;
    top: inherit;
    -webkit-transform: translate(-50%, 0) rotate(90deg);
            transform: translate(-50%, 0) rotate(90deg);
    width: min(18.75vw, 105px);
  }
}
.recruit-page #flow .flow-list .num {
  margin: 0 auto min(1.6470588235vw, 28px);
  width: min(4.0588235294vw, 69px);
}
@media (max-width: 560px) {
  .recruit-page #flow .flow-list .num {
    margin: 0 auto min(9.8214285714vw, 55px);
    width: min(21.0714285714vw, 118px);
  }
}
.recruit-page #flow .flow-list h3 {
  color: #51a41a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: min(1.1176470588vw, 19px);
  font-weight: 600;
  height: min(3.3529411765vw, 57px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: min(0.7058823529vw, 12px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #flow .flow-list h3 {
    display: block;
    font-size: min(5.7142857143vw, 32px);
    margin-bottom: min(4.1071428571vw, 23px);
    height: inherit;
  }
}
.recruit-page #flow .flow-list p {
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: justify;
}
@media (max-width: 560px) {
  .recruit-page #flow .flow-list p {
    font-size: min(5.3571428571vw, 30px);
  }
}
.recruit-page #flow .flow-list p a {
  color: #006e85;
  text-decoration: underline;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (hover: hover) and (pointer: fine) {
  .recruit-page #flow .flow-list p a:hover {
    opacity: 0.7;
  }
}
.recruit-page #requirements .inner {
  margin: 0 auto;
  width: min(55.8823529412vw, 950px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .inner {
    width: 85%;
  }
}
.recruit-page #requirements .head-brackets {
  margin-bottom: min(1.7647058824vw, 30px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .head-brackets {
    margin-bottom: min(13.5714285714vw, 76px);
  }
}
.recruit-page #requirements .head-brackets + p {
  font-size: min(1.2352941176vw, 21px);
  letter-spacing: 0.2em;
  margin-bottom: min(2.6470588235vw, 45px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #requirements .head-brackets + p {
    font-size: min(5vw, 28px);
    letter-spacing: 0.15em;
    margin-bottom: min(8.9285714286vw, 50px);
  }
}
.recruit-page #requirements .rc-wrapper {
  background: url(../images/recruit/back-dots-gray.jpg) repeat;
  padding: min(3.5294117647vw, 60px) 0 min(9.2352941176vw, 157px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .rc-wrapper {
    padding: min(8.9285714286vw, 50px) 0 min(26.7857142857vw, 150px);
  }
}
.recruit-page #requirements .rc-wrapper .hide {
  display: none;
}
.recruit-page #requirements {
  /* tab-btn */
}
.recruit-page #requirements .tab-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.recruit-page #requirements .tab-btn li {
  cursor: pointer;
}
.recruit-page #requirements .tab-btn.base {
  margin-bottom: min(2.3529411765vw, 40px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base {
    margin-bottom: min(18.2142857143vw, 102px);
    position: relative;
  }
  .recruit-page #requirements .tab-btn.base::before {
    background: url(../images/recruit/requirements-btn-arrow.svg) no-repeat center/contain;
    content: "";
    height: min(5vw, 28px);
    position: absolute;
    bottom: calc(min(10.7142857143vw, 60px) * -1);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: min(10.1785714286vw, 57px);
  }
}
.recruit-page #requirements .tab-btn.base li {
  position: relative;
  width: 23.5%;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base li {
    width: 48%;
  }
}
.recruit-page #requirements .tab-btn.base li span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #b3b3b3;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: min(1.1176470588vw, 19px);
  font-weight: 600;
  height: min(5.1176470588vw, 87px);
  letter-spacing: 0.02em;
  -webkit-mask-image: url(../images/recruit/requirements-base-head-mask.png);
  mask-image: url(../images/recruit/requirements-base-head-mask.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base li span {
    font-size: min(4.4642857143vw, 25px);
    height: min(17.3214285714vw, 97px);
  }
}
.recruit-page #requirements .tab-btn.base li:not(:last-child) {
  margin-right: 2%;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base li:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base li:nth-child(odd) {
    margin-right: 4%;
  }
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base li:nth-child(-n+2) {
    margin-bottom: min(1.7857142857vw, 10px);
  }
}
.recruit-page #requirements .tab-btn.base li:hover span {
  background: #98c962;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base li:hover span {
    background: #b3b3b3;
  }
}
.recruit-page #requirements .tab-btn.base li.active span {
  background: #98c962;
}
.recruit-page #requirements .tab-btn.base li.active::before {
  background: url(../images/recruit/requirements-btn-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(1.1764705882vw, 20px);
  position: absolute;
  bottom: calc(min(2.0588235294vw, 35px) * -1);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(2.2352941176vw, 38px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.base li.active::before {
    content: none;
  }
}
.recruit-page #requirements .tab-btn.occupation {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto min(2.2352941176vw, 38px);
  position: relative;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation {
    margin-bottom: min(12.8571428571vw, 72px);
  }
}
.recruit-page #requirements .tab-btn.occupation > li {
  background: #88b459;
  -webkit-mask-image: url(../images/recruit/requirements-occupation-head-mask.png);
  mask-image: url(../images/recruit/requirements-occupation-head-mask.png);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  padding: min(1.1764705882vw, 20px) 0 min(1.3529411765vw, 23px);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 19.25%;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation > li {
    margin-bottom: min(5.5357142857vw, 31px);
    padding: min(7.1428571429vw, 40px) 0 min(3.5714285714vw, 20px);
    width: 49%;
  }
}
.recruit-page #requirements .tab-btn.occupation > li .occupation-name {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: min(1.1764705882vw, 20px);
  height: min(2.8235294118vw, 48px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin-bottom: min(0.9411764706vw, 16px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation > li .occupation-name {
    height: min(7.1428571429vw, 40px);
    font-size: min(4.4642857143vw, 25px);
    margin-bottom: min(3.5714285714vw, 20px);
  }
}
.recruit-page #requirements .tab-btn.occupation > li:not(:nth-child(5n)) {
  margin-right: 0.9375%;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation > li:not(:nth-child(5n)) {
    margin-right: 0;
  }
}
.recruit-page #requirements .tab-btn.occupation > li:nth-child(n+6) {
  margin-top: 0.9375%;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation > li:nth-child(n+6) {
    margin-top: 0;
  }
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation > li:nth-child(odd) {
    margin-right: 2%;
  }
}
.recruit-page #requirements .tab-btn.occupation > li:hover {
  background: #5fa40b;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation > li:hover {
    background: #88b459;
  }
}
.recruit-page #requirements .tab-btn.occupation > li.active {
  background: #5fa40b;
}
.recruit-page #requirements .tab-btn.occupation::before {
  background: url(../images/recruit/requirements-btn-arrow.svg) no-repeat center/contain;
  content: "";
  height: min(1.1764705882vw, 20px);
  position: absolute;
  bottom: calc(min(1.8823529412vw, 32px) * -1);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: min(2.2352941176vw, 38px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.occupation::before {
    height: min(5vw, 28px);
    bottom: calc(min(6.4285714286vw, 36px) * -1);
    width: min(10.1785714286vw, 57px);
  }
}
.recruit-page #requirements .tab-btn.employment {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 min(0.8823529412vw, 15px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.employment {
    margin: 0 min(3.3928571429vw, 19px);
  }
}
.recruit-page #requirements .tab-btn.employment li {
  border: 2px dashed #fff;
  border-radius: min(0.8823529412vw, 15px);
  color: #fff;
  font-size: min(0.8823529412vw, 15px);
  text-align: center;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: 47%;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.employment li {
    border-radius: min(3.3928571429vw, 19px);
    font-size: min(3.3928571429vw, 19px);
  }
}
.recruit-page #requirements .tab-btn.employment li:first-child {
  margin-right: 6%;
}
.recruit-page #requirements .tab-btn.employment li:hover {
  background: #fff;
  border: 2px solid #fff;
  color: #51a41a;
}
@media (max-width: 560px) {
  .recruit-page #requirements .tab-btn.employment li:hover {
    background: transparent;
    border: 2px dashed #fff;
    color: #fff;
  }
}
.recruit-page #requirements .tab-btn.employment li.active {
  background: #fff;
  border: 2px solid #fff;
  color: #51a41a;
}
.recruit-page #requirements {
  /* tab-btn */
}
.recruit-page #requirements .requirements-panel h3 {
  background: url(../images/recruit/requirements-desc-head-back.png) no-repeat center/contain;
  font-size: min(1.4117647059vw, 24px);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-bottom: min(2.5294117647vw, 43px);
  padding: min(1.4705882353vw, 25px) 0;
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #requirements .requirements-panel h3 {
    background: url(../images/recruit/requirements-desc-head-back-sp.png) no-repeat center/100% 100%;
    font-size: min(6.7857142857vw, 38px);
    margin-bottom: min(8.0357142857vw, 45px);
    padding: min(7.5vw, 42px) 0;
  }
}
.recruit-page #requirements .requirements-panel h3 span {
  background: #5fa40b;
  border-radius: min(0.8823529412vw, 15px);
  color: #fff;
  display: inline-block;
  font-size: min(0.8823529412vw, 15px);
  padding: min(0.1764705882vw, 3px) min(1.1176470588vw, 19px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .requirements-panel h3 span {
    border-radius: min(4.6428571429vw, 26px);
    display: inline-block;
    font-size: min(4.6428571429vw, 26px);
    margin-top: min(3.3928571429vw, 19px);
    padding: min(1.0714285714vw, 6px) min(6.0714285714vw, 34px);
  }
}
.recruit-page #requirements .requirements-panel table {
  border-collapse: collapse;
  width: 100%;
}
.recruit-page #requirements .requirements-panel table th, .recruit-page #requirements .requirements-panel table td {
  background: #fff;
  border-bottom: 1px solid rgba(101, 100, 95, 0.5);
  white-space: pre-wrap;
}
@media (max-width: 560px) {
  .recruit-page #requirements .requirements-panel table th, .recruit-page #requirements .requirements-panel table td {
    display: block;
    font-size: min(4.2857142857vw, 24px);
  }
}
.recruit-page #requirements .requirements-panel table th {
  border-right: 1px solid rgba(101, 100, 95, 0.5);
  font-size: min(1vw, 17px);
  font-weight: 400;
  padding: min(0.7058823529vw, 12px) min(2.3235294118vw, 39.5px);
  -moz-text-align-last: justify;
       text-align-last: justify;
  width: min(9.2941176471vw, 158px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .requirements-panel table th {
    border-bottom: none;
    border-right: none;
    font-size: min(4.4642857143vw, 25px);
    font-weight: 600;
    letter-spacing: 0.2em;
    padding: min(3.2142857143vw, 18px) min(4.8214285714vw, 27px) min(2.3214285714vw, 13px);
    -moz-text-align-last: left;
         text-align-last: left;
    width: 100%;
  }
}
.recruit-page #requirements .requirements-panel table td {
  padding: min(0.7058823529vw, 12px) min(2.1764705882vw, 37px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .requirements-panel table td {
    padding: min(2.3214285714vw, 13px) min(4.8214285714vw, 27px) min(4.2857142857vw, 24px);
  }
}
.recruit-page #requirements .requirements-panel table tr:first-child th,
.recruit-page #requirements .requirements-panel table tr:first-child td {
  border-top: 1px solid rgba(101, 100, 95, 0.5);
}
@media (max-width: 560px) {
  .recruit-page #requirements .requirements-panel table tr:first-child td {
    border-top: none;
  }
}
.recruit-page #requirements .notext {
  background: #fff;
  padding: min(2.9411764706vw, 50px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #requirements .notext {
    padding: min(5.3571428571vw, 30px) min(5.3571428571vw, 30px) 0;
  }
}
.recruit-page #requirements .hidden-fields-container {
  border: none;
}
.recruit-page #requirements .screen-reader-response {
  display: none;
}
.recruit-page #requirements .contact-wrapper {
  background: #fff;
  padding: min(2.9411764706vw, 50px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper {
    padding: min(8.9285714286vw, 50px) min(4.8214285714vw, 27px);
  }
}
.recruit-page #requirements .contact-wrapper .head {
  color: #006e85;
  font-size: min(1.7058823529vw, 29px);
  font-weight: 400;
  letter-spacing: 0.1em;
  margin-bottom: min(1.4705882353vw, 25px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper .head {
    font-size: min(6.4285714286vw, 36px);
    margin-bottom: min(7.1428571429vw, 40px);
  }
}
.recruit-page #requirements .contact-wrapper li:not(:last-child) {
  margin-bottom: min(1.7647058824vw, 30px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper li:not(:last-child) {
    margin-bottom: min(3.5714285714vw, 20px);
  }
}
.recruit-page #requirements .contact-wrapper h3 {
  font-size: min(1.1764705882vw, 20px);
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-bottom: min(0.4705882353vw, 8px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper h3 {
    font-size: min(4.2857142857vw, 24px);
    margin-bottom: min(0.5357142857vw, 3px);
  }
}
.recruit-page #requirements .contact-wrapper h3 span {
  color: #d70000;
}
.recruit-page #requirements .contact-wrapper select,
.recruit-page #requirements .contact-wrapper input[type=text],
.recruit-page #requirements .contact-wrapper input[type=number],
.recruit-page #requirements .contact-wrapper input[type=email],
.recruit-page #requirements .contact-wrapper input[type=tel],
.recruit-page #requirements .contact-wrapper textarea {
  background: #fff;
  border: 1px solid rgba(83, 83, 83, 0.4);
  border-radius: min(0.2941176471vw, 5px);
  color: #535353;
  font-size: min(1.1176470588vw, 19px);
  letter-spacing: 0.05em;
  padding: min(0.7058823529vw, 12px);
  width: 100%;
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper select,
  .recruit-page #requirements .contact-wrapper input[type=text],
  .recruit-page #requirements .contact-wrapper input[type=number],
  .recruit-page #requirements .contact-wrapper input[type=email],
  .recruit-page #requirements .contact-wrapper input[type=tel],
  .recruit-page #requirements .contact-wrapper textarea {
    border-radius: min(0.8928571429vw, 5px);
    font-size: min(4.2857142857vw, 24px);
    padding: min(1.7857142857vw, 10px);
  }
}
.recruit-page #requirements .contact-wrapper .readonly input[type=text] {
  border: none;
  padding: 0;
}
.recruit-page #requirements .contact-wrapper input[type=number] {
  width: auto;
}
.recruit-page #requirements .contact-wrapper input[type=tel] {
  width: auto;
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper input[type=tel] {
    width: calc(100% - 1em);
  }
}
.recruit-page #requirements .contact-wrapper .wpcf7-not-valid-tip {
  color: #d70000;
}
.recruit-page #requirements .contact-wrapper .btn-box {
  margin-top: min(3.8235294118vw, 65px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper .btn-box {
    margin-top: min(7.1428571429vw, 40px);
  }
}
.recruit-page #requirements .contact-wrapper .btn-box input {
  border: none;
  border-radius: min(0.2941176471vw, 5px);
  cursor: pointer;
  font-size: min(1.2941176471vw, 22px);
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: min(1vw, 17px) 0;
  width: 100%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper .btn-box input {
    border-radius: min(0.8928571429vw, 5px);
    font-size: min(4.2857142857vw, 24px);
    padding: min(2.6785714286vw, 15px) 0;
  }
}
.recruit-page #requirements .contact-wrapper .btn-box input:hover {
  opacity: 0.7;
}
.recruit-page #requirements .contact-wrapper .back-btn {
  margin-bottom: min(0.8823529412vw, 15px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .contact-wrapper .back-btn {
    margin-bottom: min(1.7857142857vw, 10px);
  }
}
.recruit-page #requirements .contact-wrapper .back-btn input {
  background: #fff;
  border: 1px solid #006e85;
  color: #006e85;
}
.recruit-page #requirements .contact-wrapper .submit-btn input {
  background: #006e85;
  color: #fff;
}
.recruit-page #requirements {
  /*contact-wrapper*/
  /*確認画面と完了画面を非表示*/
}
.recruit-page #requirements .confirm-area,
.recruit-page #requirements .thanks-area {
  display: none;
}
@media (max-width: 560px) {
  .recruit-page #requirements .confirm-area,
  .recruit-page #requirements .thanks-area {
    margin-top: min(21.4285714286vw, 120px);
  }
}
.recruit-page #requirements .thanks-area .desc {
  font-size: min(1.0588235294vw, 18px);
  line-height: 2;
  margin-bottom: min(3.5294117647vw, 60px);
  text-align: center;
}
@media (max-width: 560px) {
  .recruit-page #requirements .thanks-area .desc {
    font-size: min(4.4642857143vw, 25px);
    line-height: 1.7;
    margin-bottom: min(8.9285714286vw, 50px);
  }
}
.recruit-page #requirements .thanks-area .more-btn {
  margin-bottom: min(1.1764705882vw, 20px);
  text-align: center;
}
.recruit-page #requirements .thanks-area .more-btn p {
  text-align: center;
}
.recruit-page #requirements .thanks-area .more-btn a {
  padding-right: min(3.8235294118vw, 65px);
}
@media (max-width: 560px) {
  .recruit-page #requirements .thanks-area .more-btn a {
    padding-right: min(13.3928571429vw, 75px);
  }
}
.recruit-page #requirements {
  /*デフォルトのサンクスメッセージを非表示*/
}
.recruit-page #requirements .wpcf7-response-output {
  display: none;
}
.recruit-page #requirements {
  /*.entry-btn{
      margin: responsive($wide, 127px) auto 0;
      width: responsive($wide, 534px);
      @include sp {
          margin-top: responsive($sp, 107px);
          width: 100%;
      }
      a{
          background: url(../images/recruit/requirements-entry-back.png) no-repeat center/contain;
          display: block;
          padding: responsive($wide, 52px) 0;
          position: relative;
          text-align: center;
          @include sp {
              background: url(../images/recruit/requirements-entry-back-sp.png) no-repeat center/contain;
              padding: responsive($sp, 64px) responsive($sp, 62px) responsive($sp, 64px) 0;
          }
          img{
              width: responsive($wide, 151px);
              @include sp {
                  width: responsive($sp, 195px);
              }
          }
          &::before{
              background: url(../images/recruit/requirements-entry-arrow.png) no-repeat center/contain;
              content: "";
              height: responsive($wide, 45px);
              position: absolute;
              top: 50%;
              right: responsive($wide, 109px);
              transform: translate(0, -50%);
              width: responsive($wide, 49px);
              @include sp {
                  height: responsive($sp, 58px);
                  right: responsive($sp, 85px);
                  width: responsive($sp, 62px);
              }
          }
      }
  }*/
}