/* mmAbout
------------------------ */
#mmAbout {
  border-bottom: 1px solid #66b500; }
  #mmAbout .txt_mm {
    color: #66b500;
    margin-bottom: 4.0rem; }
  #mmAbout .data_list01 {
    display: flex;
    border-top: 1px solid #cccccc; }
    #mmAbout .data_list01 li:first-child {
      width: 38.8%;
      border-right: 1px solid #cccccc;
      text-align: center; }
      #mmAbout .data_list01 li:first-child img {
        max-width: 23rem; }
    #mmAbout .data_list01 li:last-child {
      width: 61.2%;
      padding: 8.0rem; }
    #mmAbout .data_list01 li .employee-number {
      padding: 8.0rem;
      border-bottom: 1px solid #cccccc; }
    #mmAbout .data_list01 li .full-time {
      padding: 8.0rem; }
    #mmAbout .data_list01 li .txt_l {
      margin-bottom: 2.4rem; }
  #mmAbout .data_list02 {
    display: flex;
    border-top: 1px solid #cccccc; }
    #mmAbout .data_list02 li:first-child {
      width: 38.8%;
      padding: 8.0rem;
      border-right: 1px solid #cccccc;
      text-align: center; }
      #mmAbout .data_list02 li:first-child img {
        max-width: 23rem; }
        #mmAbout .data_list02 li:first-child img:last-child {
          margin-top: 1.6rem; }
    #mmAbout .data_list02 li:last-child {
      width: 61.2%;
      padding: 8.0rem; }
    #mmAbout .data_list02 li .txt_l {
      margin-bottom: 2.4rem; }
  #mmAbout .occupation {
    padding: 8.0rem 8.0rem 0 8.0rem;
    border-top: 1px solid #cccccc; }
    #mmAbout .occupation .txt_l {
      margin-bottom: 2.4rem; }
    #mmAbout .occupation .occupation_list {
      display: flex; }
      #mmAbout .occupation .occupation_list li {
        box-sizing: border-box;
        width: calc((100% - 8%) / 5);
        margin-right: 8rem;
        text-align: center; }
        #mmAbout .occupation .occupation_list li:last-child {
          margin-right: 0; }
        #mmAbout .occupation .occupation_list li .txt_s {
          font-weight: 500; }
        #mmAbout .occupation .occupation_list li p {
          margin-bottom: 1.6rem; }
        #mmAbout .occupation .occupation_list li img:first-child {
          margin-bottom: 0.8rem; }
        #mmAbout .occupation .occupation_list li img:last-child {
          max-width: 9rem; }

/* employee
------------------------ */
#employee .txt_mm {
  color: #66b500;
  margin-bottom: 4.0rem; }
#employee .data_list03 {
  display: flex;
  border-top: 1px solid #cccccc; }
  #employee .data_list03 li:first-child {
    width: 38.8%;
    padding: 8.0rem;
    border-right: 1px solid #cccccc;
    text-align: center; }
    #employee .data_list03 li:first-child img {
      max-width: 23rem; }
      #employee .data_list03 li:first-child img:last-child {
        margin-top: 1.6rem; }
  #employee .data_list03 li:last-child {
    width: 61.2%;
    padding: 8.0rem; }
  #employee .data_list03 li .txt_l {
    margin-bottom: 2.4rem; }
#employee .side-business {
  padding: 8.0rem;
  border-top: 1px solid #cccccc; }
  #employee .side-business .txt_l {
    margin-bottom: 2.4rem; }
  #employee .side-business .side-business_list {
    display: flex;
    justify-content: center;
    align-items: center; }
    #employee .side-business .side-business_list li {
      width: calc((100% - 4%) / 3);
      margin-right: 4rem;
      text-align: center;
      box-sizing: border-box; }
      #employee .side-business .side-business_list li:first-child {
        max-width: 21.4rem; }
      #employee .side-business .side-business_list li:nth-child(2) {
        max-width: 12.7rem; }
      #employee .side-business .side-business_list li:last-child {
        max-width: 21.4rem;
        margin-right: 0; }
