@charset "UTF-8";

/*----------------------------------------------------
    ☆Uniq
----------------------------------------------------*/

#mv .mvInr {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#mv .mvInr h1 img {
  max-width: 100%;
}

#contents section.jobCategory {
  text-align: center;
}

#contents section.jobCategory p {
  color: #67c657;
  font-size: 131% !important;
  font-weight: bold;
  margin-bottom: 70px;
}

#contents section.adoption {
  margin-bottom: 60px;
}

#contents section.adoption ol {
  margin: 0 auto 35px;
  width: 100%;
}

#contents section.adoption ol li {
  font-size: 108% !important;
  margin-bottom: 10px;
}

#contents section.adoption ol li span {
  font-size: 131% !important;
  color: #67c657;
  margin-right: 20px;
}

#contents section.adoption div.dotAttention {
  border: 1px dotted #ccc;
  margin: 0 auto;
  width: 100%;
}

#contents section.adoption div.dotAttention ul {
  padding: 15px 20px;
}

#contents section.adoption div.dotAttention ul li {
  color: #f95959;
  font-size: 108% !important;
  font-weight: bold;
}

#contents section.application {
  margin-bottom: 65px;
}

#contents section.application div.appTbl {
  margin: 0 auto;
  width: 100%;
}

#contents section.application div.appTbl table {
  border-collapse: collapse;
  border-top: 1px dotted #ccc;
  width: 100%;
}

#contents section.application div.appTbl th,
#contents section.application div.appTbl td {
  border-bottom: 1px dotted #ccc;
  line-height: 140%;
  padding: 20px 20px 18px;
}

#contents section.application div.appTbl th {
  color: #67c657;
  font-size: 108% !important;
  width: 25%;
}

#contents section.flow {
  margin-bottom: 50px;
}

#contents section.flow div.flowTbl {
  margin: 0 auto;
  width: 100%;
}

#contents section.flow div.flowTbl table {
  border-collapse: collapse;
  border: 1px dotted #ccc;
  width: 100%;
}

#contents section.flow div.flowTbl table th,
#contents section.flow div.flowTbl table td {
  color: #7e7e7e;
  font-size: 108%;
  font-weight: bold;
  line-height: 140%;
  padding: 20px 20px 18px;
  text-align: center;
}

#contents section.flow div.flowTbl table th {
  background-color: #80bd5a;
  color: #fff;
}

#contents div.inquiryBox {
  margin: 0 auto;
  width: 100%;
}

#contents div.inquiryBox h2 {
  font-size: 0;
  line-height: 0;
  margin-bottom: 10px;
}

#contents div.inquiryBox div.bscTbl01 {
  margin: 0 auto 30px;
  width: 100%;
}

#contents div.inquiryBox div.bscTbl01 table th {
  width: 30%;
}

/*----------------------------------------------------
display tab
----------------------------------------------------*/

@media (max-width: 768px) {
    #mv .logo-pc{ display:block;}
    #mv .logo-sp{display: none;}
}

@media (max-width: 480px) {
    #mv .logo-pc {
        display: none;
    }
    #mv .logo-sp {
        display:block;
    }
}
/*----------------------------------------------------
tab
----------------------------------------------------*/
@media (max-width: 768px) {
    #contents .adoption .contentsInr{
        max-width: 658px;
    }

    #contents p.subscribeBtn input, #contents p.subscribeBtn a {
        margin: 8px 8px;
    }
}

/*----------------------------------------------------
sp
----------------------------------------------------*/
@media (max-width: 480px) {
  #contents section.application div.appTbl {
    margin: 0 auto;
    width: 100%;
  }

  #contents section.application div.appTbl table {
    width: 100%;
  }

  #contents section.application div.appTbl th,
  #contents section.application div.appTbl td {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  #contents section.application div.appTbl th {
    font-size: 108% !important;
    width: 100%;
  }

  #contents section.flow div.flowTbl {
    margin: 0 auto;
    width: 100%;
  }

  #contents section.flow div.flowTbl table {
    border-collapse: collapse;
    border: 1px dotted #ccc;
    width: 100%;
  }

  #contents section.flow div.flowTbl table th,
  #contents section.flow div.flowTbl table td {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  #contents section.adoption ol li {
    font-size: 14px !important;
    margin-bottom: 10px;
  }

  #contents section.adoption ol li span {
    font-size: 120% !important;
    color: #67c657;
    margin-right: 20px;
  }

  #contents section.adoption div.dotAttention {
    border: 1px dotted #ccc;
    margin: 0 auto;
    width: 100%;
  }

  #contents section.adoption div.dotAttention ul {
    padding: 15px 20px;
  }

  #contents section.adoption div.dotAttention ul li {
    color: #f95959;
    font-size: 108% !important;
    font-weight: bold;
  }

    #contents div.inquiryBox .logo-sp img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }


  #contents div.inquiryBox div.bscTbl01 table th {
    display: block;
    width: 98vw;
    margin: 0 auto;
  }

  #contents div.inquiryBox div.bscTbl01 table td {
    display: block;
    width: 98vw;
    margin: 0 auto;
    padding: 20px 0px;
  }

  #contents div.inquiryBox div.bscTbl01 table td.name {
    line-height: 2;
  }

  #contents div.inquiryBox div.bscTbl01 {
    margin: 0 auto 30px;
    width: 100%;
  }

  #contents div.inquiryBox div.bscTbl01 table th {
    display: block;
    width: 100%;
  }

  #contents div.inquiryBox div.bscTbl01 table th td {
    display: block;
    width: 100%;
    padding: 20px 0px;
  }

    .inquiryBox .contentsInr textarea {
        padding: 3px 0px;
        display: block;
        margin: 0 auto;
    }

  input.wSS,
  input.wS,
  input.wM,
  input.wL,
  input.wLL {
    max-width: 100%;
    width: 80%;
      display: block;
      margin: 0 auto;
  }
}