@charset "UTF-8";

/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////
for Secondary Pages
////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/* ===================================================================== */
/* pd_service_detail * /
/* ===================================================================== */
#pd_service_detail {
}
  #pd_service_detail h2 {
    margin: 6rem auto 0 auto;
    color: #000000;
    text-align: center;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-weight: 500;
  }
  #pd_service_detail .pd_service_detail_lead {
    margin: 8rem 0 0 0;
    font-size: 1.6rem;
    line-height: 2.8rem;
  }
    #pd_service_detail .pd_service_detail_lead span {
      font-weight: bold;
      font-size: 1.8rem;
    }
  #pd_service_detail .pd_service_detail_styles {
    display: inline-flex;
    overflow: hidden;
    margin: 3rem 0 2rem 0;
  }
    #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner {
      width: 32.5%;
      height: auto;
      float: left;
      margin: 0 1% 0 0;
    }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner:last-child {
        margin: 0 0 0 0;
      }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a {
        display: block;
        height: 100%;
        padding: 2rem;
        margin: 0 0 0 0;
        background-color: #ffffff;
        border-radius: .5rem;
        min-height: 27rem;
      }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a:hover {
          opacity: 0.8;
        }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 {
        color: #009933;
        font-size: 2.2rem;
        line-height: 2.4rem;
        letter-spacing: .3rem;
        margin: 1rem auto 1rem auto;
        padding: 0 0 1rem 0;
        text-align: center;
        border-bottom: 1px #999999 dotted;

      }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 span {
        color: #999999;
        display: block;
        font-size: 1.6rem;
        margin: 0 0 1rem 0;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 0;
        font-family: 'Athelas', serif;
      }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a p {
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #333333;
      }
  #pd_service_detail .pd_service_detail_styles_txt {
    margin: 1rem 0 0 0;
    padding: 2rem;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: .5rem;
  }
    #pd_service_detail .pd_service_detail_styles_txt span {
      font-weight: bold;
    }

  #pd_service_detail .pd_service_detail_inner {
    position: relative;
    background-color: #ffffff;
    margin: 3rem 0 2rem 0;
    padding: 2rem 2rem;
    border-radius: .5rem;
  }
    #pd_service_detail .pd_service_detail_inner h2 {
      color: #009933;
      font-size: 2.2rem;
      line-height: 2.4rem;
      letter-spacing: .3rem;
      margin: 1rem auto 1rem auto;
      padding: 0 0 1rem 0;
      text-align: center;
      border-bottom: 1px #999999 dotted;
      font-weight: 500;
      font-family: 'Sawarabi Mincho', sans-serif;
    }
      #pd_service_detail .pd_service_detail_inner h2 span {
        color: #999999;
        display: block;
        font-size: 1.6rem;
        margin: 0 0 1rem 0;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: 0;
        font-family: 'Athelas', serif;
      }
      #pd_service_detail .pd_service_detail_inner ol {
        overflow: hidden;
        width: 80%;
        margin: 0 10% 3rem 10%;
        padding: 0 0 0 0;
        text-align: center;
      }
        #pd_service_detail .pd_service_detail_inner ol li {
          float: left;
          width: 32%;
          list-style-type: none;
          margin: 0 1% 6rem 0;
          padding: .5rem;
          color: #009933;
          font-size: 1.4rem;
          line-height: 1.8rem;
          border: 1px #009933 solid;
        }
          #pd_service_detail .pd_service_detail_inner ol li:last-child {
            margin: 0 0 0 0;
          }
            #pd_service_detail .pd_service_detail_inner ol li.min_highest {
              min-height: 7rem;
            }
      #pd_service_detail .pd_service_detail_inner p {
        text-align: center;
        width: 90%;
        margin: 0 5% 2rem 5%;
        color: #333333;
      }

      #pd_service_detail .pd_service_detail_inner h3 {
        color: #666666;
        margin-bottom: 0;
        font-size: 2rem;
        line-height: 2.4rem;
        letter-spacing: .3rem;
        margin: 1rem auto 0 auto;
        padding: 0 0 1rem 0;
        text-align: center;
        font-family: 'Sawarabi Mincho', sans-serif;
        font-weight: 500;
      }
        #pd_service_detail .pd_service_detail_inner h3 span {
          color: #888888;
          display: block;
          font-size: 1.4rem;
          margin: 0 0 1rem 0;
          text-transform: uppercase;
          font-weight: normal;
          letter-spacing: 0;
          font-family: 'Athelas', serif;
        }

      #pd_service_detail .pd_service_detail_inner .pd_service_detail_inner_list {
        display: inline-flex;
        overflow: hidden;
        margin: 0 0 2rem 0;
      }
        .pd_service_detail_inner_list .pd_service_detail_inner_list_box {
          width: 32%;
          float: left;
          margin: 0 1% 3rem 0;
        }
          .pd_service_detail_inner_list .pd_service_detail_inner_list_box a {
            position: relative;
            display: block;
            height: 100%;
            margin: 0 0 0 0;
            padding: 2rem;
            border: 1px #cccccc solid;
            box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
            border-radius: .5rem;
            background-color: #f7f7f7;
            min-height: 32rem;
          }
            .pd_service_detail_inner_list .pd_service_detail_inner_list_box a:hover {
              opacity: 0.7;
            }
            .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 {
              color: #009933;
              font-size: 2.2rem;
              line-height: 2.4rem;
              letter-spacing: .3rem;
              margin: 1rem auto 1rem auto;
              text-align: center;
              padding: 0 0 1rem 0;
              border-bottom: 1px #cccccc dotted;
              font-family: 'Sawarabi Mincho', sans-serif;
            }
              .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 span {
                color: #888888;
                display: block;
                font-size: 1.4rem;
                margin: 0 0 0 0;
                text-transform: uppercase;
                font-weight: normal;
                letter-spacing: 0;
              }
            .pd_service_detail_inner_list .pd_service_detail_inner_list_box a p {
              color: #666666;
              font-size: 1.4rem;
              margin: 0 0 0 0;
              text-align: left !important;
            }
      #pd_system_customize .pd_system_customize_img {
        width: 70%;
        margin: 0 auto;
      }
        #pd_system_customize .pd_system_customize_img img {
          width: 100%;
          margin: 0 auto;
        }
      #pd_system_scratch .pd_system_scratch_img {
        width: 80%;
        margin: 0 10% 0 10%;
        border: 1px #cccccc solid;
        border-radius: .5rem;
        padding: 2rem;
      }
        #pd_system_scratch .pd_system_scratch_img img {
          width: 100%;
          margin: 0 auto;
        }
      #pd_system_scratch .pd_offshore_price {
        width: 80%;
        margin: 3rem 10%;
      }
        #pd_system_scratch .pd_offshore_price h4 {
          font-size: 1.8rem;
          line-height: 2.4rem;
          margin: 0 0 0 0;
          font-family: 'Sawarabi Mincho', sans-serif;
        }
        #pd_system_scratch .pd_offshore_price ul {
          margin: 0 0 0 0;
          padding: 1rem 5rem;
        }
          #pd_system_scratch .pd_offshore_price ul li {
            list-style-type: none;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
          }
            #pd_system_scratch .pd_offshore_price ul li span {
              font-weight: bold;
            }
        #pd_system_scratch .pd_offshore_price p {
          margin: 0 0 0 0;
          text-align: left;
        }

      /* service flow */
      #pd_service_detail .pd_services_flow_wrap {
        overflow: hidden;
        width: 90%;
        margin: 0 5%;
      }
        #pd_service_detail .pd_services_flow_wrap ul {
          float: left;
          width: 50%;
          padding: 0 0 0 0;
          margin: 0 0 0 0;
        }
          #pd_service_detail .pd_services_flow_wrap ul li {
            list-style-type: none;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
          }
            #pd_service_detail .pd_services_flow_wrap ul li h5 {
              font-size: 1.8rem;
              line-height: 2.0rem;
              color: #009933;
              font-family: serif;
              margin: 0 0 0 0;
            }
              #pd_service_detail .pd_services_flow_wrap ul li h5 span {
                font-size: 1.2rem;
                color: #666666;
                display: block;
                margin: 0 0 0 0;
              }
            #pd_service_detail .pd_services_flow_wrap ul li p {
              text-align: left;
              margin: 0 0 1rem 0;
              line-height: 2.0rem;
            }
          .pd_system_flow_img {
            width: 80%;
            margin: 3rem 10% 3rem 10%;
          }
            .pd_system_flow_img img {
              width: 100%;
              margin: 0 auto;
            }

    /* service flow */
    #pd_service_detail .pd_service_detail_consultant {
      width: 90%;
      margin: 0 5%;
    }
        #pd_service_detail .pd_service_detail_consultant h3 {
          color: #666666;
          font-size: 2.0rem;
          line-height: 2.2rem;
          padding: 0 0 0 0;
          margin: 3rem 0 1rem 0;
          text-align: left;
          letter-spacing: 0;
          font-family: 'Sawarabi Mincho', sans-serif;
        }
          #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap {
            overflow: hidden;
            padding: 0 0 0 0;
            margin: 0 0 0 0;
          }

          #pd_service_detail .pd_service_detail_consultant img {
            float: left;
            width: 20%;
            border-radius: .3rem;
          }
            #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner  {
              float: left;
              width: 77%;
              margin-left: 2%;
            }
              .pd_service_detail_consultant_wrap_inner h4 {
                color: #666666;
                font-size: 1.4rem;
                line-height: 2.2rem;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                font-family: 'Sawarabi Mincho', sans-serif;
              }
              .pd_service_detail_consultant_wrap_inner h5 {
                color: #666666;
                font-size: 1.2rem;
                line-height: 2.0rem;
                padding: 0 0 0 0;
                margin: 1rem 0 0 0;
              }
              #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner p {
                text-align: left;
                font-size: 1.2rem;
                line-height: 2.0rem;
                margin: 0 0 0 0;
                width: 100%;
              }

      /* cv area */
      #pd_service_detail .pd_service_detail_cv_area {
        background-color: #ffffff;
        margin: 3rem 0 8rem 0;
        padding: 2rem 2rem;
        border-radius: .5rem;
      }
        #pd_service_detail .pd_service_detail_cv_area h2 {
          color: #009933;
          font-size: 2.8rem;
          line-height: 3.6rem;
          letter-spacing: 0;
          margin: 1rem auto 3rem auto;
          padding: 0 0 2rem 0;
          text-align: center;
          border-bottom: 1px #999999 dotted;
        }
          #pd_service_detail .pd_service_detail_cv_area h2 span {
            font-size: 1.8rem;
            line-height: 2.2rem;
            display: block;
            padding: 0 0 0 0;
            margin: 0 0 1rem 0;
            text-align: center;
          }
          #pd_service_detail .pd_service_detail_cv_area p {
            text-align: center;
            font-size: 1.6rem;
            line-height: 2.2rem;
            width: 80%;
            margin: 0 auto 3rem auto;
            color: #333333;
          }
        .pd_service_detail_cv_area_btn_box {
          text-align: center;
        }
        .pd_service_detail_cv_area_btn_box a {
          display: block;
          padding: 2rem 3rem;
          font-size: 2.4rem;
          line-height: 3.2rem;
          background-color: #009933;
          color: #ffffff;
          width: 60%;
          margin: 0 auto;
          border-radius: .5rem;
          box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
        }
          .pd_service_detail_cv_area_btn_box a span {
            font-size: 1.8rem;
            line-height: 2.4rem;
            display: block;
            margin: 0 0 0 0;
          }
        .pd_service_detail_cv_area_btn_box a:hover {
          opacity: 0.7;
        }
