@charset "UTF-8";
.page-template-page-request-job .hn-page-title-box {
  position: relative;
  margin: 0 auto;
  padding: 0;
  border: .3125em solid transparent;
  border-radius: .5em;
  background: #fff
}

.page-template-page-request-job .hn-page-title-box .hn {
  display: table;
  border-bottom: .13333em dashed #d4d33f;
  letter-spacing: .13333em;
  color: #333
}

.page-template-page-request-job .hn-page-title-box .hn::after, .page-template-page-request-job .hn-page-title-box .hn::before {
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

.page-template-page-request-job #page-header .hn-page-title-box {
  border-color: #00d195
}

.page-template-page-request-job #page-header .hn-page-title-box .hn::before {
  background-image: url(../image/request-job/balloontip-cyan.svg)
}

.page-template-page-request-job #page-header .hn-page-title-box .hn::after {
  background-image: url(../image/request-job/lamp-with-request.svg)
}

.page-template-page-request-job #page-header #desc-in-page-header {
  margin: 2.66667em 0 0;
  font-size: 1.5rem;
  text-align: center;
  color: #00d195
}

.page-template-page-request-job #page-header #msgs-box-in-page-header {
  display: table;
  margin: 1.625em auto 0;
  text-align: center;
  color: #333;
  line-height: 1.75
}

.page-template-page-request-job #page-header #msgs-box-in-page-header p {
  margin: 0
}

.page-template-page-request-job #page-header #msgs-box-in-page-header p em {
  background-image: linear-gradient(0deg, #d4d33f 0, #dfd33f 100%);
  background-position: center calc(100% - .0625em);
  background-repeat: no-repeat;
  background-size: 100% .1875em;
  font-style: normal
}

.page-template-page-request-job #page-header aside h3 {
  margin: 1.3em 0 0;
  text-align: center;
  font-size: 1.25em;
  color: #00d195;
  letter-spacing: .00726em
}

.page-template-page-request-job #page-header aside h3::after, .page-template-page-request-job #page-header aside h3::before {
  display: inline
}

.page-template-page-request-job #page-header aside h3::before {
  content: '＜'
}

.page-template-page-request-job #page-header aside h3::after {
  content: '＞'
}

.page-template-page-request-job #page-header aside ul {
  display: table;
  margin: 1.25em auto 0;
  padding: 0 0 0 1em;
  list-style: square
}

.page-template-page-request-job #page-header aside ul li a {
  color: #00d195
}

.page-template-page-request-job #page-header aside ul li:not(:first-of-type) {
  margin-top: .25em
}

.page-template-page-request-job section .hn-box-dbl-ul .hn {
  padding: 0 0 .26087em 1.82609em;
  font-size: 1.4375em;
  color: #333
}

.page-template-page-request-job section .link-box {
  text-align: center
}

.page-template-page-request-job section .link-box a {
  color: #fff;
  text-decoration: none
}

.page-template-page-request-job #sct-job {
  margin-top: 4.625em
}

.page-template-page-request-job #sct-job .hn-box-dbl-ul::before {
  background: #fc8d8b
}

.page-template-page-request-job #sct-job .hn-box-dbl-ul::after {
  background: repeating-linear-gradient(-45deg, transparent, transparent .3125em, #fbdac7 .3125em, #fbdac7 .625em)
}

.page-template-page-request-job #sct-job .hn-box-dbl-ul .hn.hn-icon::before {
  width: 1.52174em;
  height: 2em;
  background-image: url(../image/request-job/ribbon.svg)
}

.page-template-page-request-job #sct-job #job-list-box {
  margin-top: 1.875em;
  position: relative
}

.page-template-page-request-job #sct-job #job-list-box ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style: none
}

.page-template-page-request-job #sct-job #job-list-box ul li {
  text-indent: -1.25em
}

.page-template-page-request-job #sct-job #job-list-box ul li::before {
  content: '●';
  color: #fc8d8b;
  margin-right: .25em
}

.page-template-page-request-job #sct-job #job-list-box ul li:not(:first-of-type) {
  margin-top: .25em
}

.page-template-page-request-job #sct-job #job-list-box img {
  width: 9.375em
}

.page-template-page-request-job #sct-job #msg-box-in-sct-job {
  display: table;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%
}

.page-template-page-request-job #sct-job #msg-box-in-sct-job #msg-in-sct-job {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  font-size: .9375em;
  color: #fc8d8b;
  text-align: center
}

.page-template-page-request-job #sct-job .link-box {
  margin: 4.375em 0 0
}

.page-template-page-request-job #sct-job .link-box a {
  background: #fc8d8b
}

.page-template-page-request-job #sct-flow {
  margin-top: 2em;
  /*margin-top: 6.5em;*/
}

.page-template-page-request-job #sct-flow header {
  max-width: 30.625em;
  margin: 0 auto
}

