#service .pageHeading._bg {
  background-image: url(../img/service/pageHeading_sp.jpg);
  margin-bottom: 30px; }
@media screen and (min-width: 768px) {
  #service .pageHeading._bg {
    background-image: url(../img/service/pageHeading.jpg); } }
#service .pageHeading_wrapper {
  margin-bottom: 30px; }
  #service .pageHeading_wrapper .anker_box {
    background: #fff;
    padding: 0 30px; }
    #service .pageHeading_wrapper .anker_box ul li {
      margin-bottom: 10px; }
      #service .pageHeading_wrapper .anker_box ul li a {
        background: #FFD800;
        position: relative;
        font-weight: 700;
        padding: 20px 0px 20px 62px;
        border-radius: 5px;
        font-size: 14px; }
        #service .pageHeading_wrapper .anker_box ul li a::before {
          content: url("../img/service/icon_engineer_fff.svg");
          position: absolute;
          left: 18px;
          top: 54%;
          transform: translateY(-50%); }
        #service .pageHeading_wrapper .anker_box ul li a::after {
          content: url("../img/common/arrow_simple_white2.svg");
          position: absolute;
          right: 25px;
          top: 53%;
          transform: translateY(-50%) rotate(90deg) scaleX(0.8);
          transition: .2s; }
        #service .pageHeading_wrapper .anker_box ul li a:hover::after {
          top: 60%; }
        #service .pageHeading_wrapper .anker_box ul li a.drawing::before {
          content: url("../img/service/icon_drawing_fff.svg"); }
        #service .pageHeading_wrapper .anker_box ul li a.media::before {
          content: url("../img/service/icon_media_fff.svg"); }
@media screen and (min-width: 768px) {
  #service .pageHeading_wrapper {
    margin-bottom: 60px;
    position: relative; }
    #service .pageHeading_wrapper .pageHeading._bg {
      justify-content: flex-start;
      align-items: flex-end;
      padding: 43px 5vw; }
      #service .pageHeading_wrapper .pageHeading._bg .pageHeading_inner {
        text-align: left; }
    #service .pageHeading_wrapper .anker_box {
      position: absolute;
      right: 0;
      bottom: 0;
      border-radius: 10px 0 0 0;
      padding: 12px 17px 0 22px; }
      #service .pageHeading_wrapper .anker_box ul li {
        margin-bottom: 0;
        padding: 0 5px; }
        #service .pageHeading_wrapper .anker_box ul li a {
          min-width: 257px; } }
#service .intro {
  margin-bottom: 120px; }
  @media screen and (max-width: 767px) {
    #service .intro {
      margin-bottom: 30px; }
      #service .intro .b_model {
        margin-top: 40px; }
        #service .intro .b_model .heading_circle {
          font-size: 16px;
          font-weight: 500;
          padding-left: 18px;
          position: relative;
          margin-bottom: 5px; }
          #service .intro .b_model .heading_circle::before {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            background: #FFD800;
            border-radius: 10px;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
        #service .intro .b_model p {
          font-size: 12px;
          opacity: .7;
          margin-bottom: -10px; }
        #service .intro .b_model .of-hidden {
          overflow: scroll;
          width: 100vw;
          margin-left: -30px; }
          #service .intro .b_model .of-hidden img {
            width: 1020px;
            max-width: inherit; } }
#service .sec .ttl_wrapper {
  position: relative; }
  #service .sec .ttl_wrapper .inner {
    margin: 0 30px;
    padding: 30px 0; }
    #service .sec .ttl_wrapper .inner .col-2 {
      display: flex;
      justify-content: center;
      align-items: center;
      border-right: 2px solid #FFD800;
      padding-left: 0; }
      #service .sec .ttl_wrapper .inner .col-2 img {
        width: 50px; }
    #service .sec .ttl_wrapper .inner .col-10 {
      padding-left: 20px; }
      #service .sec .ttl_wrapper .inner .col-10 h2 {
        font-size: 20px;
        font-weight: 700; }
      #service .sec .ttl_wrapper .inner .col-10 .montserrat {
        font-size: 10px;
        font-weight: 700; }
  #service .sec .ttl_wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/service/ttl01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1; }
#service .sec .body {
  padding: 30px 0 40px; }
  #service .sec .body .row {
    flex-direction: column-reverse;
    margin-bottom: 30px; }
    #service .sec .body .row h3 {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: .8em; }