/* --------------------
for Large
-------------------- */
@media screen and (min-width: 992px) and (max-width: 1199px){
  #pd_service_detail {
  }
    #pd_service_detail h3 {
    }
    #pd_service_detail .pd_service_detail_lead {
    }
      #pd_service_detail .pd_service_detail_lead span {
      }
    #pd_service_detail .pd_service_detail_styles {
    }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner {
      }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner:last-child {
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a {
          min-height: 29.5rem;
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a:hover {
        }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 {
      }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 span {
      }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a p {
      }
  #pd_service_detail .pd_service_detail_styles_txt {
  }
    #pd_service_detail .pd_service_detail_styles_txt span {
    }
  #pd_service_detail .pd_service_detail_inner {
  }
    #pd_service_detail .pd_service_detail_inner h2 {
    }
      #pd_service_detail .pd_service_detail_inner h2 span {
      }
      #pd_service_detail .pd_service_detail_inner ol {
        width: 97%;
        margin: 0 3% 3rem 3%;
      }
      #pd_service_detail .pd_service_detail_inner ol li {
        margin: 0 1% 0 0;
        padding: 2.5rem 1rem;
      }
    #pd_service_detail .pd_service_detail_inner ol li:last-child {
    }
      #pd_service_detail .pd_service_detail_inner ol li.min_highest {
        min-height: 11rem;
      }
      #pd_service_detail .pd_service_detail_inner p {
      }
      #pd_service_detail .pd_service_detail_inner h3 {

      }
      #pd_service_detail .pd_service_detail_inner h3 span {
      }
      #pd_service_detail .pd_service_detail_inner .pd_service_detail_inner_list {
      }
        .pd_service_detail_inner_list .pd_service_detail_inner_list_box {
        }
        .pd_service_detail_inner_list .pd_service_detail_inner_list_box a {
          min-height: 48rem;
        }
        .pd_service_detail_inner_list .pd_service_detail_inner_list_box a:hover {
        }
          .pd_service_detail_inner_list .pd_service_detail_inner_list_box a.nolink:hover {
          }
        .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 {
          min-height: 9rem;
        }
          .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 span {
          }
        .pd_service_detail_inner_list .pd_service_detail_inner_list_box a p {
        }
  #pd_system_customize .pd_system_customize_img {
  }
    #pd_system_customize .pd_system_customize_img img {
    }
  #pd_system_scratch .pd_system_scratch_img {
  }
    #pd_system_scratch .pd_system_scratch_img img {
    }
  #pd_system_scratch .pd_offshore_price {
  }
    #pd_system_scratch .pd_offshore_price h4 {
    }
    #pd_system_scratch .pd_offshore_price ul {
    }
      #pd_system_scratch .pd_offshore_price ul li {
      }
        #pd_system_scratch .pd_offshore_price ul li span {
        }
    #pd_system_scratch .pd_offshore_price p {
    }

  /* service flow */
  #pd_service_detail .pd_services_flow_wrap {
  }
    #pd_service_detail .pd_services_flow_wrap ul {
    }
      #pd_service_detail .pd_services_flow_wrap ul li {
      }
        #pd_service_detail .pd_services_flow_wrap ul li h5 {
        }
          #pd_service_detail .pd_services_flow_wrap ul li h5 span {
          }
        #pd_service_detail .pd_services_flow_wrap ul li p {
        }
      .pd_system_flow_img {
      }
        .pd_system_flow_img img {
        }