#employee .data_list04 {
  display: flex;
  border-top: 1px solid #cccccc; }
  #employee .data_list04 .txt_l {
    margin-bottom: 2.4rem; }
  #employee .data_list04 li {
    width: 50%;
    padding: 8.0rem;
    text-align: center; }
    #employee .data_list04 li:first-child {
      border-right: 1px solid #cccccc; }
      #employee .data_list04 li:first-child img {
        max-width: 33rem; }
    #employee .data_list04 li:last-child img {
      max-width: 33rem; }
#employee .work {
  padding: 8.0rem;
  border-top: 1px solid #cccccc;
  text-align: center; }
  #employee .work .txt_l {
    margin-bottom: 2.4rem; }
  #employee .work img {
    max-width: 78rem; }
#employee .reason {
  padding-top: 8.0rem;
  border-top: 1px solid #cccccc; }
  #employee .reason .txt_l {
    margin-bottom: 2.4rem; }
  #employee .reason .reason_list {
    width: 85rem;
    margin: 0 auto; }
    #employee .reason .reason_list .rank_list {
      padding: 2.4rem 0;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #cccccc; }
      #employee .reason .reason_list .rank_list:last-child {
        padding-bottom: 0;
        border-bottom: none; }
      #employee .reason .reason_list .rank_list li .txt_m {
        font-weight: 600; }
        #employee .reason .reason_list .rank_list li .txt_m span {
          font-size: 1.6rem; }
      #employee .reason .reason_list .rank_list li .rank1 {
        color: #396600;
        font-size: 3.2rem; }
        #employee .reason .reason_list .rank_list li .rank1 span {
          font-size: 2.4rem; }
      #employee .reason .reason_list .rank_list li:first-child {
        width: 10%;
        margin-right: 2.4rem; }
      #employee .reason .reason_list .rank_list li:last-child {
        width: 90%;
        margin-left: -7rem;
        text-align: center; }

/* max1200
------------------------ */
@media screen and (max-width: 1200px) {
  /* employee
  ------------------------ */
  #employee .reason .reason_list {
    width: 100%; } }
/* max960
------------------------ */
@media screen and (max-width: 960px) {
  /* mmAbout
  ------------------------ */
  #mmAbout .occupation .occupation_list {
    display: flex;
    flex-wrap: wrap; }
    #mmAbout .occupation .occupation_list li {
      width: calc((100% - 7%) / 4);
      margin-right: 8rem;
      margin-top: 8rem; }
      #mmAbout .occupation .occupation_list li:first-child {
        margin-top: 0; }
      #mmAbout .occupation .occupation_list li:nth-child(2) {
        margin-top: 0; }
      #mmAbout .occupation .occupation_list li:nth-child(3n) {
        margin-top: 0;
        margin-right: 0; } }
