@charset "UTF-8";
/* CSS Document */
#workstyle-innovation * {
  box-sizing: border-box; }

#workstyle-innovation {
  color: #000000;
  margin: 0 auto;
  line-height: 1.7;
  font-size: 14px;
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",Meiryo,sans-serif; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation {
      width: 100%; } }

/** mv **/
@media screen and (max-width: 768px) {
  #workstyle-innovation .pc--only {
    display: none !important; } }
@media screen and (min-width: 769px) {
  #workstyle-innovation .sp--only {
    display: none !important; } }
#workstyle-innovation .wrap {
  width: 1000px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .wrap {
      width: 94%; } }
#workstyle-innovation .box_row {
  display: flex; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .box_row {
      flex-wrap: wrap; } }
@media screen and (max-width: 768px) {
  #workstyle-innovation .box_col {
    width: 100%; } }
#workstyle-innovation .mv {
  margin: 65px 0; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .mv {
      margin-bottom: 40px; } }
  #workstyle-innovation .mv_text {
    color: #000000;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    margin-bottom: 25px;
    letter-spacing: 1.5px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .mv_text {
        font-size: 16px; } }
    #workstyle-innovation .mv_text span {
      border-bottom: 1px solid #000000;
      display: inline-block;
      padding: 0 0 8px 0; }
  #workstyle-innovation .mv_img {
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .mv_img {
        margin-bottom: 6px; } }
#workstyle-innovation .befaf {
  position: relative; }
  #workstyle-innovation .befaf .box_row {
    justify-content: space-between;
    flex-wrap: wrap; }
  #workstyle-innovation .befaf_befaf {
    margin-bottom: 10px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf_befaf {
        width: 50%; } }
  #workstyle-innovation .befaf_ttl {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf_ttl {
        font-size: 20px; } }
    #workstyle-innovation .befaf_ttl span {
      font-size: 15px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .befaf_ttl span {
          font-size: 12px; } }
  #workstyle-innovation .befaf_cont {
    padding: 30px 0;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf_cont {
        padding: 20px 0; } }
    #workstyle-innovation .befaf_cont ul {
      display: inline-block;
      text-align: left; }
      #workstyle-innovation .befaf_cont ul li {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .befaf_cont ul li {
            font-size: 15px; } }
        #workstyle-innovation .befaf_cont ul li span {
          color: #000073; }
    #workstyle-innovation .befaf_cont_img {
      text-align: center;
      margin-top: 20px;
      padding: 0 15px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .befaf_cont_img {
          width: 90%;
          margin: 0 auto; } }
    #workstyle-innovation .befaf_cont_txt {
      font-size: 23px;
      font-weight: bold;
      text-align: center;
      margin-top: 30px;
      line-height: 1; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .befaf_cont_txt {
          font-size: 20px; } }
  #workstyle-innovation .befaf .box_col {
    width: 46%; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf .box_col {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf .box_col:first-child {
        order: 1; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf .box_col:nth-child(2) {
        order: 4; }
        #workstyle-innovation .befaf .box_col:nth-child(2) .befaf_befaf {
          width: 40%; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf .box_col:nth-child(3) {
        order: 2; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf .box_col:nth-child(4) {
        order: 5; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf .box_col:nth-child(5) {
        order: 3;
        margin-bottom: 115px; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf .box_col:nth-child(6) {
        order: 6; } }
    #workstyle-innovation .befaf .box_col:nth-child(3), #workstyle-innovation .befaf .box_col:nth-child(4), #workstyle-innovation .befaf .box_col:nth-child(5), #workstyle-innovation .befaf .box_col:nth-child(6) {
      border: 1px solid #dcdcdc;
      border-top: none; }
    #workstyle-innovation .befaf .box_col:nth-child(3) {
      background: #7e7e7e; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .befaf .box_col:nth-child(3) {
          order: 2; } }
    #workstyle-innovation .befaf .box_col:nth-child(4) {
      background: #e66a27;
      display: flex;
      justify-content: center;
      align-items: center; }
    #workstyle-innovation .befaf .box_col:nth-child(6) .befaf_cont ul li {
      background: url("../../../img/usr/freepage/workstyle-innovation/icon2.png") no-repeat;
      background-position: 0 0;
      padding-left: 40px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .befaf .box_col:nth-child(6) .befaf_cont ul li {
          padding-left: 35px;
          background-size: 25px; } }
      #workstyle-innovation .befaf .box_col:nth-child(6) .befaf_cont ul li span {
        color: #e66a27; }
  #workstyle-innovation .befaf:after {
    content: "";
    width: 176px;
    height: 236px;
    background: url("../../../img/usr/freepage/workstyle-innovation/icon1.png") no-repeat;
    position: absolute;
    top: 163px;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .befaf:after {
        background: url("../../../img/usr/freepage/workstyle-innovation/icon1_sp.png") no-repeat;
        width: 221px;
        height: 149px;
        top: 44.6%;
        background-size: 100%; } }