/* service flow */
#pd_service_detail .pd_service_detail_consultant {
}
    #pd_service_detail .pd_service_detail_consultant h3 {
    }
      #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap {
      }

      #pd_service_detail .pd_service_detail_consultant img {
      }
        #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner  {
        }
          .pd_service_detail_consultant_wrap_inner h4 {
          }
          .pd_service_detail_consultant_wrap_inner h5 {
          }
          #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner p {
          }
  /* cv area */
  #pd_service_detail .pd_service_detail_cv_area {
  }
    #pd_service_detail .pd_service_detail_cv_area h2 {
    }
      #pd_service_detail .pd_service_detail_cv_area h2 span {
      }
      #pd_service_detail .pd_service_detail_cv_area p {
      }
    .pd_service_detail_cv_area_btn_box {
    }
    .pd_service_detail_cv_area_btn_box a {
    }
      .pd_service_detail_cv_area_btn_box a span {
      }
    .pd_service_detail_cv_area_btn_box a:hover {
    }
    .pd_sv_sp_br{
      display: none;
    }
    .pd_sv_lg_br{
      display: inline;
    }
    .pt01{
      padding-top: 3rem !important;
    }
}
/* --------------------
fot Medium
-------------------- */
@media screen and (max-width: 991px) and (min-width: 768px){
  #pd_service_detail {
  }
    #pd_service_detail h2 {
    }
    #pd_service_detail .pd_service_detail_lead {
      line-height: 2.3rem;
    }
      #pd_service_detail .pd_service_detail_lead span {
      }
    #pd_service_detail .pd_service_detail_styles {
    }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner {
        width: 100%;
        margin: 0 0 1rem 0;
      }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner:last-child {
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a {
          min-height: auto;
        }
          #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a:hover {
          }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 {
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 span {
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a p {
        }
    #pd_service_detail .pd_service_detail_styles_txt {
      line-height: 2rem;
    }
      #pd_service_detail .pd_service_detail_styles_txt span {
      }

    #pd_service_detail .pd_service_detail_inner {
      padding: 2rem 1.5rem;
    }
      #pd_service_detail .pd_service_detail_inner h2 {
      }
        #pd_service_detail .pd_service_detail_inner h2 span {
        }
        #pd_service_detail .pd_service_detail_inner ol {
          width: 90%;
          margin: 0 5% 3rem 5%;
        }
          #pd_service_detail .pd_service_detail_inner ol li {
            width: 100%;
            margin: 0 0 1rem 0;
          }
            #pd_service_detail .pd_service_detail_inner ol li:last-child {
            }
              #pd_service_detail .pd_service_detail_inner ol li.min_highest {
                min-height: 6rem;
              }
        #pd_service_detail .pd_service_detail_inner p {
          line-height: 2rem;
          width: 92%;
        }

        #pd_service_detail .pd_service_detail_inner h3 {
          line-height: 2.8rem;
          letter-spacing: 0.1rem;
        }
          #pd_service_detail .pd_service_detail_inner h3 span {
          }

        #pd_service_detail .pd_service_detail_inner .pd_service_detail_inner_list {
        }
          .pd_service_detail_inner_list .pd_service_detail_inner_list_box {
            width: 100%;
            margin: 0 1% 3rem 0;
          }
            .pd_service_detail_inner_list .pd_service_detail_inner_list_box a {
              padding: 2rem 1.2rem 2.5rem 1.2rem;
              min-height: auto;
            }
              .pd_service_detail_inner_list .pd_service_detail_inner_list_box a:hover {
              }
              .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 {
              }
                .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 span {
                }
              .pd_service_detail_inner_list .pd_service_detail_inner_list_box a p {
              }
        #pd_system_customize .pd_system_customize_img {
          width: 100%;
          margin: 0;
        }
          #pd_system_customize .pd_system_customize_img img {
          }
        #pd_system_scratch .pd_system_scratch_img {
          width: 100%;
          margin: 0;
        }
          #pd_system_scratch .pd_system_scratch_img img {
          }
        #pd_system_scratch .pd_offshore_price {
          width: 85%;
        }
          #pd_system_scratch .pd_offshore_price h4 {
          }
          #pd_system_scratch .pd_offshore_price ul {
          }
            #pd_system_scratch .pd_offshore_price ul li {
            }
              #pd_system_scratch .pd_offshore_price ul li span {
              }
          #pd_system_scratch .pd_offshore_price p {
          }

        /* service flow */
        #pd_service_detail .pd_services_flow_wrap {
          width: 95%;
        }
          #pd_service_detail .pd_services_flow_wrap ul {
            width: 100%;
            margin: 0 0 1rem 0;
          }
            #pd_service_detail .pd_services_flow_wrap ul li {
            }
              #pd_service_detail .pd_services_flow_wrap ul li h5 {
              }
                #pd_service_detail .pd_services_flow_wrap ul li h5 span {
                }
              #pd_service_detail .pd_services_flow_wrap ul li p {
              }
            .pd_system_flow_img {
              width: 100%;
              margin: 3rem 0 3rem 0;
            }
              .pd_system_flow_img img {
              }

      /* service flow */
      #pd_service_detail .pd_service_detail_consultant {
      }
          #pd_service_detail .pd_service_detail_consultant h3 {
          }
            #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap {
            }

            #pd_service_detail .pd_service_detail_consultant img {
              width: 100%;
            }
              #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner  {
                width: 100%;
                margin-left: 0;
              }
                .pd_service_detail_consultant_wrap_inner h4 {
                }
                .pd_service_detail_consultant_wrap_inner h5 {
                }
                #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner p {
                }

        /* cv area */
        #pd_service_detail .pd_service_detail_cv_area {
          padding: 2rem 1.4rem;
        }
          #pd_service_detail .pd_service_detail_cv_area h2 {
            font-size: 2.1rem;
          }
            #pd_service_detail .pd_service_detail_cv_area h2 span {
              letter-spacing: 0.2rem;
            }
            #pd_service_detail .pd_service_detail_cv_area p {
              width: 90%;
            }
          .pd_service_detail_cv_area_btn_box {
          }
          .pd_service_detail_cv_area_btn_box a {
            padding: 2rem;
            width: 95%;
          }
            .pd_service_detail_cv_area_btn_box a span {
            }
          .pd_service_detail_cv_area_btn_box a:hover {
          }
          .pd_sv_sp_br{
            display: none;
          }
          .pd_sv_lg_br{
            display: none;
          }
}
/* --------------------
fot Smartphone
-------------------- */
@media screen and (max-width: 767px) {
  #pd_service_detail {
  }
    #pd_service_detail h2 {
    }
    #pd_service_detail .pd_service_detail_lead {
      line-height: 2.3rem;
    }
      #pd_service_detail .pd_service_detail_lead span {
      }
    #pd_service_detail .pd_service_detail_styles {
      display: flow-root;
    }
      #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner {
        width: 100%;
        margin: 0 0 1rem 0;
      }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner:last-child {
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a {
        }
          #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a:hover {
          }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 {
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a h2 span {
        }
        #pd_service_detail .pd_service_detail_styles .pd_service_detail_styles_inner a p {
        }
    #pd_service_detail .pd_service_detail_styles_txt {
      line-height: 2rem;
    }
      #pd_service_detail .pd_service_detail_styles_txt span {
      }

    #pd_service_detail .pd_service_detail_inner {
      position: static;
      padding: 2rem 1.5rem;
    }
      #pd_service_detail .pd_service_detail_inner h2 {
      }
        #pd_service_detail .pd_service_detail_inner h2 span {
        }
        #pd_service_detail .pd_service_detail_inner ol {
          width: 90%;
          margin: 0 5% 3rem 5%;
        }
          #pd_service_detail .pd_service_detail_inner ol li {
            width: 100%;
            margin: 0 0 1rem 0;
          }
            #pd_service_detail .pd_service_detail_inner ol li:last-child {
            }
              #pd_service_detail .pd_service_detail_inner ol li.min_highest {
                min-height: 6rem;
              }
        #pd_service_detail .pd_service_detail_inner p {
          line-height: 2rem;
          width: 92%;
        }

        #pd_service_detail .pd_service_detail_inner h3 {
          line-height: 2.8rem;
          letter-spacing: 0.1rem;
        }
          #pd_service_detail .pd_service_detail_inner h3 span {
          }

        #pd_service_detail .pd_service_detail_inner .pd_service_detail_inner_list {
          display: flow-root;
        ]
        }
          .pd_service_detail_inner_list .pd_service_detail_inner_list_box {
            width: 100%;
            margin: 0 1% 3rem 0;
          }
            .pd_service_detail_inner_list .pd_service_detail_inner_list_box a {
              padding: 2rem 1.2rem 2.5rem 1.2rem;
              min-height: auto;
            }
              .pd_service_detail_inner_list .pd_service_detail_inner_list_box a:hover {
              }
              .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 {
              }
                .pd_service_detail_inner_list .pd_service_detail_inner_list_box a h4 span {
                }
              .pd_service_detail_inner_list .pd_service_detail_inner_list_box a p {
              }
        #pd_system_customize .pd_system_customize_img {
          width: 100%;
          margin: 0;
        }
          #pd_system_customize .pd_system_customize_img img {
            width: 100%
          }
        #pd_system_scratch .pd_system_scratch_img {
          width: 100%;
          margin: 0;
        }
          #pd_system_scratch .pd_system_scratch_img img {
          }
        #pd_system_scratch .pd_offshore_price {

        }
          #pd_system_scratch .pd_offshore_price h3 {
          }
          #pd_system_scratch .pd_offshore_price ul {
            padding: 1rem 1rem;
          }
            #pd_system_scratch .pd_offshore_price ul li {
            }
              #pd_system_scratch .pd_offshore_price ul li span {
              }
          #pd_system_scratch .pd_offshore_price p {
          }

        /* service flow */
        #pd_service_detail .pd_services_flow_wrap {
          width: 95%;
        }
          #pd_service_detail .pd_services_flow_wrap ul {
            width: 100%;
            margin: 0 0 1rem 0;
          }
            #pd_service_detail .pd_services_flow_wrap ul li {
            }
              #pd_service_detail .pd_services_flow_wrap ul li h5 {
              }
                #pd_service_detail .pd_services_flow_wrap ul li h5 span {
                }
              #pd_service_detail .pd_services_flow_wrap ul li p {
              }
            .pd_system_flow_img {
              width: 100%;
              margin: 3rem 0 3rem 0;
            }
              .pd_system_flow_img img {
              }

      /* service flow */
      #pd_service_detail .pd_service_detail_consultant {
      }
          #pd_service_detail .pd_service_detail_consultant h3 {
          }
            #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap {
            }

            #pd_service_detail .pd_service_detail_consultant img {
              width: 100%;
            }
              #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner  {
                width: 100%;
                margin-left: 0;
              }
                .pd_service_detail_consultant_wrap_inner h4 {
                }
                .pd_service_detail_consultant_wrap_inner h5 {
                }
                #pd_service_detail .pd_service_detail_consultant .pd_service_detail_consultant_wrap .pd_service_detail_consultant_wrap_inner p {
                }

        /* cv area */
        #pd_service_detail .pd_service_detail_cv_area {
          padding: 2rem 1.4rem;
        }
          #pd_service_detail .pd_service_detail_cv_area h2 {
            font-size: 2.1rem;
          }
            #pd_service_detail .pd_service_detail_cv_area h2 span {
              letter-spacing: 0.2rem;
            }
            #pd_service_detail .pd_service_detail_cv_area p {
              width: 90%;
            }
          .pd_service_detail_cv_area_btn_box {
          }
          .pd_service_detail_cv_area_btn_box a {
            padding: 2rem;
            width: 95%;
          }
            .pd_service_detail_cv_area_btn_box a span {
            }
          .pd_service_detail_cv_area_btn_box a:hover {
          }
          .pd_sv_sp_br{
            display: inline;
          }
          .pd_sv_lg_br{
            display: none;
          }
}

