/* Scss Document */
/* COMPANY PAGE */
#recruit {
  position: relative;
  z-index: 0; }
  #recruit:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.6;
    background-image: url(/images/business-cnt02-bg.jpg);
    background-size: 100% auto;
    background-position: center center;
    width: 100%;
    height: 100%; }
  #recruit .row {
    position: relative;
    z-index: 2; }
    #recruit .row .wrap {
      margin: 0 auto;
      width: 90%;
      max-width: 80rem;
      padding: 2.5rem; }
      #recruit .row .wrap p {
        line-height: 180%; }
      #recruit .row .wrap h3 {
        max-width: 60rem;
        margin-top: 3rem;
        font-size: 120%; }
      #recruit .row .wrap ul {
        margin-top: 2rem;
        max-width: 60rem; }
        #recruit .row .wrap ul li {
          margin-top: 1rem;
          text-align: left; }
          #recruit .row .wrap ul li a {
            text-align: left;
            padding: .5rem; }
            #recruit .row .wrap ul li a:hover {
              color: #d28cab; }

/* TOP SHOPPING CONTENT */
.topShopping {
  padding: 4rem 0; }
  .topShopping ul {
    padding: 2rem;
    justify-content: center; }
    .topShopping ul li {
      flex-basis: 11%; }
      .topShopping ul li.wide {
        flex-basis: 30%;
        min-width: 25rem;
        padding: 0 2rem; }
      .topShopping ul li img {
        width: 100%;
        height: 100%;
        max-height: 17.5rem;
        object-fit: contain;
        padding: 1rem; }
        .topShopping ul li img.logo {
          max-width: 150px;
          height: auto;
          display: block;
          margin-bottom: 1rem; }
      .topShopping ul li a, .topShopping ul li i {
        display: block;
        padding-top: 2rem; }
      .topShopping ul li a {
        padding: 2rem;
        border: 1px solid lightgray; }
      .topShopping ul li i {
        font-size: 2rem;
        margin-left: 60%; }

.topBanner ul li {
  padding: .5rem; }
  .topBanner ul li a {
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .topBanner ul li a img {
      width: 100%; }
    .topBanner ul li a:hover {
      opacity: 0.7; }

@media screen and (max-width: 800px) {
  #recruit::before {
    background-size: auto 100%; }

  .topicWrap .innerWrap {
    min-width: 100%; } }
@media screen and (min-width: 631px) and (max-width: 890px) {
  .topShopping ul li:last-of-type, .topShopping ul li:first-of-type {
    display: none; } }
@media screen and (max-width: 630px) {
  .topShopping ul li img {
    padding: 0;
    max-height: 5rem; }
  .topShopping ul li:not(.wide) {
    flex-basis: 33.33%; }
  .topShopping ul li.wide {
    min-width: 100%;
    margin: 1rem auto; } }