#workstyle-innovation .sec_ttl {
  padding: 37px 0;
  background-color: #f6f6f6;
  background-image: url("../../../img/usr/freepage/workstyle-innovation/sec_img1.jpg");
  background-position: right;
  background-repeat: no-repeat;
  margin-bottom: 60px;
  margin-top: 130px; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .sec_ttl {
      background-size: 75%;
      background-position: top right;
      padding: 10px 15px;
      margin-top: 40px;
      margin-bottom: 20px; } }
  #workstyle-innovation .sec_ttl .box_row {
    width: 1130px;
    margin: 0 auto;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_ttl .box_row {
        width: 100%;
        flex-wrap: wrap; } }
  #workstyle-innovation .sec_ttl_scene {
    border: 1px solid #000073;
    width: 275px;
    height: 275px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_ttl_scene {
        width: 150px;
        height: 150px; } }
    #workstyle-innovation .sec_ttl_scene p {
      font-size: 30px;
      color: #000073;
      font-weight: bold;
      margin-top: 20px;
      text-align: center;
      line-height: 1; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_ttl_scene p {
          font-size: 18.5px; } }
    #workstyle-innovation .sec_ttl_scene img {
      margin-right: 15px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_ttl_scene img {
          width: 70%;
          margin-right: 5px; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_ttl_scene > div {
        text-align: center; } }
  #workstyle-innovation .sec_ttl_txt {
    font-size: 38px;
    font-weight: bold;
    padding-left: 20px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_ttl_txt {
        font-size: 20px;
        text-align: center;
        margin-top: 20px; } }
#workstyle-innovation .sec_item1 {
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .sec_item1 {
      margin-bottom: 15px; } }
  #workstyle-innovation .sec_item1_ttl {
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_item1_ttl {
        font-size: 15px; } }
  #workstyle-innovation .sec_item1_img {
    text-align: center; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_item1_img img {
        width: 95%; } }
#workstyle-innovation .sec_item2_ttl {
  font-size: 27px;
  color: #e66a27;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .sec_item2_ttl {
      margin-bottom: 0; } }
  #workstyle-innovation .sec_item2_ttl span {
    text-align: center;
    display: inline-block; }
    #workstyle-innovation .sec_item2_ttl span:first-child {
      width: 180px;
      background: #e66a27;
      display: flex;
      align-items: center;
      padding-left: 27px;
      position: relative;
      overflow: hidden; }
      #workstyle-innovation .sec_item2_ttl span:first-child:after {
        content: "";
        width: 100px;
        height: 100%;
        position: absolute;
        top: 0;
        background: #fff;
        right: -60px;
        transform: skewX(325deg);
        border-top: 2px solid #e66a27;
        border-bottom: 2px solid #e66a27; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .sec_item2_ttl span:first-child:after {
            width: 70px;
            right: -43px;
            height: 100%;
            box-sizing: border-box; } }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item2_ttl span:first-child {
          width: 100px;
          padding-left: 15px; }
          #workstyle-innovation .sec_item2_ttl span:first-child img {
            width: 50px; } }
    #workstyle-innovation .sec_item2_ttl span:last-child {
      flex-grow: 1;
      border: 2px solid #e66a27;
      border-left: none; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item2_ttl span:last-child {
          font-size: 15px; } }
#workstyle-innovation .sec_item2 .box_row {
  justify-content: center; }
  #workstyle-innovation .sec_item2 .box_row .box_col:first-child {
    margin-right: 37px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_item2 .box_row .box_col:first-child {
        margin-right: 0;
        padding: 5%; } }