/* ===================================================================== */
/* pd_service_detail TABLE * /
/* ===================================================================== */
#pd_service_detail .pd_service_detail_inner table {
  width: 90%;
  margin: 0 auto;
  color: #333333;
  font-size: 1.4rem;
  line-height: 2.2rem;
  border-collapse:separate;
  border-spacing: 1rem;
}
    #pd_service_detail .pd_service_detail_inner table tr {
  }
    #pd_service_detail .pd_service_detail_inner table tr td {
      padding: 0;
      text-align: center;
      width: 25%;
    }
      #pd_service_detail .pd_service_detail_inner table tr td a {
        display: block;
        margin: 0 0 0 0;
        font-family: serif;
        padding: 1rem 0;
        text-decoration: none;
        color: #003399;
        background: #f7f7f7;
        border: solid 1px #003399;
        border-radius: 4px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
        text-shadow: 0 1px 0 rgba(100,100,100,0.2);
      }
        #pd_service_detail .pd_service_detail_inner table tr td a:hover {
          opacity: 0.7;
          border: solid 1px #009933;
          color: #009933;
          box-shadow: none;
          text-shadow: none;
        }

/* --------------------
for Large
-------------------- */
@media screen and (min-width: 992px) and (max-width: 1199px){
  #pd_service_detail .pd_service_detail_inner table {
    width: 97%;
  }
      #pd_service_detail .pd_service_detail_inner table tr {
    }
      #pd_service_detail .pd_service_detail_inner table tr td {
      }
        #pd_service_detail .pd_service_detail_inner table tr td {
        }
}
/* --------------------
for Medium
-------------------- */
@media screen and (min-width: 768px) and (max-width: 991px){
}
/* --------------------
fot Smartphone
-------------------- */
@media screen and (max-width: 768px) {
  #pd_service_detail .pd_service_detail_inner table {
  }
      #pd_service_detail .pd_service_detail_inner table tr {
    }
      #pd_service_detail .pd_service_detail_inner table tr td {
      }
        #pd_service_detail .pd_service_detail_inner table tr td {
          display: block;
          width: 100%;
          text-align: center;
        }
}

