@media only screen and (max-width: 767px) {
  /*----------------------------------
  common
  -----------------------------------*/
  #workstyleContents {
    max-width: 100%;
    font-size: 10px;
    /*layout*/
    width: 100%;
    min-width: inherit;
  }
  #workstyleContents .brs {
    display: inherit;
  }
  #workstyleContents li br, #workstyleContents p br {
    display: inherit !important;
  }

  /*----------------------------------
  workstyleMain
  -----------------------------------*/
  #workstyleContents .workstyleMain {
    padding: 0 20px 60px;
  }
  #workstyleContents .workstyleMain::before {
    display: none;
  }
  #workstyleContents .workstyleMain .productLogo,
  #workstyleContents .workstyleMain .inner {
    width: 100%;
  }
  #workstyleContents .workstyleMain .productLogo {
    left: 20px;
  }
  #workstyleContents .workstyleMain .productLogo a {
    width: calc(164 / 670 * 100%);
  }
  #workstyleContents .workstyleMain .inner .txtIn {
    width: 100%;
    padding-left: 0;
  }
  #workstyleContents .workstyleMain .inner .txtIn h1 {
    font-size: 3.600em;
    padding-top: 1.8em;
    padding-bottom: 0.5em;
  }
  #workstyleContents .workstyleMain .inner .txtIn .logo {
    width: calc(183 / 670 * 100%);
  }
  #workstyleContents .workstyleMain .inner .txtIn p {
    font-size: 1.8em;
    line-height: calc(70 / 36);
  }

  /*----------------------------------
  workstyleConcept
  -----------------------------------*/
  #workstyleContents .workstyleConcept {
    opacity: 1 !important;
  }
  #workstyleContents .workstyleConcept .bgArea {
    margin-bottom: 40px;
    min-height: inherit;
  }
  #workstyleContents .workstyleConcept .bgArea::before {
    width: 100%;
    height: auto;
    padding-top: calc(700 / 750 * 100%);
  }
  #workstyleContents .workstyleConcept .bgArea .inner {
    width: 100%;
    padding-top: calc(700 / 750 * 100%);
    padding-left: 0;
    position: relative;
  }
  #workstyleContents .workstyleConcept .bgArea .inner .title {
    width: 100%;
    padding-top: calc(700 / 750 * 100%);
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
  }
  #workstyleContents .workstyleConcept .bgArea .inner .title span,
  #workstyleContents .workstyleConcept .bgArea .inner .title h2 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #workstyleContents .workstyleConcept .bgArea .inner .title span {
    margin-top: calc(140 / 750 * 100%);
    margin-left: 30px;
    font-size: calc(55/750 * 100vw);
    line-height: 1;
  }
  #workstyleContents .workstyleConcept .bgArea .inner .title h2 {
    margin-top: calc(220 / 750 * 100%);
    padding-left: 30px;
    font-size: calc(54/750 * 100vw);
    line-height: calc(72/54);
  }
  #workstyleContents .workstyleConcept .bgArea .inner .title h2::before {
    display: none;
  }
  #workstyleContents .workstyleConcept .bgArea .inner .txt {
    color: #333;
  }
  #workstyleContents .workstyleConcept .bgArea .inner .txt h3 {
    margin-top: 50px;
    margin-bottom: 15px;
    font-size: calc(70/750 * 100vw);
    line-height: calc(100/70);
    text-align: center;
  }
  #workstyleContents .workstyleConcept .bgArea .inner .txt p {
    font-size: calc(36/750 * 100vw);
    line-height: calc(60/36);
    text-align: center;
  }
  #workstyleContents .workstyleConcept .btnArea {
    width: 100%;
    margin: 0 auto 0;
    padding: 25px 20px 75px;
  }
  #workstyleContents .workstyleConcept .btnArea a {
    width: 100%;
    height: auto;
    padding: 15px 15px 40px;
  }
  #workstyleContents .workstyleConcept .btnArea a::before {
    width: calc(200px * 0.5);
    height: auto;
    padding-top: calc(134px * 0.5);
    top: 0;
    left: 15px;
    margin-top: -25px;
  }
  #workstyleContents .workstyleConcept .btnArea a::after {
    width: 20px;
    height: 10px;
    top: auto;
    right: 0;
    left: 0;
    bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
  }
  #workstyleContents .workstyleConcept .btnArea a div {
    height: auto;
    padding-left: 0;
    color: #fff;
    display: block;
    text-align: center;
  }
  #workstyleContents .workstyleConcept .btnArea a div .txt01 {
    margin-bottom: 10px;
    font-size: calc(30/750 * 100vw);
  }
  #workstyleContents .workstyleConcept .btnArea a div .txt01 span {
    display: block;
    margin-right: 0;
    margin-left: 1em;
    margin-bottom: 15px;
    font-size: calc(36/750 * 100vw);
  }
  #workstyleContents .workstyleConcept .btnArea a div .txt02 {
    font-size: calc(36/750 * 100vw);
    line-height: calc(54/36);
  }

  /*----------------------------------
  workstylePoints
  -----------------------------------*/
  #workstyleContents .workstylePoints {
    margin-top: 0;
    /*common*/
    /*point01*/
    /*point03*/
    /* point02 04 */
  }
  #workstyleContents .workstylePoints .pointBox .line {
    height: 1000px;
  }
  #workstyleContents .workstylePoints .pointBox .line .line01,
  #workstyleContents .workstylePoints .pointBox .line .line02 {
    transform: rotate(55deg);
  }
  #workstyleContents .workstylePoints .pointBox .inner .num {
    width: 100%;
  }
  #workstyleContents .workstylePoints .pointBox .inner .num img {
    height: calc(218px * 0.5);
  }
  #workstyleContents .workstylePoints .pointBox#point01 {
    padding-top: 0;
    padding-bottom: 75px;
  }
  #workstyleContents .workstylePoints .pointBox#point01 .line {
    top: 90px;
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner {
    height: inherit;
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner .num img {
    left: auto;
    right: 0;
    margin-top: calc(329/750 * 100%);
    margin-left: 0;
    margin-right: 25px;
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner .img {
    width: 100%;
    padding-top: calc(790/750 * 100%);
    position: relative;
    top: 0;
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner .img figure {
    width: calc(620 / 750 * 100%);
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner .txt {
    width: 100%;
    position: static;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner .txt .ico {
    width: calc(184/670 * 100%);
    margin-bottom: 15px;
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner .txt h2 {
    margin-bottom: 20px;
    font-size: calc(66/750 * 100vw);
    line-height: calc(90/66);
  }
  #workstyleContents .workstylePoints .pointBox#point01 .inner .txt p {
    font-size: calc(36/750 * 100vw);
    line-height: calc(66/36);
  }
  #workstyleContents .workstylePoints .pointBox#point03 {
    padding-top: 75px;
    padding-bottom: 0;
  }
  #workstyleContents .workstylePoints .pointBox#point03 .line {
    top: 35px;
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner {
    padding-bottom: 65px;
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner .num {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner .num img {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: 15px;
    margin-top: 0;
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner .img {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner .txt {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -10px;
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner .txt .ico {
    width: calc(184/670 * 100%);
    margin-left: 10px;
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner .txt h2 {
    margin-bottom: 20px;
    font-size: calc(66/750 * 100vw);
    line-height: calc(90/66);
  }
  #workstyleContents .workstylePoints .pointBox#point03 .inner .txt p {
    font-size: calc(36/750 * 100vw);
    line-height: calc(66/36);
  }
  #workstyleContents .workstylePoints .pointBox#point02,
  #workstyleContents .workstylePoints .pointBox#point04 {
    padding-top: 75px;
    padding-bottom: 0;
  }
  #workstyleContents .workstylePoints .pointBox#point02 .line,
  #workstyleContents .workstylePoints .pointBox#point04 .line {
    top: 20px;
  }
  #workstyleContents .workstylePoints .pointBox#point02 .line .line01,
  #workstyleContents .workstylePoints .pointBox#point02 .line .line02,
  #workstyleContents .workstylePoints .pointBox#point04 .line .line01,
  #workstyleContents .workstylePoints .pointBox#point04 .line .line02 {
    transform: rotate(-55deg);
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner,
  #workstyleContents .workstylePoints .pointBox#point04 .inner {
    padding-bottom: 60px;
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner .num,
  #workstyleContents .workstylePoints .pointBox#point04 .inner .num {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner .num img,
  #workstyleContents .workstylePoints .pointBox#point04 .inner .num img {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 15px;
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner .img,
  #workstyleContents .workstylePoints .pointBox#point04 .inner .img {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner .txt,
  #workstyleContents .workstylePoints .pointBox#point04 .inner .txt {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: -10px;
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner .txt .ico,
  #workstyleContents .workstylePoints .pointBox#point04 .inner .txt .ico {
    width: calc(184/670 * 100%);
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner .txt h2,
  #workstyleContents .workstylePoints .pointBox#point04 .inner .txt h2 {
    margin-bottom: 20px;
    font-size: calc(66/750 * 100vw);
    line-height: calc(90/66);
  }
  #workstyleContents .workstylePoints .pointBox#point02 .inner .txt p,
  #workstyleContents .workstylePoints .pointBox#point04 .inner .txt p {
    font-size: calc(36/750 * 100vw);
    line-height: calc(66/36);
  }

  /*----------------------------------
  workstyleLineup
  -----------------------------------*/
  #workstyleContents .workstyleLineup {
    width: 100%;
    margin: 75px auto 65px;
  }
  #workstyleContents .workstyleLineup h2 {
    margin-bottom: 20px;
    font-size: calc(72/750 * 100vw);
  }
  #workstyleContents .workstyleLineup h2 + p {
    margin-bottom: 25px;
    font-size: calc(36/750 * 100vw);
    line-height: calc(66/36);
  }
  #workstyleContents .workstyleLineup .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  #workstyleContents .workstyleLineup .inner .box01,
  #workstyleContents .workstyleLineup .inner .box02 {
    width: auto;
    float: none;
  }
  #workstyleContents .workstyleLineup .inner .box01 {
    margin-bottom: 45px;
  }
  #workstyleContents .workstyleLineup .inner .bgBox {
    padding-top: calc(555/670 * 100%);
    margin-bottom: 30px;
  }
  #workstyleContents .workstyleLineup .inner .bgBox p {
    font-size: calc(23/750 * 100vw);
    line-height: calc(42/23);
    margin-top: calc(370/670 * 100%);
  }
  #workstyleContents .workstyleLineup .inner .box01 .bgBox p {
    padding-top: 0;
  }
  #workstyleContents .workstyleLineup .inner .tbBox {
    width: 100%;
    margin-bottom: 20px;
  }
  #workstyleContents .workstyleLineup .inner .tbBox table th, #workstyleContents .workstyleLineup .inner .tbBox table td {
    font-size: 1em;
    padding: 10px 3px;
  }
  #workstyleContents .workstyleLineup .inner + p {
    padding: 0 20px;
    text-align: left;
  }

  /*----------------------------------
  workstyleSeminar
  -----------------------------------*/
  #workstyleContents .workstyleSeminar {
    width: 100%;
    margin: 0 auto 75px;
  }
  #workstyleContents .workstyleSeminar h2 {
    margin-bottom: 20px;
    font-size: calc(72/750 * 100vw);
  }
  #workstyleContents .workstyleSeminar h2 + p {
    margin-bottom: 25px;
    font-size: calc(36/750 * 100vw);
    line-height: calc(66/36);
  }
  #workstyleContents .workstyleSeminar .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  #workstyleContents .workstyleSeminar .inner .img {
    width: auto;
    float: none;
    margin-bottom: 20px;
  }
  #workstyleContents .workstyleSeminar .inner .txt {
    width: auto;
    float: none;
  }
  #workstyleContents .workstyleSeminar .inner .txt h3 {
    margin-bottom: 15px;
    font-size: calc(40/750 * 100vw);
    line-height: calc(60/40);
  }
  #workstyleContents .workstyleSeminar .inner .txt ul {
    margin-bottom: 15px;
  }
  #workstyleContents .workstyleSeminar .inner .txt ul li {
    font-size: calc(30/750 * 100vw);
    line-height: calc(66/30);
  }
  #workstyleContents .workstyleSeminar .inner .txt p {
    font-size: calc(30/750 * 100vw);
    line-height: calc(66/30);
  }
  #workstyleContents .workstyleSeminar .inner02 .inner02In {
    padding-left: 20px;
    padding-right: 20px;
  }
  #workstyleContents .workstyleSeminar .inner02 p.txt01 {
    font-size: calc(30/750 * 100vw);
    line-height: calc(66/30);
  }
  #workstyleContents .workstyleSeminar .btn {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }
  #workstyleContents .workstyleSeminar .btn a {
    height: 80px;
    border: #333 1px solid;
    font-size: calc(30/750 * 100vw);
    line-height: 28px;
    padding: 13px 10px;
  }
  #workstyleContents .workstyleSeminar .btn a::before, #workstyleContents .workstyleSeminar .btn a::after {
    display: none;
  }

  #contents .container_inner,
  #contents .detailSection {
    width: 100%;
    margin: 0 auto;
  }
}

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