#workstyle-innovation .sec_item2_txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 40px; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .sec_item2_txt {
      font-size: 14px;
      margin-top: 20px; } }
  #workstyle-innovation .sec_item2_txt span {
    background: linear-gradient(transparent 65%, #eeff7e 0%);
    padding-left: 5px; }
#workstyle-innovation .sec_item3 {
  position: relative;
  margin: 40px 0 75px; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .sec_item3 {
      margin: 40px 0 40px; }
      #workstyle-innovation .sec_item3--sp {
        margin: 40px 0 60px; } }
  #workstyle-innovation .sec_item3 .box_row {
    align-items: center;
    border: 1px solid #c8c8c8;
    flex-wrap: wrap; }
    #workstyle-innovation .sec_item3 .box_row .box_col.img {
      width: 360px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3 .box_row .box_col.img {
          padding: 30px 0; }
          #workstyle-innovation .sec_item3 .box_row .box_col.img--sp {
            padding: 70px 0 180px; } }
      #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag {
        position: absolute;
        bottom: 10px;
        left: 10px;
        max-width: 340px; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag {
            bottom: auto;
            top: 200px;
            max-width: 94%; } }
        #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag .txt {
          font-size: 14px;
          font-weight: bold;
          padding-left: 15px;
          text-align: left;
          margin-bottom: 5px;
          position: relative; }
          @media screen and (max-width: 768px) {
            #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag .txt {
              font-size: 12px; } }
          #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag .txt:before {
            content: "";
            width: 10px;
            height: 10px;
            border-top: 10px solid #e66a27;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
            @media screen and (max-width: 768px) {
              #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag .txt:before {
                width: 0;
                height: 0; } }
          #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag .txt.txt--style2 {
            font-size: 12px; }
            @media screen and (max-width: 768px) {
              #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag .txt.txt--style2 {
                font-size: 10px;
                margin-top: 60px; } }
            #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag .txt.txt--style2:before {
              display: none; }
        #workstyle-innovation .sec_item3 .box_row .box_col.img .sec_item_imgtag img {
          width: 100%; }
    #workstyle-innovation .sec_item3 .box_row .box_col:last-child {
      width: 638px;
      background: #f6f6f6;
      padding: 25px 40px 70px;
      border-left: 1px solid #c8c8c8; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3 .box_row .box_col:last-child {
          border-left: none;
          padding: 15px 15px 40px; } }
    #workstyle-innovation .sec_item3 .box_row .ttl {
      font-size: 22px;
      font-weight: bold;
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3 .box_row .ttl {
          font-size: 16px;
          margin-bottom: 15px; } }
    #workstyle-innovation .sec_item3 .box_row .list li {
      font-size: 14px;
      padding-left: 25px;
      margin-bottom: 10px;
      position: relative; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3 .box_row .list li {
          font-size: 12px;
          padding-left: 15px;
          margin-bottom: 5px; } }
      #workstyle-innovation .sec_item3 .box_row .list li span {
        color: #e66a27; }
      #workstyle-innovation .sec_item3 .box_row .list li:before {
        content: "";
        width: 13px;
        height: 3px;
        background: #e66a27;
        position: absolute;
        top: 10px;
        left: 0; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .sec_item3 .box_row .list li:before {
            width: 10px;
            height: 2px;
            top: 7px; } }
    #workstyle-innovation .sec_item3 .box_row .sec_row_img {
      display: flex;
      margin-left: 25px;
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3 .box_row .sec_row_img {
          margin-left: 0;
          flex-wrap: wrap; } }
      #workstyle-innovation .sec_item3 .box_row .sec_row_img > div {
        margin-right: 30px; }
        #workstyle-innovation .sec_item3 .box_row .sec_row_img > div:last-child {
          margin-right: 0; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .sec_item3 .box_row .sec_row_img > div {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            margin-right: 0; }
            #workstyle-innovation .sec_item3 .box_row .sec_row_img > div img {
              width: 29%; } }
      #workstyle-innovation .sec_item3 .box_row .sec_row_img .txt {
        font-weight: bold;
        font-size: 14px;
        margin-top: 15px; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .sec_item3 .box_row .sec_row_img .txt {
            font-size: 12px;
            margin-top: 0;
            margin-left: 10px; } }
      #workstyle-innovation .sec_item3 .box_row .sec_row_img.sec_row_img--style2 > div {
        display: flex;
        align-items: flex-end; }
      #workstyle-innovation .sec_item3 .box_row .sec_row_img.sec_row_img--style2 .txt {
        margin-left: 10px; }
  #workstyle-innovation .sec_item3_tag {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 1px 5px;
    position: absolute;
    top: -20px;
    left: 0;
    background-color: #000073;
    width: 200px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_item3_tag {
        font-size: 16px;
        width: 150px;
        top: -15px; } }
    #workstyle-innovation .sec_item3_tag:after {
      content: "";
      background: url("../../../img/usr/freepage/workstyle-innovation/sec_item_icon2.png") no-repeat;
      position: absolute;
      top: 0;
      right: -20px;
      width: 20px;
      height: 36px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3_tag:after {
          height: 100%; } }
  #workstyle-innovation .sec_item3_btn {
    position: absolute;
    bottom: -35px;
    right: 0; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_item3_btn {
        bottom: -25px; } }
    #workstyle-innovation .sec_item3_btn a {
      color: #fff;
      font-size: 21px;
      font-weight: bold;
      text-align: center;
      line-height: 1;
      text-decoration: none;
      padding: 25px 110px;
      display: inline-block;
      background: #e66a27;
      position: relative;
      border: 2px solid #e66a27; }
      #workstyle-innovation .sec_item3_btn a:after {
        content: "";
        width: 28px;
        height: 10px;
        background: url("../../../img/usr/freepage/workstyle-innovation/icon3.png") no-repeat;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%); }
      #workstyle-innovation .sec_item3_btn a:hover {
        background: #fff;
        color: #e66a27; }
        #workstyle-innovation .sec_item3_btn a:hover:after {
          background: url("../../../img/usr/freepage/workstyle-innovation/icon3-av.png") no-repeat; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3_btn a {
          font-size: 15px;
          padding: 15px 80px; } }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_item3_btn--style2 {
        text-align: right;
        bottom: -90px; } }
    #workstyle-innovation .sec_item3_btn--style2 a {
      padding: 25px 50px;
      margin-left: 5px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .sec_item3_btn--style2 a {
          padding: 15px 30px;
          font-size: 15px;
          margin-bottom: 10px; } }
      #workstyle-innovation .sec_item3_btn--style2 a span {
        font-size: 18px; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .sec_item3_btn--style2 a span {
            font-size: 15px; } }