/* ===================================================================== */
/* team_list * /
/* ===================================================================== */

/* ===================================================================== */
/* pd_recruit_detail * /
/* ===================================================================== */
#pd_recruit_detail {
}
.pd_recruit_detail_title {
  padding: 10rem 0 3rem 0;
}
  .pd_recruit_detail_title h2 {
    color: #eeeeee;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 3.0rem;
    letter-spacing: .3rem;
    line-height: 4.2rem;
    font-family: 'Sawarabi Mincho', sans-serif;
  }
  .pd_recruit_detail_title h2 span {
    color: #aaaaaa;
    display: block;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0;
  }
#pd_recruit_detail .pd_recruit_detail_inner,
#pd_recruit_detail .pd_recruit_detail_int_inner {
  background-color: #ffffff;
  margin: 0 0 2rem 0;
  padding: 2rem 2rem;
  border-radius: .5rem;
  /*overflow: hidden; cant use hidden becouse of tooltip*/
}
/* clearfix for tooltip */
#pd_recruit_detail .pd_recruit_detail_inner:after,
#pd_recruit_detail .pd_recruit_detail_int_inner:after {
  content: "";
  clear: both;
  display: block;
}
#pd_recruit_detail .pd_recruit_detail_inner hr,
#pd_recruit_detail .pd_recruit_detail_int_inner hr {
  border-top: 1px dotted #aaaaaa;
  margin: 3rem 0;
}
  #pd_recruit_detail .pd_recruit_detail_inner h3,
  #pd_recruit_detail .pd_recruit_detail_int_inner h3 {
    text-align: left;
    line-height: 3.8rem;
    font-size: 2.4rem;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
    margin-top: 0;
    font-family: 'Sawarabi Mincho', sans-serif;
  }
  #pd_recruit_detail .pd_recruit_detail_inner img {
    width: 100%;
    margin: 0 0 2rem 0;
    border-radius: .5rem;
  }
    #pd_recruit_detail .pd_recruit_detail_int_inner img {
      width: 25%;
      margin: 0 3% 2rem 0;
      border-radius: .5rem;
      float: left;
    }
  #pd_recruit_detail .pd_recruit_detail_inner h4 {
    margin: 2rem 0 .5rem 0;
    padding: .5rem 1rem .5rem 1.5rem;
    line-height: 2rem;
    line-height: 2.2rem;
    font-size: 1.6rem;
    border-left: 8px #666666 solid;
    font-family: 'Sawarabi Mincho', sans-serif;
  }
  #pd_recruit_detail .pd_recruit_detail_int_inner h4 {
    margin: 0 0 0 0;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Sawarabi Mincho', sans-serif;
  }
    #pd_recruit_detail .pd_recruit_detail_inner h4 br {
      margin-right: 2rem;
    }
    #pd_recruit_detail .pd_recruit_detail_int_inner .int_prof {
      display: block;
      color: #333333;
      font-size: 1.2rem;
      margin: 0 0 1rem 0;
    }
  #pd_recruit_detail .pd_recruit_detail_inner h5,
  #pd_recruit_detail .pd_recruit_detail_int_inner h5 {
    margin: 0 0 .5rem 0;
    font-size: 14px;
    line-height: 24px;
  }
  #pd_recruit_detail .pd_recruit_detail_inner p,
  #pd_recruit_detail .pd_recruit_detail_int_inner p {
    width: 100%;
    color: #333333;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
    #pd_recruit_detail .pd_recruit_detail_inner p {
      margin: 0 0 3rem 0;
    }
    #pd_recruit_detail .pd_recruit_detail_int_inner p {
      width: 70%;
      float: left;
    }
      #pd_recruit_detail .pd_recruit_detail_inner p span {
        display: inline-block;
        margin: 0 .5rem 1rem 0;
        padding: .5rem;
        border: 1px #666666 solid;
      }
  #pd_recruit_detail .pd_recruit_detail_inner ul {
    margin: 0 0 0 0;
    padding: 0;
  }
    #pd_recruit_detail .pd_recruit_detail_inner ul li,
    #pd_recruit_detail .pd_recruit_detail_int_inner ul li {
      margin: 0 0 0 0;
      padding: 0;
      color: #333333;
      font-size: 1.4rem;
      line-height: 2.2rem;
      list-style-type: none;
    }
      #pd_recruit_detail .pd_recruit_detail_inner ul li span.recruit_inner_ttl,
      #pd_recruit_detail .pd_recruit_detail_int_inner ul li span.recruit_inner_ttl {
        display: block;
        font-weight: bold;
      }
  #pd_recruit_detail .pd_recruit_detail_inner ol {
    margin: 0 0 0 0;
    padding: 0;
  }
    #pd_recruit_detail .pd_recruit_detail_inner ol li {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      color: #333333;
      font-size: 1.4rem;
      line-height: 2.2rem;
      list-style-type: none;
    }
      #pd_recruit_detail .pd_recruit_detail_inner ol li span.recruit_inner_ttl {
        display: block;
        font-weight: bold;
      }
  #pd_recruit_detail .pd_recruit_detail_inner table {
    width: 100%;
    border-top: 1px #666666 dotted;
    color: #333333;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
    #pd_recruit_detail .pd_recruit_detail_inner table tr {
      border-bottom: 1px #666666 dotted;
    }
      #pd_recruit_detail .pd_recruit_detail_inner table tr th,
      #pd_recruit_detail .pd_recruit_detail_inner table tr td {
        padding: 1rem;
        vertical-align: top;
      }
        #pd_recruit_detail .pd_recruit_detail_inner table tr th {
        }
        #pd_recruit_detail .pd_recruit_detail_inner table tr td {
        }

  /* contact */
  #pd_recruit_detail .pd_recruit_detail_contact {
    overflow: hidden;
    background-color: #000000;
    margin: 0 0 2rem 0;
    padding: 2rem 2rem;
    border-radius: .5rem;
  }
    #pd_recruit_detail .pd_recruit_detail_contact p {
      color: #ffffff;
      font-size: 1.4rem;
      line-height: 2.2rem;
      text-align: center;
    }

