.collapse {
  visibility: collapse;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.\!ml-\[-1\.5em\] {
  margin-left: -1.5em !important;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-30px {
  margin-bottom: 30px;
}

.ml-\[-1\.5em\] {
  margin-left: -1.5em;
}

.mt-20px {
  margin-top: 20px;
}

.mt-60px {
  margin-top: 60px;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.contents {
  display: contents;
}

.h-110px {
  height: 110px;
}

.h-full {
  height: 100%;
}

.w-auto {
  width: auto;
}

.max-w-768px {
  max-width: 768px;
}

.shrink {
  flex-shrink: 1;
}

.border-collapse {
  border-collapse: collapse;
}

.transform {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.justify-start {
  justify-content: flex-start;
}

.border {
  border-width: 1px;
}

.\!border-\[\#D5D5D5\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(213 213 213/var(--tw-border-opacity)) !important;
}

.object-cover {
  object-fit: cover;
}

.\!p-0 {
  padding: 0px !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.\!text-center {
  text-align: center !important;
}

.\!text-12px {
  font-size: 12px !important;
}

.\!text-16px {
  font-size: 16px !important;
}

.\!text-17px {
  font-size: 17px !important;
}

.\!text-18px {
  font-size: 18px !important;
}

.\!text-22px {
  font-size: 22px !important;
}

.\!text-24px {
  font-size: 24px !important;
}
.\[\&\>li\]\:\!text-14px > li {
  font-size: 14px !important;
}

.\[\&\>li\]\:\!text-14px\/24px > li {
  font-size: 14px !important;
  line-height: 24px !important;
}

.\[\&\>li\]\:\!text-15px > li {
  font-size: 15px !important;
}

.\[\&\>li\]\:\!text-16px > li {
  font-size: 16px !important;
}
/* header */
.st-logo, .st-logo-wrap .logo-txt {
  display: inline-block;
  vertical-align: bottom;
}

.st-logo-wrap .logo-txt {
  margin-left: 1.25em;
}

.ctg-recruit .st-subNav {
  left: inherit;
  top: inherit;
  bottom: inherit;
}

.st-subNav li:not(:last-child) {
  margin-right: 0;
}

.ctg-recruit .st-subNav .og-btn::after {
  display: none;
}

.og-btn-mypage {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  background-color: #FF9700;
  color: #fff;
  border: 1px solid #FF9700;
}

.og-btn-mypage:hover {
  color: #FF9700;
}

.og-btn-chat {
  color: #0F5392;
}

.og-btn-chat.og-btn span {
  text-align: left;
}

.og-btn-chat:before {
  content: "";
  display: inline-block;
  background: url(/assets/image/recruit/icn-chat.png) no-repeat 0 0;
  width: min(7.4vw, 28px);
  height: min(9.3vw, 35px);
  margin-right: 5px;
}
/* .st-main02 #main */
.st-main02 #main {
  padding-bottom: 0;
}

.st-main02 #keyvisual.kv-recruit h1,.catch-copy {
  color: #292929;
}

.catch-copy {
  text-align: center;
  font-weight: 500;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8);
  letter-spacing: 0.2em;
}
/* .list-news */
.ctg-recruit .list-news li {
  display: flex;
  flex-wrap: wrap;
}

.ctg-recruit .list-news a {
  padding: 0;
  display: inline-block;
  color: #0F5392;
  text-decoration: underline;
}

.ctg-recruit .list-news a:hover {
  text-decoration: none;
}
/* know ================================================================== */
#know h2 {
  color: #fff;
}

#know h3 {
  text-align: center;
  color: #0F5392;
  letter-spacing: 0.1em;
}

#know .movieWrap h3 {
  padding: 0.57em 1em;
  background-color: #000;
  color: #fff;
  margin: 0;
  line-height: 1;
}

.movieBlock {
  background-color: #000;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movieBlock iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* info ================================================================== */
#info.section {
  padding-top: 0;
}
@media print, screen and (min-width: 769px){
#main > #info.section:last-child{ padding-bottom: 120px;}
}
@media only screen and (max-width: 768.98px){
    #main > #info.section:last-child {
        padding-bottom: min(21.3vw, 80px);
    }
}

/* entry ================================================================== */
#entry h2 {
  color: #fff;
  text-align: center;
}

.list-mypage .og-btn-mypage {
  border: 1px solid #FF9700;
  height: min(16vw, 60px);
}