#workstyle-innovation .sec_btn {
  text-align: center;
  margin-bottom: 75px; }
  @media screen and (max-width: 768px) {
    #workstyle-innovation .sec_btn {
      margin-bottom: 40px; } }
  #workstyle-innovation .sec_btn a {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    padding: 25px 60px;
    display: inline-block;
    background: #e66a27;
    position: relative;
    border: 2px solid #e66a27; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .sec_btn a {
        font-size: 15px;
        padding: 15px 30px; } }
    #workstyle-innovation .sec_btn a:after {
      content: "";
      width: 28px;
      height: 10px;
      background: url("../../../img/usr/freepage/workstyle-innovation/icon3.png") no-repeat;
      position: absolute;
      top: 50%;
      right: 15px;
      transform: translateY(-50%); }
    #workstyle-innovation .sec_btn a:hover {
      background: #fff;
      color: #e66a27; }
      #workstyle-innovation .sec_btn a:hover:after {
        background: url("../../../img/usr/freepage/workstyle-innovation/icon3-av.png") no-repeat; }
#workstyle-innovation .sec.sec1 .sec_ttl {
  margin-top: 40px;
  margin-bottom: 25px; }
@media screen and (max-width: 768px) {
  #workstyle-innovation .sec.sec2 .sec_item3 .box_row .sec_row_img > div img {
    width: 60%; } }
@media screen and (max-width: 768px) {
  #workstyle-innovation .sec.sec2 .sec_item3:nth-child(3) {
    margin: 40px 0 120px; } }
#workstyle-innovation .sec.sec2 .sec_ttl {
  background-image: url("../../../img/usr/freepage/workstyle-innovation/sec_img2.jpg"); }
