@charset "UTF-8";
#work .block {
  position: relative; }

#work ._page-header {
  background-image: url(../../../img/page/work/pc/header_bg.jpg);
  background-position: center top -105px; }
  #work ._page-header .tri {
    bottom: -170px;
    position: absolute;
    right: 0; }

#work h2 {
  font-size: 34px;
  text-align: center; }
  #work h2 .txt-dashed {
    border-bottom: 2px dashed #000;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px; }
  #work h2 .txt-block {
    display: block; }

#work h3 {
  color: #4269D3;
  font-size: 25px;
  line-height: 1;
  text-align: center; }

#work h4 {
  font-size: 20px;
  line-height: 1; }

#work p {
  font-size: 16px; }
  #work p.desc {
    margin: 35px 232px 65px; }
  #work p .txt-blue {
    color: #1263B2; }
    #work p .txt-blue:hover {
      text-decoration: underline; }

#work .section-01 {
  padding-top: 60px; }
  #work .section-01 .txt-staff {
    left: -30px;
    position: absolute;
    top: -135px;
    z-index: -1; }
  #work .section-01 .tri {
    left: -30px;
    position: absolute;
    top: 220px; }
  #work .section-01 .tri2 {
    position: absolute;
    right: 50%;
    margin-right: 712px;
    top: 145px; }
  #work .section-01 .flex {
    margin: 40px 0; }
    #work .section-01 .flex .flex-item {
      margin-right: 30px;
      width: 370px; }
      #work .section-01 .flex .flex-item:last-of-type {
        margin-right: 0; }
  #work .section-01 .img {
    margin-bottom: 10px;
    position: relative; }
    #work .section-01 .img h4 {
      background: url(../../../img/page/work/pc/sec01_bg_txt.png) no-repeat center;
      bottom: 13px;
      height: 48px;
      left: 0;
      line-height: 48px;
      padding-right: 15px;
      position: absolute;
      text-align: center;
      width: 176px; }
  #work .section-01 .box {
    border: 5px solid #4269D3;
    padding: 30px 70px 40px;
    position: relative; }
    #work .section-01 .box.box1 {
      margin-bottom: 135px; }
    #work .section-01 .box h3 {
      font-size: 22px;
      vertical-align: middle; }
      #work .section-01 .box h3::before {
        background: url(../../../img/page/work/pc/ico_hand.png) no-repeat center;
        content: '';
        display: inline-block;
        height: 41px;
        margin-right: 10px;
        width: 37px; }
    #work .section-01 .box ul {
      margin: 15px 0 0; }
      #work .section-01 .box ul li {
        font-size: 18px;
        font-weight: bold;
        margin-right: 40px; }
        #work .section-01 .box ul li:last-child {
          margin-right: 0; }
        #work .section-01 .box ul li::before {
          color: #4269D3;
          content: '■';
          margin-right: 8px; }
    #work .section-01 .box .txt-point {
      bottom: -42px;
      position: absolute;
      right: -7px; }

#work .section-02 {
  overflow: hidden;
  padding-top: 125px; }
  #work .section-02 .tri1 {
    left: 25px;
    position: absolute; }
  #work .section-02 .tri2 {
    position: absolute;
    right: 73px; }
  #work .section-02 .tri3 {
    position: absolute;
    top: -82px;
    right: 50%;
    margin-right: 570px; }
  #work .section-02 .tri4 {
    position: absolute;
    top: -57px;
    right: 50%;
    margin-right: -720px; }
  #work .section-02 .tri5 {
    position: absolute;
    bottom: 350px;
    right: 50%;
    margin-right: -950px; }
  #work .section-02 .content {
    background-color: #F8F8F8;
    background-position: center left 40px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    padding: 60px 50px 65px;
    padding-left: 160px;
    position: relative; }
    #work .section-02 .content.co1 {
      background-image: url(../../../img/page/work/pc/sec02_ico1.png); }
    #work .section-02 .content.co2 {
      background-image: url(../../../img/page/work/pc/sec02_ico2.png);
      padding-bottom: 35px;
      padding-top: 30px; }
      #work .section-02 .content.co2 .txt {
        margin-top: 30px; }
    #work .section-02 .content.co3 {
      background-image: url(../../../img/page/work/pc/sec02_ico3.png);
      padding-bottom: 50px;
      padding-top: 45px; }
    #work .section-02 .content.co4 {
      background-image: url(../../../img/page/work/pc/sec02_ico4.png);
      padding-bottom: 35px;
      padding-top: 35px; }
      #work .section-02 .content.co4 .txt {
        margin-top: 40px; }
    #work .section-02 .content.co5 {
      background-image: url(../../../img/page/work/pc/sec02_ico5.png);
      margin-bottom: 25px; }
      #work .section-02 .content.co5::after {
        background: none; }
    #work .section-02 .content:after {
      background: url(../../../img/page/work/pc/ico_tri.png) no-repeat center;
      bottom: -28px;
      content: '';
      height: 57px;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 57px;
      z-index: -1; }
    #work .section-02 .content h4 {
      margin-bottom: 10px; }
    #work .section-02 .content .btn {
      margin-left: 15px; }
    #work .section-02 .content .img {
      margin-top: 20px; }
    #work .section-02 .content .txt {
      float: left;
      width: 500px; }
    #work .section-02 .content .img-right {
      float: right; }

/**
 * For SP Layout
 */