#service .sec:not(:first-child) {
  margin-top: 50px; }
@media screen and (min-width: 768px) {
  #service .sec .ttl_wrapper {
    background: #F5F4EF; }
    #service .sec .ttl_wrapper .inner {
      padding: 58px 0;
      margin: 0 5vw; }
      #service .sec .ttl_wrapper .inner .col-2 {
        justify-content: flex-end;
        padding-right: 30px; }
        #service .sec .ttl_wrapper .inner .col-2 img {
          width: 69px; }
      #service .sec .ttl_wrapper .inner .col-10 {
        padding-left: 30px; }
        #service .sec .ttl_wrapper .inner .col-10 h2 {
          font-size: 28px; }
        #service .sec .ttl_wrapper .inner .col-10 .montserrat {
          font-size: 14px; }
    #service .sec .ttl_wrapper::after {
      background-size: contain;
      background-position: right;
      z-index: 0; }
  #service .sec .body {
    padding: 90px 100px; }
    #service .sec .body .container > .row {
      align-items: center;
      margin-bottom: 78px; }
      #service .sec .body .container > .row .media {
        width: 90%; }
      #service .sec .body .container > .row h3 {
        font-size: 24px; }
      #service .sec .body .container > .row.flex-md-row-reverse .media {
        float: right; }
  #service .sec:not(:first-child) {
    margin-top: 150px; } }
#service .sec#drawing .ttl_wrapper::after {
  background-image: url(../img/service/ttl02.jpg); }
#service .sec#drawing .body .bg-sub {
  background: #F5F4EF;
  margin-top: 20px;
  padding: 12px 20px;
  margin-bottom: 30px; }
  #service .sec#drawing .body .bg-sub p {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0; }
#service .sec#drawing .bnr_wrapper .bnr {
  position: relative;
  background: none; }
  #service .sec#drawing .bnr_wrapper .bnr::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/service/bnr03_sp.jpg");
    background-size: cover;
    z-index: -1; }
  #service .sec#drawing .bnr_wrapper .bnr .text p {
    line-height: 1.2;
    padding-bottom: 15px;
    border-bottom: 1px solid #fff; }
  #service .sec#drawing .bnr_wrapper .bnr .text .add {
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
    font-size: 12px; }
@media screen and (min-width: 768px) {
  #service .sec#drawing .body {
    padding-bottom: 0; }
    #service .sec#drawing .body .bg-sub {
      margin-bottom: 0; }
      #service .sec#drawing .body .bg-sub p {
        font-size: 14px; }
  #service .sec#drawing .bnr_wrapper .bnr {
    min-height: 208px; }
    #service .sec#drawing .bnr_wrapper .bnr::before {
      background-image: url("../img/service/bnr03.jpg"); }
    #service .sec#drawing .bnr_wrapper .bnr .text {
      padding: 40px 22px 25px 42px; }
      #service .sec#drawing .bnr_wrapper .bnr .text h4 {
        font-size: 24px; }
      #service .sec#drawing .bnr_wrapper .bnr .text p {
        font-size: 16px;
        border-bottom: none;
        line-height: 1.5; }
    #service .sec#drawing .bnr_wrapper .bnr .add {
      position: absolute;
      right: 35px;
      bottom: 82px; } }
#service .sec#media .ttl_wrapper {
  background: #F5F4EF; }
  #service .sec#media .ttl_wrapper::after {
    background-image: none; }