#workstyle-innovation .sec.sec3 .sec_ttl {
  background-image: url("../../../img/usr/freepage/workstyle-innovation/sec_img3.jpg"); }
@media screen and (max-width: 768px) {
  #workstyle-innovation .sec.sec3 .sec_item2 .box_row .box_col:last-child {
    padding: 0 5%; } }
#workstyle-innovation .box {
  background: #ffffff;
  padding: 45px 0; }
  #workstyle-innovation .box .wrap {
    padding: 0 26px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .wrap {
        padding: 0; } }
  #workstyle-innovation .box .box1_ttl {
    text-align: center; }
  #workstyle-innovation .box .box1_txt {
    font-size: 16px;
    text-align: center;
    padding: 15px 0; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box1_txt {
        font-size: 12px; } }
  #workstyle-innovation .box .box1_nametag {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    background: #1879e0;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box1_nametag {
        font-size: 12px;
        padding: 5px 0; } }
  #workstyle-innovation .box .box1 .box_row {
    margin: 20px 0 0;
    padding: 0 25px;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box1 .box_row {
        padding: 0; } }
    #workstyle-innovation .box .box1 .box_row .box_col {
      width: calc(96% / 2);
      margin: 0 0 30px 0;
      padding: 30px 0;
      text-align: center;
      background: #fff;
      border: 2px solid #1879e0;
      position: relative; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .box .box1 .box_row .box_col {
          width: 100%;
          padding: 20px 0; } }
      #workstyle-innovation .box .box1 .box_row .box_col .box1_item .ttl {
        color: #12125c;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 15px;
        position: relative;
        z-index: 0;
        padding: 6px 35px; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .box .box1 .box_row .box_col .box1_item .ttl {
            font-size: 20px;
            position: relative;
            z-index: 1;
            padding: 6px 65px;
            margin-bottom: 10px; } }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .box .box1 .box_row .box_col .box1_item .txt {
          font-size: 12px; } }
      #workstyle-innovation .box .box1 .box_row .box_col .box1_item .num {
        background: blue;
        font-size: 30px;
        color: #fff;
        display: inline-block;
        text-align: center;
        font-weight: bold;
        position: absolute;
        top: 0;
        left: 0;
        width: 90px;
        height: 90px;
        border-top: 90px solid #1879e0;
        border-right: 90px solid #fff; }
        #workstyle-innovation .box .box1 .box_row .box_col .box1_item .num span {
          position: absolute;
          top: -85px;
          left: 15px;
          color: #fff;
          font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN", "Hiragino Sans",Meiryo,sans-serif; }
  #workstyle-innovation .box .box2_ttl {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
    color: #12125c; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box2_ttl {
        font-size: 20px;
        text-align: center; } }
  #workstyle-innovation .box .box2 .table {
    padding: 0 26px;
    width: 1000px;
    margin: 0 auto; }
  #workstyle-innovation .box .box2 .table table {
    border: 1px solid #c2dbf6;
   }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box2 .table {
        width: 100%;
        padding: 0;
        padding-left: 3%;
        overflow-x: scroll; } }
  #workstyle-innovation .box .box2 .table-wrap {
    position: relative; }
  #workstyle-innovation .box .box2 .table table {
    width: 100%; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box2 .table table {
        width: 700px;
        white-space: nowrap; } }
    #workstyle-innovation .box .box2 .table table th, #workstyle-innovation .box .box2 .table table td {
      border: 1px solid #c2dbf6;
      padding: 5px 5px;
      font-size: 16px;
      text-align: center;
      font-weight: bold;
      background: #fff; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .box .box2 .table table th, #workstyle-innovation .box .box2 .table table td {
          font-size: 13px; } }
      #workstyle-innovation .box .box2 .table table th span, #workstyle-innovation .box .box2 .table table td span {
        font-size: 14px; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .box .box2 .table table th span, #workstyle-innovation .box .box2 .table table td span {
            font-size: 11px; } }
      #workstyle-innovation .box .box2 .table table th:last-child, #workstyle-innovation .box .box2 .table table td:last-child {
        border-right: none; }
    #workstyle-innovation .box .box2 .table table th.lg, #workstyle-innovation .box .box2 .table table td.lg {
      font-size: 20px;
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      background: #c2dbf6;
      width: 236px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .box .box2 .table table th.lg, #workstyle-innovation .box .box2 .table table td.lg {
          font-size: 14px;
          width: auto; } }
      #workstyle-innovation .box .box2 .table table th.lg:last-child, #workstyle-innovation .box .box2 .table table td.lg:last-child {
        border-right: none; }
    #workstyle-innovation .box .box2 .table table th.clr, #workstyle-innovation .box .box2 .table table td.clr {
      color: #12125c; }
    #workstyle-innovation .box .box2 .table table th.clrf, #workstyle-innovation .box .box2 .table table td.clrf {
      color: #fff;
      background: #1879e0;
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      border-top: 1px solid #1879e0;
      border-left: 1px solid #1879e0; }
    #workstyle-innovation .box .box2 .table table th.bg, #workstyle-innovation .box .box2 .table table td.bg {
      background: #c2dbf6;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      width: 240px; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .box .box2 .table table th.bg, #workstyle-innovation .box .box2 .table table td.bg {
          width: 175px; } }
    #workstyle-innovation .box .box2 .table table span {
      font-size: 14px; }
      #workstyle-innovation .box .box2 .table table span.sm {
        font-size: 12px; }
        @media screen and (max-width: 768px) {
          #workstyle-innovation .box .box2 .table table span.sm {
            font-size: 11px; } }
    #workstyle-innovation .box .box2 .table table thead {
      background: #c2dbf6; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box2 .table table td[colspan="3"] {
        height: 65px;
        overflow: hidden; } }
  #workstyle-innovation .box .box2 .table--sp {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-left: 3.3%;
    position: absolute;
    top: 0;
    left: 0; }
    #workstyle-innovation .box .box2 .table--sp table {
      background: #c2dbf6;
      width: 100%;
      border-bottom: 1px solid #c2dbf6;
      white-space: nowrap; }
      #workstyle-innovation .box .box2 .table--sp table td, #workstyle-innovation .box .box2 .table--sp table th {
        font-size: 13px;
        padding: 5px;
        font-weight: bold;
        color: #12125c;
        text-align: center;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff; }
      #workstyle-innovation .box .box2 .table--sp table th {
        color: #fff;
        background: #1879e0;
        border-top: 2px solid #1879e0; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .box .box2 .table--sp table td.colspan {
          height: 65px; } }
  #workstyle-innovation .box .box2_note {
    font-size: 12px;
    text-align: right;
    color: #373737;
    font-weight: bold;
    margin-top: 10px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box2_note {
        font-size: 11px;
        text-align: left; } }
  #workstyle-innovation .box .box2_btn {
    text-align: center;
    margin-top: 60px; }
    @media screen and (max-width: 768px) {
      #workstyle-innovation .box .box2_btn {
        margin-top: 30px; } }
    #workstyle-innovation .box .box2_btn a {
      color: #fff;
      font-size: 21px;
      font-weight: bold;
      text-align: center;
      line-height: 1;
      text-decoration: none;
      padding: 25px 115px;
      display: inline-block;
      background: #12125c;
      position: relative;
      border: 2px solid #12125c; }
      @media screen and (max-width: 768px) {
        #workstyle-innovation .box .box2_btn a {
          font-size: 15px;
          padding: 15px 50px; } }
      #workstyle-innovation .box .box2_btn a:after {
        content: "";
        width: 28px;
        height: 10px;
        background: url("../../../img/usr/freepage/workstyle-innovation/icon3.png") no-repeat;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%); }
      #workstyle-innovation .box .box2_btn a:hover {
        background: #fff;
        color: #12125c; }
        #workstyle-innovation .box .box2_btn a:hover:after {
          background: url("../../../img/usr/freepage/workstyle-innovation/icon3-av2.png") no-repeat; }
   sup{
       vertical-align: top;
   }

#youtube_ {
	color : #000073;
	font-size : 16px;
	font-weight : bold;
	border-left : 5px solid #000073;
	margin-top : 30px !important;
	margin-bottom : 20px;
}
			
#youtube_ > div {
	padding-left :10px;
}
										
#youtube_text{
	font-size : 0.8em;
	margin-top :20px;
	margin-bottom : 20px;
}