@media screen and (max-width: 750px) {
  #work {
    overflow: hidden; }
    #work .block {
      margin: 0 3.5rem; }
    #work ._page-header {
      background-image: url(../../../img/page/work/sp/header_bg.jpg);
      background-position: center; }
      #work ._page-header .block {
        margin-left: 5.5rem; }
      #work ._page-header .tri {
        bottom: -20rem;
        right: -8rem;
        width: 20rem; }
      #work ._page-header .tri1 {
        position: absolute;
        bottom: 0;
        right: 7.7rem;
        width: 5rem; }
      #work ._page-header img {
        width: 27.6rem; }
    #work h2 {
      font-size: 5rem; }
      #work h2 .txt-dashed {
        border-bottom: .2rem dashed #000;
        font-size: 3rem;
        padding-bottom: 1.5rem; }
      #work h2 .txt-block {
        margin-top: 1rem; }
    #work h3 {
      font-size: 4.1rem; }
    #work h4 {
      font-size: 3.2rem; }
    #work p {
      font-size: 3.2rem; }
      #work p.desc {
        margin: 4rem 0 7rem; }
    #work .section-01 {
      background: url(../../../img/page/work/sp/sec01_bg1.png) no-repeat left top -1.5rem, url(../../../img/page/work/sp/sec01_bg2.png) no-repeat right top 49rem;
      background-size: 8.9rem, 15.2rem;
      overflow: hidden;
      padding-top: 5rem; }
      #work .section-01 .txt-staff {
        font-size: 13.5rem;
        left: -5.5rem;
        top: -10rem;
        width: 35.9rem; }
      #work .section-01 .tri1 {
        left: -11rem;
        position: absolute;
        top: 57rem;
        width: 15.7rem; }
      #work .section-01 .tri2 {
        position: absolute;
        right: -7.7rem;
        top: -13.5rem;
        width: 14.3rem;
        margin-right: 0; }
      #work .section-01 .tri3 {
        left: -11rem;
        position: absolute;
        top: -7.5rem;
        width: 15.7rem; }
      #work .section-01 .tri4 {
        bottom: -1.2rem;
        position: absolute;
        right: -1rem;
        width: 7.9rem; }
      #work .section-01 .flex {
        margin: 4rem 0;
        position: relative; }
        #work .section-01 .flex .flex-item {
          margin-bottom: 2.5rem;
          margin-right: 0;
          width: 100%; }
      #work .section-01 .img {
        margin-bottom: 2rem; }
        #work .section-01 .img h4 {
          background: url(../../../img/page/work/sp/sec01_bg_txt.png) no-repeat center;
          background-size: contain;
          bottom: 2.5rem;
          height: 8.7rem;
          line-height: 8.7rem;
          padding-right: 1.5rem;
          width: 32.3rem; }
      #work .section-01 .box {
        border: .5rem solid #4269D3;
        padding: 4rem 4.5rem; }
        #work .section-01 .box.box1 {
          margin-bottom: 10rem; }
        #work .section-01 .box h3 {
          font-size: 3.5rem; }
          #work .section-01 .box h3::before {
            background: url(../../../img/page/work/sp/ico_hand.png) no-repeat center;
            background-size: contain;
            height: 7.1rem;
            margin-right: 1.5rem;
            width: 6.5rem; }
        #work .section-01 .box ul {
          display: block;
          margin: 3rem 0 0; }
          #work .section-01 .box ul li {
            font-size: 3.2rem;
            line-height: 1.5;
            margin-right: 0;
            padding-left: 5rem;
            text-indent: -5rem; }
            #work .section-01 .box ul li:first-child {
              margin-bottom: 2.5rem; }
            #work .section-01 .box ul li::before {
              margin-right: 2rem; }
        #work .section-01 .box .txt-point {
          bottom: -7rem;
          right: -.5rem;
          width: 50.3rem; }
    #work .section-02 {
      background-size: 12.1rem, 22.9rem;
      padding-top: 5.5rem; }
      #work .section-02 .tri1 {
        left: -5rem;
        position: absolute;
        top: -3rem;
        width: 12rem; }
      #work .section-02 .tri2 {
        position: absolute;
        right: -2rem;
        top: -7rem;
        width: 22.9rem; }
      #work .section-02 .content {
        background-position: top 3rem left 3.5rem;
        background-size: 14.4rem;
        margin: 0 -3.5rem 5.5rem;
        padding: 8rem 3rem 5.5rem !important; }
        #work .section-02 .content.co1 {
          background-image: url(../../../img/page/work/sp/sec02_ico1.png); }
        #work .section-02 .content.co2 {
          background-image: url(../../../img/page/work/sp/sec02_ico2.png); }
          #work .section-02 .content.co2 .txt {
            margin-top: 0; }
        #work .section-02 .content.co3 {
          background-image: url(../../../img/page/work/sp/sec02_ico3.png); }
        #work .section-02 .content.co4 {
          background-image: url(../../../img/page/work/sp/sec02_ico4.png); }
          #work .section-02 .content.co4 .txt {
            margin-top: 0; }
        #work .section-02 .content.co5 {
          background-image: url(../../../img/page/work/sp/sec02_ico5.png);
          margin-bottom: 6rem; }
        #work .section-02 .content:after {
          background: url(../../../img/page/work/sp/ico_tri.png) no-repeat center;
          background-size: contain;
          bottom: -5rem;
          height: 10rem;
          width: 10rem; }
        #work .section-02 .content h4 {
          font-size: 3.8rem;
          margin-bottom: 6.5rem;
          margin-left: 17rem; }
        #work .section-02 .content .btn {
          display: block;
          margin-left: 0;
          margin-top: 3rem; }
        #work .section-02 .content .img {
          margin-top: 6rem; }
        #work .section-02 .content .txt {
          float: none;
          width: auto; }
        #work .section-02 .content .img-right {
          float: none;
          margin-top: 5rem; } }

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