/* =======================================================
*
* 	Service Style
*
* ======================================================= */



/*media*/
/*====================
 - 〜479px：SP縦
 - 480px〜599px：SP横
 - 600px〜959px：タブレット
 - 960px〜1279px：小型PC
 - 1280px〜：大型PC
====================*/


.container.frontbody {
    margin-top: 10vw!important;
}


.fh5co-nav .top-menu {
    padding: 20px 0;
    margin: 0;
}

.card-support-page .inner-support p.content.sec03.know-work.justy-center01 {
    padding: 8px;
}



#fh5co-offcanvas {
    position: fixed;
    top: 74.5px!important;
}

.navi-me {
    font-size: 0.6em;
}

#fh5co-offcanvas li.sp-navili {
    margin: 0px;
    height: 15.2vw;
}

.container.companybody {
    height: 67vw;
}

#fh5co-offcanvas {
    height: auto;
}

.fh5co-nav {
    height: 82px;
}

  p.message-contents {
    font-size: 14px;
    font-size: 2.5vw;
    width: 94%;
    letter-spacing: 1px;
    font-family: notoL;
}

span.yu-min.name {
    font-size: 34px;
    font-size: 6.43vw;
    font-family: Yumin;
    margin-left: 20px;
}

h3.blue-cache.notoL.noto-middle-cache {
  text-align: center;
  background: #daf1ff;
  padding: 10px 0 10px 0;
  color: #1a8dd6;
  font-size: 3.7vw;
  margin-bottom: 20px;
}

.container.service.company.front.bottom-info.sp-sosiki-sec {
    margin-bottom: 30px;
}

section.company.section.top-front.comp-sec-normal.bg-grey.sp-sosiki-sec {
    padding-bottom: 50px;
}

.company-table.sp-comp.ok-sp-border table tr {
    /* border-top: 1px solid #067ac4; */
    /* border-bottom: 1px solid #067ac4; */
    display: grid;
    border: 1px solid #067ac4;
}

.comp-fin-last {
    margin-bottom: 60px;
}

.container.non-iframe-pa iframe {
    padding: 50px 0 0 0;
}

.contents-center-txt p.margin {
    text-align: center;
    margin-bottom: 0;
    margin-top: 21px;
    width: 90%;
    margin: 0 auto;
}

p.margin.noto.noto-small.end-bottom-coulmn {
    margin-bottom: 95px;
    margin-top: 16px;
    text-align: left;
}

.noto-middle {
    font-size: 18px;
    width: 90%;
    font-size: 2.4vw;
    margin: 0 auto;
    letter-spacing: 1px;
}

.company-table table th {
    height: 45px;
    width: auto;
    font-size: 1.2em;
    /* font-size: 22px; */
    padding: 4px;
    font-size: 5vw;
    border-bottom: 1px solid #067ac4;
    color: #fff;
    font-weight: 100;
    letter-spacing: 3px;
    text-align: center;
}

  div.tabs-sample {
    text-align: center;
    width: auto;
    margin: 0 auto;
    padding: 40px 0 100px 0;
}

input#sample01 {
    margin: 35px 33px 29px 26px;
}

.con-big-line {
    width: 100%;
}

.cform input[type=email] {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: solid 1px #067ac4;
}

.cform textarea {
    width: 100%;
    height: 250px;
    padding: 10px;
    border: solid 1px #067ac4;
}

section.company.section.harf-bk.reclute-btn-info.reclute-page-end.contact-btn-erea-end {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    padding: 0;
    margin-top: 0;
    padding-bottom: 70px;
    margin-top: -50px;
}

.privacy-kjkl {
    width: 100%;
}