.page-template-page-request-job #sct-flow header .hn-page-title-box {
  border-color: #8cc63f
}

.page-template-page-request-job #sct-flow header .hn-page-title-box .hn::before {
  background-image: url(../image/request-job/balloontip-green.svg)
}

.page-template-page-request-job #sct-flow #flow-box {
  max-width: 50em;
  margin: 4.375em auto 0;
  counter-reset: no_for_flow 0
}

.page-template-page-request-job #sct-flow #flow-box section {
  max-width: 50em;
  min-height: 7.5em;
  position: relative;
  border-top: .1875em solid transparent;
  background: #fff
}

.page-template-page-request-job #sct-flow #flow-box section .msg-box {
  counter-increment: no_for_flow 1
}

.page-template-page-request-job #sct-flow #flow-box section .msg-box::after, .page-template-page-request-job #sct-flow #flow-box section .msg-box::before {
  position: absolute
}

.page-template-page-request-job #sct-flow #flow-box section .msg-box::before {
  content: counter(no_for_flow);
  font-family: Haettenschweiler, sans-serif;
  color: #fff;
  z-index: 1
}

.page-template-page-request-job #sct-flow #flow-box section .msg-box::after {
  content: '';
  border-radius: 50%;
  z-index: 0
}

.page-template-page-request-job #sct-flow #flow-box section .msg-box h3 {
  margin: 0;
  line-height: 1.25;
  font-size: 1.3125rem;
  color: #333
}

.page-template-page-request-job #sct-flow #flow-box section img {
  width: 6.25em
}

.page-template-page-request-job #sct-flow #flow-box section:not(:first-of-type) {
  margin-top: 3.75em
}

.page-template-page-request-job #sct-flow #flow-box section:not(:first-of-type)::before {
  content: '▼';
  color: #feaa54;
  top: -1.61111em;
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 2.25em
}

.page-template-page-request-job #sct-flow #flow-box #flow-1 {
  border-top-color: #cbd70a
}

.page-template-page-request-job #sct-flow #flow-box #flow-1 .msg-box::after {
  background: #cbd70a
}

.page-template-page-request-job #sct-flow #flow-box #flow-2 {
  border-top-color: #9c0
}

.page-template-page-request-job #sct-flow #flow-box #flow-2 .msg-box::after {
  background: #9c0
}

.page-template-page-request-job #sct-flow #flow-box #flow-3 {
  border-top-color: #4ccc5e
}

.page-template-page-request-job #sct-flow #flow-box #flow-3 .msg-box::after {
  background: #4ccc5e
}

.page-template-page-request-job #sct-flow #flow-box #flow-3 .msg-box .p-box {
  letter-spacing: .03125em
}

.page-template-page-request-job #sct-flow #flow-box #flow-4 {
  border-top-color: #00d195
}

.page-template-page-request-job #sct-flow #flow-box #flow-4 .msg-box::after {
  background: #00d195
}

.page-template-page-request-job #sct-flow .link-box {
  margin: 4em 0 0;
  /*margin: 5.875em 0 0;*/
}

.page-template-page-request-job #sct-flow .link-box a {
  background: #00d195
}

@media (max-width:327px) {
  .page-template-page-request-job #sct-flow #flow-box #flow-4 .msg-box h3 {
    letter-spacing: -.04762em
  }
}

@media (max-width:479px) {
  .page-template-page-request-job .hn-page-title-box .hn {
    font-size: 1.375rem;
    margin: 1.25em auto 1.5em
  }
  .page-template-page-request-job .hn-page-title-box .hn::before {
    width: 2.04545em;
    height: 1.90909em;
    left: .68182em;
    bottom: -1.18182em
  }
  .page-template-page-request-job .hn-page-title-box .hn::after {
    width: 4.81818em;
    height: 4.18182em;
    right: .36364em;
    bottom: -.90909em
  }
  #sct-flow header .hn-page-title-box .hn::before {
    width: 2.04545em;
    height: 1.90909em;
    left: .68182em;
    bottom: -1.18182em
  }
}

@media (max-width:495px) {
  .page-template-page-request-job #sct-job #msg-box-in-sct-job {
    width: 16.25em;
    height: 9.375em
  }
  .page-template-page-request-job #sct-job #msg-box-in-sct-job #msg-in-sct-job {
    padding: 0 1.2em
  }
}