/* --------------------
fot Smartphone
-------------------- */
@media screen and (max-width: 768px) {
  #pd_recruit_detail {
  }
  .pd_recruit_detail_title {
    padding: 10rem 0 3rem 0;
  }
    .pd_recruit_detail_title h2 {
    }
    .pd_recruit_detail_title h2 span {
    }
  #pd_recruit_detail .pd_recruit_detail_inner,
  #pd_recruit_detail .pd_recruit_detail_int_inner {
  }
  #pd_recruit_detail .pd_recruit_detail_inner hr,
  #pd_recruit_detail .pd_recruit_detail_int_inner hr {
  }
    #pd_recruit_detail .pd_recruit_detail_inner h3,
    #pd_recruit_detail .pd_recruit_detail_int_inner h3 {
    }
    #pd_recruit_detail .pd_recruit_detail_inner img {
    }
      #pd_recruit_detail .pd_recruit_detail_int_inner img {
        width: 100%;
        margin: 0 0 2rem 0;
        clear: both;
      }
    #pd_recruit_detail .pd_recruit_detail_inner h4 {
      margin: 2rem 0 1rem 0;
    }
    #pd_recruit_detail .pd_recruit_detail_int_inner h4 {
      line-height: 2.2rem;
    }
      #pd_recruit_detail .pd_recruit_detail_int_inner .int_prof {
        margin-top: 1rem;
        margin-bottom: 3rem;
      }
    #pd_recruit_detail .pd_recruit_detail_inner p,
    #pd_recruit_detail .pd_recruit_detail_int_inner p {
    }
      #pd_recruit_detail .pd_recruit_detail_int_inner p {
        width: 100%;
        clear: both;
      }
    #pd_recruit_detail .pd_recruit_detail_inner ul {
      margin: 0 0 0 0;
      padding: 0;
    }
      #pd_recruit_detail .pd_recruit_detail_inner ul li,
      #pd_recruit_detail .pd_recruit_detail_int_inner ul li {
        margin: 0 0 0 0;
        padding: 0;
        color: #333333;
        font-size: 1.4rem;
        line-height: 2.2rem;
        list-style-type: none;
      }
        #pd_recruit_detail .pd_recruit_detail_inner ul li span,
        #pd_recruit_detail .pd_recruit_detail_int_inner ul li span {
          display: block;
          font-weight: bold;
        }
    #pd_recruit_detail .pd_recruit_detail_inner ol {
      margin: 0 0 0 0;
      padding: 0;
    }
      #pd_recruit_detail .pd_recruit_detail_inner ol li {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        color: #333333;
        font-size: 1.4rem;
        line-height: 2.2rem;
        list-style-type: none;
      }
        #pd_recruit_detail .pd_recruit_detail_inner ol li span {
          display: block;
          font-weight: bold;
        }
    #pd_recruit_detail .pd_recruit_detail_inner table {
      width: 100%;
      border-top: 1px #666666 dotted;
      color: #333333;
      font-size: 1.4rem;
      line-height: 2.2rem;
    }
      #pd_recruit_detail .pd_recruit_detail_inner table tr {
        border-bottom: 1px #666666 dotted;
      }
        #pd_recruit_detail .pd_recruit_detail_inner table tr th,
        #pd_recruit_detail .pd_recruit_detail_inner table tr td {
          padding: 1rem;
          vertical-align: top;
        }
          #pd_recruit_detail .pd_recruit_detail_inner table tr th {
          }
          #pd_recruit_detail .pd_recruit_detail_inner table tr td {
          }

    /* contact */
    #pd_recruit_detail .pd_recruit_detail_contact {
      overflow: hidden;
      background-color: #000000;
      margin: 0 0 2rem 0;
      padding: 2rem 2rem;
      border-radius: .5rem;
    }
      #pd_recruit_detail .pd_recruit_detail_contact p {
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 2.2rem;
        text-align: center;
      }
}