#service .sec#media .body {
  margin-bottom: 20px; }
  #service .sec#media .body .bg-sub {
    background: #F5F4EF;
    padding: 24px 22px 34px 34px;
    margin-bottom: 35px; }
    #service .sec#media .body .bg-sub li {
      font-size: 14px;
      font-weight: 700;
      color: #FFD800;
      list-style: disc; }
      #service .sec#media .body .bg-sub li span {
        color: #333; }
      #service .sec#media .body .bg-sub li:not(:last-child) {
        margin-bottom: 25px; }
      #service .sec#media .body .bg-sub li .montserrat {
        font-size: 24px; }
  #service .sec#media .body .links .col-md-6 {
    margin-bottom: 13px; }
  #service .sec#media .body .link {
    border: 1px solid #C6C6C6;
    border-radius: 6px;
    padding: 20px 60px 24px 20px;
    position: relative; }
    #service .sec#media .body .link .text-box {
      padding-left: 20px;
      border-left: 3px solid #FFD800; }
      #service .sec#media .body .link .text-box h4 {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: .6em; }
      #service .sec#media .body .link .text-box p {
        font-size: 12px;
        opacity: .7;
        line-height: 1.6;
        margin-bottom: 0; }
    #service .sec#media .body .link::after {
      content: url("../img/common/arrow_circle_yellow2.svg");
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 15px; }
@media screen and (min-width: 768px) {
  #service .sec#media .body {
    margin-bottom: 80px; }
    #service .sec#media .body .flex-md-row-reverse {
      align-items: flex-start; }
    #service .sec#media .body .bg-sub {
      margin-top: 40px;
      padding: 36px 36px 56px 64px; }
      #service .sec#media .body .bg-sub li {
        font-size: 16px; }
        #service .sec#media .body .bg-sub li .montserrat {
          font-size: 28px; }
    #service .sec#media .body .link {
      padding: 27px 80px 27px 22px;
      transition: .2s;
      height: 100%; }
      #service .sec#media .body .link:hover {
        transform: scale(0.96); }
      #service .sec#media .body .link .text-box {
        padding-left: 22px; }
        #service .sec#media .body .link .text-box h4 {
          font-size: 18px; }
        #service .sec#media .body .link .text-box p {
          font-size: 14px; } }
#service .bnr_wrapper {
  margin-top: 40px; }
  #service .bnr_wrapper .heading_bullet {
    padding-left: 18px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px; }
    #service .bnr_wrapper .heading_bullet::before {
      content: "";
      width: 4px;
      height: 100%;
      position: absolute;
      background: #FFD800;
      border-radius: 10px;
      left: 0;
      top: 0; }
  #service .bnr_wrapper .bnr {
    border-radius: 10px;
    background: #FFD800;
    overflow: hidden; }
    #service .bnr_wrapper .bnr .row {
      flex-direction: column;
      margin-bottom: 0; }
      #service .bnr_wrapper .bnr .row .text {
        padding: 30px 22px 25px 22px; }
        #service .bnr_wrapper .bnr .row .text h4 {
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 14px; }
        #service .bnr_wrapper .bnr .row .text p {
          font-size: 12px;
          opacity: .6;
          margin-bottom: 20px;
          letter-spacing: 0; }
        #service .bnr_wrapper .bnr .row .text .Btn_radius {
          background: #fff;
          text-align: center;
          padding: 10px 0 12px;
          font-size: 12px;
          font-weight: 700;
          border-radius: 20px; }
        #service .bnr_wrapper .bnr .row .text .newtab {
          position: relative; }
          #service .bnr_wrapper .bnr .row .text .newtab::after {
            position: absolute;
            content: url("../img/common/newtab.svg");
            right: 20px;
            top: 53%;
            transform: translateY(-50%); }
  @media screen and (min-width: 768px) {
    #service .bnr_wrapper .heading_bullet {
      font-size: 20px;
      margin-bottom: 30px; }
    #service .bnr_wrapper .bnr {
      transition: .2s;
      position: relative; }
      #service .bnr_wrapper .bnr .row {
        flex-direction: row; }
        #service .bnr_wrapper .bnr .row .text h4 {
          font-size: 20px; }
        #service .bnr_wrapper .bnr .row .text p {
          font-size: 14px; }
      #service .bnr_wrapper .bnr::after {
        content: url("../img/service/visit_website.svg");
        position: absolute;
        right: 35px;
        bottom: 22px; }
      #service .bnr_wrapper .bnr:hover {
        transform: scale(0.98);
        border-radius: 30px; } }
#service .recruit .container-md {
  background: #F5F4EF;
  padding: 34px 30px; }
  #service .recruit .container-md h2 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 1em; }
    #service .recruit .container-md h2 span {
      background: #FFD800;
      border-radius: 10px 0px 10px 0px;
      font-size: 12px;
      padding: 4px 13px 5px;
      margin-right: 1em; }
  #service .recruit .container-md .bnr_wrapper {
    margin-top: 22px; }
@media screen and (min-width: 768px) {
  #service .recruit .container-md {
    max-width: 1040px;
    margin: 0 auto;
    padding: 53px 40px 43px; }
    #service .recruit .container-md h2 {
      font-size: 19px;
      margin-bottom: 24px; }
    #service .recruit .container-md .media img {
      width: 90%;
      float: right; }
    #service .recruit .container-md .bnr_wrapper {
      margin-top: 50px; } }

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