.privacy-kjkl ul li {
    color: #474747;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: noto;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

p.contact-ttl {
    color: #1968c1;
    font-family: noto;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

.cform tr.dajklcnlkdc td {
    padding-top: 20px;
}

input.con-sub-btn {
    background: #1968c1;
    color: #ffffff;
    border: 1px solid #1968c1;
    font-family: 'noto';
    font-size: 22px;
    width: 80%;
    height: 60px;
    border-radius: 0px;
    padding: 13px 0px;
    letter-spacing: 2px;
    /* margin: 0 0 0; */
    padding: 0px 0px 0px 0px;
    margin-right: 0px;
}

.cform {
    margin: auto;
    width: 90%;
    background: #fff;
}

.tab_item {
    padding: 30px 45px;
    width: 90%;
    height: 77px;
    background-color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 1em;
    background: #b7b7b7;
    font-family: noto;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    transition: all 0.2s ease;
    margin: 0;
}

ul.year-archive.category {
    display: flex;
    flex-wrap: wrap;
    width: 76%;
    padding: 0px;
    line-height: 2;
    text-align: -webkit-auto;
    margin-bottom: 3px;
    margin: 0 auto;
}

.col-md-6.col-xm-12-compsec02.all-con.what-topic-comp {
    width: 100%;
}

.col-md-6.col-xm-12-compsec01.all-con.qa-bg.what-topic-comp.comp-message-img {
    width: 100%;
}

.msg-box {
    width: auto;
    margin: 25px 0px 0px 25px;
}

.col-md-6.all-con.qa-bg.what-topic-comp.comp-message-img img {
    width: 100%;
    min-height: auto;
    object-fit: cover;
}

.col-md-12.padding-none.comp-message-sec {
    background-position: 102.8%;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    background-size: contain;
    background-image: none;
}

.company-table table {
    border-spacing: 0px 10px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 91%;
    font-family: noto;
}

.company-table table td {
    font-size: 3.5vw;
    font-weight: 100;
    padding-left: 20px!important;
    text-align: left;
    padding: 20px 10px 20px 10px;
    /* padding-left: 0; */
    background: #ffffff;
    letter-spacing: 4px;
    color: #000;
}

.select-companylink {
    width: auto;
    margin: 0 auto;
}

.company-table table td {
  font-size: 14px;
      font-weight: 100;
      padding-left: 10px!important;
      text-align: left;
      padding: 10px 10px 10px 10px;
      /* padding-left: 0; */
      background: #ffffff;
      letter-spacing: 4px;
      color: #000;
}

.col-md-8.col-md-offset-2.text-left.company.contact-body-cache {
    position: absolute;
    top: 66%;
    left: 50%;
    width: 100%;
    margin-left: 0;
    transform: translate(-50%, -104%);
    text-align: center;
}

.privacy-policy-scroll {
    overflow: auto;
    width: 90%;
    height: 185px;
    /* padding-left: 40px; */
    /* padding-right: 40px; */
    padding: 5px 15px 0px;
    color: #5d5d5d;
    margin: 27px auto;
    line-height: 29px;
    font-family: noto;
    margin-bottom: 0;
    font-size: 13px;
    background: #f5f5f5;
}

.privacy-kjkl.top-oko ul li {
    font-size: 12px;
    width: 90%;
    margin: 0 auto;
}

input#sample02 {
    margin: 112px 33px 29px -350px;
    position: absolute;
}

table.cform tr {
    display: grid;
}

.cform td {
    font-size: 14px;
    line-height: 150%;
    padding: 10px 5px;
    width: 100%;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    text-align: left;
}


  section.movie-erea {
    background-image: url(../httpdocs/images/recruit/recruit-triangle-white.png);
    background-repeat: no-repeat;
    height: auto;
    background-size: contain;
    background-position: top;
    padding-bottom: 115px;
}

section.recruit.section.top-front.skillup-entry-white.recruit-movie-erea {
    text-align: center;
    margin: -5px 0px 30px 0px;
}

section.movie-erea-v2 {
  padding-bottom: 120px;
  height: auto;
}

section.movie-erea-v2.end7 {
    padding-bottom: 70px;
}

section.movie-erea h2.heading-ttl.en.only-weight-midium {
    font-size: 6vw;
    margin: 0;
}

section.movie-erea-v2 h2.heading-ttl.en.only-weight-midium {
    font-size: 6vw;
    margin: 0;
    margin-top: 0!important;
margin-bottom: 0!important;
}

section.movie-erea iframe {
    margin-top: 80px!important;
        padding: 50px 0 0 0;
}



section.movie-erea-v2 iframe {
  margin-top: 10px!important;
  margin-bottom: 0px!important;
  padding: 50px 0 0px 0;
  height: -webkit-fill-available!important;
}

iframe {
    width: 100%;
    padding: 50px 0 0 0;
}

section.movie-erea-v3 h2.heading-ttl.en.only-weight-midium {
    font-size: 6vw;
    margin: 0;
}

.top-cache-banner.slide-topcache-v5-ver2 {
    display: none;
}

.container.frontbody {
    height: 141vw!important;
    max-height: 1300px!important;
}

.sp-section-recruit-btn {
    background-position: top!important;
    background-repeat: no-repeat;
    background-size: contain!important;
    height: auto;
    background-image: url(images/top/recruit-sp-btn-img.png);
}

.sp-section-recruit-btn .erea-btn {
    height: -webkit-fill-available!important;
        margin-bottom: -120px;
}

span.section-qa-big.sp-topi {
    font-size: 7.28vw!important;
    font-family: "robotoL";
    display: block;
    width: 100%;
    color: #067ac4;
    text-align: center;
    letter-spacing: 5px;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: -30px;
}

p.section-qa.what-comp01.more-btn {
    text-align: center;
}

button.btn.btn-primary.btn-white.strong {
    background: rgba(255, 255, 255,0);
    color: #fff;
    font-family: 'roboto';
    font-size: 16px;
    width: 80%!important;
    height: 45px;
    border-radius: 5px;
    letter-spacing: 3px;
    padding: 13px 0px;
    border: 1px solid #fff;
}

h2.product-ttl.front.orenji-ptn {
    font-family: "robotoL";
    font-size: 7.28vw!important;
    color: #f57e28;
    font-style: italic;
    /* font-size: 45px; */
    letter-spacing: 7px;
    margin-bottom: 14px;
}

button.btn.btn-primary.btn-orenji.recruit.sp-gi-toprec {
    width: 59%!important;
}

.footer-logo {
    width: 23%!important;
    height: 45px;
    margin: 35px auto;
}

p.footer-adress {
    font-size: 11px;
    font-size: 2vw!important;
    text-align: center;
    font-family: noto;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 14px;
}

.section--footer_contact .section--footer_contact__inner .btn__body.left img {
    width: 60%!important;
    margin: 0 auto;
    margin-bottom: 25px;
}

.section--footer_contact .section--footer_contact__inner a.btn-tel img {
    width: 60%!important;
    margin: 0 auto;
}

.top-cache-banner.slide-topcache-v5-ver2 {
    display: none!important;
    position: absolute;
    top: -66%;
    max-width: 700px;
    width: 13.5%;
    left: 38%;
    transform: translate(-50%, -75%);
}

span.section-qa-small.product.orenji-ptn {
    font-family: noto;
    font-size: 20px;
    font-size: 2.5vw!important;
    letter-spacing: 1px;
    line-height: 2em;
    color: #000;
    opacity: 0.8;
}

span.section-qa-big.comp.sp-gi-comp {
    font-size: 45px;
    font-size: 7.28vw!important;
    font-family: "robotoL";
    font-style: normal;
    letter-spacing: 7px;
    color: #fff;
}

ul.top-card-til.--service li p.button-erea img {
    width: 70%!important;
}

ul.top-card-til.--service li p.button-erea {
  width: 100%!important;
  margin: 0 auto;
  text-align: center;
}

.flex-box-productall.first {
    margin-left: 10px;
    margin-right: 10px;
}

.flex-box-productall.small {
    width: 100%!important;
    margin-left: 10px;
    margin-right: 10px;
    margin: 0 auto;
    padding-left: 10px;
padding-right: 10px;
}

p.works-center-txt.system-solu-subcacheerea {
    text-align: center;
}

table.product-info-tbl.bluecol {
    width: auto;
}

.usage-loop-flexerea {
    display: block;
}

.flex-box-productall.small.right-padding {
    margin-left: 10px;
    margin-right: 10px;
    margin: 0 auto;
}

.usage-loop-flex01 {
    text-align: center;
}

ul.solufooter-ul li {
    width: auto;
    padding: 10px;
}

.footer-col-erea {
    width: auto;
}

.navi-me {
    font-size: 0.6em!important;
}

.flex-box-productall.fin {
    width: 100%!important;
    margin-left: 10px;
    margin-right: 10px;
    margin: 0 auto;
}

.top-cache-banner img {
    margin-left: unset;
}

div#page div#fh5co-offcanvas {
    top: 74.5px!important;
        height: auto;
}