/* ===================================================================== */
/* news_detail * /
/* ===================================================================== */
#news_detail {
}
.news_detail_title {
  padding: 3rem 0 3rem 0;
}
  .news_detail_title p {
    color: #333333;
    margin-bottom: 0;
    font-size: 3.0rem;
    letter-spacing: .3rem;
  }
  .news_detail_title p span {
    color: #666666;
    display: block;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0;
  }
#news_detail .news_detail_inner {
  overflow: hidden;
  background-color: #ffffff;
  margin: 0 0 2rem 0;
  padding: 2rem 4rem;
  border-radius: .5rem;
}
  #news_detail .news_detail_inner h2 {
    text-align: left;
    letter-spacing: 0;
    line-height: 3.2rem;
    margin-bottom: 3rem;
  }
    #news_detail .news_detail_inner h2 span {
    }
  #news_detail .news_detail_inner h3 {
    text-align: left;
    letter-spacing: 0;
    margin: 2rem 0 .5rem 0;
  }
    #news_detail .news_detail_inner h3 span {
    }
  #news_detail .news_detail_inner h4 {
    text-align: left;
    letter-spacing: 0;
    margin: 1rem 0 .5rem 0;
  }
    #news_detail .news_detail_inner h4 span {
    }
  #news_detail .news_detail_inner .news_img {
    width: 100%;
    text-align: center;
    margin: 0 auto 1rem auto;
    overflow: hidden;
  }
      #news_detail .news_detail_inner .news_img img.news_img_1,
      #news_detail .news_detail_inner .news_img img.news_img_2,
      #news_detail .news_detail_inner .news_img img.news_img_3 {
        border: 1px #cccccc solid;
        border-radius: .5rem;
      }
          #news_detail .news_detail_inner .news_img img.news_img_1 {
            width: 60%;
            margin: 0 auto 0 auto;
          }
          #news_detail .news_detail_inner .news_img img.news_img_2 {
            float: left;
            width: 49%;
            margin: 0 1% 0 0;
          }
            #news_detail .news_detail_inner .news_img img.news_img_2:last-child {
              margin: 0 0 0 0;
            }
          #news_detail .news_detail_inner .news_img img.news_img_3 {
            float: left;
            width: 32%;
            margin: 0 1% 0 0;
          }
            #news_detail .news_detail_inner .news_img img.news_img_3:last-child {
              margin: 0 0 0 0;
            }
  #news_detail .news_detail_inner p {
    width: 100%;
    color: #333333;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
    #news_detail .news_detail_inner p.news_box {
      border: 1px #cccccc solid !important;
      padding: 2rem;
      margin: 2rem 0;
    }
      #news_detail .news_detail_inner p.news_box span {
        display: block;
        margin: 0 0 .5rem 0;
        font-size: 1.4rem;
        font-weight: bold;
        border-bottom: 1px #cccccc dotted;
        padding-bottom: .3rem;
      }
  #news_detail .news_detail_inner ul {
    padding: 0;
  }
    #news_detail .news_detail_inner ul li {
      padding: 0;
      color: #333333;
      font-size: 1.4rem;
      line-height: 2.2rem;
      list-style-type: none;
    }
  #news_detail .news_detail_inner table {
    width: 100%;
    border-top: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    border-right: 1px #cccccc solid;
  }
    #news_detail .news_detail_inner table tr {
    }
      #news_detail .news_detail_inner table tr th,
      #news_detail .news_detail_inner table tr td {
        vertical-align: top;
        color: #333333;
        padding: 2rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
        border-bottom: 1px #cccccc solid;
      }
        #news_detail .news_detail_inner table tr th {
          background-color: #eeeeee;
          width: 20%;
        }

/* --------------------
fot Smartphone
-------------------- */
@media screen and (max-width: 768px) {
  #news_detail {
  }
  .news_detail_title {
  }
    .news_detail_title h2 {
    }
    .news_detail_title h2 span {
    }
  #news_detail .news_detail_inner {
  }
    #news_detail .news_detail_inner h3 {
      line-height: 2.8rem;
    }
      #news_detail .news_detail_inner h3 span {
      }
    #news_detail .news_detail_inner h4 {
    }
      #news_detail .news_detail_inner h4 span {
      }
    #news_detail .news_detail_inner .news_img {
      border-radius: 0;
      border: 0;
    }
        #news_detail .news_detail_inner .news_img img.news_img_1 {
          border-radius: .5rem;
          width: 100%;
        }
        #news_detail .news_detail_inner .news_img img.news_img_2 {
          clear: both;
          width: 100%;
          margin: 0 0 1rem 0;
          border-radius: .5rem;
        }
        #news_detail .news_detail_inner .news_img img.news_img_3 {
          clear: both;
          width: 100%;
          border-radius: .5rem;
        }
    #news_detail .news_detail_inner p {
    }
      #news_detail .news_detail_inner p.news_box {
      }
        #news_detail .news_detail_inner p.news_box span {
        }
    #news_detail .news_detail_inner ul {
      margin: 0 0 0 0;
      padding: 0;
    }
      #news_detail .news_detail_inner ul li {
      }
    #news_detail .news_detail_inner table {
      width: 100%;
      border-top: 1px #cccccc solid;
      border-left: 1px #cccccc solid;
      border-right: 1px #cccccc solid;
    }
      #news_detail .news_detail_inner table tr {
      }
        #news_detail .news_detail_inner table tr th,
        #news_detail .news_detail_inner table tr td {
          display: block;
          width: 100%;
        }
          #news_detail .news_detail_inner table tr th {
            background-color: #eeeeee;
            width: 100%;
          }
}