@media (max-width:543px) {
  .page-template-page-request-job #sct-flow #flow-box {
    padding: 1.5em
  }
  .page-template-page-request-job #sct-flow #flow-box section {
    padding: 2em 0 1em
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box {
    width: 80%;
    margin: 0 auto
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box::before {
    top: -1.02083em;
    font-size: 3rem
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box::after {
    width: 3.75em;
    height: 3.75em;
    left: 1em;
    top: -2.5em
  }
  .page-template-page-request-job #sct-flow #flow-box section img {
    display: block;
    margin: 1em auto 0
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-1 .msg-box::before {
    left: .79167em
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-2 .msg-box::before {
    left: .75em
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-3 .msg-box::before {
    left: .75em
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-4 .msg-box::before {
    left: .70833em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-1 .msg-box::before {
    left: .625em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-2 .msg-box::before {
    left: .66667em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-3 .msg-box::before {
    left: .6875em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-4 .msg-box::before {
    left: .64583em
  }
}

@media (max-width:639px) {
  .page-template-page-request-job section .link-box a {
    display: inline-block;
    padding: .75em 1.5em
  }
}

@media (max-width:767px) {
  .page-template-page-request-job .hn-page-title-box .hn::after {
    display: none
  }
  .page-template-page-request-job section .link-box a {
    border-radius: .44444em;
    font-size: 1.125rem;
    letter-spacing: .05556em
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box .p-box {
    margin-top: 1em
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box .p-box p {
    margin: 0
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box .p-box p:not(:first-of-type) {
    margin-top: .5em
  }
}

@media (max-width:999px) {
  .page-template-page-request-job #page-header #msgs-box-in-page-header p br {
    display: none
  }
  .page-template-page-request-job #page-header #msgs-box-in-page-header p:not(:first-of-type) {
    margin-top: 1em
  }
  .page-template-page-request-job #sct-job #job-list-box img {
    display: block;
    margin: 1.75em auto 0
  }
  .page-template-page-request-job #sct-job #msg-box-in-sct-job {
    margin: 2em auto 0;
    border-radius: .5em;
    background: rgba(255, 255, 255, .7)
  }
}

@media (min-width:480px) {
  .page-template-page-request-job .hn-page-title-box .hn {
    font-size: 1.875rem;
    margin: .8em auto 1em
  }
  .page-template-page-request-job .hn-page-title-box .hn::before {
    width: 1.5em;
    height: 1.4em;
    left: .5em;
    bottom: -.86667em
  }
  .page-template-page-request-job .hn-page-title-box .hn::after {
    width: 3.3125em;
    height: 3.06667em;
    right: .26667em;
    bottom: -.66667em
  }
  #sct-flow header .hn-page-title-box .hn::before {
    width: 1.5em;
    height: 1.4em;
    left: .5em;
    bottom: -.86667em
  }
}

@media (min-width:496px) and (max-width:999px) {
  .page-template-page-request-job #sct-job #msg-box-in-sct-job {
    width: 26.25em;
    height: 7.5em
  }
  .page-template-page-request-job #sct-job #msg-box-in-sct-job #msg-in-sct-job {
    padding: 0 1.875em
  }
}

@media (min-width:544px) {
  .page-template-page-request-job #sct-flow #flow-box section {
    padding: .625em 0
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box {
    width: calc(100% - 14.25em);
    margin-left: 5.5em
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box::before {
    top: -.53571em;
    font-size: 3.5rem
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box::after {
    width: 5em;
    height: 5em;
    left: -1em;
    top: -1.625em
  }
  .page-template-page-request-job #sct-flow #flow-box section img {
    position: absolute;
    top: .625em;
    right: 1.25em
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-1 .msg-box::before {
    left: .26786em
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-2 .msg-box::before {
    left: .26786em
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-3 .msg-box::before {
    left: .23214em
  }
  .page-template-page-request-job #sct-flow #flow-box #flow-4 .msg-box::before {
    left: .17857em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-1 .msg-box::before {
    left: .10714em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-2 .msg-box::before {
    left: .14286em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-3 .msg-box::before {
    left: .14286em
  }
  .android.firefox .page-template-page-request-job #sct-flow #flow-box #flow-4 .msg-box::before {
    left: .08929em
  }
}

@media (min-width:640px) {
  .page-template-page-request-job section .link-box a {
    padding: .64em 2.56em
  }
}

@media (min-width:768px) {
  .page-template-page-request-job section .link-box a {
    border-radius: .32em;
    font-size: 1.5625rem;
    letter-spacing: .04em
  }
  .page-template-page-request-job section.col.col__lg--12 {
    margin-left: 12.5%
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box .p-box {
    margin-top: .5em
  }
  .page-template-page-request-job #sct-flow #flow-box section .msg-box .p-box p {
    display: inline;
    margin: 0
  }
}

@media (min-width:1000px) {
  .page-template-page-request-job #sct-job #job-list-box img {
    position: absolute;
    top: 1.75em;
    right: 1.125em
  }
  .page-template-page-request-job #sct-job #msg-box-in-sct-job {
    width: 34.0625em;
    height: 6.5625em;
    margin: 3.3125em auto 0;
    background-image: url(../image/request-job/cloud-wide.svg)
  }
  .page-template-page-request-job #sct-job #msg-box-in-sct-job #msg-in-sct-job {
    padding: 0 .625em
  }
}