/* max767
------------------------ */
@media screen and (max-width: 768px) {
  /* mmAbout
  ------------------------ */
  #mmAbout .txt_mm {
    color: #66b500;
    margin-bottom: 3.5rem; }
  #mmAbout .data_list01 {
    display: flex;
    flex-direction: column; }
    #mmAbout .data_list01 li:first-child {
      width: 100%;
      border-right: none; }
      #mmAbout .data_list01 li:first-child img {
        max-width: 23rem; }
    #mmAbout .data_list01 li:last-child {
      width: 100%;
      padding: 6.0rem 0; }
    #mmAbout .data_list01 li .employee-number {
      padding: 6.0rem 0;
      border-bottom: 1px solid #cccccc; }
    #mmAbout .data_list01 li .full-time {
      padding: 6.0rem 0;
      border-bottom: 1px solid #cccccc; }
    #mmAbout .data_list01 li .txt_l {
      margin-bottom: 2.1rem; }
  #mmAbout .data_list02 {
    flex-direction: column; }
    #mmAbout .data_list02 li .men-women {
      display: flex;
      align-items: center;
      flex-direction: column; }
    #mmAbout .data_list02 li:first-child {
      width: 100%;
      padding: 6.0rem 0;
      border-right: none;
      border-bottom: 1px solid #cccccc; }
      #mmAbout .data_list02 li:first-child img {
        max-width: 23rem; }
        #mmAbout .data_list02 li:first-child img:last-child {
          margin-top: 1.4rem; }
    #mmAbout .data_list02 li:last-child {
      width: 100%;
      padding: 6.0rem 0; }
    #mmAbout .data_list02 li .txt_l {
      margin-bottom: 2.1rem; }
  #mmAbout .occupation {
    padding: 6.0rem 6.0rem 0 6.0rem;
    border-top: 1px solid #cccccc; }
    #mmAbout .occupation .txt_l {
      margin-bottom: 2.1rem; }
    #mmAbout .occupation .occupation_list {
      margin: 0 auto; }
      #mmAbout .occupation .occupation_list li {
        width: calc((100% - 7%) / 2);
        margin-top: 3.5rem;
        margin-right: 3.5%; }
        #mmAbout .occupation .occupation_list li:nth-child(2n) {
          margin-right: 0; }
        #mmAbout .occupation .occupation_list li:nth-child(3n) {
          margin-top: 3.5rem;
          margin-right: 3.5%; }
        #mmAbout .occupation .occupation_list li:last-child {
          margin-right: 0; }
        #mmAbout .occupation .occupation_list li p {
          margin-bottom: 1.4rem; }
        #mmAbout .occupation .occupation_list li img:first-child {
          max-width: 16rem;
          margin-bottom: 0.7rem; }

  /* employee
  ------------------------ */
  #employee .txt_mm {
    margin-bottom: 3.5rem; }
  #employee .data_list03 {
    flex-direction: column; }
    #employee .data_list03 .rookie-mid {
      display: flex;
      align-items: center;
      flex-direction: column; }
    #employee .data_list03 li:first-child {
      width: 100%;
      padding: 6.0rem 0;
      border-right: none; }
      #employee .data_list03 li:first-child img {
        max-width: 23rem; }
        #employee .data_list03 li:first-child img:last-child {
          margin-top: 1.6rem; }
    #employee .data_list03 li:last-child {
      width: 100%;
      padding: 6.0rem 0;
      border-top: 1px solid #cccccc; }
    #employee .data_list03 li .txt_l {
      margin-bottom: 2.1rem; }
  #employee .side-business {
    padding: 6.0rem 0; }
    #employee .side-business .txt_l {
      margin-bottom: 2.1rem; }
  #employee .data_list04 {
    flex-direction: column; }
    #employee .data_list04 .txt_l {
      margin-bottom: 2.1rem; }
    #employee .data_list04 li {
      width: 100%;
      padding: 6.0rem 0; }
      #employee .data_list04 li:first-child {
        border-right: none; }
      #employee .data_list04 li:last-child {
        border-top: 1px solid #cccccc; }
  #employee .work {
    padding: 6.0rem 0; }
    #employee .work .txt_l {
      margin-bottom: 2.1rem; }
  #employee .reason {
    padding-top: 6.0rem; }
    #employee .reason .txt_l {
      margin-bottom: 2.1rem; }
    #employee .reason .reason_list .rank_list {
      padding: 2.1rem 0;
      flex-direction: column;
      border-bottom: 1px solid #cccccc; }
      #employee .reason .reason_list .rank_list li .txt_m span {
        font-size: 1.4rem; }
      #employee .reason .reason_list .rank_list li .rank1 {
        color: #396600;
        font-size: 2.8rem; }
        #employee .reason .reason_list .rank_list li .rank1 span {
          font-size: 2.4rem; }
      #employee .reason .reason_list .rank_list li:first-child {
        width: 7rem;
        margin-right: 0; }
      #employee .reason .reason_list .rank_list li:last-child {
        margin-top: 1.4rem;
        margin-left: inherit; } }