/* ===================================================================== */
/* pd_recruit * /
/* ===================================================================== */
#pd_recruit {
  width: 100%;
  overflow: hidden;
}
  #pd_recruit .pd_recruit_inner {
    width: 80%;
    margin: 6rem auto;
    text-align: center;
  }
    #pd_recruit .pd_recruit_inner h2 {
      margin: 0 auto;
      color: #000000;
      font-size: 3.0rem;
      line-height: 4.2rem;
      letter-spacing: .3rem;
    }
      #pd_recruit .pd_recruit_inner h2 span {
        color: #666666;
        display: block;
        font-size: 1.8rem;
        text-transform: uppercase;
        font-weight: normal;
        letter-spacing: .5rem;
        font-family: 'Athelas', serif !important;
      }
    #pd_recruit .pd_recruit_inner p{
      font-size: 1.6rem;
      color: #000000;
      margin: 1rem 0 3rem 0;
    }
    #pd_recruit .pd_recruit_inner .pd_recruit_link_box {
      overflow: hidden;
      width: 100%;
      margin: 0 auto;
    }
      #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link {
        float: left;
        width: 30%;
        font-size: 1.6rem;
        line-height: 2.0rem;
        margin: 0 1% 1rem 0;
      }
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link:last-child {
          margin-right: 0;
        }
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link a {
          cursor: pointer;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          width: 30%;
          padding: 1rem;
          background-color: #000000;
          background-color: rgba(0, 0, 0, 0.7);
          border: 1px #669933 solid !important;
          border-radius: .6rem;
          color: #ffffff;
          font-size: 1.8rem;
          line-height: 2.4rem;
          font-weight: bold;
          font-family: 'Sawarabi Mincho', sans-serif !important;
          letter-spacing: .2rem;
        }
          #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link a:hover {
            border: 1px #669933 solid !important;
            background-color: #000000;
            background-color: rgba(255, 255, 255, 0.5);
            color: #000000;
            cursor: pointer;
          }
              #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link a.invalidPosition {
                background-color: #000000;
                background-color: rgba(0, 0, 0, 0.5);
                border: 1px #777777 solid !important;
                color: #777777;
              }
              #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link a.invalidPosition:hover {
                background-color: #000000;
                background-color: rgba(0, 0, 0, 0.5);
                border: 1px #777777 solid !important;
                color: #777777;
                /*cursor: not-allowed;*/
              }
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link span {
          display: block;
          font-size: 1.4rem;
          font-weight: normal;
          font-family: sans-serif;
          letter-spacing: 0;
        }
            #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link p {
              text-align: center;
              font-size: 1.2rem;
              margin: .5rem 0 0 0;
              color: #777777;
            }
/* --------------------
for Large
-------------------- */
@media screen and (min-width: 992px) and (max-width: 1199px){
  #pd_recruit {
  }
    #pd_recruit .pd_recruit_inner{
      width: 75%;
    }
      #pd_recruit .pd_recruit_inner h2 {
        /*font-size: 4.4rem;
        line-height: 3.8rem;
        letter-spacing: 0;*/
      }
        #pd_recruit .pd_recruit_inner h2 span {
          /*font-size: 5.8rem;
          letter-spacing: 0;*/
        }
      #pd_recruit .pd_recruit_inner p {
        font-size: 1.4rem;
      }
      #pd_recruit .pd_recruit_inner .pd_recruit_link_box {
        width: 90%;
      }
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link {
          clear: both;
          width: 100%;
          margin-bottom: 1rem;
        }
          #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
          #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link {
            margin-right: 0;
          }
            #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link a {
              height: inherit;
            }
  .rc-br{
    display: none;
  }
}
/* --------------------
for Medium
-------------------- */
@media screen and (min-width: 768px) and (max-width: 991px){
  #pd_recruit {
  }
    #pd_recruit .pd_recruit_inner{
      width: 90%;
    }
      #pd_recruit .pd_recruit_inner h2 {
        /*font-size: 4.4rem;
        line-height: 3.8rem;
        letter-spacing: 0;*/
      }
        #pd_recruit .pd_recruit_inner h2 span {
          /*font-size: 5.8rem;
          letter-spacing: 0;*/
        }
      #pd_recruit .pd_recruit_inner p {
        font-size: 1.4rem;
      }
      #pd_recruit .pd_recruit_inner .pd_recruit_link_box {
        width: 90%;
      }
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link {
          clear: both;
          width: 100%;
          margin-bottom: 1rem;
        }
          #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
          #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link {
            margin-right: 0;
          }
            #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link a {
              height: inherit;
            }
}
/* --------------------
fot Smartphone
-------------------- */
@media screen and (max-width: 768px) {
  #pd_recruit {
  }
    #pd_recruit .pd_recruit_inner {
      width: 90%;
    }
      #pd_recruit .pd_recruit_inner h2 {
        /*font-size: 4.4rem;
        line-height: 3.8rem;
        letter-spacing: 0;*/
      }
        #pd_recruit .pd_recruit_inner h2 span {
          /*font-size: 5.8rem;
          letter-spacing: 0;*/
        }
      #pd_recruit .pd_recruit_inner p {
        font-size: 1.4rem;
      }
      #pd_recruit .pd_recruit_inner .pd_recruit_link_box {
        width: 90%;
      }
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
        #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link {
          clear: both;
          width: 100%;
          margin-bottom: 1rem;
        }
          #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link,
          #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link {
            margin-right: 0;
          }
            #pd_recruit .pd_recruit_inner .pd_recruit_link_box .pd_recruit_link a {
              height: inherit;
            }
}

/*# sourceMappingURL=style.css.map */