span.section-qa-small.product.strong-ptn {
    font-size: 20px;
    font-size: 2.5vw!important;
    color: #000000;
    font-family: noto;
    opacity: 0.8;
    letter-spacing: 3px;
    line-height: 2;
    font-weight: 500;
    margin-bottom: 0px;
}

button.btn.btn-primary.btn-blue.strong {
    background: rgba(255, 255, 255,0.6);
    color: #014f97;
    font-family: 'roboto';
    font-size: 16px;
    width: 60%!important;
    height: 45px;
    border-radius: 5px;
    letter-spacing: 3px;
    padding: 13px 0px;
    border: 1px solid #014f97;
}

.col-md-6.all-con.qa-bg ul.topics-erea li a {
    color: #000;
    font-size: 14px;
    font-size: 2.2vw!important;
    font-family: noto;
    line-height: 2;
    opacity: 0.8;
    letter-spacing: 1px;
}

h2.product-ttl.front {
    font-size: 7vw!important;

}


  header#fh5co-header-service-recruit {
    background-image: url("../../images/support/support-spmv.png");
    background-size: cover;
        background-repeat: no-repeat;
            background-position: center;
  }

  .recruit-sec02-img.support-page {
    background-image: url(../../images/support/sp-support_secimg01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 197px;
}

.recruit-sec03-img.support-page {
    background-image: url(../../images/support/sp-support_secimg02.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 197px;
}

.recruit-sec04-img.support-page {
    background-image: url(../../images/support/sp-support_secimg03.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 197px;
}

.recruit-sec01-img.skillup-sec02-ttl {
    background-image: url(../../images/skillup/sp-skill-upimg01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 147px;
}

.skillup-img-sec02 {
    background-image: url(../../images/skillup/sp-skill-upimg02.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 147px;
}

.recruit-sec02-img {
    background-image: url(../../images/recruit/sp-recruit-sec02bk.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 130px;
}

.recruit-sec02-img.shinsotu-color {
    background-image: url(../../images/sinsotu/sp-sinsotu-bg01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 122px;
  }

  .recruit-sec04-img.know-work_sec02 {
    background-image: url(../../images/know-work/sp-know-work_con02.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 185px;
}

.recruit-sec05-img.know-work_sec03 {
    background-image: url(../../images/know-work/sp-know-work_con03.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 185px;
}

.recruit-sec06-img.know-work_sec04 {
    background-image: url(../../images/know-work/sp-know-work_con04.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 185px;
}

.know-works-sec03bk-creem.non-padding.end-bottom {
    margin-bottom: 0;
}

    section.company.section.top-front.comp-sec-recruit-bkimg.sinsotu-bg {
    background-image: url(../../images/sinsotu/sp-shinsotu-color-bluebg.png);
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    background-position: top;
    z-index: 1;
    padding-bottom: 20px;
}


section.company.section.top-front.comp-sec-white.bg-triangle.sinsotu-bg {
  background-image: url(../../images/sinsotu/sp-sinsotu-white-tri01.png);
  background-repeat: no-repeat;
  height: auto;
  background-position:right;
  padding-bottom: 20px;
}


section.company.section.top-front.comp-sec-white.bg-triangle {
    background-image: url(../../images/sinsotu/sp-sinsotu-white-tri01.png);
    background-repeat: no-repeat;
    height: auto;
    padding-bottom: 20px;
    background-size: contain;
background-position: right;
}


section.company.section.top-front.comp-sec-recruit-bkimg {
    background-image: url(../../images/recruit/sp-recruit-bk-triangle-blue.png);
    background-repeat: no-repeat;
    height: auto;
    background-position: left;
    padding-bottom: 20px;
    background-size: cover;
}

section.company.section.top-front.comp-sec-recruit-bigtriangle {
    background-image: url(../../images/recruit/sp-recruit-bigtriangle.png);
    background-repeat: no-repeat;
    height: auto;
    background-position: inherit;
    padding-bottom: 50px;
    background-size: cover;
}


.know-works-sec03bk-creem.non-padding {
    background-image: url(../../images/know-work/sp-know-work-creemtri.png);
    background-repeat: no-repeat;
    height: auto;
background-size: cover;
    background-position: left;
    padding-bottom: 50px;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
}

section.recruit.section.top-front.bk-blue.recruit-blue-comntent.sp-mid-top {
    margin-top: 0;
}


.service.section.top-front.company-bk {
  background-image: url(../../images/company/sp-company-sec01.png);
  background-repeat: no-repeat;
  height: auto;
  background-position: top;
  padding-bottom: 20px;
  background-size: cover;
  position: relative;
  margin-bottom: 30px;
}

section.sp-sec-message-sec {
    margin-top: -80px;
    margin-bottom: -80px;
}

.container.service.company.front.bottom-info {
    padding: 35px 0px 1px 0px;
    font-size: 5.5vw;
    margin-bottom: 5px;
}

section.company.section.top-front.comp-sec-normal.bg-grey.comp-marginto {
    margin-top: 80px;
    padding-bottom: 50px;
}

.container.service.company.front.bottom-info.sp-access-bottomin {
    margin-bottom: -40px;
}

.contents-center-txt.goannai {
    margin-top: 20px;
    margin-bottom: -50px;
}

.contents-center-txt p.margin-bottom {
    text-align: center;
    margin-bottom: 35px;
}

h2.heading-ttl.en.only-weight-midium {
    font-weight: 500;
    font-size: 4vw;
    margin-bottom: 0;
}

.company-table table td.yakuinkousei {
    height: auto;
}

.col-md-12.text-center.service-title.company-bg-con {
    padding-left: 0;
    margin: 180px 0 10px 0;
    padding-right: 0;
}

.container.service.company-section {
    height: auto;
}

h3.company.pre-message {
    color: #067ac4;
    font-size: 31px;
    font-size: 4.9vw;
    width: 90%;
    line-height: 1.8;
    letter-spacing: 0px;
    font-family: notoL;
    margin: 0 auto;
}

p.company.message-semi {
    margin-top: 30px;
    font-family: notoL;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin: 10px auto;
    width: 90%;
    font-size: 3vw;
    text-align: left;
}


section.company.section.top-front.comp-sec-recruit-bigtriangle.sinsotu-white-tri {
    background-image: url(../../images/sinsotu/sp-sinsotu-bk-white.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -2px;
    z-index: -2;
    padding-bottom: 60px;
}

.interview-qa.non-padding {
    background-image: url(../../images/interview/sp-right-inter-tri.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -2px;
    height: auto;
    z-index: auto;
    padding-bottom: 70px;
}

.interview-qa.non-padding-q2.q2-imgtri {
  background-image: url(../../images/interview/sp-interview-left-tri.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -2px;
  height: auto;
  z-index: auto;
    padding-bottom: 75px;
}

.interview-erea-img {
    background-image: url(../../images/interview/sp-interview-img01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
}

.interview-erea-img {
    width: 90%;
}

.interview-erea-message {
    width: -webkit-fill-available;
    position: absolute;
    top: 106%;
    left: 55%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-47%,-50%);
    margin: 0;
    padding: 0;
    text-align: center;
}



.company-table.kinmu-infotbl.sp-comp {
    margin-top: 40px;
}

section.recruit.section.top-front.recruit-bg-creem {
    padding-bottom: 40px;
    background: #fff4ec;
    text-align: center;
    padding-top: 35px;
}



.container.service-recruit-sec02 {
    padding: 15px 0 5px 0px;
}

.container.service-recruit-sec02 h3.heading-ttl.subttl.white.ja {
    font-size: 3.7vw!important;
        margin-bottom: 15px;
}

h3.heading-ttl.subttl.white.ja.sp-letter-space {
    letter-spacing: 1px;
}

.card-support-page .inner-support.know-work ul.title {
  font-size: 16px;
      width: auto;
      margin: 0;
      margin-bottom: 10px;
      padding: 20px;
      letter-spacing: 1px;
}

.card-support-page .inner-support p.content.sec03.know-work {
    padding: 8px;
    width: auto;
}

ul.know-work-sec03-hu {
    display: table;
    padding: 0;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
}

li.hu-img img {
    width: 100%;
}

ul.know-work-sec03-hu li {
    font-family: notoL;
    font-size: 16px;
    height: auto;
    width: auto;
    display: block;
    vertical-align: middle;
    letter-spacing: 1px;
    margin-top: 20px;
}

.card-support-page .inner-support p.content.sec03.know-work.justy-center02 {
    padding: 8px;
}


.card-support-page .inner-support p.content.sec03.know-work.justy-center03 {
    padding: 92px 0 0px 65px;
    padding: 8px;
}

h3.heading-ttl.subttl.white.ja.what-line-height {
    line-height: 1.6;
}

ul.know-work-sec03-hu {
    display: block;
    padding: 0;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
}

h1.cacthe-ttl-en-recruit.center-ttl-en {
    font-size: 80px;
    font-size: 8vw;
    color: #f57e27;
    opacity: 1;
    text-align: center;
    margin-bottom: -35px;
    position: relative;
    z-index: 3;
}

.work-center-ttl-en.sp-know-works-qa {
    padding-top: 60px;
}




h1.company-cache-maintext {
  color: #fff;
  font-size: 6vw;
  /* font-size: 45px; */
  font-family: robotoL;
  font-style: italic;
  letter-spacing: 5px;
  margin-bottom: 5px;
}

.company-cache-banner h3 {
    color: #fff;
    margin: 0px 0 0 0;
    font-family: notoM;
    letter-spacing: 2px;
    font-size: 1.135vw;
font-size: 18px;
}

.col-md-8.col-md-offset-2.text-left.company {
    position: absolute;
    top: 59%;
    left: 50%;
    width: 100%;
    margin-left: 0;
    transform: translate(-50%, -104%);
    text-align: center;
}


  h2.heading-ttl.en.only-weight-midium.cacthe-ttl.support-page {
    font-size: 24px;
    font-size: 5.5vw;
    padding-top: 70px;
    letter-spacing: 0;
}

h3.heading-ttl.en.only-weight-small.cacthe-ttl.support-page {
    font-size: 24px;
    font-size: 7.5vw;
}

h1.cacthe-ttl-en-recruit {
    font-size: 35px;
    font-size: 9vw;
    opacity: 0.4;
    margin-bottom: 0;
    letter-spacing: 0px;
}

.container.service-recruit-sec01 {
    padding: 0px 0 46px 0px;
    text-align: center;
    margin-top: 70px;
}

h2.heading-ttl.en.only-weight-midium.cacthe-ttl.support-page:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -17vw;
    display: inline-block;
    width: 35px;
    width: 10vw;
    height: 3px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f57e27;
    border-radius: 2px;
    margin-bottom: -8px;
}

h2.heading-ttl.en.only-weight-midium.cacthe-ttl.support-page.know-works:after {
    bottom: -8px;
}

.card-support-page .inner-support .content {
    padding: 8px;
    color: #fff;
    width: auto;
    text-align: center;
    font-family: noto;
    font-size: 1.2em;
    background: #f57e27;
    margin: 0;
}

.inner-support {
    display: table-cell;
        width: inherit;
}

.card-support-page {
    width: 91%;
    margin: 20px;
    box-shadow: 11px 12px #ffe0c9;
    margin: 0 auto;
    /* position: relative; */
    background: #fff;
    z-index: 44;
}

.card-support-page .inner-support .title {
    margin: 10px;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 25px;
    color: #f57e27;
    letter-spacing: 1px;
    font-size: 14px;
    font-size: 3.5vw;
    line-height: 1.9;
    font-family: notoM;
}

section.card-support-sectiononly {
    position: relative;
    z-index: 1;
    margin-top: -78px;
    padding-bottom: 60px;
}

.card-support-page .inner-support .content.sec02 {
    padding: 8px;
    color: #fff;
    width: auto;
    font-family: noto;
    font-size: 24px;
    font-size: 1.2em;
    background: #f57e27;
    margin: 0;
}

.card-support-page .inner-support .content.sec03 {
    padding: 8px;
    color: #fff;
    text-align: center;
    width: auto;
    font-family: noto;
    font-size: 1.2em;
    background: #f57e27;
    margin: 0;
}

.support-end-sec {
    width: auto;
    margin: 50px auto;
    margin-bottom: 20px;
}

ul.flex-support-all {
    padding: 0;
    display: block;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
}

ul.flex-support-all li p.orenji-box.middle {
  width: 100%;
    height: auto;
    /* margin: 0px 20px 0px 20px; */
    margin-bottom: 15px;
    background: #f57e27;
    color: #fff;
    font-family: noto;
    font-size: 24px;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.5;
    padding: 4px 0px 3px 13px;
}

ul.flex-support-all li.ul-fle-end p.orenji-box.middle {
    padding:7px 0 8px 0;
}

ul.flex-support-all li {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 1px;
}

ul.flex-support-all li.ul-fle-end {
    margin-left: 0;
    margin-top: 45px;
}


/*スキルアップ*/
.container.service-recruit-sec01.know_work-onlyboto {
    /* padding: 76px 0 18px 0px; */
    padding: 0px 0 0px 0px;
    text-align: center;
    margin-top: 0px;
}

.container.service-recruit-sec01.skillup-sec02-con {
    padding: 0px 0 30px 0px;
    width: 84%;
    letter-spacing: -1px;
}

p.works-center-txt {
    margin-top: 30px;
    font-size: 18px;
    font-family: notoL;
    text-align: left;
    line-height: 2;
}

h3.heading-ttl.en.only-weight-small.cacthe-ttl.skillup-sec02-txt {
    font-size: 32px;
    color: #f57e27;
    font-family: notoL;
    line-height: 1.5;
    font-size: 4.5vw;
    /* width: 90%; */
    margin-bottom: -10px;
}

.skillup-sec03-con-table {
    width: 91%;
    margin: 0 auto;
    margin-bottom: 60px;
}

h2.heading-ttl.know-works-center-ttl-en {
    font-size: 28px;
    font-size: 4vw;
    color: #f57e27;
    letter-spacing: 3px;
    font-family: notoL;
}

.work-center-ttl-en {
    padding-top: 35px;
    padding-bottom: 0px;
}

.skillup-flow-img img {
    width: 80%;
    margin: 0 auto;
}

.skillup-sec04bk-creem.non-padding.sp-p2-step {
    height: auto;
    max-height: initial;
    padding-bottom: 50px;
}

section.recruit.section.top-front.skillup-entry-white .flex_btn-box {
    display: block;
    padding: 0;
}

section.recruit.section.top-front.skillup-entry-white {
    text-align: center;
    margin: 30px 0px 30px 0px;
}

img.sp-entrybtn-wi {
    width: 55%;
}

ul.skillup-flow-seminer-tbl.card-panel-four {
    padding: 0;
    display: block;
    flex-wrap: wrap;
    width: auto;
    margin: 0 auto;
    padding-top: 11px;
    padding-bottom: 25px;
}

ul.kensyu-flex-tbl {
    display: block;
    padding: 0;
    margin-top: 20px;
}

ul.kensyu-flex-tbl.card-panel-four {
    width: auto;
    flex-wrap: wrap;
    display: flex;
}

ul.kensyu-flex-tbl.card-panel-four li {
    width: 47.4%;
    height: 60px;
    font-size: 0.8em;
    font-size: 2.5vw;
    margin: 0 15px 15px 0px;
    color: #f57e27;
    letter-spacing: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}

ul.kensyu-flex-tbl.card-panel-four li:nth-child(8) {
    margin: 0;
    padding: 0 0 0 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

ul.kensyu-flex-tbl.card-panel-four.con02 li:nth-child(4) {
    padding: 0px 0 0 0;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

ul.kensyu-flex-tbl.card-panel-four.con02 li:nth-child(5) {
    padding: 0px 0 0 0;
    line-height: 1.4;
}

h3.heading-ttl.en.only-weight-small.cacthe-ttl.skillup-carrea-txt {
    font-size: 32px;
    font-size: 5.5vw;
    color: #f57e27;
    font-family: notoL;
    line-height: 1.5;
    margin-bottom: 10px;

  }

  .skillup-flow-seminer-con-table {
    width: 91%;
    margin: 0 auto;
    background: #fff;
}

h3.skillup-flow-seminer-ttl.cache-ttl {
    font-size: 34px;
    font-size: 4.4vw;
    font-family: notoL;
    color: #f57e27;
    text-align: center;
    padding: 35px 0 0 0;
}

ul.skillup-flow-seminer-tbl.card-panel-four li {
    width: auto;
    text-align: center;
    margin: 0 13px 20px 13px;
    font-weight: bold;
    padding: 10px;
    font-size: 3vw;
    color: #fff;
    background: #f57e27;
}

.skillup-sec04bk-creem.non-padding {
  background-image: url(../../images/skillup/sp-crem-right-tri.png);
  background-repeat: no-repeat;
  height: auto;
  background-position: top;
  position: relative;
    padding-bottom: 2px;
}

ul.kensyu-flex-tbl.card-panel-four li:nth-child(2n){
  margin-left: 0px;
  margin-right: 0;
}

ul.kensyu-flex-tbl li {
    width: 84%;
    background: #fff;
    height: auto;
    border: 1px solid #ffa767;
    margin: 0 auto;
}

ul.kensyu-flex-tbl li p.txt-center {
    text-align: left;
    padding: 9px 0px 10px 15px;
    margin-bottom: 0;
    /* padding: 0; */
}

ul.kensyu-flex-tbl p.ttl-ore {
    background: #ffa767;
    text-align: center;
    height: 30px;
    margin-bottom: 0;
    font-size: 18px;
    padding: 0px;
    color: #fff;
    font-family: noto;
}

ul.kensyu-flex-tbl li p {
    text-align: left;
    font-size: 14px;
    padding: 9px 0px 10px 15px;
    height: auto;
    margin-bottom: 0;
}

span.right-allow {
    color: #f57e27;
    margin: 10px;
    font-size: 15px;
    /* width: auto; */
    margin: 0px 48% 3px 48%;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    display: inline-block;
    transform: rotate(90deg);
}


.sec03-con-table-ttl.orenji-erea {
    width: auto;
    height: 52px;
    background: #f57e27;
}

.sec03-con-table-ttl.orenji-erea h3.heading-ttl.subttl.white.ja {
    padding: 12px;
    font-size: 1.2em!important;
    font-family: notoL;
    background: #f57e27;
    margin: 0;
    letter-spacing: 2px;
}

p.skillup-step-list-icon {
    margin-right: 15px;
    margin-left: 20px;
    margin-bottom: -10px;
    position: relative;
}

ul.skillup-step-list li {
  width: auto;
  display: inline-flex;
  margin: 0;
  line-height: 1.9;
  height: auto;
  font-family: notoM;
  font-size: 2.5vw;
  /* font-size: 14px; */
  background: #fff4ec;
  padding: 30px 0px 0px 0px;
}

p.skillup-step-list-icon.end-sp {
    margin-bottom: 30px;
}

span.sp-txt {
    padding: 0px 20px 0px 0px;
    top: -10px;
    position: relative;
}

img.trp.trs-dr05.sp-only-step {
    display: block;
    width: 50px;
}


/*新卒採用*/
h2.heading-ttl.en.only-weight-midium.cacthe-ttl.shinsotu-color {
    color: #0497ce;
    font-size: 5vw;
}

h2.heading-ttl.en.only-weight-midium.cacthe-ttl {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
}

section.recruit.section.top-front.comp-sec-white {

}

.container.service.company.front.bottom-info.recruit-top h2.heading-ttl.en.only-weight-midium {
    margin-bottom: 0;
    font-size: 4vw;
        line-height: 1.8;
}

.container.service.company.front.bottom-info.recruit-top {
    padding: 35px 0 34px 0px;
    /* padding: 0; */
    margin-bottom: 5px;
        width: 70%;
}

.company-table table.recruit-tbl {
    border-collapse: separate;
    border-spacing: 0px 14px;
    width: 90%;
}

.company-table table tr {
    border-top: 1px solid #067ac4;
    border-bottom: 1px solid #067ac4;
    display: grid;
}

.company-table table th {
  height: 40px;
  width: auto;
  font-size: 1em;
  /* font-size: 22px; */
  padding: 3px;
  border-bottom: 1px solid #067ac4;
  color: #fff;
  font-weight: 100;
  letter-spacing: 3px;
  text-align: center;
}

figure.comp-aroundimg img {
    width: 90%;
    margin: 0 auto;
}

p.item-text-big {
    font-size: 24px;
    font-size: 4vw;
    text-align: center;
    margin-top: 0px;
    padding-top: 20px;
    font-family: noto;
    margin-bottom: 10px;
    color: #fff;
}

.p-horizontal__item-text {
    flex-basis: 50%;
    background: #1a8dd6;
    padding: 0;
    padding-bottom: 40px;
    font-size: 14px;
    padding-right: 0px;
    min-width: auto;
    color: #fff;
}

.comp.card-section.company-topmargin-only {
    width: 90%;
}

p.item-text-small {
    width: 85%;
    margin: 0 auto;
    font-size: 2.5vw;
}


ul.year-archive.category li a.year-archive-link {
    color: #067ac4;
    display: block;
    font-size: 20px;
    font-size: 4vw;
    font-weight: normal;
    font-family: noto;
}

ul.year-archive.category.sp-only.sm-width {
    width: 90%;
    margin-top: -10px;
}

.col-md-8.col-md-offset-2.text-left.company.only-sp-compan {
    top: 66%;
}

ul.year-archive.category.sp-only.vm-width {
    width: 48%;
    margin-top: 10px;
    margin-bottom: -15px;
}

.p-horizontal__item-thumb img {
    width: 100%;
}

.p-horizontal {
    width: 100%;
    display: block;
    flex-wrap: wrap;
}

.company-table table.recruit-tbl td {
    border: 1px solid #1873a8;
    /* border-bottom: 1px solid #1873a8; */
    padding: 10px 0 10px 0;
    /* border-right: 1px solid #1873a8; */
    margin-bottom: 20px;
    padding-left: 15px!important;
}

.company-table.sp-comp table.recruit-tbl.shinsotu-color tr {
    border-top: 0;
    border-bottom: 0;
    display: grid;
}

.company-table table.bigtriangle-tbl.shinsotu-color {
    border-spacing: 0px 10px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    width: 90%;
    font-family: noto;
}

.company-table table.bigtriangle-tbl td {
    background: none;
    padding: 15px 15px 20px 0px;
    letter-spacing: 1px;
    padding-left: 15px!important;
        font-size: 2vw;
}

.company-table.kinmu-infotbl.sp-comp table.bigtriangle-tbl td.bk-white-tbl {
    background: #fff;
    padding-top: 0;
}

.company-table.kinmu-infotbl.sp-comp table.bigtriangle-tbl.shinsotu-color th {
    color: #0497ce;
    border-bottom: 0;
    background: #daf0f8;
}

.company-table.kinmu-infotbl.sp-comp table.bigtriangle-tbl.shinsotu-color tr {
    border-top: 1px solid #1873a8;
    border-bottom: 0;
}

section.recruit.section.top-front.recruit-bg-creem .flex_btn-box {
    display: block;
    padding: 0;
}

img.sp-only.sp-cyuto-btn {
    width: 55%;
    margin: 0 auto;
}
.flex_btn-item.flex-erea-ptn02 img {
    width: 150PX;
}

h2.heading-ttl.en.only-weight-midium.orenji-small {
    font-size: 26px;
    font-size: 4vw;
    color: #f67e28;
    margin-bottom: 17px;
}

.section--footer_contact .section--footer_contact__inner .btn__body.left img {
    width: 60%;
}

.section--footer_contact .section--footer_contact__inner a.btn-tel img {
    width: 60%;
}

.footer-logo {
    width: 23%;
    height: 45px;
    margin: 35px auto;
}

p.footer-adress {
    font-size: 2vw;
}

.company-table.kinmu-infotbl.sp-comp table.bigtriangle-tbl.shinsotu-color tr.sp-last-borderbo {
    border-bottom: 1px solid #1873a8;
}


section.recruit.section.top-front.recruit-btnerea-center {
  text-align: center;
  padding-top: 40px;
  overflow: scroll;
  padding-bottom: 40px
}

.flex-erea-ptn02 {
    margin: 10px 5px 10px 15px;
}


/*中途*/
h2.heading-ttl.en.only-weight-midium.cacthe-ttl {
  position: relative;
  display: inline-block;
  font-size: 5vw;
  margin-bottom: 30px;
}

.company-table table tr.mid-nonborder {
    border-bottom: 0;

}

table.bigtriangle-tbl {
    width: 90%;
}

.company-table table.bigtriangle-tbl th.non-bgbox {
    background: none;
    color: #1873a8;
    border: none;
}

.company-table table tr.sp-border-none {
    border: none!important;
}

th.sp-border-none {
    border: none!important;
}

.company-table table tr.sp-border-top-none {
    border-top: none;
}

/*仕事をしる*/
h3.heading-ttl.en.only-weight-small.cacthe-ttl.support-page.sp-knowsubch {
    color: #f57e27;
    font-family: notoL;
    line-height: 1.5;
    font-size: 5.5vw;
    /* width: 90%; */
    margin-bottom: -10px;
}

p.works-center-txt.sp-know-txterea {
    width: 90%;
    margin: 30px auto;
}

.know-works-sec01-con {
    width: auto;
    margin: 0 auto;
        position: relative;
}

.haizoku-all {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 80%;
    margin-left: 0;
    transform: translate(-50%, -112%);
    text-align: center;
}



ul.sec01-flex-btnerea {
    display: none;
    flex-wrap: nowrap;
    /* width: 800px; */
    padding: 0px;
    justify-content: center;
    margin: -116px 0 0 0;
}

section.recruit.section.top-front.bk-orenji.support-page.know-work-sec01-ttl {
    margin-top: 40px;
}

p.haizoku-1,p.haizoku-2 {
    margin-bottom: 15px;
}

p.haizoku-1 img {
    width: 100%;
}

p.haizoku-2 img {
    width: 100%;
}

p.haizoku-3 img {
    width: 100%;
}


/*採用top*/
.service.section.top-front.service.section.top-front.recruit_top-bk {
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    background-size: contain;
    background-repeat: no-repeat;
    /* background-position: center; */
    background-position-y: 60px;
    /* background-size: 100%; */
    /* position: relative; */
    background-image: url(../../images/recruit/sp-saiyou-top.png);
}

.col-md-12.recruit_top-con {
    padding-left: 0;
    margin: 50vw 0 -1vw 0;
    padding-right: 0;
    margin-top: 142vw;
    text-align: center;
}

.container.service.recruit_top-bk {
    width: 91%;
}

p.recruit_top.message-semi {
    margin-top: 22px;
    font-family: notoL;
    line-height: 1.8em;
    text-align: center;
    letter-spacing: 0px;
}


h3.recruit_top.pre-message {
    line-height: 1.5;
    font-size: 36px;
    font-size: 5vw;
    color: #f57e27;
    font-family: notoL;
}

p.recruit_top.item-text-big {
font-size: 3.5vw;
letter-spacing: 1px;
    margin-top: 10px;
}

p.recruit_top.item-text-small {
    font-size: 18px;
    letter-spacing: 1px;
    font-family: notoL;
    line-height: 2;
    margin-bottom: 10px;
    width: 100%;
}

p.lato-small-en {
    font-size: 1em;
    font-family: lato;
    font-style: italic;
    opacity: 0.5;
    letter-spacing: 2px;
    margin-bottom: 10px;
}


.recruit_top.p-horizontal__item-text.start-aqua {
    background: #e3fffd;
    color: #f57e27;
}

.recruit_top.p-horizontal__item-text {
    padding: 0;
    padding: 20px;
    min-width: auto;
}

.recruit_top.p-horizontal__item.sp-only {
    flex-basis: 100%;
    display: block;
    box-sizing: border-box;
}

.jhfdhkj {
    width: auto;
    float: none;
}

.p-horizontal__item {
    flex-basis: 100%;
    display: block;
    box-sizing: border-box;
}

p.recruit_top.item-text-big:first-child:first-letter {
  float: left;
  color: #fff;
  font-size: 20vw;
  line-height: 50px;
  padding-right: 8px;
  font-family:lato;
  font-style: italic;
}


p.recruit_top.item-text-big.start-noto-ore:first-child:first-letter {
  float: left;
  color: #f57e27;
  font-size: 17vw;
  line-height: 50px;
  padding-right: 8px;
  font-family:noto;
  font-style:normal;
}

p.recruit_top.item-text-big.start-noto-white:first-child:first-letter {
  float: left;
  color: #fff;
  font-size: 17vw;
  line-height: 50px;
  padding-right: 8px;
  font-family:noto;
  font-style:normal;
}

.recruit_top.p-horizontal__item-text.start-aqua .jhfdhkj {
    float: none;
}

.col-md-6.sp-col-xl-12.all-con.qa-bg {
    width: 100%;
        margin-bottom: 0;
}

.col-md-6.sp-col-xl-12.all-con {
    width: 100%;
        margin-bottom: 0;
}

span.recruit_top-only.card-title {
    height: 235px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #dddddd;
}

span.recruit_top-only.card-title.reverse {
    height: 210px;
    background: #e6e6e6;
}

span.recruit_top-left.section-qa-big {
    text-align: center;
    /* font-size: 30px; */
    font-family: notoL;
    font-size: 5.28vw;
}

span.recruit_top-only.card-title h3.what-bk-subtitle.front {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 24px;
}

p.recruit_top-left.section-what {
    position: absolute;
    top: 28%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 100%;
    line-height: 1;
}

.other-human-slide-erea {
    width: auto;
    margin: 0 auto;
    text-align: center;
}

p.know-people-interview-txt {
    font-size: 14px;
    font-family: notoL;
    color: #000;
    width: auto;
}

.other-human-slide-erea .slide-erea.slick-initialized.slick-slider .slick-slide img {
    width: 320px;
    padding: 4%;
}

button.recruit_top-only.btn.btn-primary.btn-orenji {
    width: 70%;
    height: 50px;
    font-size: 16px;
    color: #f67e28;
    font-family: roboto;
    letter-spacing: 2px;
}

section.recruit_top-sec04.left-right {
    margin-top: 40px;
}



section.section.section--footer_contact.recruit-top_ver-bg {
    background: #f67e28;
    height: auto;
    padding: 30px 0 30px 0;
}

.section--footer_contact .btn-tel .btn__body.left.btn-rec-con {
    padding: 0px 25px 15px 25px;
        text-align: center;
}

.section--footer_contact .section--footer_contact__inner {
    display: -ms-flexbox;
    display: block;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.section--footer_contact .btn-tel .btn__body.btn-rec-con{
    padding: 0px 25px 0px 25px;
        text-align: center;
}

.flex_btn-item.human-recruit-doubble {
    padding: 0;
    margin: 0;
    text-align: center;
}

.btn__body.left.btn-rec-con img {
    width: 100%;
}



.skillup-sec04bk-creem.non-padding:after {
    position: absolute;
    content: '';
    top: 0;
    /* left: -854px; */
    width: 1200px;
    height: 4000px;
    background: #fff4eb;
    z-index: -1;
}

.btn__body.btn-rec-con img {
    width: 100%;
}

.flex_btn-box.human-recruit {
    padding: 0;
    display: block;
}
.flex_btn-item.human-recruit-big img {
    width: 60%;
    padding: 0 15px 0 15px;
}

section.human-recruit-section {
    width: auto;
    padding: 40px 0 40px 0;
    margin: 0 auto;
}

h1.To-know-people-grey {
    font-family: lato;
    font-style: italic;
    color: #a4a4a4;
    font-size: 13px;
    font-size: 12vw;
}

span.know-people-interview-ttl {
    font-size: 22px;
    color: #5a5a5a;
    font-family: notoL;
    padding: 0;
}

.recruit_top.p-horizontal__item-thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

ul.interview-erea-tribox {
    width: auto;
    height: auto;
    background: #f57e27;
    padding: 40px;
    padding-top: 0px;
    line-height: 2;
    text-align: left;
    color: #fff;
    font-size: 2.7vw;
    font-family: notoL;
    letter-spacing: 2px;
    box-shadow: 10px 10px #ffe0c9;
}

li.middle-txt-inter {
    font-size: 16px;
    font-size: 3vw;
    margin-bottom: 10px;
    line-height: 1.1;
}

span.bold-inter {
    font-size: 20px;
    font-size: 3vw;
    font-weight: bold;
}

span.big-txt-bold-lato {
    font-size: 42px;
    font-size: 8vw;
    font-family: Lato;
    padding: 5px;
    /* display: block; */
    position: relative;
    top: 6px;
}

.interview-erea-message {
    width: -webkit-fill-available;
    position: absolute;
    top: 100%;
    left: 55%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-47%,-50%);
    margin: 0;
    padding: 0;
    text-align: center;
}

.section--footer_contact .section--footer_contact__inner .btn__body.left.btn-rec-con img {
    width: 60%;
}

.section--footer_contact .section--footer_contact__inner .btn__body.btn-rec-con img {
    width: 60%;
    margin: 0 auto;
}

h2.interview-ttl {
    font-size: 58px;
    font-size: 8vw;
    width: 85%;
    font-family: lato;
    text-align: right;
    font-style: italic;
    color: #f57e27;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

span.big-inta-txt {
    font-size: 21px;
    font-size: 3.5vw;
    display: block;
    line-height: 1.4;
    letter-spacing: 0px;
    margin-bottom: 12px;
}

.other-human-slide-erea h2.heading-ttl.en.only-weight-midium.cacthe-ttl.support-page.know-works.human-ttl {
    margin-top: 0;
    padding-top: 0;
}

h3.interview-subttl {
    font-size: 26px;
    text-align: right;
    font-size: 4.5vw;
    width: 91%;
    font-family: notoL;
    letter-spacing: 3px;
    color: #f57e27;
    margin-bottom: 15px;
}

.flex_btn-item.human-recruit-doubble img {
    width: 60%;
    padding: 0px 15px 0px 15px;
    height: auto;
}

.flex_btn-item.human-recruit-big {
    margin: 0;
    text-align: center;
}


section.recruit.section.top-front.comp-sec-white.interview-erea-sec01 {
    padding-bottom: 175px;
}


ul.know-work-sec03-hu.interview-qa-erea.pc-only-interview-qa {
    display: none;
}

ul.know-work-sec03-hu.interview-qa-erea.sp-only-interview-qa {
    display: block;
}

ul.know-work-sec03-hu.interview-qa-erea li.hu-img.interview-qa-img {
    width: 80%;
    padding-left: 0;
    margin: 0 auto;
    vertical-align: top;
}

ul.know-work-sec03-hu.interview-qa-erea li {
    width: auto;
    /* padding: 0px 0px 0px 0px; */
    letter-spacing: 0px;
}

p.interview-qa-cache-ttl {
    font-size: 19px;
    font-family: notoL;
    margin-bottom: 20px;
}

.work-center-ttl-en.recruit-qitxt {
    padding-top: 60px;
}

.interview-qa.non-padding-q2.q2-imgtri .work-center-ttl-en.recruit-qitxt {
    padding-top: 60px;
}

h1.cacthe-ttl-en-recruit.center-ttl-en.inter-q2-onlybo {
    top: auto;
}

ul.know-work-sec03-hu.interview-qa-erea li.hu-img.interview-qa-img.left-interview-img {
    padding: 0;
    padding-right: 0;
}

.other-human-slide-erea h2.heading-ttl.en.only-weight-midium.cacthe-ttl.support-page.know-works.human-ttl {
    margin-bottom: 35px;
}

section.sec-slide-human {
    padding: 60px 0 40px 0;
    background: #fff4ec;
}


.interview-erea-img.interview_vol2 {
    background-image: url(../../images/interview/interview-v2-sec01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
}


.interview-erea-img.interview_vol5 {
    background-image: url(../../images/interview/interview-vol05-img01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
}

.interview-erea-img.interview_vol4 {
    background-image: url(../../images/interview/interview-vol04-img01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
}

.interview-erea-img.interview_vol3 {
    background-image: url(../../images/interview/interview-vol03-img01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 310px;
}