/* max420
------------------------ */
@media screen and (max-width: 420px) {
  /* mmAbout
  ------------------------ */
  #mmAbout .txt_mm {
    color: #66b500;
    margin-bottom: 2.8rem; }
  #mmAbout .data_list01 li:first-child img {
    max-width: 16rem; }
  #mmAbout .data_list01 li:last-child {
    padding: 4.9rem 0; }
  #mmAbout .data_list01 li .employee-number {
    padding: 4.9rem 0; }
  #mmAbout .data_list01 li .full-time {
    padding: 4.9rem 0; }
  #mmAbout .data_list01 li .txt_l {
    margin-bottom: 1.8rem; }
  #mmAbout .data_list02 li:first-child {
    padding: 4.9rem 0; }
    #mmAbout .data_list02 li:first-child img {
      max-width: 16rem; }
  #mmAbout .data_list02 li:last-child {
    padding: 4.9rem 0; }
  #mmAbout .data_list02 li .txt_l {
    margin-bottom: 1.8rem; }
  #mmAbout .occupation {
    padding: 4.9rem 4.9rem 0 4.9rem; }
    #mmAbout .occupation .txt_l {
      margin-bottom: 2.1rem; }
    #mmAbout .occupation .occupation_list {
      justify-content: space-between; }
      #mmAbout .occupation .occupation_list li {
        width: calc((100% - 20%) / 2);
        margin-top: 2.1rem;
        margin-right: 10%; }
        #mmAbout .occupation .occupation_list li:nth-child(2n) {
          margin-right: 0; }
        #mmAbout .occupation .occupation_list li:nth-child(3n) {
          margin-top: 2.1rem;
          margin-right: 10%; }
        #mmAbout .occupation .occupation_list li p {
          margin-bottom: 1.4rem; }
        #mmAbout .occupation .occupation_list li img:first-child {
          max-width: inherit;
          margin-bottom: 0.7rem; }
        #mmAbout .occupation .occupation_list li img:last-child {
          max-width: 7rem; }

  /* employee
  ------------------------ */
  #employee .txt_mm {
    margin-bottom: 2.8rem; }
  #employee .data_list03 {
    flex-direction: column; }
    #employee .data_list03 li:first-child {
      width: 100%;
      padding: 4.9rem 0;
      border-right: none; }
      #employee .data_list03 li:first-child img {
        max-width: 16rem; }
        #employee .data_list03 li:first-child img:last-child {
          margin-top: 1.4rem; }
    #employee .data_list03 li:last-child {
      padding: 4.9rem 0; }
    #employee .data_list03 li .txt_l {
      margin-bottom: 2.1rem; }
  #employee .side-business {
    padding: 4.9rem 0; }
    #employee .side-business .txt_l {
      margin-bottom: 1.8rem; }
    #employee .side-business .side-business_list {
      flex-direction: column; }
      #employee .side-business .side-business_list li {
        width: 100%;
        margin-right: 0;
        text-align: center; }
        #employee .side-business .side-business_list li:first-child {
          max-width: 16rem; }
        #employee .side-business .side-business_list li:nth-child(2) {
          margin: 1.4rem 0;
          max-width: 9rem; }
        #employee .side-business .side-business_list li:last-child {
          max-width: 16rem; }
  #employee .data_list04 {
    flex-direction: column; }
    #employee .data_list04 .txt_l {
      margin-bottom: 1.8rem; }
    #employee .data_list04 li {
      width: 100%;
      padding: 4.9rem 0; }
      #employee .data_list04 li:first-child img {
        max-width: 22rem; }
      #employee .data_list04 li:last-child img {
        max-width: 22rem; }
  #employee .work {
    padding: 4.9rem 0; }
    #employee .work .txt_l {
      margin-bottom: 1.8rem; }
  #employee .reason {
    padding-top: 4.9rem; }
    #employee .reason .txt_l {
      margin-bottom: 1.8rem; }
    #employee .reason .reason_list .rank_list {
      padding: 1.8rem 0;
      flex-direction: column;
      border-bottom: 1px solid #cccccc; }
      #employee .reason .reason_list .rank_list li .txt_m {
        text-align: center; }
        #employee .reason .reason_list .rank_list li .txt_m span {
          font-size: 1.2rem; }
      #employee .reason .reason_list .rank_list li .rank1 {
        color: #396600;
        font-size: 2.1rem; }
        #employee .reason .reason_list .rank_list li .rank1 span {
          font-size: 1.8rem; } }