.list-mypage .og-btn-mypage:after {
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-ArrowRight"><path d="M4 12h16"/><path d="M13 5l7 7-7 7"/></svg>');
  background-size: 100% auto;
}

.list-mypage .og-btn-mypage:hover:after {
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="%23FF9700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-ArrowRight"><path d="M4 12h16"/><path d="M13 5l7 7-7 7"/></svg>');
}

.list-entry a {
  display: block;
  overflow: hidden;
  background-color: #000;
}

.list-entry a img {
  transition: opacity 0.5s ease;
}

.list-entry a:hover img {
  opacity: 0.5;
}
/* footer ================================================================== */
#footer{ padding-top: 0;}

@media print, screen and (min-width: 769px){
.footer-sitemap-wrap{ padding-top: 80px;}
}
@media only screen and (max-width: 768.98px){
.dl-sns{ padding-top: min(14.9vw, 56px);}
  .sp\:mb-29px {
    margin-bottom: 29px;
  }

  .sp\:mb-9px {
    margin-bottom: 9px;
  }

  .sp\:ml-\[-1\.5em\] {
    margin-left: -1.5em;
  }

  .sp\:mt-30px {
    margin-top: 30px;
  }

  .sp\:mt-9px {
    margin-top: 9px;
  }

  .sp\:max-w-full {
    max-width: 100%;
  }

  .sp\:break-keep {
    word-break: keep-all;
  }

  .sp\:\!px-14px {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .sp\:\!pl-14px {
    padding-left: 14px !important;
  }

  .sp\:pl-23px {
    padding-left: 23px;
  }

  .sp\:pr-52px {
    padding-right: 52px;
  }

  .sp\:\!text-12px {
    font-size: 12px !important;
  }

  .sp\:\!text-12px\/18px {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .sp\:\!text-14px {
    font-size: 14px !important;
  }

  .sp\:\!text-15px {
    font-size: 15px !important;
  }

  .sp\:\!text-16px {
    font-size: 16px !important;
  }

  .sp\:\!text-17px {
    font-size: 17px !important;
  }

  .sp\:\!text-20px {
    font-size: 20px !important;
  }

  .sp\:\!text-30px {
    font-size: 30px !important;
  }

  .sp\:text-14px {
    font-size: 14px;
  }
  .\[\&\>li\]\:sp\:mb-9px > li {
    margin-bottom: 9px;
  }

  .\[\&\>li\]\:sp\:\!text-12px\/18px > li {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .\[\&\>li\]\:sp\:\!text-14px > li {
    font-size: 14px !important;
  }
}
@media (min-width: 1024px) {
  .st-logo-wrap {
    width: 290px;
  }

  .st-logo {
    width: 185px;
  }

  .st-headerNav {
    width: calc(100% - 320px);
  }

  .ctg-recruit .st-globalNav {
    width: 264px;
    margin-left: min(5%, 135px);
  }

  .ctg-recruit .st-globalNav > li {
    width: 50%;
  }

  .ctg-recruit .st-subNav {
    width: min(48%, 390px);
    position: relative;
  }

  .ctg-recruit .st-subNav li {
    width: min(32%, 123px);
  }

  .og-btn-chat small {
    display: block;
    font-size: 0.625rem;
  }

  .globalNav-child-wrap .globalNav-child-list {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1023.98px) {
  .st-logo-wrap {
    width: min(60.5vw, 228px);
  }

  .st-logo {
    width: min(61.6%, 134px);
  }

  .ctg-recruit .st-subNav {
    margin-top: min(5.2vw, 20px);
  }

  .ctg-recruit .st-subNav li {
    margin-bottom: min(2.6vw, 10px);
  }

  .og-btn-chat:before {
    margin-right: 1em;
  }

  .og-btn-chat small {
    margin-left: 0.5em;
  }
}
@media print, screen and (min-width: 769px) {
  .ctg-recruit .st-subNav .og-btn {
    height: 60px;
    width: 100%;
    border-radius: 6px;
    font-size: 0.75rem;
  }

  .ctg-recruit .st-subNav .og-btn.og-btn-mypage {
    font-size: 0.9375rem;
  }

  .st-subNav li:not(.og-btn-chat) {
    text-align: center;
  }
  .st-main02 #keyvisual.kv-recruit {
    background-image: url(/assets/image/recruit/kv-pc.jpg);
    height: 436px;
  }

  .catch-copy {
    font-size: 2.25rem;
    line-height: 1.66;
  }
  .ctg-recruit #news.section {
    padding: 38px 0 0;
  }

  .ctg-recruit .list-news li {
    padding: 16px 0;
  }
  .ctg-recruit .list-news .list-label-group{
  width: 3.5em;
  }
  .ctg-recruit .list-news .list-title {
    margin-left: 40px;
    width: calc(100% - (40px + 3.5em));
  }
  #know {
    padding-bottom: 260px;
    background: url(/assets/image/recruit/bg-know-pc.jpg) no-repeat 50% 0;
    background-size: auto 100%;
  }

  #know h2 {
    margin-bottom: 40px;
  }

  .movieWrap {
    max-width: 860px;
    margin: 0 auto 60px;
  }

  #know h3 {
    font-size: 1.75rem;
    margin: 60px 0 48px;
  }

  .data-employees .data-icon {
    width: 219px;
    height: 115px;
    margin-top: 43px;
  }

  .data-fixation .data-icon {
    width: 69px;
    height: 97px;
    margin-top: 43px;
  }

  .data-maternity .data-icon {
    width: 144px;
    height: 100px;
    margin-top: 30px;
  }
  #info.section {
    margin-top: -40px;
  }

  #info h2 {
    margin-bottom: 62px;
  }
  #entry {
    padding: 90px 0 80px;
    background: url(/assets/image/recruit/bg-entry-pc.jpg) no-repeat 50% 0;
  }

  #entry h2 {
    margin-bottom: 50px;
    font-size: 2.125rem;
  }

  .list-mypage {
    width: 100%;
    justify-content: center;
    margin-bottom: 40px;
  }

  .list-mypage li {
    width: 285px;
  }

  .list-mypage li + li {
    margin-left: 20px;
  }

  .list-mypage .og-btn-mypage {
    border-radius: 10px;
  }

  .list-mypage .og-btn-mypage:after {
    width: min(4.2vw, 16px);
    height: min(4.2vw, 16px);
    right: min(3.7vw, 14px);
  }

  .list-entry li {
    width: min(23.75%, 285px);
  }

  .list-entry a {
    border-radius: 10px;
  }
  .footer-sitemap-wrap {
    margin-bottom: 100px;
  }

  .footer-sitemap-know {
    width: 140px;
  }

  .footer-sitemap-info {
    width: 420px;
  }

  .footer-sitemap-entry {
    width: 280px;
  }

  .footer-sitemap dt {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 30px;
  }

  .footer-sitemap dd {
    font-size: 0.875rem;
    margin-top: 12px;
    position: relative;
    padding-left: 12px;
  }

  .footer-sitemap dd:not(.link-type-02):before {
    content: "";
    display: inline-block;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5.69" height="9.98" viewBox="0 0 5.69 9.98"><g id="icn-right" transform="translate(0.99 0.99)"> <path d="M8,4l4,4L8,12" transform="translate(-8 -4)" fill="none" stroke="%230f5392" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4"/></g></svg>') no-repeat 0 0;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 2px;
    left: 0;
  }

  .footer-sitemap dd a:hover {
    text-decoration: underline;
  }

  .footer-sitemap dd a {
    text-decoration: none;
  }

  .footer-sitemap.column-02::after {
    content: "";
    display: block;
    clear: both;
  }

  .footer-sitemap.column-02 dt {
    width: 100%;
  }

  .footer-sitemap.column-02 dd {
    float: left;
  }

  .footer-sitemap-know dd {
    width: 9em;
  }

  .footer-sitemap-info dd:nth-child(odd) {
    width: 10em;
  }

  .footer-sitemap-info dd:nth-child(even) {
    width: 20em;
  }

  .footer-sitemap-entry dd {
    width: 10em;
  }

  .footer-sitemap-entry dd.link-type-2 {
    width: 100%;
  }
}
@media only screen and (max-width: 768.98px){
  .og-btn-chat:before {
    position: absolute;
    left: min(5.3vw, 20px);
  }
  .st-main02 #keyvisual.kv-recruit {
    background-image: url(/assets/image/recruit/kv-sp.jpg);
    background-size: cover;
    height: 74.6vw;
  }

  .catch-copy {
    font-size: min(5.3vw, 20px);
    line-height: 1.7;
    font-weight: 600;
  }
  .ctg-recruit #news.section {
    padding: min(10.6vw, 40px) 0 0;
  }

  .list-news li {
    padding: 1em 4%;
  }
  .ctg-recruit .list-news .list-label-group,.ctg-recruit .list-news .list-title{
    display: block;
    width: 100%;
  }
  #know {
    padding-bottom: min(32vw, 120px);
    background: url(/assets/image/recruit/bg-know-sp.jpg) no-repeat 50% 0;
    background-size: cover;
  }

  #know h2 {
    margin-bottom: min(10.6vw, 40px);
  }

  .movieWrap {
    margin-bottom: min(8vw, 30px);
  }

  #know h3 {
    margin: min(16vw, 60px) 0 min(9.6vw, 36px);
    font-size: min(5.3vw, 20px);
    font-weight: 700;
  }

  .data-item {
    padding-bottom: 0;
  }

  .data-item dt {
    margin-bottom: min(1.3vw, 5px);
  }

  .data-employees .data-icon {
    width: min(21vw, 79px);
    height: min(9vw, 34px);
    margin-top: min(5vw, 19px);
  }

  .data-fixation .data-icon {
    width: min(7.2vw, 27px);
    height: min(10vw, 38px);
    margin-top: min(3.7vw, 14px);
  }

  .data-maternity .data-icon {
    width: min(16.8vw, 63px);
    height: min(11.7vw, 44px);
    margin-top: min(3.4vw, 13px);
  }
  #info.section {
    padding-bottom: min(21.3vw, 80px);
  }

  #info h2 {
    margin-bottom: min(10.6vw, 40px);
  }
  #entry {
    padding: min(21.3vw, 80px) 0 min(32vw, 120px);
    background: url(/assets/image/recruit/bg-entry-sp.jpg) no-repeat 50% 0;
    background-size: cover;
  }

  #entry h2 {
    font-size: min(8vw, 30px);
    margin-bottom: min(18.6vw, 70px);
  }

  .list-mypage, .list-entry {
    width: min(82%, 345px);
    margin-left: auto;
    margin-right: auto;
  }

  .list-mypage .og-btn-mypage, .list-entry a {
    border-radius: 10px;
  }

  .list-entry {
    margin-top: min(13.3vw, 50px);
  }

  .list-mypage li + li, .list-entry li + li {
    margin-top: min(5.3vw, 20px);
  }

  .list-entry figure {
    display: block;
    background-color: #fff;
    text-align: center;
    width: 100%;
    height: min(16vw, 60px);
  }

  .list-entry img {
    height: 100%;
    width: auto;
  }
  .footer-sitemap-wrap {
    display: none;
  }
}
@media (min-width: 1920px) {
  #entry {
    background-size: 100% auto;
  }
}
@media (min-width: 1100px) {
  .footer-sitemap-wrap {
    justify-content: flex-start;
  }

  .footer-sitemap-know, .footer-sitemap-info {
    margin-right: 100px;
  }
}
@media print, screen and (min-width: 769px) and (max-width: 900px) {
  .footer-sitemap-know, .footer-sitemap-info {
    margin-bottom: 50px;
  }
}

/* =================================
add02：Qoil 追加分
================================= */
#entry h2{color: #292929;}
.st-main{margin-bottom: 0;}
.og-btn-mypage,.list-mypage .og-btn-mypage{ background-color:#03672C; border-color: #03672C;}
.og-btn-mypage:hover{ background-color: #fff; color: #03672C;}
.list-mypage .og-btn-mypage:hover:after {
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="%2303672C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-ArrowRight"><path d="M4 12h16"/><path d="M13 5l7 7-7 7"/></svg>');
}

.footer-sitemap-entry dd.link-type-02{width: 100%; margin-top: 18px; padding-left: 30px;}
.link-type-02 a{ display: inline-block; color:#0F5392; font-size: 1rem; font-weight: 500; line-height: 1;}
.link-type-02 a:before{
    content: "";
    display: inline-block;
    background: url('/assets/image/icon/icn-arrow04.svg') no-repeat 0 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    background-size: cover;
  }

@media print, screen and (min-width: 1920px) {
#entry{background-size: cover;}
}
@media print, screen and (min-width: 769px){
#know{ clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);}
.data-fixation .data-icon{ height: 115px;}
.data-employees .data-icon,.data-fixation .data-icon,.data-maternity .data-icon{margin-bottom: 20px;}

.bg-dark.og-btn-img > .og-btn-img-inner{padding-bottom: 8%;}

.og-btn-img.og-btn-wide:hover .og-btn-img-pic img{ transform: none;}

.footer-sitemap dd:not(.link-type-02):before{top: 0; bottom: 0; margin: auto 0;}
.footer-sitemap dd{margin-top: 0; margin-bottom: 12px;}
}
@media print, screen and (min-width: 769px){
#entry{background-size: 1920px auto; height: 437px;}
.og-btn-img-inner .txt-ja{font-size: 22px;}
.ctg-recruit .og-btn-img-pic{width: 100%;}
.ctg-recruit .og-btn-img-pic img:not(.asset-image){max-width: inherit;}

}
@media only screen and (max-width: 768.98px){
.catch-copy{ font-size: min(6.4vw, 22px); font-weight:700}
#know{ aspect-ratio:750/3066; box-sizing: border-box; clip-path: polygon(0 0, 100% 4%, 100% 100%, 0 96%);}
.data-item.data-maternity dl{text-align: center;}
.data-item.data-maternity dd{ white-space: nowrap;}
.data-item.data-maternity dd .data-sub-ttl{margin-right: -4px;}
.data-item.data-maternity dd .data-nun{margin-right: -4px; font-feature-settings: 'palt';}
.data-item.data-maternity .d-i-b + .d-i-b{margin-left: min(2.1vw,8px);}

.og-btn-img .og-btn-img-title{ padding-bottom: 1.875em; padding-top: 0; padding-left: 0;}
.og-btn-img-inner .txt-ja{font-size: 1rem;}

#main > #entry.section{ padding: min(10.6vw, 40px) 0 min(16vw, 60px);}
#entry h2{ margin-bottom: min(9.3vw, 35px);}
}

@media print{
.ctg-recruit .st-header,.ctg-recruit .st-header.active{height: 80px; position: relative!important; top: inherit; left: inherit;}
.ctg-recruit .st-logo-wrap{width: 20%;}
.ctg-recruit .st-logo{width: 100%;}
.ctg-recruit .st-logo-wrap .logo-txt{ font-size: 12px; margin-left: 0;}
.ctg-recruit .st-headerNav{position: relative; opacity: 1; height: 80px; top: inherit; left: inherit; width: 80%;}
.ctg-recruit .st-headerNav,.ctg-recruit .st-header .st-globalNav,.ctg-recruit .st-header .st-subNav{display: flex!important; position: relative!important; left: inherit; right: inherit;}
.ctg-recruit .st-header .st-globalNav{ width: 40%!important; margin-left: 20px; border: none;}
.ctg-recruit .st-globalNav > li{width: 50%!important; border-top: none;}
.ctg-recruit .st-globalNav > li > a, .globalNav-item{ position: relative; font-size: 0.875rem; height: 80px; padding: 0 0.6em; justify-content: center; box-sizing: border-box;}
.ctg-recruit .globalNav-item:after{ width: 14px; height: 14px; left: 0; top: inherit; right: 0; bottom: 8px; margin: 0 auto;}
.ctg-recruit .st-subNav{width: 50%!important; position: relative; margin: 0 0 0 auto!important;}
.ctg-recruit .st-subNav li{width:31%!important;}
.ctg-recruit .st-subNav li + li{margin-left: 1%!important;}
.og-btn-chat.og-btn span{text-align: center;}
.og-btn-chat:before{ display: none;}
.og-btn-chat small{ font-size: 85%; display: block; margin-left: 0; font-feature-settings: 'palt';}
.ctg-recruit .og-btn_menu,.ctg-recruit .gnav-visible{ display: none!important;}
.ctg-recruit .gnav-hide{display: block!important;}
.ctg-recruit .st-subNav .og-btn{padding-left: 0.5em; padding-right: 0.5em; box-sizing: border-box; font-size: 12px;}
.ctg-recruit .st-subNav .og-btn.og-btn-mypage{ font-size: 12px;}
.ctg-recruit #main{margin-top: 0!important;}

.ctg-recruit .col-2 .og-btn-img{aspect-ratio:345/150;}
.ctg-recruit .col-1 .og-btn-img-pic{display: none;}
.ctg-recruit .col-1 .og-btn-img.bg-dark{background: url(/assets/image/recruit/btn-message.jpg) #000 no-repeat 0 0; background-size: 100% auto; aspect-ratio:1200/360;}

#know{clip-path: none; padding-bottom: 60px;}
#info.section{ margin-top: 0; padding-top: 60px;}
}

/* 241213 */
@media screen and (min-width: 769px) {
.list-mypage {display: flex;}
.list-entry {display: flex; justify-content: center !important; column-gap: 16px; flex-wrap: wrap;}
}